@genexus/genexus-ide-ui 0.0.62 → 0.0.64

package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-view/tree-view.css

@@ -340,6 +340,7 @@ FORM ELEMENTS
 gxg-tree-view
 ---------------------------*/
 gxg-tree-view {
+  --gxg-tree-view-icon-size: var(--spacing-comp-04);
   font-family: var(--font-family-primary);
   font-size: var(--font-size-lg);
   font-weight: var(--font-weight-regular);
@@ -370,14 +371,21 @@ gxg-tree-view {
   background: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
   cursor: pointer;
 }
+.tree-view .ch-tree-view-container {
+  padding: 7px;
+  /*although this value does not exists in gemini ds space tokens, it is the value that works best with gx-ide*/
+}
 
 /*---------------------------
 .tree-view-item
 ---------------------------*/
 .tree-view-item {
-  /*-- Css Variables ---*/
-  --checkbox-size: var(--gxg-checkbox-size);
-  --expandable-button-width: var(--spacing-comp-04);
+  /*-- Custom vars ---*/
+  --ch-tree-view-view__checkbox-size: var(--gxg-checkbox-size);
+  --ch-tree-view-view__expandable-button-width: var(--gxg-tree-view-icon-size);
+  --ch-tree-view-item-gap: var(--spacing-comp-02);
+  --ch-tree-view-item-custom-padding-inline-start: var(--spacing-comp-01);
+  --ch-tree-view-item-custom-padding-inline-end: var(--spacing-comp-01);
   /*-- Parts ---*/
   /*-- Parts for checkbox ---*/
   /*checked*/
@@ -389,13 +397,10 @@ gxg-tree-view {
   border-color: var(--gray-02);
 }
 .tree-view-item::part(header) {
-  padding-inline-end: calc(var(--spacing-comp-02) * 0.65);
-  height: var(--spacing-comp-05);
-  display: flex;
-  gap: 5px;
-}
-.tree-view-item::part(header):first-child {
-  margin-inline-start: var(--spacing-comp-01);
+  min-height: var(--spacing-comp-05);
+  padding-top: var(--spacing-comp-00);
+  padding-bottom: var(--spacing-comp-00);
+  padding-inline-end: var(--spacing-comp-02);
 }
 .tree-view-item::part(header):before {
   content: "";
@@ -417,7 +422,6 @@ gxg-tree-view {
 }
 .tree-view-item::part(expandable-button) {
   background-color: var(--gray-00);
-  margin-inline-end: 0;
 }
 .tree-view-item::part(expandable-button)::before {
   background-color: var(--gray-04);
@@ -431,15 +435,9 @@ gxg-tree-view {
   outline: var(--border-width-md) solid var(--gxg-border-color--focused);
   outline-offset: 0;
 }
-.tree-view-item::part(action) {
-  text-transform: capitalize;
-  display: flex;
-  gap: var(--spacing-comp-01);
-}
 .tree-view-item::part(left-img) {
   width: var(--spacing-comp-04);
   height: var(--spacing-comp-04);
-  margin-inline-end: 0;
 }
 .tree-view-item::part(downloading) {
   width: var(--spacing-comp-03);
@@ -464,9 +462,6 @@ gxg-tree-view {
   outline: var(--border-width-md) solid var(--gxg-border-color--focused);
   outline-offset: -2px;
 }
-.tree-view-item::part(checkbox) {
-  margin-inline-end: 0;
-}
 .tree-view-item::part(checkbox__option) {
   display: none;
 }
@@ -502,9 +497,9 @@ gxg-tree-view {
 .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;
+  width: var(--gxg-tree-view-icon-size);
+  height: var(--gxg-tree-view-icon-size);
+  margin-inline-end: var(--ch-tree-view-item-gap);
   background-repeat: no-repeat;
 }
 .tree-view-item--folder::part(action)::before {
@@ -534,11 +529,11 @@ gxg-tree-view {
 }
 
 /*-- Other Selectors (these depend on the tag class name)---*/
-.ch-tree-x-list-item--editing::part(header) {
+.tree-view-item--editing::part(header) {
   border: 2px solid transparent;
 }
 /*--- Revisar ---*/
-.ch-tree-x-list-item .ch-tree-x-drag-info {
+.tree-view .ch-tree-view-drag-info {
   padding-inline: 6px;
   padding-block: 2px;
   background-color: #cfdee6;

package/dist/types/common/helpers.d.ts

@@ -1,4 +1,4 @@
-import { TreeXItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-x/types";
+import { TreeViewItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types";
 /**
  * @param element an HTMLElement
  * @returns an alphabetically ordered array of all the parts and exportparts the element contains.
@@ -12,4 +12,4 @@ export declare const querySelectorPart: (selector: string) => HTMLElement;
 export declare const formatDate: (date: Date, type?: FormatDateType) => string;
 export type FormatDateType = "date" | "date-time";
 export declare const resolveGxgIconPath: (gxgIconName: string) => string;
-export declare const countTreeItems: (treeModel: TreeXItemModel[], children?: boolean) => number;
+export declare const countTreeItems: (treeModel: TreeViewItemModel[], children?: boolean) => number;

package/dist/types/components/_helpers/directory-selector/directory-selector.d.ts

@@ -1,4 +1,6 @@
 export declare class GxIdeDirectorySelector {
+  private defaultIcon;
+  icon: string;
   /**
    *  This property provides the user a way to define custom aria-label descriptions.
    */
@@ -31,6 +33,8 @@ export declare class GxIdeDirectorySelector {
   private evaluateLabelPosition;
   private btnSelectClickHandler;
   private valueChangedHandler;
+  private buttonSelectMouseEnterHandler;
+  private buttonSelectMouseLeaveHandler;
   render(): any;
 }
 export type DirectorySelectorLabels = {

package/dist/types/components/_test/test.d.ts

@@ -1,45 +1,13 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { GxgTreeItemData } from "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item";
 export declare class GxIdeTest {
-  private tree;
+  private treeViewEl;
   private renderedFirstTime;
-  /**
-   * The model for a gxg-tree
-   */
-  treeModel: GxgTreeItemData[];
-  /**
-   * A new lazy node
-   */
-  readonly lazyNode: GxgTreeItemData[];
-  /**
-   * A new lazy node
-   */
-  readonly updateLazyCallback: (id: string) => Promise<GxgTreeItemData[]>;
-  /**
-   * The new tree node to update
-   */
-  newNode: GxgTreeItemData[];
-  /**
-   * Update tree model test
-   */
-  readonly testUpdateNode = false;
-  /**
-   * A callback that returns a Promise with the new tree model
-   */
-  readonly lazyLoadTreeItemsCallback: (treeItemId: string) => Promise<GxgTreeItemData[]>;
   /**
    * @description Gets fired when the component has rendered for the first time.
    */
   componentDidRenderFirstTime: EventEmitter<string>;
   componentDidRender(): void;
-  loadLazyChildrenHandler(e: CustomEvent<string>): void;
-  treeItemStateChanged(event: CustomEvent<GxgTreeItemData>): void;
-  private closeTreeNodeHandler;
-  private openTreeNodeHandler;
-  private toggleTreeNodeHandler;
-  private getSelectedItemsHandler;
-  private getCheckedItemsHandler;
-  private deleteNodeHandler;
-  private treeItemStateChangedHandler;
+  componentDidLoad(): void;
+  private checkAllHandler;
   render(): any;
 }

package/dist/types/components/kb-manager-export/helpers.d.ts

@@ -1,5 +1,7 @@
-import { TreeXItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-x/types";
+import { TreeViewItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types";
 import { ObjectData, ObjectType, KBPropertyData, KBPropertyType } from "./kb-manager-export";
-export declare const convertObjectDataToTreeItemData: (objects: ObjectData[] | undefined, objectTypes: ObjectType[], actualTreeState: TreeXItemModel[]) => TreeXItemModel[];
-export declare const convertKbPropertiesDataToTreeItemData: (properties: KBPropertyData[], kbPropertiesTypes: KBPropertyType[], actualTreeState: TreeXItemModel[]) => TreeXItemModel[];
-export declare const clearKbPropertiesFromTree: (actualTreeState: TreeXItemModel[]) => TreeXItemModel[];
+export declare const KB_PROPERTY = "property";
+export declare const KB_OBJECT = "object";
+export declare const updateTreeModelWithObjects: (objects: ObjectData[] | undefined, objectTypes: Map<string, ObjectType>, actualTreeState: TreeViewItemModel[]) => TreeViewItemModel[];
+export declare const convertKbPropertiesDataToTreeItemData: (properties: KBPropertyData[], kbPropertiesTypes: KBPropertyType[], actualTreeState: TreeViewItemModel[]) => TreeViewItemModel[];
+export declare const clearKbPropertiesFromTree: (actualTreeState: TreeViewItemModel[]) => TreeViewItemModel[];

package/dist/types/components/kb-manager-export/kb-manager-export.d.ts

@@ -1,9 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { TreeXItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-x/types";
+import { TreeViewItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types";
 export declare class GxIdeKbManagerExport {
-  /**
-   * Selected properties
-   */
   /**
    * The component hard-coded strings translations.
    */
@@ -11,20 +8,24 @@ export declare class GxIdeKbManagerExport {
   private checkedObjectsIds;
   private checkedPropertiesIds;
   private renderedFirstTime;
+  private flattenedObjectTypes;
   el: HTMLGxIdeKbManagerExportElement;
   private fileNameEl;
   private exportAllCheckboxEl;
   private objectsTreeEl;
+  exportAllIsChecked: boolean;
+  exportingIsInProcess: boolean;
+  addKbPropertiesIsChecked: boolean;
   fileName: string;
   exportFilePathName: string;
   noObjects: boolean;
-  objectsTreeState: TreeXItemModel[];
-  watchObjectsTreeStateHandler(newState: TreeXItemModel[]): void;
+  treeModel: TreeViewItemModel[];
+  watchTreeModelHandler(newState: TreeViewItemModel[]): void;
   /**
    * Just for testing. Remove when this is is done (Bruno)
    */
-  readonly dummyInitialTree: TreeXItemModel[];
-  watchDummyInitialTreeHandler(newTree: TreeXItemModel[]): void;
+  readonly dummyInitialTree: TreeViewItemModel[];
+  watchDummyInitialTreeHandler(newTree: TreeViewItemModel[]): void;
   /**
    * Array with the possible types of KB properties
    */
@@ -33,6 +34,7 @@ export declare class GxIdeKbManagerExport {
    * Array of possible object types
    */
   readonly objectTypes: ObjectType[];
+  watchObjectTypeslHandler(newState: ObjectType[]): void;
   /**
    * Callback invoked when the user wants to access the export options.
    */
@@ -87,6 +89,11 @@ export declare class GxIdeKbManagerExport {
   private exportCallbackHandler;
   private cancelCallbackHandler;
   private clearButtonHandler;
+  private exportAllChangedHandler;
+  private flattenObjectTypes;
+  private evaluateTreeViewFilters;
+  private evaluateContentToDisplay;
+  private renderMessage;
   render(): void;
 }
 export type KBPropertiesCallback = () => Promise<KBPropertyData[]>;

package/dist/types/components/kb-manager-import/helpers.d.ts

@@ -1,10 +1,11 @@
-import { TreeXItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-x/types";
+import { TreeViewItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types";
 import { ImportCategoryData, ImportItemResultData } from "../../common/types";
+export declare const KB_OBJECT = "object";
 /**
  * @description This function converts ReferenceData[] data to TreeItemData[]
  */
-export declare const convertImportCategoryToTreeView: (importCategoryData: ImportCategoryData[]) => TreeXItemModel[];
+export declare const convertImportCategoryToTreeView: (importCategoryData: ImportCategoryData[]) => TreeViewItemModel[];
 /**
  * @description This function adds an ImportItemResultData item to the "importTreeState", and returns the updated tree with the new item added.
  */
-export declare const addImportItemResultDataItem: (importItemResultData: ImportItemResultData, importCategoryData: ImportCategoryData[], importTreeActualState: TreeXItemModel[]) => TreeXItemModel[];
+export declare const addImportItemResultDataItem: (importItemResultData: ImportItemResultData, importCategoryData: ImportCategoryData[], importTreeActualState: TreeViewItemModel[]) => TreeViewItemModel[];

package/dist/types/components/kb-manager-import/kb-manager-import.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { TreeXItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-x/types";
+import { TreeViewItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types";
 import { ImportCategoryData, ImportItemResultData } from "../../common/types";
 export declare class GxIdeKbManagerImport {
   /**
@@ -14,15 +14,16 @@ export declare class GxIdeKbManagerImport {
   private fileInputEl;
   private headerButtonsGroup;
   private objectsButtonsGroup;
+  private toggleObjectsCheckboxEl;
   checkedObjectsIds: string[];
   noObjects: boolean;
   showHiddenImportsMessage: boolean;
   statusInfo: StatusInfo;
-  objectsTreeState: TreeXItemModel[];
-  watchObjectsTreeStateHandler(newState: TreeXItemModel[]): void;
+  objectsTreeState: TreeViewItemModel[];
+  watchObjectsTreeStateHandler(newState: TreeViewItemModel[]): void;
   noImport: boolean;
-  importTreeState: TreeXItemModel[];
-  watchImportTreeStateHandler(newState: TreeXItemModel[]): void;
+  importTreeState: TreeViewItemModel[];
+  watchImportTreeStateHandler(newState: TreeViewItemModel[]): void;
   importingObjects: boolean;
   /**
    * The name of the imported xml or xps file
@@ -75,7 +76,7 @@ export declare class GxIdeKbManagerImport {
   private cancelImportHandler;
   private optionsHandler;
   private clearStatusHandler;
-  private selectAllClickedHandler;
+  private toggleSelectionHandler;
   private statusButtonsSelectionChangedHandler;
   private evaluateCheckAllValue;
   private evaluateHiddenImportsMessage;

package/dist/types/components/references/helpers.d.ts

@@ -1,5 +1,5 @@
 import { SuggestData } from "@genexus/chameleon-controls-library/dist/types/components/suggest/ch-suggest";
-import { TreeXItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-x/types";
+import { TreeViewItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types";
 import { SelectorCategoryData } from "./references";
 import { ReferenceData } from "./references";
 /**
@@ -9,4 +9,4 @@ export declare const convertObjectDataToSuggestData: (selectorCategoriesData: Se
 /**
  * @description This function converts ReferenceData[] data to TreeItemData[]
  */
-export declare const convertReferenceDataToTreeViewData: (referenceData: ReferenceData[] | undefined) => TreeXItemModel[];
+export declare const convertReferenceDataToTreeViewData: (referenceData: ReferenceData[] | undefined) => TreeViewItemModel[];

package/dist/types/components/references/references.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { GxgTreeItemData } from "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item";
-import { TreeXItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-x/types";
+import { TreeViewItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types";
 import { SuggestData } from "@genexus/chameleon-controls-library/dist/types/components/suggest/ch-suggest";
 export declare class GxIdeReferences {
   /**
@@ -13,8 +13,8 @@ export declare class GxIdeReferences {
    */
   private selectorCategoryData;
   el: HTMLGxIdeReferencesElement;
-  referencedByTreeData: TreeXItemModel[];
-  referencesToTreeData: TreeXItemModel[];
+  referencedByTreeData: TreeViewItemModel[];
+  referencesToTreeData: TreeViewItemModel[];
   /**
    * Displays or hides the header-bottom section
    */

package/dist/types/components.d.ts

@@ -15,7 +15,7 @@ import { DirectorySelectorLabels, LabelPosition } from "./components/_helpers/di
 import { EntitySelectorLabels } from "./components/_helpers/entity-selector/entity-selector";
 import { LabelPosition as LabelPosition1 } from "./components/_helpers/directory-selector/directory-selector";
 import { FileSelectorLabels, LabelPosition as LabelPosition2 } from "./components/file-selector/file-selector";
-import { TreeXItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-x/types";
+import { TreeViewItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types";
 import { AddObjectsCallback, AddReferencesCallback, CancelCallback as CancelCallback1, ExportCallback, ExportFileDirectoryCallback, KBPropertiesCallback, KBPropertyType, ObjectType, OptionsCallback } from "./components/kb-manager-export/kb-manager-export";
 import { CancelCallback as CancelCallback2, ImportCallback, LoadCallback, OptionsCallback as OptionsCallback1 } from "./components/kb-manager-import/kb-manager-import";
 import { Color, Size } from "@genexus/gemini/dist/types/components/icon/icon";
@@ -33,7 +33,6 @@ import { cancelCallback, confirmCallback } from "./components/team-dev/select-re
 import { ConfirmCallback as ConfirmCallback1, GridContextMenuCallback, LoadCallback as LoadCallback3, ObjectsContextMenuCallback as ObjectsContextMenuCallback1, PendingItemsCheckedCallback as PendingItemsCheckedCallback1, UpdateCallback, UpdateFromData, UpdateSelectCallback } from "./components/team-dev/update/team-dev-update";
 import { AddCallback, CancelCallback as CancelCallback7, ConfirmCallback as ConfirmCallback2, 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";
 import { TitleAlignment as TitleAlignment1, TitleType as TitleType1 } from "./components/_helpers/title/title";
 import { ContextMenuCallback, DeleteSelectionCallback, LoadCallback as LoadCallback4, LoadImageItemsCallback, NewObjectCallback as NewObjectCallback1, OpenSelectionCallback as OpenSelectionCallback1, SelectionObjectCallback, SelectModuleCallback as SelectModuleCallback2 } from "./components/ww-images/ww-images";
 export namespace Components {
@@ -336,7 +335,7 @@ export namespace Components {
         /**
           * Just for testing. Remove when this is is done (Bruno)
          */
-        "dummyInitialTree": TreeXItemModel[];
+        "dummyInitialTree": TreeViewItemModel[];
         /**
           * Callback invoked when the user wants to initiate the export process.
           * @param fileName :string
@@ -967,34 +966,6 @@ export namespace Components {
         "mainTile": string;
     }
     interface GxIdeTest {
-        /**
-          * A callback that returns a Promise with the new tree model
-         */
-        "lazyLoadTreeItemsCallback": (
-    treeItemId: string
-  ) => Promise<GxgTreeItemData[]>;
-        /**
-          * A new lazy node
-         */
-        "lazyNode": GxgTreeItemData[];
-        /**
-          * The new tree node to update
-         */
-        "newNode": GxgTreeItemData[];
-        /**
-          * Update tree model test
-         */
-        "testUpdateNode": false;
-        /**
-          * The model for a gxg-tree
-         */
-        "treeModel": GxgTreeItemData[];
-        /**
-          * A new lazy node
-         */
-        "updateLazyCallback": (
-    id: string
-  ) => Promise<GxgTreeItemData[]>;
     }
     interface GxIdeTitle {
         /**
@@ -1722,7 +1693,7 @@ declare namespace LocalJSX {
         /**
           * Just for testing. Remove when this is is done (Bruno)
          */
-        "dummyInitialTree"?: TreeXItemModel[];
+        "dummyInitialTree"?: TreeViewItemModel[];
         /**
           * Callback invoked when the user wants to initiate the export process.
           * @param fileName :string
@@ -2445,38 +2416,10 @@ declare namespace LocalJSX {
         "onComponentDidRenderFirstTime"?: (event: GxIdeTemplateCustomEvent<string>) => void;
     }
     interface GxIdeTest {
-        /**
-          * A callback that returns a Promise with the new tree model
-         */
-        "lazyLoadTreeItemsCallback"?: (
-    treeItemId: string
-  ) => Promise<GxgTreeItemData[]>;
-        /**
-          * A new lazy node
-         */
-        "lazyNode"?: GxgTreeItemData[];
-        /**
-          * The new tree node to update
-         */
-        "newNode"?: GxgTreeItemData[];
         /**
           * @description Gets fired when the component has rendered for the first time.
          */
         "onComponentDidRenderFirstTime"?: (event: GxIdeTestCustomEvent<string>) => void;
-        /**
-          * Update tree model test
-         */
-        "testUpdateNode"?: false;
-        /**
-          * The model for a gxg-tree
-         */
-        "treeModel"?: GxgTreeItemData[];
-        /**
-          * A new lazy node
-         */
-        "updateLazyCallback"?: (
-    id: string
-  ) => Promise<GxgTreeItemData[]>;
     }
     interface GxIdeTitle {
         /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.62",
+  "version": "0.0.64",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -36,10 +36,10 @@
     "@types/react": "^18.2.8"
   },
   "peerDependencies": {
-    "@genexus/gemini": "*0.1.542"
+    "@genexus/gemini": "*0.2.10"
   },
   "devDependencies": {
-    "@genexus/gemini": "*0.1.542",
+    "@genexus/gemini": "*0.2.10",
     "@stencil-community/eslint-plugin": "^0.5.0",
     "@stencil/core": "^2.17.0",
     "@stencil/sass": "^2.0.1",

package/dist/cjs/ch-checkbox.cjs.entry.js

@@ -1,93 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5a32426a.js');
-const reserverdNames = require('./reserverd-names-1b00889a.js');
-
-const checkboxCss = "*,::before,::after{box-sizing:border-box}:host{display:flex;align-items:center;align-self:stretch;outline:unset;touch-action:manipulation;user-select:none}:host(.ch-checkbox--actionable) :is(.input,.label){cursor:pointer}.container{position:relative;width:min(1em, 20px);height:min(1em, 20px);border:1px solid var(--option-border-color, currentColor);border-radius:18.75%}.container--checked{background-color:var(--option-checked-color, #ffffff00)}.container:focus-within{box-shadow:0 0 1px 1px color-mix(in srgb, currentColor 25%, transparent)}.input{display:flex;width:100%;height:100%;opacity:0;margin:0;padding:0}.option{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:50%;height:50%;background-color:currentColor;opacity:0;pointer-events:none}.option--checked{opacity:1;-webkit-mask:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' %3E%3Cpath fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z' /%3E%3C/svg%3E\")}.option--indeterminate{opacity:1}.label{margin-inline-start:min(0.35em, 7px)}";
-
-const CHECKBOX_ID = "checkbox";
-const PARTS = (checked, indeterminate) => `${checked ? " checked" : ""}${indeterminate ? " indeterminate" : ""}`;
-const CheckBox = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.click = index.createEvent(this, "click", 7);
-    this.input = index.createEvent(this, "input", 7);
-    /**
-     * This attribute lets you specify if the element is disabled.
-     * If disabled, it will not fire any user interaction related event
-     * (for example, click event).
-     */
-    this.disabled = false;
-    /**
-     * True to highlight control when an action is fired.
-     */
-    this.highlightable = false;
-    /**
-     * `true` if the control's value is indeterminate.
-     */
-    this.indeterminate = false;
-    /**
-     * This attribute indicates that the user cannot modify the value of the control.
-     * Same as [readonly](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)
-     * attribute for `input` elements.
-     */
-    this.readonly = false;
-    this.getValue = (checked) => checked ? this.checkedValue : this.unCheckedValue;
-    /**
-     * Checks if it is necessary to prevent the click from bubbling
-     */
-    this.handleClick = (event) => {
-      if (this.readonly || this.disabled) {
-        return;
-      }
-      event.stopPropagation();
-    };
-    this.handleChange = (event) => {
-      event.stopPropagation();
-      const inputRef = event.target;
-      const checked = inputRef.checked;
-      const value = this.getValue(checked);
-      this.checked = checked;
-      this.value = value;
-      inputRef.value = value; // Update input's value before emitting the event
-      this.input.emit(event);
-      if (this.highlightable) {
-        this.click.emit();
-      }
-    };
-  }
-  valueChanged() {
-    this.checked = this.value === this.checkedValue;
-  }
-  componentWillLoad() {
-    this.checked = this.value === this.checkedValue;
-  }
-  render() {
-    var _a;
-    const additionalParts = PARTS(this.checked, this.indeterminate);
-    return (index.h(index.Host, { class: {
-        [reserverdNames.DISABLED_CLASS]: this.disabled,
-        "ch-checkbox--actionable": (!this.readonly && !this.disabled) ||
-          (this.readonly && this.highlightable)
-      } }, index.h("div", { class: {
-        container: true,
-        "container--checked": this.checked
-      }, part: `container${additionalParts}` }, index.h("input", { "aria-label": ((_a = this.accessibleName) === null || _a === void 0 ? void 0 : _a.trim()) !== "" &&
-        this.accessibleName !== this.caption
-        ? this.accessibleName
-        : null, id: this.caption ? CHECKBOX_ID : null, class: "input", part: "input", type: "checkbox", checked: this.checked, disabled: this.disabled || this.readonly, indeterminate: this.indeterminate, value: this.value, onClick: this.handleClick, onInput: this.handleChange }), index.h("div", { class: {
-        option: true,
-        "option--checked": this.checked && !this.indeterminate,
-        "option--indeterminate": this.indeterminate
-      }, part: `option${additionalParts}`, "aria-hidden": "true" })), this.caption && (index.h("label", { class: "label", part: "label", htmlFor: CHECKBOX_ID, onClick: this.handleClick }, this.caption))));
-  }
-  get element() { return index.getElement(this); }
-  static get watchers() { return {
-    "value": ["valueChanged"]
-  }; }
-};
-CheckBox.style = checkboxCss;
-
-exports.ch_checkbox = CheckBox;

package/dist/cjs/ch-next-data-modeling.cjs.entry.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5a32426a.js');
-
-const nextDataModelingCss = "ch-next-data-modeling{--delete-icon:url('data:image/svg+xml,<svg width=\"14\" height=\"16\" viewBox=\"0 0 14 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1.87729 4.55154H12.1585V14.3936C12.1613 14.8186 11.9944 15.2273 11.6949 15.5288C11.3953 15.8304 10.9878 16 10.5627 16H3.47304C3.04797 16 2.64046 15.8304 2.34089 15.5288C2.04133 15.2273 1.87447 14.8186 1.87729 14.3936V4.55154ZM10.5734 1.42436V1.25301C10.5676 0.559264 10.0035 0 9.30972 0H4.72605C4.03228 0 3.46821 0.559264 3.46233 1.25301V1.42436H0.078125V3.03079H14.0005V1.42436H10.5734Z\" fill=\"%23000\"/></svg>');--edit-icon:url('data:image/svg+xml,<svg width=\"17\" height=\"16\" viewBox=\"0 0 17 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.4291 5.4137L10.8838 1.73151L12.0517 0.50411C12.3715 0.168037 12.7644 0 13.2304 0C13.6964 0 14.089 0.168037 14.4082 0.50411L15.5761 1.73151C15.8958 2.06758 16.0627 2.47321 16.0766 2.94838C16.0905 3.42356 15.9376 3.82889 15.6178 4.16438L14.4291 5.4137ZM13.2195 6.70685L4.37728 16H0.832031V12.274L9.67429 2.98082L13.2195 6.70685Z\" fill=\"%23000\"/></svg>');display:grid;grid-template-columns:1fr;grid-auto-rows:min-content;flex:1;height:100%}";
-
-const NextDataModeling = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, { role: "list" }, index.h("slot", null)));
-  }
-};
-NextDataModeling.style = nextDataModelingCss;
-
-exports.ch_next_data_modeling = NextDataModeling;