@imposium-hub/components 2.3.4 → 2.3.5

package/src/components/advanced-number-field/AdvancedNumberField.tsx

@@ -5,7 +5,7 @@ import { IToolTipConfig } from '../Tooltip';
 
 interface IAdvancedNumberFieldProps {
     buttons?: any;
-    label?: string;
+    label?: any;
     placeholder?: string;
     readOnly?: boolean;
     value: number;

package/src/components/anchor-field/AnchorField.tsx

@@ -21,7 +21,7 @@ interface IAnchorFieldProps {
     labelPosition?: string;
     tooltip?: IToolTipConfig | string;
     width?: string | number;
-    label?: string;
+    label?: any;
     labelWidth?: string | number;
 }
 

package/src/components/button-group-field/ButtonGroupField.tsx

@@ -12,7 +12,7 @@ interface IButtonGroupOption {
 }
 
 interface IButtonGroupFieldProps {
-    label?: string;
+    label?: any;
     width?: string | number;
     value: string | boolean;
     options: IButtonGroupOption[];

package/src/components/checkbox-field/CheckboxField.tsx

@@ -4,7 +4,7 @@ import { IToolTipConfig } from '../Tooltip';
 import { ICON_CHECK } from '../../constants/icons';
 
 interface ICheckboxFieldProps {
-    label?: string;
+    label?: any;
     value: boolean;
     width?: string | number;
     tooltip?: IToolTipConfig | string;

package/src/components/color-field/ColorField.tsx

@@ -5,7 +5,7 @@ import { SketchPicker } from 'react-color';
 
 interface IColorFieldProps {
     buttons?: any;
-    label?: string;
+    label?: any;
     placeholder?: string;
     readOnly?: boolean;
     value: string;

package/src/components/copy-prop-id-button/CopyPropIdButton.tsx

@@ -0,0 +1,44 @@
+import React from 'react';
+import { ICON_CLIPBOARD } from '../../constants/icons';
+import Button from '../button/Button';
+import { compositions as copy } from '../../constants/copy';
+
+interface ICopyPropIdButtonProps {
+    copyPropId: string;
+    onNotification?(e): void;
+    onError?(e): void;
+}
+
+class CopyPropIdButton extends React.PureComponent<ICopyPropIdButtonProps, undefined> {
+    private clickHandler = () => this.copyPropId();
+
+    private copyPropId() {
+        const { onNotification, onError, copyPropId } = this.props;
+        navigator.clipboard.writeText(copyPropId).then(
+            () => {
+                if (onNotification) {
+                    onNotification(`Property ID copied to clipboard.`);
+                }
+            },
+            () => {
+                if (onError) {
+                    onError('Error copying property ID to clipboard.');
+                }
+            }
+        );
+    }
+
+    public render() {
+        return (
+            <Button
+                tooltip={copy.tooltipPropId}
+                onClick={this.clickHandler}
+                size='small'
+                style='subtle'>
+                {ICON_CLIPBOARD}
+            </Button>
+        );
+    }
+}
+
+export default CopyPropIdButton;

package/src/components/list-field/ListField.tsx

@@ -10,7 +10,7 @@ import { ICON_PLUS } from '../../constants/icons';
 interface IListFieldProps {
     buttons?: any;
     disabled?: boolean;
-    label?: string;
+    label?: any;
     options: any;
     placeholder?: string;
     tooltip?: IToolTipConfig | string;

package/src/components/number-field/NumberField.tsx

@@ -4,7 +4,7 @@ import { IToolTipConfig } from '../Tooltip';
 
 interface INumberFieldProps {
     buttons?: any;
-    label?: string;
+    label?: any;
     placeholder?: string;
     readOnly?: boolean;
     value: number;

package/src/components/select-field/SelectField.tsx

@@ -7,7 +7,7 @@ import { copying } from '../../constants/copy';
 
 interface ISelectFieldProps {
     buttons?: any;
-    label?: string;
+    label?: any;
     selectRef?: any;
     options: any;
     disable?: boolean;
@@ -61,7 +61,7 @@ class SelectField extends React.PureComponent<ISelectFieldProps> {
         }
 
         this.props.onChange(val);
-        if (this.props.selectRef.current) {
+        if (this.props.selectRef?.current) {
             this.props.selectRef.current.blur();
         }
     }

package/src/components/slider-field/SliderField.tsx

@@ -3,7 +3,7 @@ import FieldWrapper from '../field-wrapper/FieldWrapper';
 import { IToolTipConfig } from '../Tooltip';
 
 interface ISliderFieldProps {
-    label?: string;
+    label?: any;
     value: number;
     width?: string | number;
     min: number;

package/src/components/smpte-field/SMPTEField.tsx

@@ -5,7 +5,7 @@ import { TIMECODE } from '../../constants/timecode';
 import { getSMPTE } from '../../Util';
 
 interface ISMPTEFieldProps {
-    label?: string;
+    label?: any;
     placeholder?: string;
     readOnly?: boolean;
     tooltip?: IToolTipConfig | string;

package/src/components/text-area-field/TextAreaField.tsx

@@ -9,7 +9,7 @@ interface ITextAreaFieldProps {
     buttons?: any;
     controlled?: boolean;
     disabled?: boolean;
-    label?: string;
+    label?: any;
     placeholder?: string;
     readOnly?: boolean;
     value: string;

package/src/components/text-field/TextField.tsx

@@ -23,7 +23,7 @@ interface ITextFieldProps {
     disabled?: boolean;
     submittable?: boolean;
     focusOnMount?: boolean;
-    label?: string;
+    label?: any;
     placeholder?: string;
     readOnly?: boolean;
     value?: string;

package/src/constants/copy.ts

@@ -76,6 +76,7 @@ export const previewer = {
 };
 
 export const compositions = {
+    tooltipPropId: 'Copy Property ID',
     name: 'Name',
     width: 'Width',
     height: 'Height',

package/src/index.ts

@@ -160,6 +160,7 @@ import AssetsTableRateCell from './components/assets/AssetsTableRateCell';
 import ContextMenu from './components/context-menu/ContextMenu';
 import ContextMenuItem from './components/context-menu/ContextMenuItem';
 import ContextMenuTrigger from './components/context-menu/ContextMenuTrigger';
+import CopyPropIdButton from './components/copy-prop-id-button/CopyPropIdButton';
 import Submenu from './components/context-menu/SubMenu';
 
 export {
@@ -313,5 +314,6 @@ export {
     ContextMenu,
     ContextMenuItem,
     ContextMenuTrigger,
-    Submenu
+    Submenu,
+    CopyPropIdButton
 };

package/dist/cjs/components/Tooltip copy.d.ts

@@ -1,8 +0,0 @@
-import { Place } from 'react-tooltip';
-export interface IToolTipConfig {
-    content: string;
-    position?: Place;
-    theme?: string;
-}
-export declare const renderTooltipProps: (id: string, config: IToolTipConfig | string) => any;
-export declare const renderTooltip: (id: string, config: IToolTipConfig | string) => any;

package/dist/cjs/components/Tooltip copy.js

@@ -1,63 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderTooltip = exports.renderTooltipProps = void 0;
-var React = __importStar(require("react"));
-var ReactDOM = __importStar(require("react-dom"));
-var react_tooltip_1 = __importDefault(require("react-tooltip"));
-var renderTooltipProps = function (id, config) {
-    if (config) {
-        var content = typeof config === 'object' ? config.content : config;
-        return {
-            'data-tip': content,
-            'data-for': id
-        };
-    }
-    else {
-        return {};
-    }
-};
-exports.renderTooltipProps = renderTooltipProps;
-var renderTooltip = function (id, config) {
-    var tooltipLayer = document.getElementById('tooltips');
-    if (config && tooltipLayer) {
-        var theme = 'light';
-        var place = 'top';
-        if (typeof config === 'object') {
-            theme = config.theme ? config.theme : 'light';
-            place = config.position ? config.position : 'top';
-        }
-        var tooltipComponent = (React.createElement(react_tooltip_1.default, { place: place, offset: { top: 0, right: 0, bottom: 0, left: 0 }, id: id, className: "imposium-button-tooltip-".concat(theme), delayShow: 1000, effect: 'solid' }));
-        return ReactDOM.createPortal(tooltipComponent, tooltipLayer);
-    }
-    else {
-        return null;
-    }
-};
-exports.renderTooltip = renderTooltip;
-//# sourceMappingURL=Tooltip%20copy.js.map

package/dist/cjs/components/Tooltip copy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip copy.js","sourceRoot":"","sources":["../../../src/components/Tooltip copy.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,kDAAsC;AACtC,gEAAoD;AAQ7C,IAAM,kBAAkB,GAAG,UAAC,EAAU,EAAE,MAA+B;IAC1E,IAAI,MAAM,EAAE,CAAC;QACT,IAAM,OAAO,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QACrE,OAAO;YACH,UAAU,EAAE,OAAO;YACnB,UAAU,EAAE,EAAE;SACjB,CAAC;IACN,CAAC;SAAM,CAAC;QACJ,OAAO,EAAE,CAAC;IACd,CAAC;AACL,CAAC,CAAC;AAVW,QAAA,kBAAkB,sBAU7B;AAEK,IAAM,aAAa,GAAG,UAAC,EAAU,EAAE,MAA+B;IACrE,IAAM,YAAY,GAAgB,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;IAEtE,IAAI,MAAM,IAAI,YAAY,EAAE,CAAC;QACzB,IAAI,KAAK,GAAG,OAAO,CAAC;QACpB,IAAI,KAAK,GAAU,KAAK,CAAC;QAEzB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC7B,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;YAC9C,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;QACtD,CAAC;QAED,IAAM,gBAAgB,GAAG,CACrB,oBAAC,uBAAY,IACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAChD,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,kCAA2B,KAAK,CAAE,EAC7C,SAAS,EAAE,IAAI,EACf,MAAM,EAAC,OAAO,GAChB,CACL,CAAC;QAEF,OAAO,QAAQ,CAAC,YAAY,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;IACjE,CAAC;SAAM,CAAC;QACJ,OAAO,IAAI,CAAC;IAChB,CAAC;AACL,CAAC,CAAC;AA3BW,QAAA,aAAa,iBA2BxB"}

package/dist/cjs/components/tooltip/TooltipTest.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Tooltip: (props: any) => React.JSX.Element;
-export default Tooltip;

package/dist/cjs/components/tooltip/TooltipTest.js

@@ -1,60 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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 __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var Tooltip = function (props) {
-    var timeout;
-    var _a = __read((0, react_1.useState)(false), 2), active = _a[0], setActive = _a[1];
-    var showTip = function () {
-        timeout = setTimeout(function () {
-            setActive(true);
-        }, props.delay || 400);
-    };
-    var hideTip = function () {
-        clearInterval(timeout);
-        setActive(false);
-    };
-    return (react_1.default.createElement("div", { className: "Tooltip-Wrapper", onMouseEnter: showTip, onMouseLeave: hideTip },
-        props.children,
-        active && (react_1.default.createElement("div", { className: "Tooltip-Tip ".concat(props.direction || 'top') }, props.content))));
-};
-exports.default = Tooltip;
-//# sourceMappingURL=TooltipTest.js.map

package/dist/cjs/components/tooltip/TooltipTest.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TooltipTest.js","sourceRoot":"","sources":["../../../../src/components/tooltip/TooltipTest.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AAExC,IAAM,OAAO,GAAG,UAAC,KAAK;IACpB,IAAI,OAAO,CAAC;IACN,IAAA,KAAA,OAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;IAE5C,IAAM,OAAO,GAAG;QACd,OAAO,GAAG,UAAU,CAAC;YACnB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,EAAE,KAAK,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,IAAM,OAAO,GAAG;QACd,aAAa,CAAC,OAAO,CAAC,CAAC;QACvB,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,uCACE,SAAS,EAAC,iBAAiB,EAC3B,YAAY,EAAE,OAAO,EACrB,YAAY,EAAE,OAAO;QAEpB,KAAK,CAAC,QAAQ;QACd,MAAM,IAAI,CACT,uCAAK,SAAS,EAAE,sBAAe,KAAK,CAAC,SAAS,IAAI,KAAK,CAAE,IACtD,KAAK,CAAC,OAAO,CACV,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}

package/dist/esm/components/Tooltip copy.d.ts

@@ -1,8 +0,0 @@
-import { Place } from 'react-tooltip';
-export interface IToolTipConfig {
-    content: string;
-    position?: Place;
-    theme?: string;
-}
-export declare const renderTooltipProps: (id: string, config: IToolTipConfig | string) => any;
-export declare const renderTooltip: (id: string, config: IToolTipConfig | string) => any;

package/dist/esm/components/Tooltip copy.js

@@ -1,32 +0,0 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
-import ReactTooltip from 'react-tooltip';
-export const renderTooltipProps = (id, config) => {
-    if (config) {
-        const content = typeof config === 'object' ? config.content : config;
-        return {
-            'data-tip': content,
-            'data-for': id
-        };
-    }
-    else {
-        return {};
-    }
-};
-export const renderTooltip = (id, config) => {
-    const tooltipLayer = document.getElementById('tooltips');
-    if (config && tooltipLayer) {
-        let theme = 'light';
-        let place = 'top';
-        if (typeof config === 'object') {
-            theme = config.theme ? config.theme : 'light';
-            place = config.position ? config.position : 'top';
-        }
-        const tooltipComponent = (React.createElement(ReactTooltip, { place: place, offset: { top: 0, right: 0, bottom: 0, left: 0 }, id: id, className: `imposium-button-tooltip-${theme}`, delayShow: 1000, effect: 'solid' }));
-        return ReactDOM.createPortal(tooltipComponent, tooltipLayer);
-    }
-    else {
-        return null;
-    }
-};
-//# sourceMappingURL=Tooltip%20copy.js.map

package/dist/esm/components/Tooltip copy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip copy.js","sourceRoot":"","sources":["../../../src/components/Tooltip copy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,YAAuB,MAAM,eAAe,CAAC;AAQpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAU,EAAE,MAA+B,EAAO,EAAE;IACnF,IAAI,MAAM,EAAE,CAAC;QACT,MAAM,OAAO,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QACrE,OAAO;YACH,UAAU,EAAE,OAAO;YACnB,UAAU,EAAE,EAAE;SACjB,CAAC;IACN,CAAC;SAAM,CAAC;QACJ,OAAO,EAAE,CAAC;IACd,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAU,EAAE,MAA+B,EAAO,EAAE;IAC9E,MAAM,YAAY,GAAgB,QAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;IAEtE,IAAI,MAAM,IAAI,YAAY,EAAE,CAAC;QACzB,IAAI,KAAK,GAAG,OAAO,CAAC;QACpB,IAAI,KAAK,GAAU,KAAK,CAAC;QAEzB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC7B,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;YAC9C,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;QACtD,CAAC;QAED,MAAM,gBAAgB,GAAG,CACrB,oBAAC,YAAY,IACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAChD,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,2BAA2B,KAAK,EAAE,EAC7C,SAAS,EAAE,IAAI,EACf,MAAM,EAAC,OAAO,GAChB,CACL,CAAC;QAEF,OAAO,QAAQ,CAAC,YAAY,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;IACjE,CAAC;SAAM,CAAC;QACJ,OAAO,IAAI,CAAC;IAChB,CAAC;AACL,CAAC,CAAC"}

package/dist/esm/components/tooltip/TooltipTest.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Tooltip: (props: any) => React.JSX.Element;
-export default Tooltip;

package/dist/esm/components/tooltip/TooltipTest.js

@@ -1,19 +0,0 @@
-import React, { useState } from 'react';
-const Tooltip = (props) => {
-    let timeout;
-    const [active, setActive] = useState(false);
-    const showTip = () => {
-        timeout = setTimeout(() => {
-            setActive(true);
-        }, props.delay || 400);
-    };
-    const hideTip = () => {
-        clearInterval(timeout);
-        setActive(false);
-    };
-    return (React.createElement("div", { className: "Tooltip-Wrapper", onMouseEnter: showTip, onMouseLeave: hideTip },
-        props.children,
-        active && (React.createElement("div", { className: `Tooltip-Tip ${props.direction || 'top'}` }, props.content))));
-};
-export default Tooltip;
-//# sourceMappingURL=TooltipTest.js.map

package/dist/esm/components/tooltip/TooltipTest.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TooltipTest.js","sourceRoot":"","sources":["../../../../src/components/tooltip/TooltipTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;IACxB,IAAI,OAAO,CAAC;IACZ,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACxB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,EAAE,KAAK,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,aAAa,CAAC,OAAO,CAAC,CAAC;QACvB,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAC,iBAAiB,EAC3B,YAAY,EAAE,OAAO,EACrB,YAAY,EAAE,OAAO;QAEpB,KAAK,CAAC,QAAQ;QACd,MAAM,IAAI,CACT,6BAAK,SAAS,EAAE,eAAe,KAAK,CAAC,SAAS,IAAI,KAAK,EAAE,IACtD,KAAK,CAAC,OAAO,CACV,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}