@itwin/appui-react 3.0.0-dev.100

package/lib/esm/appui-react/feedback/ValidationTextbox.js

@@ -0,0 +1,111 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Notification
+ */
+import "./ValidationTextbox.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { SpecialKey } from "@itwin/appui-abstract";
+import { MessageManager } from "../messages/MessageManager";
+/** Enum for Input Status used in [[ValidationTextbox]]
+ * @alpha
+ */
+export var InputStatus;
+(function (InputStatus) {
+    InputStatus[InputStatus["Valid"] = 0] = "Valid";
+    InputStatus[InputStatus["Invalid"] = 1] = "Invalid";
+})(InputStatus || (InputStatus = {}));
+/**
+ * Input box that validates text based on provided criteria. Defaults to checking
+ * for empty if no method for onValueChanged is provided.
+ * @alpha
+ */
+export class ValidationTextbox extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        /**
+         * Determines if value is valid and resolves any defined functions.
+         * Also will show or hide error message if defined.
+         * @param event   Button press event that triggers validation
+         */
+        this._validateText = (event) => {
+            this.processValidateText(event.target);
+        };
+        /**
+         * Manages special key codes by calling user defined functions
+         * @param event   Keyup event
+         */
+        this._handleKeyUp = (event) => {
+            this.processValidateText(event.target);
+            switch (event.key) {
+                case SpecialKey.Escape:
+                    // istanbul ignore else
+                    if (this.props.onEscPressed)
+                        this.props.onEscPressed();
+                    break;
+                case SpecialKey.Enter:
+                    // istanbul ignore else
+                    if (this.props.onEnterPressed)
+                        this.props.onEnterPressed();
+                    break;
+            }
+        };
+        this.state = { isValid: true };
+    }
+    /** @internal */
+    render() {
+        const sizeStyle = {
+            width: this.props.size ? `${this.props.size.toString()}em` : "12em",
+        };
+        const divStyle = {
+            ...sizeStyle,
+            ...this.props.style,
+        };
+        const validClassNames = classnames("ValidationTextbox-input");
+        const invalidClassNames = classnames("ValidationTextbox-input", "ValidationTextbox-invalid");
+        return (React.createElement("div", { className: classnames("uifw-ValidationTextbox", this.props.className), style: divStyle },
+            React.createElement("input", { className: this.state.isValid ? validClassNames : invalidClassNames, onChange: this._validateText, onKeyUp: this._handleKeyUp, onPaste: this._validateText, onCut: this._validateText, onBlur: this._validateText, placeholder: this.props.placeholder ? this.props.placeholder : "", style: sizeStyle }),
+            this.props.children));
+    }
+    processValidateText(target) {
+        // istanbul ignore next
+        if (undefined === target)
+            return;
+        const value = target.value;
+        const isValid = this._calculateIsValid(value);
+        this.setState({ isValid }, () => {
+            if (this.state.isValid) {
+                this._hideErrorMessage();
+            }
+            else {
+                // istanbul ignore else
+                if (this.props.errorText && !this.state.isValid)
+                    this._showErrorMessage(target);
+            }
+        });
+    }
+    /**
+     * Determines if value provided is valid by calling user defined
+     * function. If no function is provided, the default criteria for
+     * validity is if the value has been defined.
+     * @param value   The value provided in textbox
+     */
+    _calculateIsValid(value) {
+        if (this.props.onValueChanged)
+            return (this.props.onValueChanged(value) === InputStatus.Valid) ? /* istanbul ignore next */ true : false;
+        return value.length > 0;
+    }
+    /** Hides error message */
+    _hideErrorMessage() {
+        MessageManager.hideInputFieldMessage();
+    }
+    /** Displays error message. */
+    _showErrorMessage(target) {
+        MessageManager.displayInputFieldMessage(target, this.props.errorText, this.props.detailedErrorText);
+        return;
+    }
+}
+//# sourceMappingURL=ValidationTextbox.js.map

package/lib/esm/appui-react/feedback/ValidationTextbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationTextbox.js","sourceRoot":"","sources":["../../../../src/appui-react/feedback/ValidationTextbox.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Notification\r\n */\r\n\r\nimport \"./ValidationTextbox.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { MessageManager } from \"../messages/MessageManager\";\r\n\r\n/** Enum for Input Status used in [[ValidationTextbox]]\r\n * @alpha\r\n */\r\nexport enum InputStatus {\r\n  Valid = 0,\r\n  Invalid = 1,\r\n}\r\n\r\n/** Property interface for ValidationTextbox\r\n * @alpha\r\n */\r\ninterface ValidationTextboxProps extends CommonProps {\r\n  /** value to set ValidationTextbox to initially */\r\n  initialValue?: string;\r\n  /** placeholder value to show in gray before anything is entered in */\r\n  placeholder?: string;\r\n  /** triggered when the content of ValidationTextbox is changed. Return true if valid */\r\n  onValueChanged?: (value: string) => InputStatus;\r\n  /** listens for <Enter> key presses */\r\n  onEnterPressed?: () => void;\r\n  /** listens for <Esc> key presses */\r\n  onEscPressed?: () => void;\r\n  /** width of ValidationTextbox, measured in em */\r\n  size?: number;\r\n  /** Error message to display */\r\n  errorText?: string;\r\n  /** Detailed error message to display */\r\n  detailedErrorText?: string;\r\n}\r\n\r\ninterface ValidationTextboxState {\r\n  isValid: boolean;\r\n}\r\n\r\n/**\r\n * Input box that validates text based on provided criteria. Defaults to checking\r\n * for empty if no method for onValueChanged is provided.\r\n * @alpha\r\n */\r\nexport class ValidationTextbox extends React.PureComponent<ValidationTextboxProps, ValidationTextboxState> {\r\n  constructor(props: ValidationTextboxProps) {\r\n    super(props);\r\n\r\n    this.state = { isValid: true };\r\n  }\r\n\r\n  /** @internal */\r\n  public override render(): React.ReactNode {\r\n    const sizeStyle: React.CSSProperties = {\r\n      width: this.props.size ? `${this.props.size.toString()}em` : \"12em\",\r\n    };\r\n    const divStyle: React.CSSProperties = {\r\n      ...sizeStyle,\r\n      ...this.props.style,\r\n    };\r\n\r\n    const validClassNames = classnames(\r\n      \"ValidationTextbox-input\",\r\n    );\r\n\r\n    const invalidClassNames = classnames(\r\n      \"ValidationTextbox-input\",\r\n      \"ValidationTextbox-invalid\",\r\n    );\r\n\r\n    return (\r\n      <div\r\n        className={classnames(\"uifw-ValidationTextbox\", this.props.className)}\r\n        style={divStyle}>\r\n        <input\r\n          className={this.state.isValid ? validClassNames : invalidClassNames}\r\n          onChange={this._validateText}\r\n          onKeyUp={this._handleKeyUp}\r\n          onPaste={this._validateText}\r\n          onCut={this._validateText}\r\n          onBlur={this._validateText}\r\n          placeholder={this.props.placeholder ? this.props.placeholder : \"\"}\r\n          style={sizeStyle}\r\n        />\r\n        {this.props.children}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private processValidateText(target: HTMLInputElement | undefined): void {\r\n    // istanbul ignore next\r\n    if (undefined === target)\r\n      return;\r\n\r\n    const value = target.value;\r\n    const isValid = this._calculateIsValid(value);\r\n\r\n    this.setState({ isValid }, () => {\r\n      if (this.state.isValid) {\r\n        this._hideErrorMessage();\r\n      } else {\r\n        // istanbul ignore else\r\n        if (this.props.errorText && !this.state.isValid)\r\n          this._showErrorMessage(target);\r\n      }\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Determines if value is valid and resolves any defined functions.\r\n   * Also will show or hide error message if defined.\r\n   * @param event   Button press event that triggers validation\r\n   */\r\n  private _validateText = (event?: any): void => {\r\n    this.processValidateText(event.target as HTMLInputElement);\r\n  };\r\n\r\n  /**\r\n   * Determines if value provided is valid by calling user defined\r\n   * function. If no function is provided, the default criteria for\r\n   * validity is if the value has been defined.\r\n   * @param value   The value provided in textbox\r\n   */\r\n  private _calculateIsValid(value: string): boolean {\r\n    if (this.props.onValueChanged)\r\n      return (this.props.onValueChanged(value) === InputStatus.Valid) ? /* istanbul ignore next */ true : false;\r\n    return value.length > 0;\r\n  }\r\n\r\n  /** Hides error message */\r\n  private _hideErrorMessage() {\r\n    MessageManager.hideInputFieldMessage();\r\n  }\r\n\r\n  /** Displays error message. */\r\n  private _showErrorMessage(target: Element) {\r\n    MessageManager.displayInputFieldMessage(target as HTMLElement, this.props.errorText!, this.props.detailedErrorText);\r\n    return;\r\n  }\r\n\r\n  /**\r\n   * Manages special key codes by calling user defined functions\r\n   * @param event   Keyup event\r\n   */\r\n  private _handleKeyUp = (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n    this.processValidateText(event.target as HTMLInputElement);\r\n\r\n    switch (event.key) {\r\n      case SpecialKey.Escape:\r\n        // istanbul ignore else\r\n        if (this.props.onEscPressed)\r\n          this.props.onEscPressed();\r\n        break;\r\n      case SpecialKey.Enter:\r\n        // istanbul ignore else\r\n        if (this.props.onEnterPressed)\r\n          this.props.onEnterPressed();\r\n        break;\r\n    }\r\n  };\r\n}\r\n"]}

package/lib/esm/appui-react/feedback/ValidationTextbox.scss

@@ -0,0 +1,54 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/icons/variables";
+@import "~@itwin/core-react/lib/cjs/core-react/inputs/variables";
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+@import "~@itwin/core-react/lib/cjs/core-react/style/variables";
+@import "~@itwin/itwinui-css/scss/inputs/input";
+@import "~@itwin/itwinui-css/scss/style/typography";
+
+.uifw-ValidationTextbox {
+  @include iui-font-family;
+  position: relative;
+  padding: $uicore-unbordered-padding;
+  width: 12em;
+  height: 1em;
+
+  .ValidationTextbox-input {
+    position: absolute;
+    @include iui-input;
+    min-height: $uicore-component-height-normal;
+    padding: $uicore-iui-input-padding;
+    width: 12em;
+    left: 0px;
+    top: 0px;
+  }
+
+  .ValidationTextbox-invalid {
+    border-color: $buic-foreground-alert;
+  }
+
+  .ValidationTextbox-invalid:focus {
+    border-color: $buic-foreground-alert;
+  }
+
+  .ValidationTextbox-icon {
+    position: absolute;
+    padding: $uicore-bordered-padding;
+    width: $uicore-line-height;
+    height: $uicore-line-height;
+    line-height: $uicore-line-height;
+    font-size: $uicore-icons-small;
+    cursor: pointer;
+    top: 0px;
+    right: 0px;
+    text-align: center;
+    color: $buic-icon-color;
+
+    &:hover {
+      color: $buic-foreground-primary;
+    }
+  }
+}

package/lib/esm/appui-react/frontstage/Frontstage.d.ts

@@ -0,0 +1,147 @@
+/** @packageDocumentation
+ * @module Frontstage
+ */
+import * as React from "react";
+import { StagePanelLocation } from "@itwin/appui-abstract";
+import { CommonProps } from "@itwin/core-react";
+import { WidgetZoneId, ZoneManagerProps, ZonesManagerProps } from "@itwin/appui-layout-react";
+import { ContentGroup, ContentGroupProvider } from "../content/ContentGroup";
+import { ToolItemDef } from "../shared/ToolItemDef";
+import { StagePanelProps } from "../stagepanels/StagePanel";
+import { StagePanelDef } from "../stagepanels/StagePanelDef";
+import { ZoneLocation, ZoneProps } from "../zones/Zone";
+import { ZoneDef } from "../zones/ZoneDef";
+import { FrontstageRuntimeProps, ZoneDefProvider } from "./FrontstageComposer";
+/** Properties for a [[Frontstage]] component.
+ * @public
+ */
+export interface FrontstageProps extends CommonProps {
+    /** Id for the Frontstage */
+    id: string;
+    /** Tool that is started once the Frontstage is activated */
+    defaultTool: ToolItemDef;
+    /** The Content Group providing the Content Views */
+    contentGroup: ContentGroup | ContentGroupProvider;
+    /** Id of the Content View to be activated initially */
+    defaultContentId?: string;
+    /** Indicated whether the StatusBar is in footer mode or widget mode. Defaults to true. */
+    isInFooterMode?: boolean;
+    /** Any application data to attach to this Frontstage. */
+    applicationData?: any;
+    /** Usage type for this Frontstage. */
+    usage?: string;
+    /** Frontstage version. Used to force saved layout reinitialization after changes to frontstage.
+     * @note This value should be increased when changes are made to Frontstage.
+     * Increasing the value will make sure to reinitialize App layout instead of restoring to old layout.
+     * Version increase is required when widgets are added/removed.
+     */
+    version?: number;
+    /** if isIModelIndependent then frontstage is independent from any iModel. */
+    isIModelIndependent?: boolean;
+    /** The Zone in the top-left corner.
+     * @deprecated Use 'contentManipulationTools' property. */
+    topLeft?: React.ReactElement<ZoneProps>;
+    /** The Zone along the top-center edge.
+     * @deprecated Use 'toolSettings' property. */
+    topCenter?: React.ReactElement<ZoneProps>;
+    /** The Zone in the top-right corner.
+     * @deprecated Use 'viewNavigationTools' property. */
+    topRight?: React.ReactElement<ZoneProps>;
+    /** The Zone along the center-left edge.
+     * @deprecated Place widgets in appropriate stage panel zone. */
+    centerLeft?: React.ReactElement<ZoneProps>;
+    /** The Zone along the center-right edge.
+     * @deprecated Place widgets in appropriate stage panel zone. */
+    centerRight?: React.ReactElement<ZoneProps>;
+    /** The Zone in the bottom-left corner.
+     * @deprecated Place widgets in appropriate stage panel zone.  */
+    bottomLeft?: React.ReactElement<ZoneProps>;
+    /** The Zone along the bottom-center edge.
+     * @deprecated use statusBar property */
+    bottomCenter?: React.ReactElement<ZoneProps>;
+    /** The Zone in the bottom-right corner.
+     * @deprecated Place widgets in appropriate stage panel zone. */
+    bottomRight?: React.ReactElement<ZoneProps>;
+    /** The Zone in the top-left corner that shows tools typically used to query and modify content. To be used in place of deprecated topLeft zone definition. */
+    contentManipulationTools?: React.ReactElement<ZoneProps>;
+    /** The Zone the that shows settings for the active tool. To be used in place of deprecated topCenter zone definition. */
+    toolSettings?: React.ReactElement<ZoneProps>;
+    /** The Zone in the top-right corner that shows view navigation tools. To be used in place of deprecated topRight zone definition */
+    viewNavigationTools?: React.ReactElement<ZoneProps>;
+    /** The status bar Zone shown as the application footer. To be used in place of deprecated bottomCenter zone definition. */
+    statusBar?: React.ReactElement<ZoneProps>;
+    /** The StagePanel on the top of the AppUi container. */
+    topPanel?: React.ReactElement<StagePanelProps>;
+    /** The StagePanel on the very top across the full width.
+     * @deprecated Only topPanel is supported in UI 2.0 */
+    topMostPanel?: React.ReactElement<StagePanelProps>;
+    /** The StagePanel on the left.  */
+    leftPanel?: React.ReactElement<StagePanelProps>;
+    /** The StagePanel on the right.  */
+    rightPanel?: React.ReactElement<StagePanelProps>;
+    /** The StagePanel on the bottom of the AppUi container.  */
+    bottomPanel?: React.ReactElement<StagePanelProps>;
+    /** The StagePanel on the very bottom across the full width.
+     * @deprecated Only bottomPanel is supported in UI 2.0  */
+    bottomMostPanel?: React.ReactElement<StagePanelProps>;
+    /** @internal */
+    runtimeProps?: FrontstageRuntimeProps;
+}
+interface FrontstageState {
+    isUiVisible: boolean;
+    widgetIdToContent: Partial<{
+        [id in WidgetZoneId]: HTMLDivElement | undefined;
+    }>;
+}
+/** Frontstage React component.
+ * A Frontstage is a full-screen configuration designed to enable the user to accomplish a task.
+ * @public
+ */
+export declare class Frontstage extends React.Component<FrontstageProps, FrontstageState> {
+    private static _zoneIds;
+    private _contentRefs;
+    private _zonesMeasurer;
+    private _floatingZonesMeasurer;
+    private _zonesStyle;
+    private _zonesFooterModeStyle;
+    /** @internal */
+    constructor(props: FrontstageProps);
+    /** React lifecycle method.
+     * @internal
+     */
+    componentDidMount(): Promise<void>;
+    componentDidUpdate(): void;
+    /** React lifecycle method.
+     * @internal
+     */
+    componentWillUnmount(): void;
+    private _uiVisibilityChanged;
+    private _handleWidgetsChanged;
+    private _handleUiProviderRegisteredEvent;
+    private updateWidgetDefs;
+    /** @internal */
+    static createZoneDef(zoneNode: React.ReactElement<ZoneProps> | undefined, zoneLocation: ZoneLocation, props: FrontstageProps): ZoneDef | undefined;
+    private static getZoneElement;
+    /** @internal */
+    static createStagePanelDef(panelLocation: StagePanelLocation, props: FrontstageProps): StagePanelDef | undefined;
+    private static getStagePanelElement;
+    private _getContentRef;
+    private doContentLayoutRender;
+    private cloneStagePanelElement;
+    private cloneZoneElements;
+    private cloneWidgetContentElements;
+    /** React render method
+     * @internal
+     */
+    render(): React.ReactNode;
+}
+/** @internal */
+export declare const getExtendedZone: (zoneId: WidgetZoneId, zones: ZonesManagerProps, defProvider: ZoneDefProvider) => ZoneManagerProps;
+/** Hook that returns active frontstage id.
+ * @public
+ */
+export declare const useActiveFrontstageId: () => string;
+/** @internal */
+export declare function useActiveFrontstageDef(): import("./FrontstageDef").FrontstageDef | undefined;
+export {};
+//# sourceMappingURL=Frontstage.d.ts.map

package/lib/esm/appui-react/frontstage/Frontstage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Frontstage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/frontstage/Frontstage.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,kBAAkB,EAAkE,MAAM,uBAAuB,CAAC;AAC3H,OAAO,EAAE,WAAW,EAAa,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EACyF,YAAY,EAAiB,gBAAgB,EAC3I,iBAAiB,EAClB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE7E,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAA0B,eAAe,EAA0B,MAAM,2BAA2B,CAAC;AAC5G,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAM7D,OAAO,EAA0C,YAAY,EAAE,SAAS,EAAoB,MAAM,eAAe,CAAC;AAClH,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG/E;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,4BAA4B;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,4DAA4D;IAC5D,WAAW,EAAE,WAAW,CAAC;IACzB,oDAAoD;IACpD,YAAY,EAAE,YAAY,GAAG,oBAAoB,CAAC;IAClD,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0FAA0F;IAC1F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,yDAAyD;IACzD,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6EAA6E;IAC7E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;8DAC0D;IAC1D,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACxC;kDAC8C;IAC9C,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C;yDACqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACzC;oEACgE;IAChE,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAC3C;oEACgE;IAChE,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAC5C;qEACiE;IACjE,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAC3C;4CACwC;IACxC,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAC7C;oEACgE;IAChE,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAE5C,8JAA8J;IAC9J,wBAAwB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACzD,yHAAyH;IACzH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAC7C,oIAAoI;IACpI,mBAAmB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACpD,2HAA2H;IAC3H,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAE1C,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;IAC/C;0DACsD;IACtD,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;IACnD,mCAAmC;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;IAChD,oCAAoC;IACpC,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;IACjD,4DAA4D;IAC5D,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;IAClD;8DAC0D;IAC1D,eAAe,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;IAEtD,gBAAgB;IAChB,YAAY,CAAC,EAAE,sBAAsB,CAAC;CACvC;AAED,UAAU,eAAe;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,OAAO,CAAC;SAAG,EAAE,IAAI,YAAY,GAAG,cAAc,GAAG,SAAS;KAAE,CAAC,CAAC;CAClF;AAED;;;GAGG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAqE;IAC5F,OAAO,CAAC,YAAY,CAAsD;IAC1E,OAAO,CAAC,cAAc,CAAqC;IAC3D,OAAO,CAAC,sBAAsB,CAAqC;IACnE,OAAO,CAAC,WAAW,CAEjB;IACF,OAAO,CAAC,qBAAqB,CAI3B;IAEF,gBAAgB;gBACJ,KAAK,EAAE,eAAe;IASlC;;OAEG;IACmB,iBAAiB;IAMvB,kBAAkB;IAWlC;;OAEG;IACa,oBAAoB;IAKpC,OAAO,CAAC,oBAAoB,CAE1B;IAEF,OAAO,CAAC,qBAAqB,CAE3B;IAEF,OAAO,CAAC,gCAAgC,CAEtC;IAEF,OAAO,CAAC,gBAAgB;IAcxB,gBAAgB;WACF,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,eAAe,GAAG,OAAO,GAAG,SAAS;IAiBzJ,OAAO,CAAC,MAAM,CAAC,cAAc;IAyB7B,gBAAgB;WACF,mBAAmB,CAAC,aAAa,EAAE,kBAAkB,EAAE,KAAK,EAAE,eAAe,GAAG,aAAa,GAAG,SAAS;IASvH,OAAO,CAAC,MAAM,CAAC,oBAAoB;IAgCnC,OAAO,CAAC,cAAc,CAcpB;IAGF,OAAO,CAAC,qBAAqB;IAuB7B,OAAO,CAAC,sBAAsB;IAqC9B,OAAO,CAAC,iBAAiB;IAqDzB,OAAO,CAAC,0BAA0B;IAuClC;;OAEG;IACa,MAAM,IAAI,KAAK,CAAC,SAAS;CAuD1C;AAgGD,gBAAgB;AAChB,eAAO,MAAM,eAAe,WAAY,YAAY,SAAS,iBAAiB,eAAe,eAAe,KAAG,gBA2B9G,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,cAIjC,CAAC;AAEF,gBAAgB;AAChB,wBAAgB,sBAAsB,wDAarC"}