@genexus/genexus-ide-ui 0.0.22 → 0.0.23

package/dist/types/components.d.ts

@@ -17,6 +17,9 @@ import { CancelCallback as CancelCallback1, CreateCallback as CreateCallback1, S
 import { LoadReferencesCallback, ObjectData, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
 import { CommitCallback, GetRecentComment, GridContextMenuCallback, LoadCallback, ObjetType, PendingItemCheckedResult, PendingItemsCheckedState } from "./components/team-dev-commit/team-dev-commit";
 import { cancelCallback, confirmCallback } from "./components/team-dev-select-recent-comment/team-dev-select-recent-comment";
+import { ConfirmCallback, GridContextMenuCallback as GridContextMenuCallback1, LoadCallback as LoadCallback1, ObjectType, PendingItemCheckedCallback, UpdateCallback, UpdateFromData } from "./components/team-dev-update/team-dev-update";
+import { AddCallbackFn, CancelCallbackFn, ConfirmCallbackFn, ObjectData as ObjectData1 } from "./components/team-dev-update-partial-selection/team-dev-update-partial-selection";
+import { cancelCallbackFn, confirmCallbackFn } from "./components/team-dev-update-to-revision/team-dev-update-to-revision";
 import { GxgTreeItemData } from "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item";
 export namespace Components {
     interface GxIdeContainer {
@@ -421,6 +424,88 @@ export namespace Components {
          */
         "confirmCallback": confirmCallback;
     }
+    interface GxIdeTeamDevUpdate {
+        /**
+          * This is a function provided by the developer that init the process of import a design.
+         */
+        "confirmCallback": ConfirmCallback;
+        /**
+          * This is a function provided by the developer that return the information of an Image System type of data.
+         */
+        "gridContextMenuCallback": GridContextMenuCallback;
+        /**
+          * This is a function provided by the developer that return the list of types of data loaded from file or url.
+         */
+        "loadCallback": LoadCallback;
+        /**
+          * This is a function provided by the developer to call when the user makes a partial selection from button Change of Scope group.
+         */
+        "objectsScopeCallback": () => Promise<"all" | "partial">;
+        /**
+          * This is a function provided by the developer to call when the user clicked in server url of Update From group.
+         */
+        "openServerCallback": () => Promise<void>;
+        /**
+          * This is a function provided by the developer that return the information of a Font type of data.
+         */
+        "pendingItemCheckedCallback": PendingItemCheckedCallback;
+        /**
+          * This is a function provided by the developer to call when the user wants to select the revision to work on.
+         */
+        "revisionScopeCallback": () => Promise<string | undefined>;
+        /**
+          * Possibly values for the filter type
+         */
+        "types": ObjectType[];
+        /**
+          * This is a function provided by the developer that return the information of a Design System type of data.
+         */
+        "updateCallback": UpdateCallback;
+        /**
+          * Information to show in the container of group 'Update From'
+         */
+        "updateFrom": UpdateFromData;
+        /**
+          * Validate necessary data input
+         */
+        "validate": () => Promise<boolean>;
+    }
+    interface GxIdeTeamDevUpdatePartialSelection {
+        /**
+          * This is a function provided by the developer that return a list of new objects to populate the table of objects.
+         */
+        "addCallback": AddCallbackFn;
+        /**
+          * This is a function provided by the developer for execute when cancel button is pressed.
+         */
+        "cancelCallback": CancelCallbackFn;
+        /**
+          * This is a function provided by the developer and is invoked when the action confirm is executed passing the selected objects of the grid
+         */
+        "confirmCallback": ConfirmCallbackFn;
+        /**
+          * The categories render in the filter category selector
+         */
+        "selection": ObjectData[];
+        /**
+          * Validate necessary data input
+         */
+        "validate": () => Promise<boolean>;
+    }
+    interface GxIdeTeamDevUpdateToRevision {
+        /**
+          * This is a function provided by the developer for execute when cancel button is pressed.
+         */
+        "cancelCallback": cancelCallbackFn;
+        /**
+          * This is a function provided by the developer and is invoked when the action confirm is executed passing the selected objects of the grid
+         */
+        "confirmCallback": confirmCallbackFn;
+        /**
+          * Validate necessary data input
+         */
+        "validate": () => Promise<boolean>;
+    }
     interface GxIdeTemplate {
         /**
           * The main title
@@ -492,6 +577,18 @@ export interface GxIdeTeamDevSelectRecentCommentCustomEvent<T> extends CustomEve
     detail: T;
     target: HTMLGxIdeTeamDevSelectRecentCommentElement;
 }
+export interface GxIdeTeamDevUpdateCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGxIdeTeamDevUpdateElement;
+}
+export interface GxIdeTeamDevUpdatePartialSelectionCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGxIdeTeamDevUpdatePartialSelectionElement;
+}
+export interface GxIdeTeamDevUpdateToRevisionCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGxIdeTeamDevUpdateToRevisionElement;
+}
 export interface GxIdeTemplateCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeTemplateElement;
@@ -557,6 +654,24 @@ declare global {
         prototype: HTMLGxIdeTeamDevSelectRecentCommentElement;
         new (): HTMLGxIdeTeamDevSelectRecentCommentElement;
     };
+    interface HTMLGxIdeTeamDevUpdateElement extends Components.GxIdeTeamDevUpdate, HTMLStencilElement {
+    }
+    var HTMLGxIdeTeamDevUpdateElement: {
+        prototype: HTMLGxIdeTeamDevUpdateElement;
+        new (): HTMLGxIdeTeamDevUpdateElement;
+    };
+    interface HTMLGxIdeTeamDevUpdatePartialSelectionElement extends Components.GxIdeTeamDevUpdatePartialSelection, HTMLStencilElement {
+    }
+    var HTMLGxIdeTeamDevUpdatePartialSelectionElement: {
+        prototype: HTMLGxIdeTeamDevUpdatePartialSelectionElement;
+        new (): HTMLGxIdeTeamDevUpdatePartialSelectionElement;
+    };
+    interface HTMLGxIdeTeamDevUpdateToRevisionElement extends Components.GxIdeTeamDevUpdateToRevision, HTMLStencilElement {
+    }
+    var HTMLGxIdeTeamDevUpdateToRevisionElement: {
+        prototype: HTMLGxIdeTeamDevUpdateToRevisionElement;
+        new (): HTMLGxIdeTeamDevUpdateToRevisionElement;
+    };
     interface HTMLGxIdeTemplateElement extends Components.GxIdeTemplate, HTMLStencilElement {
     }
     var HTMLGxIdeTemplateElement: {
@@ -586,6 +701,9 @@ declare global {
         "gx-ide-references": HTMLGxIdeReferencesElement;
         "gx-ide-team-dev-commit": HTMLGxIdeTeamDevCommitElement;
         "gx-ide-team-dev-select-recent-comment": HTMLGxIdeTeamDevSelectRecentCommentElement;
+        "gx-ide-team-dev-update": HTMLGxIdeTeamDevUpdateElement;
+        "gx-ide-team-dev-update-partial-selection": HTMLGxIdeTeamDevUpdatePartialSelectionElement;
+        "gx-ide-team-dev-update-to-revision": HTMLGxIdeTeamDevUpdateToRevisionElement;
         "gx-ide-template": HTMLGxIdeTemplateElement;
         "gx-ide-test": HTMLGxIdeTestElement;
         "gx-ide-top-bar": HTMLGxIdeTopBarElement;
@@ -1014,10 +1132,92 @@ declare namespace LocalJSX {
          */
         "confirmCallback"?: confirmCallback;
         /**
-          * This event is emmited once just after the component is fully loaded and the first render() occurs.
+          * This event is emitted once just after the component is fully loaded and the first render() occurs.
          */
         "onComponentDidLoadEvent"?: (event: GxIdeTeamDevSelectRecentCommentCustomEvent<boolean>) => void;
     }
+    interface GxIdeTeamDevUpdate {
+        /**
+          * This is a function provided by the developer that init the process of import a design.
+         */
+        "confirmCallback": ConfirmCallback;
+        /**
+          * This is a function provided by the developer that return the information of an Image System type of data.
+         */
+        "gridContextMenuCallback": GridContextMenuCallback;
+        /**
+          * This is a function provided by the developer that return the list of types of data loaded from file or url.
+         */
+        "loadCallback": LoadCallback;
+        /**
+          * This is a function provided by the developer to call when the user makes a partial selection from button Change of Scope group.
+         */
+        "objectsScopeCallback": () => Promise<"all" | "partial">;
+        /**
+          * This event is emitted once just after the component is fully loaded and the first render() occurs.
+         */
+        "onComponentDidLoadEvent"?: (event: GxIdeTeamDevUpdateCustomEvent<boolean>) => void;
+        /**
+          * This is a function provided by the developer to call when the user clicked in server url of Update From group.
+         */
+        "openServerCallback": () => Promise<void>;
+        /**
+          * This is a function provided by the developer that return the information of a Font type of data.
+         */
+        "pendingItemCheckedCallback": PendingItemCheckedCallback;
+        /**
+          * This is a function provided by the developer to call when the user wants to select the revision to work on.
+         */
+        "revisionScopeCallback": () => Promise<string | undefined>;
+        /**
+          * Possibly values for the filter type
+         */
+        "types"?: ObjectType[];
+        /**
+          * This is a function provided by the developer that return the information of a Design System type of data.
+         */
+        "updateCallback": UpdateCallback;
+        /**
+          * Information to show in the container of group 'Update From'
+         */
+        "updateFrom"?: UpdateFromData;
+    }
+    interface GxIdeTeamDevUpdatePartialSelection {
+        /**
+          * This is a function provided by the developer that return a list of new objects to populate the table of objects.
+         */
+        "addCallback": AddCallbackFn;
+        /**
+          * This is a function provided by the developer for execute when cancel button is pressed.
+         */
+        "cancelCallback": CancelCallbackFn;
+        /**
+          * This is a function provided by the developer and is invoked when the action confirm is executed passing the selected objects of the grid
+         */
+        "confirmCallback": ConfirmCallbackFn;
+        /**
+          * This event is emitted once just after the component is fully loaded and the first render() occurs.
+         */
+        "onComponentDidLoadEvent"?: (event: GxIdeTeamDevUpdatePartialSelectionCustomEvent<boolean>) => void;
+        /**
+          * The categories render in the filter category selector
+         */
+        "selection"?: ObjectData[];
+    }
+    interface GxIdeTeamDevUpdateToRevision {
+        /**
+          * This is a function provided by the developer for execute when cancel button is pressed.
+         */
+        "cancelCallback": cancelCallbackFn;
+        /**
+          * This is a function provided by the developer and is invoked when the action confirm is executed passing the selected objects of the grid
+         */
+        "confirmCallback": confirmCallbackFn;
+        /**
+          * This event is emitted once just after the component is fully loaded and the first render() occurs.
+         */
+        "onComponentDidLoadEvent"?: (event: GxIdeTeamDevUpdateToRevisionCustomEvent<boolean>) => void;
+    }
     interface GxIdeTemplate {
         /**
           * The main title
@@ -1075,6 +1275,9 @@ declare namespace LocalJSX {
         "gx-ide-references": GxIdeReferences;
         "gx-ide-team-dev-commit": GxIdeTeamDevCommit;
         "gx-ide-team-dev-select-recent-comment": GxIdeTeamDevSelectRecentComment;
+        "gx-ide-team-dev-update": GxIdeTeamDevUpdate;
+        "gx-ide-team-dev-update-partial-selection": GxIdeTeamDevUpdatePartialSelection;
+        "gx-ide-team-dev-update-to-revision": GxIdeTeamDevUpdateToRevision;
         "gx-ide-template": GxIdeTemplate;
         "gx-ide-test": GxIdeTest;
         "gx-ide-top-bar": GxIdeTopBar;
@@ -1094,6 +1297,9 @@ declare module "@stencil/core" {
             "gx-ide-references": LocalJSX.GxIdeReferences & JSXBase.HTMLAttributes<HTMLGxIdeReferencesElement>;
             "gx-ide-team-dev-commit": LocalJSX.GxIdeTeamDevCommit & JSXBase.HTMLAttributes<HTMLGxIdeTeamDevCommitElement>;
             "gx-ide-team-dev-select-recent-comment": LocalJSX.GxIdeTeamDevSelectRecentComment & JSXBase.HTMLAttributes<HTMLGxIdeTeamDevSelectRecentCommentElement>;
+            "gx-ide-team-dev-update": LocalJSX.GxIdeTeamDevUpdate & JSXBase.HTMLAttributes<HTMLGxIdeTeamDevUpdateElement>;
+            "gx-ide-team-dev-update-partial-selection": LocalJSX.GxIdeTeamDevUpdatePartialSelection & JSXBase.HTMLAttributes<HTMLGxIdeTeamDevUpdatePartialSelectionElement>;
+            "gx-ide-team-dev-update-to-revision": LocalJSX.GxIdeTeamDevUpdateToRevision & JSXBase.HTMLAttributes<HTMLGxIdeTeamDevUpdateToRevisionElement>;
             "gx-ide-template": LocalJSX.GxIdeTemplate & JSXBase.HTMLAttributes<HTMLGxIdeTemplateElement>;
             "gx-ide-test": LocalJSX.GxIdeTest & JSXBase.HTMLAttributes<HTMLGxIdeTestElement>;
             "gx-ide-top-bar": LocalJSX.GxIdeTopBar & JSXBase.HTMLAttributes<HTMLGxIdeTopBarElement>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/cjs/ch-grid-column-resize_4.cjs.entry.js

@@ -1,150 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5a32426a.js');
-const helpers = require('./helpers-8845f008.js');
-
-const chGridColumnResizeCss = ":host{display:block;min-width:1px;height:100%;cursor:ew-resize}.resize-mask{position:fixed;inset:0}";
-
-const ChGridColumnResize = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.columnResizeStarted = index.createEvent(this, "columnResizeStarted", 7);
-    this.columnResizeFinished = index.createEvent(this, "columnResizeFinished", 7);
-    this.mousemoveFn = this.mousemoveHandler.bind(this);
-    /**
-     * Whether the component is currently resizing the column.
-     */
-    this.resizing = false;
-  }
-  componentDidLoad() {
-    this.el.addEventListener("mousedown", this.mousedownHandler.bind(this));
-  }
-  clickHandler(eventInfo) {
-    eventInfo.stopPropagation();
-  }
-  dblclickHandler(eventInfo) {
-    eventInfo.stopPropagation();
-    if (helpers.mouseEventModifierKey(eventInfo)) {
-      this.column.size = "auto";
-    }
-    else {
-      this.column.size = "max-content";
-    }
-  }
-  columnResizeStartedHandler() {
-    this.resizing = true;
-  }
-  columnResizeFinishedHandler() {
-    this.resizing = false;
-  }
-  mousedownHandler(eventInfo) {
-    eventInfo.stopPropagation();
-    eventInfo.preventDefault();
-    this.startPageX = eventInfo.pageX;
-    this.startColumnWidth = this.column.getBoundingClientRect().width;
-    document.addEventListener("mousemove", this.mousemoveFn, { passive: true });
-    document.addEventListener("mouseup", this.mouseupHandler.bind(this), {
-      once: true
-    });
-    this.columnResizeStarted.emit();
-  }
-  mousemoveHandler(eventInfo) {
-    const columnSize = this.startColumnWidth - (this.startPageX - eventInfo.pageX);
-    if (columnSize >= 0) {
-      this.column.size = `minmax(min-content, ${columnSize}px)`;
-    }
-  }
-  mouseupHandler() {
-    document.removeEventListener("mousemove", this.mousemoveFn);
-    this.columnResizeFinished.emit();
-  }
-  render() {
-    return index.h("div", { class: "resize-mask", hidden: !this.resizing });
-  }
-  get el() { return index.getElement(this); }
-};
-ChGridColumnResize.style = chGridColumnResizeCss;
-
-const chGridColumnSettingsCss = ":host{display:contents}";
-
-const ChGridColumnSettings = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * Indicates whether the settings window is currently shown or not.
-     */
-    this.show = false;
-  }
-  windowClosedHandler(eventInfo) {
-    eventInfo.stopPropagation();
-    this.column.showSettings = false;
-  }
-  columnSettingsChangedHandler() {
-    this.column.showSettings = false;
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("ch-window", { modal: true, container: this.column, xAlign: "inside-start", yAlign: "outside-end", caption: this.column.columnName, closeText: "Close", closeOnOutsideClick: true, closeOnEscape: true, allowDrag: "header", hidden: !this.show, exportparts: "mask,window,header,caption,close,main,footer" }, index.h("slot", null))));
-  }
-};
-ChGridColumnSettings.style = chGridColumnSettingsCss;
-
-const chGridSettingsCss = ":host{display:contents;--ch-window-mask-z-index:var(--ch-grid-settings-layer)}";
-
-const ChGridSettings = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.settingsCloseClicked = index.createEvent(this, "settingsCloseClicked", 7);
-    /**
-     * Indicates whether the settings window is currently shown or not.
-     */
-    this.show = false;
-  }
-  windowClosedHandler(eventInfo) {
-    eventInfo.stopPropagation();
-    this.show = false;
-    this.settingsCloseClicked.emit();
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("ch-window", { modal: true, container: this.grid, caption: "Options", closeText: "Close", closeOnOutsideClick: true, closeOnEscape: true, allowDrag: "header", hidden: !this.show, exportparts: "mask,window,header,caption,close,main,footer" }, index.h("slot", null))));
-  }
-};
-ChGridSettings.style = chGridSettingsCss;
-
-const chGridSettingsColumnsCss = ":host{display:flex;flex-direction:column}ul{display:contents;list-style-type:none}";
-
-const ChGridSettingsColumns = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.handleClick = (eventInfo) => {
-      const checkbox = eventInfo.target;
-      const column = this.columns.find(column => column.columnId === checkbox.name);
-      column.hidden = !checkbox.checked;
-      eventInfo.stopPropagation();
-    };
-  }
-  getColumnsSorted() {
-    return [...this.columns].sort((a, b) => {
-      if (a.order < b.order) {
-        return -1;
-      }
-      if (a.order > b.order) {
-        return 1;
-      }
-      return 0;
-    });
-  }
-  render() {
-    const columnsSorted = this.getColumnsSorted();
-    return (index.h("ul", null, columnsSorted.map(column => (index.h("li", { part: "column" }, index.h("label", { part: "column-label" }, index.h("input", { part: !column.hidden
-        ? "column-visible column-visible-checked"
-        : "column-visible", type: "checkbox", checked: !column.hidden, disabled: !column.hideable, name: column.columnId, onClick: this.handleClick }), column.columnName))))));
-  }
-};
-ChGridSettingsColumns.style = chGridSettingsColumnsCss;
-
-exports.ch_grid_column_resize = ChGridColumnResize;
-exports.ch_grid_column_settings = ChGridColumnSettings;
-exports.ch_grid_settings = ChGridSettings;
-exports.ch_grid_settings_columns = ChGridSettingsColumns;

package/dist/esm/ch-grid-column-resize_4.entry.js

@@ -1,143 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-0da01575.js';
-import { m as mouseEventModifierKey } from './helpers-56190205.js';
-
-const chGridColumnResizeCss = ":host{display:block;min-width:1px;height:100%;cursor:ew-resize}.resize-mask{position:fixed;inset:0}";
-
-const ChGridColumnResize = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.columnResizeStarted = createEvent(this, "columnResizeStarted", 7);
-    this.columnResizeFinished = createEvent(this, "columnResizeFinished", 7);
-    this.mousemoveFn = this.mousemoveHandler.bind(this);
-    /**
-     * Whether the component is currently resizing the column.
-     */
-    this.resizing = false;
-  }
-  componentDidLoad() {
-    this.el.addEventListener("mousedown", this.mousedownHandler.bind(this));
-  }
-  clickHandler(eventInfo) {
-    eventInfo.stopPropagation();
-  }
-  dblclickHandler(eventInfo) {
-    eventInfo.stopPropagation();
-    if (mouseEventModifierKey(eventInfo)) {
-      this.column.size = "auto";
-    }
-    else {
-      this.column.size = "max-content";
-    }
-  }
-  columnResizeStartedHandler() {
-    this.resizing = true;
-  }
-  columnResizeFinishedHandler() {
-    this.resizing = false;
-  }
-  mousedownHandler(eventInfo) {
-    eventInfo.stopPropagation();
-    eventInfo.preventDefault();
-    this.startPageX = eventInfo.pageX;
-    this.startColumnWidth = this.column.getBoundingClientRect().width;
-    document.addEventListener("mousemove", this.mousemoveFn, { passive: true });
-    document.addEventListener("mouseup", this.mouseupHandler.bind(this), {
-      once: true
-    });
-    this.columnResizeStarted.emit();
-  }
-  mousemoveHandler(eventInfo) {
-    const columnSize = this.startColumnWidth - (this.startPageX - eventInfo.pageX);
-    if (columnSize >= 0) {
-      this.column.size = `minmax(min-content, ${columnSize}px)`;
-    }
-  }
-  mouseupHandler() {
-    document.removeEventListener("mousemove", this.mousemoveFn);
-    this.columnResizeFinished.emit();
-  }
-  render() {
-    return h("div", { class: "resize-mask", hidden: !this.resizing });
-  }
-  get el() { return getElement(this); }
-};
-ChGridColumnResize.style = chGridColumnResizeCss;
-
-const chGridColumnSettingsCss = ":host{display:contents}";
-
-const ChGridColumnSettings = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * Indicates whether the settings window is currently shown or not.
-     */
-    this.show = false;
-  }
-  windowClosedHandler(eventInfo) {
-    eventInfo.stopPropagation();
-    this.column.showSettings = false;
-  }
-  columnSettingsChangedHandler() {
-    this.column.showSettings = false;
-  }
-  render() {
-    return (h(Host, null, h("ch-window", { modal: true, container: this.column, xAlign: "inside-start", yAlign: "outside-end", caption: this.column.columnName, closeText: "Close", closeOnOutsideClick: true, closeOnEscape: true, allowDrag: "header", hidden: !this.show, exportparts: "mask,window,header,caption,close,main,footer" }, h("slot", null))));
-  }
-};
-ChGridColumnSettings.style = chGridColumnSettingsCss;
-
-const chGridSettingsCss = ":host{display:contents;--ch-window-mask-z-index:var(--ch-grid-settings-layer)}";
-
-const ChGridSettings = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.settingsCloseClicked = createEvent(this, "settingsCloseClicked", 7);
-    /**
-     * Indicates whether the settings window is currently shown or not.
-     */
-    this.show = false;
-  }
-  windowClosedHandler(eventInfo) {
-    eventInfo.stopPropagation();
-    this.show = false;
-    this.settingsCloseClicked.emit();
-  }
-  render() {
-    return (h(Host, null, h("ch-window", { modal: true, container: this.grid, caption: "Options", closeText: "Close", closeOnOutsideClick: true, closeOnEscape: true, allowDrag: "header", hidden: !this.show, exportparts: "mask,window,header,caption,close,main,footer" }, h("slot", null))));
-  }
-};
-ChGridSettings.style = chGridSettingsCss;
-
-const chGridSettingsColumnsCss = ":host{display:flex;flex-direction:column}ul{display:contents;list-style-type:none}";
-
-const ChGridSettingsColumns = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.handleClick = (eventInfo) => {
-      const checkbox = eventInfo.target;
-      const column = this.columns.find(column => column.columnId === checkbox.name);
-      column.hidden = !checkbox.checked;
-      eventInfo.stopPropagation();
-    };
-  }
-  getColumnsSorted() {
-    return [...this.columns].sort((a, b) => {
-      if (a.order < b.order) {
-        return -1;
-      }
-      if (a.order > b.order) {
-        return 1;
-      }
-      return 0;
-    });
-  }
-  render() {
-    const columnsSorted = this.getColumnsSorted();
-    return (h("ul", null, columnsSorted.map(column => (h("li", { part: "column" }, h("label", { part: "column-label" }, h("input", { part: !column.hidden
-        ? "column-visible column-visible-checked"
-        : "column-visible", type: "checkbox", checked: !column.hidden, disabled: !column.hideable, name: column.columnId, onClick: this.handleClick }), column.columnName))))));
-  }
-};
-ChGridSettingsColumns.style = chGridSettingsColumnsCss;
-
-export { ChGridColumnResize as ch_grid_column_resize, ChGridColumnSettings as ch_grid_column_settings, ChGridSettings as ch_grid_settings, ChGridSettingsColumns as ch_grid_settings_columns };