@voplus/morpho-document 1.0.0-dev304 → 1.0.0-dev307

package/es/components/DocumentSortableTree/themes/FileExplorerTheme/node-content-renderer.less

@@ -1,326 +1,323 @@
-.file-explorer-theme {
-	height: 100%;
-	:global {
-		.doc-spin {
-			z-index: 2;
-			position: absolute;
-			top: 50%;
-			width: 30px;
-			height: 30px;
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			transform: translate3d(-50%, -50%, 0);
+:global {
+	.explorer-theme-node {
+		&:hover {
+			background: #f5f5f5;
 		}
-		.collapseButton,
-		.expandButton {
-			appearance: none;
-			border: none;
-			background: transparent;
-			padding: 0;
-			z-index: 2;
-			position: absolute;
-			top: 45%;
-			width: 30px;
-			height: 30px;
-			transform: translate3d(-50%, -50%, 0);
-			cursor: pointer;
-			.arrows {
-				display: inline-block;
-				font-size: 10px;
-				transform: translate3d(50%, 0, 0) rotateZ(90deg);
-			}
-			&:focus {
-				outline: none;
+		&.active {
+			background: #1ea7fd;
+			svg,
+			.file-name {
+				color: white;
 			}
 		}
-		.expandButton .arrows {
-			display: inline-block;
-			font-size: 10px;
-			transform: translate3d(50%, 0, 0);
-		}
-		.rowWrapper {
-			height: 100%;
-			box-sizing: border-box;
-			// cursor: move;
-			&:hover {
-				// opacity: 0.7;
-				background-color: #f5f5f5;
+		:global {
+			.doc-spin {
+				z-index: 2;
+				position: absolute;
+				top: 50%;
+				width: 30px;
+				height: 30px;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				transform: translate3d(-50%, -50%, 0);
 			}
-
-			&:active {
-				// opacity: 1;
-				background-color: #1ea7fd;
+			.collapseButton,
+			.expandButton {
+				appearance: none;
+				border: none;
+				background: transparent;
+				padding: 0;
+				z-index: 2;
+				position: absolute;
+				top: 45%;
+				width: 30px;
+				height: 30px;
+				transform: translate3d(-50%, -50%, 0);
+				cursor: pointer;
+				.arrows {
+					display: inline-block;
+					font-size: 10px;
+					transform: translate3d(50%, 0, 0) rotateZ(90deg);
+				}
+				&:focus {
+					outline: none;
+				}
 			}
-		}
-		.rowWrapperDragDisabled {
-			cursor: default;
-		}
-		.row {
-			height: 100%;
-			white-space: nowrap;
-			display: flex;
-			position: relative;
-
-			& > * {
+			.expandButton .arrows {
+				display: inline-block;
+				font-size: 10px;
+				transform: translate3d(50%, 0, 0);
+			}
+			.rowWrapper {
+				height: 100%;
 				box-sizing: border-box;
 			}
-			&:hover {
-				// opacity: 0.7;
-				background-color: #f5f5f5;
+			.rowWrapperDragDisabled {
+				cursor: default;
 			}
+			.row {
+				height: 100%;
+				white-space: nowrap;
+				display: flex;
+				position: relative;
 
-			&:active {
-				// opacity: 1;
-				background-color: #1ea7fd;
+				& > * {
+					box-sizing: border-box;
+				}
 			}
-		}
 
-		/**
+			/**
 		 * The outline of where the element will go if dropped, displayed while dragging
 		 */
-		.rowLandingPad {
-			border: none;
-			box-shadow: none;
-			outline: none;
+			.rowLandingPad {
+				border: none;
+				box-shadow: none;
+				outline: none;
 
-			* {
-				opacity: 0 !important;
-			}
+				* {
+					opacity: 0 !important;
+				}
 
-			&::before {
-				background-color: lightblue;
-				border: 2px dotted black;
-				content: "";
-				position: absolute;
-				top: 0;
-				right: 0;
-				bottom: 0;
-				left: 0;
-				z-index: -1;
+				&::before {
+					background-color: lightblue;
+					border: 2px dotted black;
+					content: "";
+					position: absolute;
+					top: 0;
+					right: 0;
+					bottom: 0;
+					left: 0;
+					z-index: -1;
+				}
 			}
-		}
 
-		/**
+			/**
 		 * Alternate appearance of the landing pad when the dragged location is invalid
 		 */
-		.rowCancelPad {
-			// @extend .rowLandingPad;
+			.rowCancelPad {
+				// @extend .rowLandingPad;
 
-			&::before {
-				background-color: #e6a8ad;
+				&::before {
+					background-color: #e6a8ad;
+				}
 			}
-		}
 
-		/**
+			/**
 		 * Nodes matching the search conditions are highlighted
 		 */
-		.rowSearchMatch {
-			box-shadow: inset 0 -7px 7px -3px #0080ff;
-		}
+			.rowSearchMatch {
+				box-shadow: inset 0 -7px 7px -3px #0080ff;
+			}
 
-		/**
+			/**
 		 * The node that matches the search conditions and is currently focused
 		 */
-		.rowSearchFocus {
-			box-shadow: inset 0 -7px 7px -3px #fc6421;
-		}
+			.rowSearchFocus {
+				box-shadow: inset 0 -7px 7px -3px #fc6421;
+			}
 
-		// %rowItem {
-		//   display: inline-block;
-		//   vertical-align: middle;
-		// }
+			// %rowItem {
+			//   display: inline-block;
+			//   vertical-align: middle;
+			// }
 
-		.rowContents {
-			// @extend %rowItem;
-			position: relative;
-			height: 100%;
-			flex: 1 0 auto;
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-		}
+			.rowContents {
+				// @extend %rowItem;
+				position: relative;
+				height: 100%;
+				flex: 1 0 auto;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+			}
 
-		.rowLabel {
-			// @extend %rowItem;
-			display: flex;
-			flex: 0 1 auto;
-			padding-right: 20px;
-			// .doc-spin{
-			// 	padding-right: 6px;
-			// }
-		}
+			.rowLabel {
+				// @extend %rowItem;
+				display: flex;
+				flex: 0 1 auto;
+				padding-right: 20px;
+			}
 
-		.file-document-name {
-			display: flex;
-			align-items: center;
-			.file-type {
+			.file-document-name {
 				display: flex;
 				align-items: center;
-				width: 22px;
+				.file-type {
+					display: flex;
+					align-items: center;
+					width: 22px;
+				}
+				.file-name {
+					display: inline-block;
+					color: #000;
+					font-size: 15px;
+					font-weight: 500;
+					z-index: 100;
+					cursor: pointer;
+				}
 			}
-			.file-name {
-				display: inline-block;
-				color: #000;
-				font-size: 15px;
-				font-weight: 500;
-				z-index: 100;
-				cursor: pointer;
+
+			.file-tree-item {
+				padding: 0;
+				margin: 0;
+				&::before {
+					border-bottom: none;
+				}
 			}
-		}
 
-		// .rowToolbar {
-		//   // @extend %rowItem;
-		//   flex: 0 1 auto;
-		//   display: flex;
-		// }
+			// .rowToolbar {
+			//   // @extend %rowItem;
+			//   flex: 0 1 auto;
+			//   display: flex;
+			// }
 
-		.toolbarButton {
-			// @extend %rowItem;
-		}
+			.toolbarButton {
+				// @extend %rowItem;
+			}
 
-		/**
+			/**
  * Line for under a node with children
  */
-		.lineChildren {
-			height: 100%;
-			display: inline-block;
-		}
+			.lineChildren {
+				height: 100%;
+				display: inline-block;
+			}
 
-		/* ==========================================================================
+			/* ==========================================================================
    Scaffold
 
     Line-overlaid blocks used for showing the tree structure
    ========================================================================== */
-		.lineBlock {
-			height: 100%;
-			position: relative;
-			display: inline-block;
-			flex: 0 0 auto;
-		}
+			.lineBlock {
+				height: 100%;
+				position: relative;
+				display: inline-block;
+				flex: 0 0 auto;
+			}
 
-		.absoluteLineBlock {
-			// @extend .lineBlock;
-			position: absolute;
-			top: 0;
-		}
+			.absoluteLineBlock {
+				// @extend .lineBlock;
+				position: absolute;
+				top: 0;
+			}
 
-		/* Highlight line for pointing to dragged row destination
+			/* Highlight line for pointing to dragged row destination
    ========================================================================== */
-		// $highlight-color: #36c2f6;
-		// $highlight-line-size: 6px; // Make it an even number for clean rendering
+			// $highlight-color: #36c2f6;
+			// $highlight-line-size: 6px; // Make it an even number for clean rendering
 
-		/**
+			/**
  * +--+--+
  * |  |  |
  * |  |  |
  * |  |  |
  * +--+--+
  */
-		.highlightLineVertical {
-			z-index: 3;
+			.highlightLineVertical {
+				z-index: 3;
 
-			&::before {
-				position: absolute;
-				content: "";
-				// background-color: $highlight-color;
-				// width: $highlight-line-size;
-				// margin-left: $highlight-line-size / -2;
-				left: 50%;
-				top: 0;
-				height: 100%;
-			}
+				&::before {
+					position: absolute;
+					content: "";
+					// background-color: $highlight-color;
+					// width: $highlight-line-size;
+					// margin-left: $highlight-line-size / -2;
+					left: 50%;
+					top: 0;
+					height: 100%;
+				}
 
-			// @keyframes arrow-pulse {
-			//   $base-multiplier: 10;
-			//   0% {
-			//     transform: translate(0, 0);
-			//     opacity: 0;
-			//   }
-			//   30% {
-			//     transform: translate(0, 30% * $base-multiplier);
-			//     opacity: 1;
-			//   }
-			//   70% {
-			//     transform: translate(0, 70% * $base-multiplier);
-			//     opacity: 1;
-			//   }
-			//   100% {
-			//     transform: translate(0, 100% * $base-multiplier);
-			//     opacity: 0;
-			//   }
-			// }
+				// @keyframes arrow-pulse {
+				//   $base-multiplier: 10;
+				//   0% {
+				//     transform: translate(0, 0);
+				//     opacity: 0;
+				//   }
+				//   30% {
+				//     transform: translate(0, 30% * $base-multiplier);
+				//     opacity: 1;
+				//   }
+				//   70% {
+				//     transform: translate(0, 70% * $base-multiplier);
+				//     opacity: 1;
+				//   }
+				//   100% {
+				//     transform: translate(0, 100% * $base-multiplier);
+				//     opacity: 0;
+				//   }
+				// }
 
-			&::after {
-				content: "";
-				position: absolute;
-				height: 0;
-				// margin-left: -1 * $highlight-line-size / 2;
-				left: 50%;
-				top: 0;
-				// border-left: $highlight-line-size / 2 solid transparent;
-				// border-right: $highlight-line-size / 2 solid transparent;
-				// border-top: $highlight-line-size / 2 solid white;
-				animation: arrow-pulse 1s infinite linear both;
+				&::after {
+					content: "";
+					position: absolute;
+					height: 0;
+					// margin-left: -1 * $highlight-line-size / 2;
+					left: 50%;
+					top: 0;
+					// border-left: $highlight-line-size / 2 solid transparent;
+					// border-right: $highlight-line-size / 2 solid transparent;
+					// border-top: $highlight-line-size / 2 solid white;
+					animation: arrow-pulse 1s infinite linear both;
+				}
 			}
-		}
 
-		/**
+			/**
  * +-----+
  * |     |
  * |  +--+
  * |  |  |
  * +--+--+
  */
-		.highlightTopLeftCorner {
-			&::before {
-				z-index: 3;
-				content: "";
-				position: absolute;
-				// border-top: solid $highlight-line-size $highlight-color;
-				// border-left: solid $highlight-line-size $highlight-color;
-				box-sizing: border-box;
-				// height: calc(50% + #{$highlight-line-size / 2});
-				// top: 50%;
-				// margin-top: $highlight-line-size / -2;
-				// right: 0;
-				// width: calc(50% + #{$highlight-line-size / 2});
+			.highlightTopLeftCorner {
+				&::before {
+					z-index: 3;
+					content: "";
+					position: absolute;
+					// border-top: solid $highlight-line-size $highlight-color;
+					// border-left: solid $highlight-line-size $highlight-color;
+					box-sizing: border-box;
+					// height: calc(50% + #{$highlight-line-size / 2});
+					// top: 50%;
+					// margin-top: $highlight-line-size / -2;
+					// right: 0;
+					// width: calc(50% + #{$highlight-line-size / 2});
+				}
 			}
-		}
 
-		/**
+			/**
  * +--+--+
  * |  |  |
  * |  |  |
  * |  +->|
  * +-----+
  */
-		.highlightBottomLeftCorner {
-			// $arrow-size: 7px;
-			z-index: 3;
+			.highlightBottomLeftCorner {
+				// $arrow-size: 7px;
+				z-index: 3;
 
-			&::before {
-				content: "";
-				position: absolute;
-				// border-bottom: solid $highlight-line-size $highlight-color;
-				// border-left: solid $highlight-line-size $highlight-color;
-				box-sizing: border-box;
-				// height: calc(100% + #{$highlight-line-size / 2});
-				// top: 0;
-				// right: $arrow-size;
-				// width: calc(50% - #{$arrow-size - ($highlight-line-size / 2)});
-			}
+				&::before {
+					content: "";
+					position: absolute;
+					// border-bottom: solid $highlight-line-size $highlight-color;
+					// border-left: solid $highlight-line-size $highlight-color;
+					box-sizing: border-box;
+					// height: calc(100% + #{$highlight-line-size / 2});
+					// top: 0;
+					// right: $arrow-size;
+					// width: calc(50% - #{$arrow-size - ($highlight-line-size / 2)});
+				}
 
-			&::after {
-				content: "";
-				position: absolute;
-				height: 0;
-				right: 0;
-				top: 100%;
-				// margin-top: -1 * $arrow-size;
-				// border-top: $arrow-size solid transparent;
-				// border-bottom: $arrow-size solid transparent;
-				// border-left: $arrow-size solid $highlight-color;
+				&::after {
+					content: "";
+					position: absolute;
+					height: 0;
+					right: 0;
+					top: 100%;
+					// margin-top: -1 * $arrow-size;
+					// border-top: $arrow-size solid transparent;
+					// border-bottom: $arrow-size solid transparent;
+					// border-left: $arrow-size solid $highlight-color;
+				}
 			}
 		}
 	}

package/es/data/contexts/DocumentListContext/index.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 export declare class DocumentListContextState {
     type?: string;
+    /** active?: string (文件id) 在DocumentSortableTree-FileExplorerTheme需要用到,显示点击当前的item的active效果 */
+    active?: string;
     onDriveClick?: (params?: any) => void;
     onDocumentSelected?: (params?: any) => void;
     /** Construct a new DocumentListContextState
@@ -8,15 +10,10 @@ export declare class DocumentListContextState {
      */
     constructor(options?: {
         type?: string;
+        active?: string;
         onDriveClick?: (params?: any) => void;
         onDocumentSelected?: (params?: any) => void;
     });
-    /** Retrieve a clean ListOptionsObject */
-    get listOptions(): {
-        Type: string | undefined;
-        DriveClick: ((params?: any) => void) | undefined;
-        DocumentSelected: ((params?: any) => void) | undefined;
-    };
 }
 /** React context for ListContextState. */
 export declare const DocumentListContext: import("react").Context<DocumentListContextState>;

package/es/data/contexts/DocumentListContext/index.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { computed, observable, toJS } from "mobx";
+import { observable } from "mobx";
 import { createContext, useContext } from "react";
 export class DocumentListContextState {
     /** Construct a new DocumentListContextState
@@ -8,31 +8,15 @@ export class DocumentListContextState {
     constructor(options) {
         if (options) {
             this.type = options.type;
+            this.active = options.active;
             this.onDriveClick = options.onDriveClick;
             this.onDocumentSelected = options.onDocumentSelected;
         }
     }
-    /** Retrieve a clean ListOptionsObject */
-    get listOptions() {
-        return {
-            Type: toJS(this.type),
-            DriveClick: toJS(this.onDriveClick),
-            DocumentSelected: toJS(this.onDocumentSelected)
-        };
-    }
 }
 __decorate([
     observable
 ], DocumentListContextState.prototype, "type", void 0);
-__decorate([
-    observable
-], DocumentListContextState.prototype, "onDriveClick", void 0);
-__decorate([
-    observable
-], DocumentListContextState.prototype, "onDocumentSelected", void 0);
-__decorate([
-    computed
-], DocumentListContextState.prototype, "listOptions", null);
 /** React context for ListContextState. */
 export const DocumentListContext = createContext(null);
 /** React hook to retrieve the nearest ListContextState. */

package/es/data/contexts/DocumentListContext/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/data/contexts/DocumentListContext/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,OAAO,wBAAwB;IAKpC;;OAEG;IACH,YAAmB,OAIlB;QACA,IAAI,OAAO,EAAE;YACZ,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;YACzB,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;YACzC,IAAI,CAAC,kBAAkB,GAAG,OAAO,CAAC,kBAAkB,CAAC;SACrD;IACF,CAAC;IAED,yCAAyC;IAEzC,IAAW,WAAW;QACrB,OAAO;YACN,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;YACrB,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;YACnC,gBAAgB,EAAE,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC;SAC/C,CAAC;IACH,CAAC;CACD;AA5BY;IAAX,UAAU;sDAAsB;AACrB;IAAX,UAAU;8DAA8C;AAC7C;IAAX,UAAU;oEAAoD;AAmB/D;IADC,QAAQ;2DAOR;AAGF,0CAA0C;AAC1C,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAA2B,IAAW,CAAC,CAAC;AAExF,2DAA2D;AAC3D,MAAM,UAAU,sBAAsB;IACrC,OAAO,UAAU,CAAC,mBAAmB,CAAC,CAAC;AACxC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/data/contexts/DocumentListContext/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAoB,UAAU,EAAQ,MAAM,MAAM,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,OAAO,wBAAwB;IAOpC;;OAEG;IACH,YAAmB,OAKlB;QACA,IAAI,OAAO,EAAE;YACZ,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;YACzB,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;YAC7B,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;YACzC,IAAI,CAAC,kBAAkB,GAAG,OAAO,CAAC,kBAAkB,CAAC;SACrD;IACF,CAAC;CACD;AAtBY;IAAX,UAAU;sDAAsB;AAwBlC,0CAA0C;AAC1C,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAA2B,IAAW,CAAC,CAAC;AAExF,2DAA2D;AAC3D,MAAM,UAAU,sBAAsB;IACrC,OAAO,UAAU,CAAC,mBAAmB,CAAC,CAAC;AACxC,CAAC"}

package/es/data/metas/ShortcutMeta.d.ts

@@ -9,6 +9,7 @@ export declare class ShortcutMeta extends DefaultDocumentTypeMeta {
     static TypeName: string;
     constructor(store: DocumentMetaStore);
     get name(): string;
+    getRoute(document: IDocument): string;
     getIcon(document: IDocument): JSX.Element;
     getPropertiesView(document: IDocument): JSX.Element;
     getQuickView(document: IDocument, props: QuickViewProps): JSX.Element;

package/es/data/metas/ShortcutMeta.js

@@ -12,6 +12,11 @@ export class ShortcutMeta extends DefaultDocumentTypeMeta {
     get name() {
         return ShortcutMeta.TypeName;
     }
+    getRoute(document) {
+        const shortcut = document;
+        invariant(shortcut.target, "Shortcut must contains a target.");
+        return this.store.getRoute(shortcut.target);
+    }
     getIcon(document) {
         return React.createElement(FontAwesomeIcon, { icon: faLink });
     }

package/es/data/metas/ShortcutMeta.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShortcutMeta.js","sourceRoot":"","sources":["../../../src/data/metas/ShortcutMeta.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,SAAS,MAAM,WAAW,CAAC;AAElC,qCAAqC;AACrC,MAAM,OAAO,YAAa,SAAQ,uBAAuB;IAGxD,YAA2B,KAAwB;QAClD,KAAK,EAAE,CAAC;QADkB,UAAK,GAAL,KAAK,CAAmB;IAEnD,CAAC;IAED,IAAW,IAAI;QACd,OAAO,YAAY,CAAC,QAAQ,CAAC;IAC9B,CAAC;IAEM,OAAO,CAAC,QAAmB;QACjC,OAAO,oBAAC,eAAe,IAAC,IAAI,EAAE,MAAM,GAAI,CAAC;IAC1C,CAAC;IAEM,iBAAiB,CAAC,QAAmB;QAC3C,MAAM,QAAQ,GAAG,QAAqB,CAAC;QACvC,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,kCAAkC,CAAC,CAAC;QAE/D,OAAO,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAAC,MAAa,CAAC,CAAC;IAC7D,CAAC;IAEM,YAAY,CAAC,QAAmB,EAAE,KAAqB;QAC7D,MAAM,QAAQ,GAAG,QAAqB,CAAC;QACvC,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,kCAAkC,CAAC,CAAC;QAC/D,OAAO,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAa,EAAE,KAAK,CAAC,CAAC;IAC/D,CAAC;;AAzBa,qBAAQ,GAAG,UAAU,CAAC"}
+{"version":3,"file":"ShortcutMeta.js","sourceRoot":"","sources":["../../../src/data/metas/ShortcutMeta.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,SAAS,MAAM,WAAW,CAAC;AAElC,qCAAqC;AACrC,MAAM,OAAO,YAAa,SAAQ,uBAAuB;IAGxD,YAA2B,KAAwB;QAClD,KAAK,EAAE,CAAC;QADkB,UAAK,GAAL,KAAK,CAAmB;IAEnD,CAAC;IAED,IAAW,IAAI;QACd,OAAO,YAAY,CAAC,QAAQ,CAAC;IAC9B,CAAC;IAEM,QAAQ,CAAC,QAAmB;QAClC,MAAM,QAAQ,GAAG,QAAqB,CAAC;QACvC,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,kCAAkC,CAAC,CAAC;QAC/D,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAa,CAAC,CAAC;IACpD,CAAC;IAEM,OAAO,CAAC,QAAmB;QACjC,OAAO,oBAAC,eAAe,IAAC,IAAI,EAAE,MAAM,GAAI,CAAC;IAC1C,CAAC;IAEM,iBAAiB,CAAC,QAAmB;QAC3C,MAAM,QAAQ,GAAG,QAAqB,CAAC;QACvC,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,kCAAkC,CAAC,CAAC;QAE/D,OAAO,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAAC,MAAa,CAAC,CAAC;IAC7D,CAAC;IAEM,YAAY,CAAC,QAAmB,EAAE,KAAqB;QAC7D,MAAM,QAAQ,GAAG,QAAqB,CAAC;QACvC,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,kCAAkC,CAAC,CAAC;QAC/D,OAAO,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAa,EAAE,KAAK,CAAC,CAAC;IAC/D,CAAC;;AA/Ba,qBAAQ,GAAG,UAAU,CAAC"}