@genexus/genexus-ide-ui 0.0.93 → 0.0.94

package/dist/esm/ch-test-flexible-layout.entry.js

@@ -1,4 +1,4 @@
-import { h, r as registerInstance } from './index-2d51259e.js';
+import { h, r as registerInstance } from './index-692bb924.js';
 
 const KB_EXPLORER_ORDER = {
   module: 1,
@@ -17,11 +17,16 @@ const KB_EXPLORER_ORDER = {
   images: 8
 };
 
+const FIRST_LEVEL_SIZE = 10;
+const SECOND_LEVEL_SIZE = 20;
+const THIRD_LEVEL_SIZE = 20;
+
 const kbExplorerModel = [
   {
     id: "root",
     caption: "GeneXusNext Develop",
     editable: false,
+    expanded: true,
     leaf: false,
     leftImgSrc: "assets/icons/version.svg",
     dragDisabled: true,
@@ -420,6 +425,124 @@ const kbExplorerModel_RootModule_General_UI_Stencils = [
   }
 ];
 
+const importObjectsModel = [
+  {
+    id: "Category",
+    caption: "Category",
+    leftImgSrc: "assets/icons/category.svg",
+    items: [
+      {
+        id: "Category.Main_Programs",
+        caption: "Main Programs",
+        leftImgSrc: "assets/icons/category.svg",
+        leaf: true
+      }
+    ]
+  },
+  {
+    id: "Design System",
+    caption: "Design System",
+    leftImgSrc: "assets/icons/dso.svg",
+    items: [
+      {
+        id: "Design_System.ActionGroup",
+        caption: "ActionGroup",
+        leftImgSrc: "assets/icons/dso.svg",
+        leaf: true
+      },
+      {
+        id: "Design_System.DynamicActionGroup",
+        caption: "DynamicActionGroup",
+        leftImgSrc: "assets/icons/dso.svg",
+        leaf: true
+      },
+      {
+        id: "Design_System.UserControls",
+        caption: "UserControls",
+        leftImgSrc: "assets/icons/dso.svg",
+        leaf: true
+      },
+      {
+        id: "Design_System.Dropdown",
+        caption: "Dropdown",
+        leftImgSrc: "assets/icons/dso.svg",
+        leaf: true
+      },
+      {
+        id: "Design_System.UnanimoAngularWithoutUserControls",
+        caption: "UnanimoAngularWithoutUserControls",
+        leftImgSrc: "assets/icons/dso.svg",
+        leaf: true
+      }
+    ]
+  },
+  {
+    id: "Module",
+    caption: "Module",
+    leftImgSrc: "assets/icons/module.svg",
+    indeterminate: true,
+    items: [
+      {
+        id: "Module.General",
+        caption: "General",
+        leftImgSrc: "assets/icons/module.svg",
+        leaf: true
+      },
+      {
+        id: "Module.General.UI",
+        caption: "General.UI",
+        leftImgSrc: "assets/icons/module.svg",
+        leaf: true
+      },
+      {
+        id: "Module.General.Services",
+        caption: "General.Services",
+        leftImgSrc: "assets/icons/module.svg",
+        leaf: true
+      },
+      {
+        id: "Module.GeneralReporting",
+        caption: "GeneralReporting",
+        leftImgSrc: "assets/icons/module.svg",
+        leaf: true
+      },
+      {
+        id: "Module.GeneXusUnanimo",
+        caption: "GeneXusUnanimo",
+        checked: false,
+        leftImgSrc: "assets/icons/module.svg",
+        leaf: true
+      },
+      {
+        id: "Module.GeneXus",
+        caption: "GeneXus",
+        checked: false,
+        leftImgSrc: "assets/icons/module.svg",
+        leaf: true
+      }
+    ]
+  },
+  {
+    id: "Data Provider",
+    caption: "Data Provider",
+    leftImgSrc: "assets/icons/data-provider.svg",
+    items: [
+      {
+        id: "Data_Provider.General.UI.SidebarItemsDP",
+        caption: "General.UI.SidebarItemsDP",
+        leftImgSrc: "assets/icons/data-provider.svg",
+        leaf: true
+      }
+    ]
+  },
+  {
+    id: "Panel",
+    caption: "Panel",
+    lazy: true,
+    leftImgSrc: "assets/icons/panel-for-sd.svg"
+  }
+];
+
 const importOBjectsPanelModel = [
   {
     id: "Panel.ActionGroupTests",
@@ -628,6 +751,47 @@ const lazyLoadItemsDictionary = {
   "Environment.GeneXusNext": Environment_GeneXusNext_preferencesModel
 };
 
+const eagerLargeModel = [];
+
+for (let i = 0; i < FIRST_LEVEL_SIZE; i++) {
+  const subEagerLargeModel = [];
+  const modelId = "item-" + i;
+
+  for (let j = 0; j < SECOND_LEVEL_SIZE; j++) {
+    const subModelId = modelId + "-" + j;
+    const subSubEagerLargeModel = [];
+
+    for (let k = 0; k < THIRD_LEVEL_SIZE; k++) {
+      const subSubModelId = subModelId + "-" + k;
+
+      subSubEagerLargeModel.push({
+        id: subSubModelId,
+        caption: subSubModelId,
+        leaf: true,
+        leftImgSrc: "./assets/icons/file.svg"
+      });
+    }
+
+    subEagerLargeModel.push({
+      id: subModelId,
+      caption: subModelId,
+      expanded: true,
+      leaf: false,
+      leftImgSrc: "./assets/icons/knowledge-base.svg",
+      items: subSubEagerLargeModel
+    });
+  }
+
+  eagerLargeModel.push({
+    id: modelId,
+    caption: modelId,
+    expanded: true,
+    leaf: false,
+    leftImgSrc: "assets/icons/patterns.svg",
+    items: subEagerLargeModel
+  });
+}
+
 /**
  * @typedef DropdownItemModel
  * @type {object}
@@ -851,64 +1015,108 @@ const GXWebModel = [
 const MENU_BAR = "menu-bar";
 const KB_EXPLORER = "kb-explorer";
 const PREFERENCES = "preferences";
+const HEAVY_TREE = "heavy-tree";
 const START_PAGE = "start-page";
 const GRID = "Grid";
 const STRUCT_EDITOR = "StructEditor";
+const ATTRS_CONTAINERS_AND_OTHERS = "AttrsContainersAndOthers";
 const PROPERTIES = "properties";
 const OUTPUT = "output";
+const IMPORT_OBJECTS = "import-objects";
 const layout3 = {
+    id: "root",
     direction: "rows",
     items: [
         {
+            id: "sub-group-1",
             accessibleRole: "banner",
-            hideDragBar: true,
+            dragBar: { hidden: true },
             size: "32px",
             viewType: "blockStart",
             widgets: [{ id: MENU_BAR, name: MENU_BAR }]
         },
         {
+            id: "sub-group-2",
             direction: "columns",
             size: "1fr",
             items: [
                 {
+                    id: "sub-group-2-1",
                     accessibleRole: "complementary",
                     expanded: true,
                     size: "300px",
                     viewType: "inlineStart",
+                    selectedWidgetId: KB_EXPLORER,
                     widgets: [
-                        { id: KB_EXPLORER, name: "KB Explorer", selected: true },
-                        { id: PREFERENCES, name: "Preferences" }
+                        {
+                            id: KB_EXPLORER,
+                            name: "KB Explorer",
+                            startImageSrc: "assets/icons/toolbar/kb-explorer.svg"
+                        },
+                        {
+                            id: PREFERENCES,
+                            name: "Preferences",
+                            startImageSrc: "assets/icons/toolbar/preferences.svg"
+                        },
+                        {
+                            id: HEAVY_TREE,
+                            name: "Heavy Tree",
+                            startImageSrc: "assets/icons/toolbar/kb-explorer.svg"
+                        }
                     ]
                 },
                 {
+                    id: "sub-group-2-2",
                     direction: "rows",
                     size: "1fr",
                     items: [
                         {
+                            id: "sub-group-2-2-1",
                             direction: "columns",
-                            dragBarPart: "visible",
+                            dragBar: { part: "visible", size: 1 },
                             size: "1fr",
                             accessibleRole: "main",
                             items: [
                                 {
-                                    dragBarPart: "visible",
-                                    size: "1fr",
+                                    id: "sub-group-2-2-1-1",
+                                    dragBar: { part: "visible", size: 1 },
+                                    size: "0.5fr",
                                     viewType: "main",
-                                    widgets: [
-                                        { id: START_PAGE, name: "Start Page", selected: true }
-                                    ]
+                                    selectedWidgetId: START_PAGE,
+                                    widgets: [{ id: START_PAGE, name: "Start Page" }]
                                 },
                                 {
-                                    size: "1fr",
+                                    id: "sub-group-2-2-1-2",
+                                    direction: "rows",
+                                    size: "0.5fr",
                                     viewType: "main",
-                                    widgets: [
-                                        { id: GRID, name: "Grid" },
-                                        { id: STRUCT_EDITOR, name: "Struct Editor" }
+                                    items: [
+                                        {
+                                            id: "sub-group-2-2-1-2-1",
+                                            dragBar: { part: "visible", size: 1 },
+                                            size: "0.5fr",
+                                            viewType: "main",
+                                            widgets: [
+                                                { id: GRID, name: "Grid" },
+                                                { id: STRUCT_EDITOR, name: "Struct Editor" },
+                                                {
+                                                    id: ATTRS_CONTAINERS_AND_OTHERS,
+                                                    name: "AttrsContainersAndOthers"
+                                                }
+                                            ]
+                                        },
+                                        {
+                                            id: "sub-group-2-2-1-2-2",
+                                            size: "0.5fr",
+                                            viewType: "main",
+                                            widgets: [{ id: IMPORT_OBJECTS, name: "Import Objects" }]
+                                        }
                                     ]
                                 }
                             ]
                         },
                         {
+                            id: "sub-group-2-2-2",
                             accessibleRole: "contentinfo",
                             size: "200px",
                             viewType: "blockEnd",
@@ -923,11 +1131,18 @@ const layout3 = {
                     ]
                 },
                 {
+                    id: "sub-group-2-3",
                     accessibleRole: "complementary",
                     expanded: true,
                     size: "300px",
                     viewType: "inlineEnd",
-                    widgets: [{ id: PROPERTIES, name: "Properties" }]
+                    widgets: [
+                        {
+                            id: PROPERTIES,
+                            name: "Properties",
+                            startImageSrc: "assets/icons/toolbar/properties.svg"
+                        }
+                    ]
                 }
             ]
         }
@@ -941,8 +1156,8 @@ const lazyLoadTreeItems = (modelId) => new Promise(resolve => {
 });
 const layoutRenders = {
     [MENU_BAR]: () => (h("ch-action-group-render", { model: GXWebModel })),
-    [KB_EXPLORER]: () => (h("ch-tree-view-render", { treeModel: kbExplorerModel, lazyLoadTreeItemsCallback: lazyLoadTreeItems, showLines: "last" })),
-    [PREFERENCES]: () => (h("ch-tree-view-render", { treeModel: preferencesModel, dragDisabled: true, dropDisabled: true, editableItems: false, lazyLoadTreeItemsCallback: lazyLoadTreeItems, showLines: "all" })),
+    [KB_EXPLORER]: () => (h("ch-tree-view-render", { treeModel: kbExplorerModel, lazyLoadTreeItemsCallback: lazyLoadTreeItems, multiSelection: true, showLines: "last" })),
+    [PREFERENCES]: () => (h("ch-tree-view-render", { treeModel: preferencesModel, dragDisabled: true, dropDisabled: true, editableItems: false, lazyLoadTreeItemsCallback: lazyLoadTreeItems, multiSelection: true, showLines: "all" })),
     [START_PAGE]: () => (h("div", null, h("h1", { style: {
             display: "flex",
             justifyContent: "center",
@@ -950,13 +1165,16 @@ const layoutRenders = {
             color: "#c5c8c6",
             "text-align": "center"
         } }, "GeneXus"))),
-    [GRID]: () => (h("div", null, "Grid render... ", h("input", { type: "text" }))),
+    [GRID]: () => (h("div", null, "Grid render... ", h("input", { type: "text" }), h("ch-grid", null, h("ch-grid-columnset", null, h("ch-grid-column", { "column-name": "Name", settingable: false, "column-type": "tree", freeze: "start", size: "20%" }), h("ch-grid-column", { "column-name": "Type", settingable: false, size: "80%" }), h("ch-grid-column", { "column-name": "Description", settingable: false, size: "500px" }), h("ch-grid-column", { "column-name": "Is Collection", settingable: false, size: "100px" })), h("ch-grid-row", null, h("ch-grid-cell", null, "Target"), h("ch-grid-cell", null), h("ch-grid-cell", null, "Target"), h("ch-grid-cell", null, "false"), h("ch-grid-rowset", null, h("ch-grid-row", { leaf: "false" }, h("ch-grid-cell", null, "TargetType"), h("ch-grid-cell", null, "TargetType, GeneXus.Common.Notifications"), h("ch-grid-cell", null, "Target Type (required)"), h("ch-grid-cell", null, "false")), h("ch-grid-row", null, h("ch-grid-cell", null, "Devices"), h("ch-grid-cell", null), h("ch-grid-cell", null, "Devices List"), h("ch-grid-cell", null, "true"), h("ch-grid-rowset", null, h("ch-grid-row", null, h("ch-grid-cell", null, "Device"), h("ch-grid-cell", null), h("ch-grid-cell", null), h("ch-grid-cell", null), h("ch-grid-rowset", null, h("ch-grid-row", null, h("ch-grid-cell", null, "DeviceToken"), h("ch-grid-cell", null, "Character(500)"), h("ch-grid-cell", null, "DeviceToken"), h("ch-grid-cell", null, "false")))))), h("ch-grid-row", null, h("ch-grid-cell", null, "Groups"), h("ch-grid-cell", null), h("ch-grid-cell", null, "Groups"), h("ch-grid-cell", null, "true"), h("ch-grid-rowset", null, h("ch-grid-row", null, h("ch-grid-cell", null, "Group"), h("ch-grid-cell", null), h("ch-grid-cell", null), h("ch-grid-cell", null), h("ch-grid-rowset", null, h("ch-grid-row", null, h("ch-grid-cell", null, "Name"), h("ch-grid-cell", null, "Character(100)"), h("ch-grid-cell", null, "Name"), h("ch-grid-cell", null, "false")))))), h("ch-grid-row", null, h("ch-grid-cell", null, "Targets"), h("ch-grid-cell", null), h("ch-grid-cell", null, "Targets"), h("ch-grid-cell", null, "true"), h("ch-grid-rowset", null, h("ch-grid-row", null, h("ch-grid-cell", null, "Filter"), h("ch-grid-cell", null), h("ch-grid-cell", null), h("ch-grid-cell", null), h("ch-grid-rowset", null, h("ch-grid-row", null, h("ch-grid-cell", null, "Name"), h("ch-grid-cell", null, "Character(100)"), h("ch-grid-cell", null, "Name"), h("ch-grid-cell", null, "false")), h("ch-grid-row", null, h("ch-grid-cell", null, "Value"), h("ch-grid-cell", null, "Character(100)"), h("ch-grid-cell", null, "Name"), h("ch-grid-cell", null, "false"))))))))))),
     [STRUCT_EDITOR]: () => (h("div", null, "Struct Editor... ", h("input", { type: "text" }))),
+    [ATTRS_CONTAINERS_AND_OTHERS]: () => (h("div", null, "Panel AttrsContainersAndOthers ", h("input", { type: "text" }))),
     [PROPERTIES]: () => (h("div", null, "Properties render... ", h("input", { type: "text" }))),
-    [OUTPUT]: () => h("div", null, "Output render... ")
+    [OUTPUT]: () => h("div", null, "Output render... "),
+    [HEAVY_TREE]: () => (h("ch-tree-view-render", { treeModel: eagerLargeModel, dragDisabled: true, dropDisabled: true, editableItems: false, multiSelection: true, showLines: "all" })),
+    [IMPORT_OBJECTS]: () => (h("ch-tree-view-render", { treeModel: importObjectsModel, checkbox: true, checked: true, lazyLoadTreeItemsCallback: lazyLoadTreeItems, toggleCheckboxes: true, dragDisabled: true, dropDisabled: true, editableItems: false, multiSelection: true, showLines: "all" }))
 };
 
-const testFlexibleLayoutCss = ".action-group{min-height:32px;padding-inline:48px;background-color:#e8e8e9}.action-group::part(more-actions-list),.action-group-item::part(list),.dropdown::part(list),.dropdown-item::part(list){width:max-content;padding-block:4px;background-color:#fff;box-shadow:0px 1px 6px rgba(0, 0, 0, 0.16);line-height:24px}.action-group-item::part(action){padding-inline:8px}.action-group-item::part(action):hover{background-color:rgba(0, 0, 0, 0.1)}.dropdown-item::part(action){padding-block:2px;padding-inline:32px;gap:6px}.dropdown-item::part(action):hover{background-color:#0060c0;color:white}.dropdown-item::part(start-img){width:18px;height:18px;min-width:18px;margin-inline-start:-24px;padding:1px}.dropdown-item::part(shortcut){margin-inline-start:128px}.dropdown-item::part(expandable-action)::after{content:\"\";display:flex;block-size:0;inline-size:0;position:absolute;inset-inline-end:14px;border-block:5px solid transparent;border-inline-start:7px solid currentColor}*,::after,::before{box-sizing:border-box}ch-test-flexible-layout{display:contents}.flexible-layout::part(bar visible){background-color:#e7e7e7}.flexible-layout::part(inlineStart__page-container),.flexible-layout::part(inlineEnd__page-container){background-color:#f2f2f2}.flexible-layout::part(inlineStart__tab-list),.flexible-layout::part(inlineEnd__tab-list){background-color:#e8e8e9;inline-size:48px;gap:4px}.flexible-layout::part(inlineStart__button),.flexible-layout::part(inlineEnd__button){position:relative;block-size:32px;inline-size:48px}.flexible-layout::part(inlineStart__button)::before,.flexible-layout::part(inlineEnd__button)::before{content:\"\";display:flex;block-size:100%;inline-size:100%;background-color:currentColor}.flexible-layout::part(inlineStart__button selected)::after,.flexible-layout::part(inlineEnd__button selected)::after{content:\"\";display:flex;position:absolute;inset-block-start:4px;inset-inline-start:1px;block-size:calc(100% - 8px);inline-size:2px;background-color:currentColor}.flexible-layout::part(inlineEnd__button selected)::after{inset-inline-start:unset;inset-inline-end:1px}.flexible-layout::part(caption-kb-explorer)::before{-webkit-mask:url(\"assets/icons/toolbar/kb-explorer.svg\") 50% 50%/16px 16px no-repeat}.flexible-layout::part(caption-preferences)::before{-webkit-mask:url(\"assets/icons/toolbar/preferences.svg\") 50% 50%/16px 16px no-repeat}.flexible-layout::part(caption-properties)::before{-webkit-mask:url(\"assets/icons/toolbar/properties.svg\") 50% 50%/16px 16px no-repeat}.flexible-layout::part(inlineStart__page-name),.flexible-layout::part(inlineEnd__page-name){display:block;padding-block:8px;padding-inline:16px}.flexible-layout::part(close-button){padding:1px}.flexible-layout::part(close-button):hover{background-color:color-mix(in srgb, currentColor 10%, transparent);border-radius:4px}.flexible-layout::part(close-button):focus-visible{outline:1px solid currentColor}.flexible-layout::part(main__button),.flexible-layout::part(blockEnd__button){padding-block:6px;padding-inline:16px 8px;gap:8px;background-color:#ececec}.flexible-layout::part(main__button):focus-visible,.flexible-layout::part(blockEnd__button):focus-visible{outline:1px solid currentColor;outline-offset:-1px}.flexible-layout::part(main__button selected),.flexible-layout::part(blockEnd__button selected){background-color:#fff}.flexible-layout::part(main__tab-list),.flexible-layout::part(blockEnd__tab-list){background-color:#f7f7f7}.ch-tree-view-item--success::part(action)::before{grid-area:first-img;content:\"\";width:12px;height:12px;margin-inline-end:4px;background-color:#459660;border-radius:50%}.ch-tree-view-item--success::part(action){grid-template:\"first-img left-img text right-img\"/max-content max-content 1fr max-content}.tree-view-item--success::part(action)::before{grid-area:left-img;content:\"\";width:10px;height:10px;margin-inline-end:4px;background-color:#459660;border-radius:50%;z-index:1}.tree-view-item--custom-image::part(action)::before{grid-area:left-img;content:\"\";width:14px;height:14px;margin-inline-end:4px;background-color:#455496;border-radius:50%;z-index:1}.tree-view-item--folder::part(action)::before,.tree-view-item--module::part(action)::before{grid-area:left-img;content:\"\";width:14px;height:14px;margin-inline-end:4px;background-repeat:no-repeat}.tree-view-item--folder::part(action)::before{background-image:url(\"assets/icons/folder.svg\")}.tree-view-item--folder::part(action expanded)::before{background-image:url(\"assets/icons/folder-open.svg\")}.tree-view-item--module::part(action)::before{background-image:url(\"assets/icons/module.svg\")}.tree-view-item--module::part(action expanded)::before{background-image:url(\"assets/icons/module-open.svg\")}.tree-view-item--pending-commit::part(action)::before{content:\"\";position:relative;z-index:1;grid-area:left-img;width:5px;height:5px;align-self:end;margin-block-end:3px;margin-inline-start:1px;background-color:#2c3b92;border-radius:50%}.configuration{display:grid;grid-template-columns:repeat(5, max-content);grid-template-rows:min-content min-content min-content min-content;gap:12px 24px}.tree-buttons{display:grid;grid-auto-rows:max-content;row-gap:8px}.ch-tree-view-item--drag-enter{background-color:#eee;box-shadow:inset 0 0 1px 0px black}.ch-tree-view-item--drag-enter[selected]::part(header){background-color:#eee}.ch-tree-view-not-dragging-item .tree-view-item:not([aria-selected])::part(header):hover{background-color:#e8e8e9}.tree-view-item::part(header){border:1px solid transparent}.tree-view-item[aria-selected]::part(header){background-color:#cfdee6;border-color:#0266a0}.tree-view-item:not([aria-selected])::part(header):hover{background-color:#e8e8e9}.tree-view-item.ch-tree-view-item--editing::part(header){background-color:rgba(207, 222, 230, 0.5);border-color:transparent}.tree-view-item:not(.ch-tree-view-item--editing)::part(header):focus-visible{border-color:black;z-index:1}.ch-tree-view-drag-info{padding-inline:6px;padding-block:2px;background-color:#cfdee6;border:1px solid #0266a0;border-radius:10px;font-size:8px}";
+const testFlexibleLayoutCss = ".action-group{min-height:32px;padding-inline:48px;background-color:#e8e8e9}.action-group::part(more-actions-list),.action-group-item::part(list),.dropdown::part(list),.dropdown-item::part(list){width:max-content;padding-block:4px;background-color:#fff;box-shadow:0px 1px 6px rgba(0, 0, 0, 0.16);line-height:24px}.action-group-item::part(action){padding-inline:8px}.action-group-item::part(action):hover{background-color:rgba(0, 0, 0, 0.1)}.dropdown-item::part(action){padding-block:2px;padding-inline:32px;gap:6px}.dropdown-item::part(action):hover{background-color:#0060c0;color:white}.dropdown-item::part(start-img){width:18px;height:18px;min-width:18px;margin-inline-start:-24px;padding:1px}.dropdown-item::part(shortcut){margin-inline-start:128px}.dropdown-item::part(expandable-action)::after{content:\"\";display:flex;block-size:0;inline-size:0;position:absolute;inset-inline-end:14px;border-block:5px solid transparent;border-inline-start:7px solid currentColor}ch-grid::part(main)::-webkit-scrollbar{width:12px;background-color:red}ch-grid::part(main)::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius:10px}ch-grid::part(main)::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.5)}ch-grid:focus-within{outline:unset}ch-grid-columnset{background-color:#d4d4d4}ch-grid-column{padding-block:4px;padding-inline:4px}ch-grid-column::part(bar){width:100%}ch-grid-column::part(bar)::after{content:\"\";order:3;margin-left:auto}ch-grid-column::part(bar-resize){width:3px}ch-grid-rowset-legend{background-color:lightgrey}ch-grid-row{padding-block:2px;border-block-end:1px solid lightgrey}ch-grid-row[highlighted]{background-color:#e8e8e9}ch-grid-row[selected]{background-color:#cfdee6}ch-grid-cell{padding-inline:4px}ch-grid-cell[selected]{background-color:#cfdee6;outline:1px solid #0266a0;outline-offset:-1px}ch-grid-cell::part(node-icon){width:16px;height:16px;background-repeat:no-repeat;background-size:12px 12px;background-position:center}ch-grid-row:has(>ch-grid-rowset)>ch-grid-cell::part(node-icon){background-image:url(\"../icons/folder.svg\")}ch-grid-cell::part(node-icon){background-image:url(\"../icons/file.svg\")}ch-grid-rowset-legend::part(icon){width:16px;height:16px;background-image:url(\"../icons/group.svg\");background-repeat:no-repeat;background-size:12px 12px;background-position:center}ch-grid::part(settings-mask){background-color:rgba(0, 0, 0, 0.2)}ch-grid-cell::part(drag-icon){width:16px;height:16px;background-repeat:no-repeat;background-size:16px 16px;background-position:center;background-image:url(\"../icons/drag.svg\")}ch-grid-cell::part(actions-icon){padding:0px;border:0px none transparent;background-color:transparent;box-sizing:content-box;font-family:inherit;font-size:100%;width:16px;height:16px;background-repeat:no-repeat;background-size:10px 10px;background-position:center;background-image:url(\"../icons/view-more.svg\")}ch-grid-row>ch-grid-cell::part(caret),ch-grid-rowset>ch-grid-rowset-legend::part(caret){width:16px;height:16px;background-image:url(\"../icons/node_collapse.gif\")}ch-grid-row:is([collapsed],[leaf=\"false\"]:not(:has(>ch-grid-rowset)))>ch-grid-cell::part(caret),ch-grid-rowset[collapsed]>ch-grid-rowset-legend::part(caret){background-image:url(\"../icons/node_expand.gif\")}ch-grid-actionbar{display:inline-block;margin-top:10px}ch-grid-action-refresh{display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-size:24px 24px;background-position:center;background-image:url(\"../icons/refresh.svg\")}ch-grid-action-settings{display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-size:24px 24px;background-position:center;background-image:url(\"../icons/settings.svg\")}ch-grid-column::part(bar-settings-button){all:unset;width:16px;height:16px;background-repeat:no-repeat;background-size:16px 16px;background-position:center;background-image:url(\"../icons/settings.svg\")}ch-grid-column::part(bar-sort-ascending){width:16px;height:16px;background-repeat:no-repeat;background-size:16px 16px;background-position:center;background-image:url(\"../icons/sort-asc.svg\")}ch-grid-column::part(bar-sort-descending){width:16px;height:16px;background-repeat:no-repeat;background-size:16px 16px;background-position:center;background-image:url(\"../icons/sort-desc.svg\")}ch-grid::part(settings-window),ch-grid-column::part(settings-window){background:white;padding:5px;border:solid 1px grey}ch-grid::part(settings-header),ch-grid-column::part(settings-header){display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}ch-grid::part(settings-caption),ch-grid-column::part(settings-caption){text-transform:uppercase}ch-grid::part(settings-close),ch-grid-column::part(settings-close){background-position:center;margin-bottom:0px;cursor:pointer}ch-grid{--indent:16px}.column-settings{display:flex;justify-content:center;align-items:center;width:300px;height:100px}ch-grid-row-actions[show-on-row-hover]::part(window){margin-right:19px}*,::after,::before{box-sizing:border-box}ch-test-flexible-layout{display:contents}.flexible-layout::part(bar visible){background-color:#e7e7e7}.flexible-layout::part(inline__page-container){background-color:#f2f2f2}.flexible-layout::part(inline__tab-list){background-color:#e8e8e9;inline-size:48px;gap:4px}.flexible-layout::part(inline__button){position:relative;block-size:32px;inline-size:48px}.flexible-layout::part(inline__button)::before{display:flex;block-size:100%;inline-size:100%;-webkit-mask-size:16px}.flexible-layout::part(inline__button selected)::after{content:\"\";display:flex;position:absolute;inset-block-start:4px;inset-inline-start:1px;block-size:calc(100% - 8px);inline-size:2px;background-color:currentColor}.flexible-layout::part(inline__button inlineEnd selected)::after{inset-inline-start:unset;inset-inline-end:1px}.flexible-layout::part(inline__page-name){display:block;padding-block:8px;padding-inline:16px}.flexible-layout::part(close-button){padding:1px}.flexible-layout::part(close-button):hover{background-color:color-mix(in srgb, currentColor 10%, transparent);border-radius:4px}.flexible-layout::part(close-button):focus-visible{outline:1px solid currentColor}.flexible-layout::part(inline__button):focus-visible{outline:1px solid currentColor;outline-offset:-1px}.flexible-layout::part(block__button){padding-block:6px;padding-inline:16px 8px;gap:8px;background-color:#ececec}.flexible-layout::part(block__button):focus-visible{outline:1px solid currentColor;outline-offset:-1px}.flexible-layout::part(block__button selected){background-color:#fff}.flexible-layout::part(block__button selected blockEnd){position:relative}.flexible-layout::part(block__button selected blockEnd)::after{content:\"\";position:absolute;inset-block-start:0;inset-inline:0;block-size:1px;background-color:currentColor;z-index:1}.flexible-layout::part(block__tab-list){background-color:#f7f7f7}.flexible-layout::part(block__page-container),.flexible-layout::part(inline__page-container){overflow:auto}.flexible-layout::part(drag-preview-element block__button){padding-inline:25px}.flexible-layout::part(drag-preview--outside-tab-list){box-shadow:0 3px 4px 1px #00000020}.ch-tree-view-item--success::part(action)::before{grid-area:first-img;content:\"\";width:12px;height:12px;margin-inline-end:4px;background-color:#459660;border-radius:50%}.ch-tree-view-item--success::part(action){grid-template:\"first-img left-img text right-img\"/max-content max-content 1fr max-content}.tree-view-item--success::part(action)::before{grid-area:left-img;content:\"\";width:10px;height:10px;margin-inline-end:4px;background-color:#459660;border-radius:50%;z-index:1}.tree-view-item--custom-image::part(action)::before{grid-area:left-img;content:\"\";width:14px;height:14px;margin-inline-end:4px;background-color:#455496;border-radius:50%;z-index:1}.tree-view-item--folder::part(action)::before,.tree-view-item--module::part(action)::before{grid-area:left-img;content:\"\";width:14px;height:14px;margin-inline-end:4px;background-repeat:no-repeat}.tree-view-item--folder::part(action)::before{background-image:url(\"assets/icons/folder.svg\")}.tree-view-item--folder::part(action expanded)::before{background-image:url(\"assets/icons/folder-open.svg\")}.tree-view-item--module::part(action)::before{background-image:url(\"assets/icons/module.svg\")}.tree-view-item--module::part(action expanded)::before{background-image:url(\"assets/icons/module-open.svg\")}.tree-view-item--pending-commit::part(action)::before{content:\"\";position:relative;z-index:1;grid-area:left-img;width:5px;height:5px;align-self:end;margin-block-end:3px;margin-inline-start:1px;background-color:#2c3b92;border-radius:50%}.configuration{display:grid;grid-template-columns:repeat(5, max-content);grid-template-rows:min-content min-content min-content min-content;gap:12px 24px}.tree-buttons{display:grid;grid-auto-rows:max-content;row-gap:8px}.ch-tree-view-item--drag-enter{background-color:#eee;box-shadow:inset 0 0 1px 0px black}.ch-tree-view-item--drag-enter[selected]::part(header){background-color:#eee}.ch-tree-view-not-dragging-item .tree-view-item:not([aria-selected])::part(header):hover{background-color:#e8e8e9}.tree-view-item::part(header){border:1px solid transparent}.tree-view-item[aria-selected]::part(header){background-color:#cfdee6;border-color:#0266a0}.tree-view-item:not([aria-selected])::part(header):hover{background-color:#e8e8e9}.tree-view-item.ch-tree-view-item--editing::part(header){background-color:rgba(207, 222, 230, 0.5);border-color:transparent}.tree-view-item:not(.ch-tree-view-item--editing)::part(header):focus-visible{border-color:black;z-index:1}.ch-tree-view-drag-info{padding-inline:6px;padding-block:2px;background-color:#cfdee6;border:1px solid #0266a0;border-radius:10px;font-size:8px}";
 
 const ChTestFlexibleLayout = class {
     constructor(hostRef) {