@eccenca/gui-elements 23.0.0-rc.7 → 23.1.0-rc.1

package/dist/cjs/components/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,qDAA2C;AAI3C,6DAAsE;AAmCtE;;;GAGG;AACH,SAAgB,KAAK,CAAC,EAST;QATS,EACpB,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,QAAQ,EACnB,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,MAAM,EACN,QAAQ,OAEG,EADR,SAAS,cARQ,gFASrB,CADa;IAEV,IAAI,YAAY,GAAG,QAAQ,CAAC;IAC5B,wBAAwB;IACxB,+CAA+C;IAC/C,IACI,OAAO,QAAQ,KAAK,QAAQ;QAC5B,SAAS;QACT,SAAS,GAAG,CAAC;QACb,QAAQ,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,GAAC,CAAC,CAAC,EACvC;QACE,YAAY,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,GAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAA;KACrD;IACD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAC9B,YAAY,GAAG,EAAE,CAAC;KACrB;IACD,OAAO,CACH,sDACI,SAAS,EACL,GAAG,uBAAM,UAAU,uBAAM,WAAW,QAAQ,EAAE;YAC9C,CAAC,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,uBAAM,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,IAE9D,SAAS;QAEb,8BAAC,aAAG,kBACA,SAAS,EAAE,GAAG,uBAAM,aAAa,EACjC,KAAK,QACL,KAAK,EAAE,IAAI,KAAK,OAAO,EACvB,KAAK,EAAE,IAAI,KAAK,OAAO,EACvB,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC1C,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAChC,IAAI,EAAE,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACzD,KAAK,EAAE,CAAC,OAAO,QAAQ,KAAK,QAAQ,IAAI,SAAS,IAAI,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAC,QAAQ,EAAE,SAAS,SAAS,GAAC,CAAC,QAAQ,SAAS,GAAC,CAAC,QAAQ,EAAC,CAAC,CAAC,CAAC,EAAE,IAClI,QAAQ,GAEX,YAAY,CACX,CACH,CACV,CAAC;AACN,CAAC;AAhDD,sBAgDC"}

package/dist/cjs/components/Depiction/Depiction.js

@@ -0,0 +1,111 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Depiction = void 0;
+const react_1 = __importStar(require("react"));
+const color_1 = __importDefault(require("color"));
+const react_inlinesvg_1 = __importDefault(require("react-inlinesvg"));
+const Tooltip_1 = __importDefault(require("../Tooltip/Tooltip"));
+const colorDecideContrastvalue_1 = __importDefault(require("./../../common/utils/colorDecideContrastvalue"));
+const constants_1 = require("../../configuration/constants");
+/**
+ * Display a graphical representation and attache a caption or a badge to it.
+ */
+function Depiction(_a) {
+    var { className = "", image, forceInlineSvg = false, size = "medium", resizing = "cover", ratio = "source", caption, captionPosition = "none", backgroundColor, border, rounded, padding = "none", badge, tooltipProps } = _a, otherFigureProps = __rest(_a, ["className", "image", "forceInlineSvg", "size", "resizing", "ratio", "caption", "captionPosition", "backgroundColor", "border", "rounded", "padding", "badge", "tooltipProps"]);
+    const containerRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (!!backgroundColor && backgroundColor !== "light" && backgroundColor !== "dark") {
+            let color = (0, color_1.default)("#ffffff");
+            try {
+                color = (0, color_1.default)(backgroundColor);
+            }
+            catch (ex) {
+                console.warn("Received invalid background color for depiction: " + backgroundColor);
+            }
+            containerRef.current.style.setProperty(`--${constants_1.CLASSPREFIX}-depiction-background`, color.rgb().toString());
+            containerRef.current.style.setProperty(`--${constants_1.CLASSPREFIX}-depiction-color`, (0, colorDecideContrastvalue_1.default)({ testColor: color }));
+        }
+    }, [backgroundColor]);
+    const updateSvgResizing = react_1.default.useCallback((el) => {
+        let preserveAspectRatio = "";
+        switch (resizing) {
+            case "cover":
+                preserveAspectRatio = "xMidYMid slice";
+                break;
+            case "stretch":
+                preserveAspectRatio = "none";
+                break;
+        }
+        el.setAttribute("preserveAspectRatio", preserveAspectRatio);
+    }, [resizing]);
+    const inlineSvgCall = (0, react_1.useCallback)((svgElement) => {
+        if (svgElement) {
+            updateSvgResizing(svgElement);
+        }
+    }, [updateSvgResizing]);
+    (0, react_1.useEffect)(() => {
+        // Resize element after every render
+        const svgElement = containerRef.current.getElementsByTagName("svg");
+        if (svgElement.length > 0) {
+            updateSvgResizing(svgElement[0]);
+        }
+    });
+    let depiction = image;
+    if (forceInlineSvg &&
+        image.type === "img" &&
+        "src" in image.props &&
+        !!image.props.src &&
+        image.props.src.startsWith("data:image/svg+xml")) {
+        depiction = (react_1.default.createElement(react_inlinesvg_1.default, { src: image.props.src, innerRef: inlineSvgCall }, image));
+    }
+    const depictionContainer = (react_1.default.createElement("div", { ref: containerRef, className: `${constants_1.CLASSPREFIX}-depiction__image` +
+            ` ${constants_1.CLASSPREFIX}-depiction__image--${size}` +
+            ` ${constants_1.CLASSPREFIX}-depiction__image--${resizing}-sizing` +
+            ` ${constants_1.CLASSPREFIX}-depiction__image--ratio-${ratio.replace(":", "to")}` +
+            (backgroundColor === "light" || backgroundColor === "dark" ? ` ${constants_1.CLASSPREFIX}-depiction__image--color-${backgroundColor}` : '') +
+            (!!backgroundColor ? ` ${constants_1.CLASSPREFIX}-depiction__image--color-config` : '') +
+            (border ? ` ${constants_1.CLASSPREFIX}-depiction__image--hasborder` : '') +
+            (rounded ? ` ${constants_1.CLASSPREFIX}-depiction__image--roundedborder` : '') +
+            (padding && padding !== "none" ? ` ${constants_1.CLASSPREFIX}-depiction__image--padding-${padding}` : '') }, depiction));
+    return (react_1.default.createElement("figure", Object.assign({ className: `${constants_1.CLASSPREFIX}-depiction` +
+            (className ? ` ${className}` : '') }, otherFigureProps),
+        captionPosition === "tooltip" && !!caption ? (react_1.default.createElement(Tooltip_1.default, Object.assign({ content: caption, size: "medium" }, tooltipProps), depictionContainer)) : (depictionContainer),
+        !!caption && (react_1.default.createElement("figcaption", { className: `${constants_1.CLASSPREFIX}-depiction__caption` +
+                ` ${constants_1.CLASSPREFIX}-depiction__caption--${captionPosition}` }, caption)),
+        badge));
+}
+exports.Depiction = Depiction;
+//# sourceMappingURL=Depiction.js.map

package/dist/cjs/components/Depiction/Depiction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Depiction.js","sourceRoot":"","sources":["../../../../src/components/Depiction/Depiction.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Grid/Grid.js

@@ -15,12 +15,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-// import PropTypes from 'prop-types';
+// @ts-ignore // FlexGrid is not part of @types/carbon-components-react
 const carbon_components_react_1 = require("carbon-components-react");
 const constants_1 = require("../../configuration/constants");
+/**
+ * Layouts a grid that can contain rows and columns.
+ * Grids can also be stacked into other grids for more complex layouts.
+ * A very complex level of stacked grids is a sign that something should be designed differently.
+ */
 function Grid(_a) {
     var { children, verticalStretchable = false, useAbsoluteSpace = false, className = '' } = _a, restProps = __rest(_a, ["children", "verticalStretchable", "useAbsoluteSpace", "className"]);
-    return (react_1.default.createElement(carbon_components_react_1.Grid, Object.assign({}, restProps, { className: `${constants_1.CLASSPREFIX}-grid` +
+    return (react_1.default.createElement(carbon_components_react_1.FlexGrid, Object.assign({}, restProps, { className: `${constants_1.CLASSPREFIX}-grid` +
             (!!verticalStretchable ? ` ${constants_1.CLASSPREFIX}-grid--stretchable` : "") +
             (!!useAbsoluteSpace ? ` ${constants_1.CLASSPREFIX}-grid--absolutespace` : "") +
             (className ? " " + className : ""), fullWidth: true }), children));

package/dist/cjs/components/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,sCAAsC;AACtC,qEAA6D;AAC7D,6DAAsE;AAQtE,SAAS,IAAI,CAAC,EAMF;QANE,EACV,QAAQ,EACR,mBAAmB,GAAG,KAAK,EAC3B,gBAAgB,GAAG,KAAK,EACxB,SAAS,GAAG,EAAE,OAEN,EADL,SAAS,cALF,oEAMb,CADe;IAEZ,OAAO,CACH,8BAAC,8BAAU,oBACH,SAAS,IACb,SAAS,EACL,GAAG,uBAAM,OAAO;YAChB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,uBAAM,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC7D,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,uBAAM,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5D,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAEtC,SAAS,EAAE,IAAI,KAEb,QAAQ,CACD,CAChB,CAAA;AACL,CAAC;AAED,kBAAe,IAAI,CAAC"}
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,uEAAuE;AACvE,qEAAmF;AACnF,6DAAsE;AAqBtE;;;;GAIG;AACH,SAAS,IAAI,CAAC,EAMF;QANE,EACV,QAAQ,EACR,mBAAmB,GAAG,KAAK,EAC3B,gBAAgB,GAAG,KAAK,EACxB,SAAS,GAAG,EAAE,OAEN,EADL,SAAS,cALF,oEAMb,CADe;IAEZ,OAAO,CACH,8BAAC,kCAAU,oBACH,SAAS,IACb,SAAS,EACL,GAAG,uBAAM,OAAO;YAChB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,uBAAM,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC7D,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,uBAAM,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5D,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAEtC,SAAS,EAAE,IAAI,KAEb,QAAQ,CACD,CAChB,CAAA;AACL,CAAC;AAED,kBAAe,IAAI,CAAC"}

package/dist/cjs/components/Grid/GridColumn.js

@@ -18,14 +18,18 @@ const react_1 = __importDefault(require("react"));
 // import PropTypes from 'prop-types';
 const carbon_components_react_1 = require("carbon-components-react");
 const constants_1 = require("../../configuration/constants");
+/**
+ * Grid columns can be used in grid rows.
+ * They can contain other grids if this is necessary for more complex layouts.
+ */
 function GridColumn(_a) {
-    var { children, className = '', small = false, medium = false, full = true, verticalAlign } = _a, otherProps = __rest(_a, ["children", "className", "small", "medium", "full", "verticalAlign"]);
+    var { children, className = '', small = false, medium = false, full, verticalAlign = "top" } = _a, otherProps = __rest(_a, ["children", "className", "small", "medium", "full", "verticalAlign"]);
     let sizeConfig = {};
     if (small)
         sizeConfig = { md: 2, lg: 3 };
     if (medium)
         sizeConfig = { md: 3, lg: 5 };
-    return (react_1.default.createElement(carbon_components_react_1.Column, Object.assign({}, otherProps, sizeConfig, { className: `${constants_1.CLASSPREFIX}-grid__column` +
+    return (react_1.default.createElement(carbon_components_react_1.Column, Object.assign({}, sizeConfig, otherProps, { className: `${constants_1.CLASSPREFIX}-grid__column` +
             (verticalAlign ? ` ${constants_1.CLASSPREFIX}-grid__column--vertical-` + verticalAlign : '') +
             (className ? ' ' + className : '') }), children));
 }

package/dist/cjs/components/Grid/GridColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridColumn.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,sCAAsC;AACtC,qEAAiE;AACjE,6DAAsE;AAUtE,SAAS,UAAU,CAAC,EAQF;QARE,EAChB,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,KAAK,EACb,MAAM,GAAG,KAAK,EACd,IAAI,GAAG,IAAI,EACX,aAAa,OAEC,EADX,UAAU,cAPG,qEAQnB,CADgB;IAEb,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,KAAK;QAAE,UAAU,GAAG,EAAE,EAAE,EAAC,CAAC,EAAE,EAAE,EAAC,CAAC,EAAE,CAAC;IACvC,IAAI,MAAM;QAAE,UAAU,GAAG,EAAE,EAAE,EAAC,CAAC,EAAE,EAAE,EAAC,CAAC,EAAE,CAAC;IACxC,OAAO,CACH,8BAAC,gCAAY,oBACL,UAAU,EACV,UAAU,IACd,SAAS,EACL,GAAG,uBAAM,eAAe;YACxB,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,uBAAM,0BAA0B,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3E,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAGlC,QAAQ,CACC,CAClB,CAAA;AACL,CAAC;AAED,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"GridColumn.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,sCAAsC;AACtC,qEAAqF;AACrF,6DAAsE;AAuBtE;;;GAGG;AACH,SAAS,UAAU,CAAC,EAQF;QARE,EAChB,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,KAAK,EACb,MAAM,GAAG,KAAK,EACd,IAAI,EACJ,aAAa,GAAG,KAAK,OAEP,EADX,UAAU,cAPG,qEAQnB,CADgB;IAEb,IAAI,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,KAAK;QAAE,UAAU,GAAG,EAAE,EAAE,EAAC,CAAC,EAAE,EAAE,EAAC,CAAC,EAAE,CAAC;IACvC,IAAI,MAAM;QAAE,UAAU,GAAG,EAAE,EAAE,EAAC,CAAC,EAAE,EAAE,EAAC,CAAC,EAAE,CAAC;IACxC,OAAO,CACH,8BAAC,gCAAY,oBACL,UAAU,EACV,UAAU,IACd,SAAS,EACL,GAAG,uBAAM,eAAe;YACxB,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,uBAAM,0BAA0B,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3E,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAGlC,QAAQ,CACC,CAClB,CAAA;AACL,CAAC;AAED,kBAAe,UAAU,CAAC"}

package/dist/cjs/components/Grid/GridRow.js

@@ -18,6 +18,9 @@ const react_1 = __importDefault(require("react"));
 // import PropTypes from 'prop-types';
 const carbon_components_react_1 = require("carbon-components-react");
 const constants_1 = require("../../configuration/constants");
+/**
+ * Grid rows exists as children in a grid and can contain columns.
+ */
 function GridRow(_a) {
     var { children, className = "", dontWrapColumns = true, fullHeight = false, verticalStretched } = _a, otherProps = __rest(_a, ["children", "className", "dontWrapColumns", "fullHeight", "verticalStretched"]);
     return (react_1.default.createElement(carbon_components_react_1.Row, Object.assign({}, otherProps, { className: `${constants_1.CLASSPREFIX}-grid__row` +

package/dist/cjs/components/Grid/GridRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridRow.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,sCAAsC;AACtC,qEAA2D;AAC3D,6DAAsE;AAStE,SAAS,OAAO,CAAC,EAOF;QAPE,EACb,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,eAAe,GAAG,IAAI,EACtB,UAAU,GAAG,KAAK,EAClB,iBAAiB,OAEN,EADR,UAAU,cANA,+EAOhB,CADgB;IAEb,OAAO,CACH,8BAAC,6BAAS,oBACF,UAAU,IACd,SAAS,EACL,GAAG,uBAAM,YAAY;YACrB,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,uBAAM,6BAA6B,CAAC,CAAC,CAAC,EAAE,CAAC;YAChE,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,uBAAM,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5D,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,uBAAM,wBAAwB,CAAC,CAAC,CAAC,EAAE,CAAC;YACtD,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAGrC,QAAQ,CACD,CACf,CAAC;AACN,CAAC;AAED,kBAAe,OAAO,CAAC"}
+{"version":3,"file":"GridRow.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,sCAAsC;AACtC,qEAA4E;AAC5E,6DAAsE;AAqBtE;;GAEG;AACH,SAAS,OAAO,CAAC,EAOF;QAPE,EACb,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,eAAe,GAAG,IAAI,EACtB,UAAU,GAAG,KAAK,EAClB,iBAAiB,OAEN,EADR,UAAU,cANA,+EAOhB,CADgB;IAEb,OAAO,CACH,8BAAC,6BAAS,oBACF,UAAU,IACd,SAAS,EACL,GAAG,uBAAM,YAAY;YACrB,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,uBAAM,6BAA6B,CAAC,CAAC,CAAC,EAAE,CAAC;YAChE,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,uBAAM,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC;YAC5D,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,uBAAM,wBAAwB,CAAC,CAAC,CAAC,EAAE,CAAC;YACtD,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAGrC,QAAQ,CACD,CACf,CAAC;AACN,CAAC;AAED,kBAAe,OAAO,CAAC"}

package/dist/cjs/components/Icon/BaseIcon.js

@@ -0,0 +1,38 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const constants_1 = require("../../configuration/constants");
+const Tooltip_1 = __importDefault(require("./../Tooltip/Tooltip"));
+/**
+ * The base icon provides the basic functionality that is necessary to wrap the Carbon icon component.
+ */
+function BaseIcon(_a) {
+    var { iconComponent, className = "", large = false, small = false, tooltipText, tooltipProps, intent, description } = _a, restProps = __rest(_a, ["iconComponent", "className", "large", "small", "tooltipText", "tooltipProps", "intent", "description"]);
+    let sizeConfig = { height: 20, width: 20, size: 20 };
+    if (small)
+        sizeConfig = { height: 16, width: 16, size: 16 };
+    if (large)
+        sizeConfig = { height: 32, width: 32, size: 32 };
+    const CarbonIconNamed = iconComponent;
+    const icon = (react_1.default.createElement(CarbonIconNamed, Object.assign({}, restProps, sizeConfig, { description: description !== null && description !== void 0 ? description : (tooltipText !== null && tooltipText !== void 0 ? tooltipText : ""), className: `${constants_1.CLASSPREFIX}-icon` +
+            (intent ? ` ${constants_1.CLASSPREFIX}-intent--${intent}` : "") +
+            (!!className ? ` ${className}` : "") })));
+    return tooltipText ? (react_1.default.createElement(Tooltip_1.default, Object.assign({ content: tooltipText }, tooltipProps),
+        react_1.default.createElement("span", null, icon))) : (icon);
+}
+exports.default = BaseIcon;
+//# sourceMappingURL=BaseIcon.js.map

package/dist/cjs/components/Icon/BaseIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseIcon.js","sourceRoot":"","sources":["../../../../src/components/Icon/BaseIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,6DAAsE;AAEtE,mEAA6D;AAuC7D;;GAEG;AACH,SAAS,QAAQ,CAAC,EAUF;QAVE,EACd,aAAa,EACb,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,KAAK,EACb,KAAK,GAAG,KAAK,EACb,WAAW,EACX,YAAY,EACZ,MAAM,EACN,WAAW,OAEC,EADT,SAAS,cATE,wGAUjB,CADe;IAEZ,IAAI,UAAU,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;IACrD,IAAI,KAAK;QAAE,UAAU,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;IAC5D,IAAI,KAAK;QAAE,UAAU,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;IAC5D,MAAM,eAAe,GAAG,aAAa,CAAC;IAEtC,MAAM,IAAI,GAAG,CACT,8BAAC,eAAe,oBACR,SAAS,EACT,UAAU,IACd,WAAW,EAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,EAAE,CAAC,EAChD,SAAS,EACL,GAAG,uBAAM,OAAO;YAChB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,uBAAM,YAAY,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC9C,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAE1C,CACL,CAAC;IACF,OAAO,WAAW,CAAC,CAAC,CAAC,CACjB,8BAAC,iBAAO,kBAAC,OAAO,EAAE,WAAW,IAAM,YAAY;QAC3C,4CAAO,IAAI,CAAQ,CACb,CACb,CAAC,CAAC,CAAC,CACA,IAAI,CACP,CAAC;AACN,CAAC;AAED,kBAAe,QAAQ,CAAC"}

package/dist/cjs/components/Icon/Icon.js

@@ -16,11 +16,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.findExistingIconName = void 0;
 const react_1 = __importDefault(require("react"));
-const constants_1 = require("../../configuration/constants");
-const Tooltip_1 = __importDefault(require("./../Tooltip/Tooltip"));
+const BaseIcon_1 = __importDefault(require("./BaseIcon"));
 const canonicalIconNames_1 = __importDefault(require("./canonicalIconNames"));
 /** Returns the first icon that exists or the fallback icon. */
-const findExistingIcon = (iconName, fallbackItem = canonicalIconNames_1.default["Undefined"]) => {
+const findExistingIcon = (iconName, fallbackItem = canonicalIconNames_1.default["undefined"]) => {
     var _a;
     if (typeof iconName === "string") {
         return (_a = canonicalIconNames_1.default[iconName]) !== null && _a !== void 0 ? _a : fallbackItem;
@@ -30,7 +29,7 @@ const findExistingIcon = (iconName, fallbackItem = canonicalIconNames_1.default[
     }
 };
 /** Returns the first icon name that exists or the fallback icon name. */
-const findExistingIconName = (iconNames, fallbackIconName = "Undefined") => {
+const findExistingIconName = (iconNames, fallbackIconName = "undefined") => {
     let foundIconName = fallbackIconName;
     const iconNameStack = [...iconNames];
     while (foundIconName === fallbackIconName && iconNameStack.length > 0) {
@@ -42,27 +41,13 @@ const findExistingIconName = (iconNames, fallbackIconName = "Undefined") => {
     return foundIconName;
 };
 exports.findExistingIconName = findExistingIconName;
+/**
+ * The icon provides a graphical symbol that is specified by a canonical name.
+ * This name is hard-coded to force a homegenous usage of the [Carbon icon library](https://carbondesignsystem.com/guidelines/icons/library).
+ */
 function Icon(_a) {
-    var { className = "", name = "undefined", large = false, small = false, tooltipText, tooltipProps, intent } = _a, restProps = __rest(_a, ["className", "name", "large", "small", "tooltipText", "tooltipProps", "intent"]);
-    let sizeConfig = { height: 20, width: 20 };
-    if (small)
-        sizeConfig = { height: 16, width: 16 };
-    if (large)
-        sizeConfig = { height: 32, width: 32 };
-    const carbonIcon = findExistingIcon(name);
-    let CarbonIconSized = carbonIcon.normal;
-    if (small)
-        CarbonIconSized = carbonIcon.small;
-    if (large)
-        CarbonIconSized = carbonIcon.large;
-    if (!!tooltipText && !restProps.description) {
-        restProps['description'] = tooltipText;
-    }
-    const icon = (react_1.default.createElement(CarbonIconSized, Object.assign({}, restProps, sizeConfig, { className: `${constants_1.CLASSPREFIX}-icon ` +
-            (intent ? `${constants_1.CLASSPREFIX}-intent--${intent} ` : "") +
-            className })));
-    return tooltipText ? (react_1.default.createElement(Tooltip_1.default, Object.assign({ content: tooltipText }, tooltipProps),
-        react_1.default.createElement("span", null, icon))) : (icon);
+    var { name } = _a, otherBaseIconProps = __rest(_a, ["name"]);
+    return react_1.default.createElement(BaseIcon_1.default, Object.assign({ iconComponent: findExistingIcon(name) }, otherBaseIconProps));
 }
 exports.default = Icon;
 //# sourceMappingURL=Icon.js.map

package/dist/cjs/components/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,6DAAsE;AAEtE,mEAA6D;AAC7D,8EAA6E;AAuC7E,+DAA+D;AAC/D,MAAM,gBAAgB,GAAG,CAAC,QAAkC,EAClC,eAA0B,4BAAc,CAAC,WAAW,CAAC,EAAa,EAAE;;IAC1F,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAC9B,OAAO,MAAA,4BAAc,CAAC,QAAQ,CAAC,mCAAI,YAAY,CAAA;KAClD;SAAM;QACH,OAAO,4BAAc,CAAC,IAAA,4BAAoB,EAAC,QAAQ,CAAC,CAAC,CAAA;KACxD;AACL,CAAC,CAAA;AAED,yEAAyE;AAClE,MAAM,oBAAoB,GAAG,CAAC,SAAmB,EACnB,mBAAkC,WAAW,EAAiB,EAAE;IACjG,IAAI,aAAa,GAAW,gBAAgB,CAAC;IAC7C,MAAM,aAAa,GAAG,CAAC,GAAG,SAAS,CAAC,CAAA;IACpC,OAAO,aAAa,KAAK,gBAAgB,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;QACnE,IAAI,cAAc,GAAG,aAAa,CAAC,KAAK,EAAE,CAAC;QAC3C,IAAI,cAAc,IAAK,4BAAsB,CAAC,cAAc,CAAC,IAAI,IAAI,EAAE;YACnE,aAAa,GAAG,cAAc,CAAA;SACjC;KACJ;IACD,OAAO,aAA8B,CAAA;AACzC,CAAC,CAAA;AAXY,QAAA,oBAAoB,wBAWhC;AAED,SAAS,IAAI,CAAC,EASF;QATE,EACV,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,WAAW,EAClB,KAAK,GAAG,KAAK,EACb,KAAK,GAAG,KAAK,EACb,WAAW,EACX,YAAY,EACZ,MAAM,OAEE,EADL,SAAS,cARF,gFASb,CADe;IAEZ,IAAI,UAAU,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IAC3C,IAAI,KAAK;QAAE,UAAU,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IAClD,IAAI,KAAK;QAAE,UAAU,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IAClD,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAA;IACzC,IAAI,eAAe,GAAG,UAAU,CAAC,MAAM,CAAA;IACvC,IAAG,KAAK;QAAE,eAAe,GAAG,UAAU,CAAC,KAAK,CAAA;IAC5C,IAAG,KAAK;QAAE,eAAe,GAAG,UAAU,CAAC,KAAK,CAAA;IAE5C,IAAI,CAAC,CAAC,WAAW,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE;QACzC,SAAS,CAAC,aAAa,CAAC,GAAG,WAAW,CAAC;KAC1C;IAED,MAAM,IAAI,GAAG,CACT,8BAAC,eAAe,oBACR,SAAS,EACT,UAAU,IACd,SAAS,EACL,GAAG,uBAAM,QAAQ;YACjB,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,uBAAM,YAAY,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;YAC9C,SAAS,IAEf,CACL,CAAC;IACF,OAAO,WAAW,CAAC,CAAC,CAAC,CACjB,8BAAC,iBAAO,kBAAC,OAAO,EAAE,WAAW,IAAM,YAAY;QAC3C,4CAAO,IAAI,CAAQ,CACb,CACb,CAAC,CAAC,CAAC,CACA,IAAI,CACP,CAAC;AACN,CAAC;AAED,kBAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,0DAAqD;AACrD,8EAAoF;AAUpF,+DAA+D;AAC/D,MAAM,gBAAgB,GAAG,CACrB,QAAkC,EAClC,eAA+B,4BAAc,CAAC,WAAW,CAAC,EAC5C,EAAE;;IAChB,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAC9B,OAAO,MAAA,4BAAc,CAAC,QAAQ,CAAC,mCAAI,YAAY,CAAC;KACnD;SAAM;QACH,OAAO,4BAAc,CAAC,IAAA,4BAAoB,EAAC,QAAQ,CAAC,CAAC,CAAC;KACzD;AACL,CAAC,CAAA;AAED,yEAAyE;AAClE,MAAM,oBAAoB,GAAG,CAChC,SAAmB,EACnB,mBAAkC,WAAW,EAChC,EAAE;IACf,IAAI,aAAa,GAAW,gBAAgB,CAAC;IAC7C,MAAM,aAAa,GAAG,CAAC,GAAG,SAAS,CAAC,CAAC;IACrC,OAAO,aAAa,KAAK,gBAAgB,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;QACnE,IAAI,cAAc,GAAG,aAAa,CAAC,KAAK,EAAE,CAAC;QAC3C,IAAI,cAAc,IAAK,4BAAsB,CAAC,cAAc,CAAC,IAAI,IAAI,EAAE;YACnE,aAAa,GAAG,cAAc,CAAC;SAClC;KACJ;IACD,OAAO,aAA8B,CAAC;AAC1C,CAAC,CAAA;AAbY,QAAA,oBAAoB,wBAahC;AAED;;;GAGG;AACH,SAAS,IAAI,CAAC,EAGF;QAHE,EACV,IAAI,OAEI,EADL,kBAAkB,cAFX,QAGb,CADwB;IAErB,OAAO,8BAAC,kBAAQ,kBAAC,aAAa,EAAE,gBAAgB,CAAC,IAAI,CAAC,IAAM,kBAAkB,EAAI,CAAA;AACtF,CAAC;AAED,kBAAe,IAAI,CAAC"}

package/dist/cjs/components/Icon/IconButton.js

@@ -21,7 +21,14 @@ const Icon_1 = __importDefault(require("./Icon"));
 /** A button with an icon instead of text. */
 function IconButton(_a) {
     var { className = "", name = "undefined", text, tooltipProps, description, tooltipAsTitle = false, minimal = true } = _a, restProps = __rest(_a, ["className", "name", "text", "tooltipProps", "description", "tooltipAsTitle", "minimal"]);
-    return (react_1.default.createElement(Button_1.default, Object.assign({ title: tooltipAsTitle && text ? text : undefined }, restProps, { icon: react_1.default.createElement(Icon_1.default, { name: name, small: restProps.small, large: restProps.large, tooltipText: tooltipAsTitle ? undefined : text, tooltipProps: !!tooltipProps ? Object.assign({ hoverOpenDelay: 1000 }, tooltipProps) : { hoverOpenDelay: 1000 }, description: description ? description : text }), className: `${constants_1.CLASSPREFIX}-button--icon ` + className, minimal: minimal })));
+    const iconProps = {
+        small: restProps.small,
+        large: restProps.large,
+        tooltipText: tooltipAsTitle ? undefined : text,
+        tooltipProps: !!tooltipProps ? Object.assign({ hoverOpenDelay: 1000 }, tooltipProps) : { hoverOpenDelay: 1000 },
+        description: description ? description : text,
+    };
+    return (react_1.default.createElement(Button_1.default, Object.assign({ title: tooltipAsTitle && text ? text : undefined }, restProps, { icon: (typeof name === "string" || Array.isArray(name)) ? (react_1.default.createElement(Icon_1.default, Object.assign({ name: name }, iconProps))) : (react_1.default.cloneElement(name, iconProps)), className: `${constants_1.CLASSPREFIX}-button--icon ` + className, minimal: minimal })));
 }
 exports.default = IconButton;
 //# sourceMappingURL=IconButton.js.map

package/dist/cjs/components/Icon/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/Icon/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8DAA4E;AAC5E,6DAAoE;AACpE,kDAA0B;AA6B1B,6CAA6C;AAC7C,SAAS,UAAU,CAAC,EASoB;QATpB,EAChB,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,WAAW,EAClB,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,cAAc,GAAG,KAAK,EACtB,OAAO,GAAC,IAAI,OAEwB,EADjC,SAAS,cARI,yFASnB,CADe;IAEZ,OAAO,CACH,8BAAC,gBAAM,kBACH,KAAK,EAAE,cAAc,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,IAC5C,SAAS,IACb,IAAI,EACA,8BAAC,cAAI,IACD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAC9C,YAAY,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,iBAAE,cAAc,EAAE,IAAI,IAAK,YAAY,EAAE,CAAC,CAAC,EAAC,cAAc,EAAE,IAAI,EAAC,EAC/F,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,GAC/C,EAEN,SAAS,EAAE,GAAG,uBAAM,gBAAgB,GAAG,SAAS,EAChD,OAAO,EAAE,OAAO,IAClB,CACL,CAAC;AACN,CAAC;AAED,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/Icon/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8DAA4E;AAC5E,6DAAoE;AACpE,kDAA0B;AA8B1B,6CAA6C;AAC7C,SAAS,UAAU,CAAC,EASoB;QATpB,EAChB,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,WAAW,EAClB,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,cAAc,GAAG,KAAK,EACtB,OAAO,GAAC,IAAI,OAEwB,EADjC,SAAS,cARI,yFASnB,CADe;IAEZ,MAAM,SAAS,GAAG;QACd,KAAK,EAAE,SAAS,CAAC,KAAK;QACtB,KAAK,EAAE,SAAS,CAAC,KAAK;QACtB,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;QAC9C,YAAY,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,iBAAE,cAAc,EAAE,IAAI,IAAK,YAAY,EAAE,CAAC,CAAC,EAAC,cAAc,EAAE,IAAI,EAAC;QAC/F,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI;KAChD,CAAC;IAEF,OAAO,CACH,8BAAC,gBAAM,kBACH,KAAK,EAAE,cAAc,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,IAC5C,SAAS,IACb,IAAI,EAAE,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CACtD,8BAAC,cAAI,kBAAC,IAAI,EAAE,IAAI,IAAM,SAAS,EAAI,CACtC,CAAC,CAAC,CAAC,CACA,eAAK,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CACtC,EACD,SAAS,EAAE,GAAG,uBAAM,gBAAgB,GAAG,SAAS,EAChD,OAAO,EAAE,OAAO,IAClB,CACL,CAAC;AACN,CAAC;AAED,kBAAe,UAAU,CAAC"}

package/dist/cjs/components/Icon/TestIcon.js

@@ -0,0 +1,35 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const BaseIcon_1 = __importDefault(require("./BaseIcon"));
+const constants_1 = require("../../configuration/constants");
+/**
+ * This component is primarily provided to test icons in a third application without defining them via a canonical name before.
+ *
+ * Example usage:
+ * ```
+ * import { LogoReact } from "@carbon/icons-react";
+ * const testIcon = <TestIcon tryout={LogoReact} />
+ * ```
+ */
+function TestIcon(_a) {
+    var { className = "", tryout } = _a, otherBaseIconProps = __rest(_a, ["className", "tryout"]);
+    return (react_1.default.createElement(BaseIcon_1.default, Object.assign({ iconComponent: tryout, className: `${constants_1.CLASSPREFIX}-icon--test` +
+            (className ? ` ${className}` : "") }, otherBaseIconProps)));
+}
+exports.default = TestIcon;
+//# sourceMappingURL=TestIcon.js.map

package/dist/cjs/components/Icon/TestIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestIcon.js","sourceRoot":"","sources":["../../../../src/components/Icon/TestIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,0DAAqD;AAErD,6DAAsE;AAStE;;;;;;;;GAQG;AACH,SAAS,QAAQ,CAAC,EAIF;QAJE,EACd,SAAS,GAAG,EAAE,EACd,MAAM,OAEM,EADT,kBAAkB,cAHP,uBAIjB,CADwB;IAErB,OAAO,CACH,8BAAC,kBAAQ,kBACL,aAAa,EAAE,MAAM,EACrB,SAAS,EACL,GAAG,uBAAM,aAAa;YACtB,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAElC,kBAAkB,EACxB,CACL,CAAC;AACN,CAAC;AAED,kBAAe,QAAQ,CAAC"}