@genexus/genexus-ide-ui 0.0.62 → 0.0.63

package/dist/collection/components/kb-manager-import/kb-manager-import.js

@@ -58,7 +58,24 @@ export class GxIdeKbManagerImport {
       }
     };
     this.objectsTreeCheckedItemsChangedHandler = (event) => {
+      /* Begin of evaluate 'select/unselect checkbox' state*/
+      if (event.detail == null) {
+        this.toggleObjectsCheckboxEl.checked = false;
+        this.toggleObjectsCheckboxEl.indeterminate = false;
+        return;
+      }
       const allItemsWithCheckbox = [...event.detail.values()];
+      if (allItemsWithCheckbox.length === 0) {
+        this.toggleObjectsCheckboxEl.checked = false;
+        this.toggleObjectsCheckboxEl.indeterminate = false;
+        return;
+      }
+      const firstItemCheckedValue = allItemsWithCheckbox[0].item.checked;
+      const allItemsHaveTheSameCheckedValue = allItemsWithCheckbox.every(treeItem => treeItem.item.checked === firstItemCheckedValue);
+      this.toggleObjectsCheckboxEl.checked = firstItemCheckedValue;
+      this.toggleObjectsCheckboxEl.indeterminate =
+        !allItemsHaveTheSameCheckedValue;
+      /* End of evaluate 'select/unselect checkbox' state*/
       const checkedItems = allItemsWithCheckbox.filter(node => node.item.checked);
       // objects checked
       const checkedObjects = checkedItems.filter(node => node.item.class === "object");
@@ -88,12 +105,10 @@ export class GxIdeKbManagerImport {
       this.statusInfo.warning.number = 0;
       this.statusInfo.success.number = 0;
     };
-    this.selectAllClickedHandler = (e) => {
-      const checked = e.target.checked;
-      if (checked && this.objectsTreeEl) {
-        console.log("select all");
-        this.objectsTreeEl.updateAllItemsProperties({ checked: true });
-      }
+    this.toggleSelectionHandler = (e) => {
+      const checked = e.detail.value;
+      this.toggleObjectsCheckboxEl.indeterminate = false;
+      this.objectsTreeEl.updateAllItemsProperties({ checked: checked });
     };
     this.statusButtonsSelectionChangedHandler = (e) => {
       const activeStates = e.detail;
@@ -189,11 +204,8 @@ export class GxIdeKbManagerImport {
         "tree-container": true,
         "tree-container--objects-in-file": true,
         "tree-container--empty": this.noObjects
-      } }, !this.noObjects ? (h("gxg-tree-view", { treeModel: this.objectsTreeState, dragDisabled: true, dropDisabled: true, toggleCheckboxes: true, onCheckedItemsChange: this.objectsTreeCheckedItemsChangedHandler, ref: el => (this.objectsTreeEl = el) })) : (h("div", { class: "gx-ide-message" }, h("gxg-text", { textAlign: config.gxgMessage.common.textAlign, padding: config.gxgMessage.common.textAlign, type: config.gxgMessage.common.type, maxWidth: config.gxgMessage.common.maxWidth, part: "objects-in-file-empty-status-message" }, "There are no Objects. ", h("br", null), h("gxg-text", { type: "text-link-no-line", onClick: this.selectFileHandler }, "Begin by selecting a file."))))), h("gxg-form-checkbox", { label: this.objectsTreeState.length > 0 &&
-        this.objectsInFileTotalNodes ===
-          this.checkedObjectsIds.length
-        ? this._componentLocale.main.objectsInFile.deselectAll
-        : this._componentLocale.main.objectsInFile.selectAll, part: "select-all-checkbox", slot: "footer-start", disabled: this.importingObjects || this.objectsTreeState.length === 0, checked: this.evaluateCheckAllValue(), onClick: this.selectAllClickedHandler }), h("gxg-button-group", { slot: "footer-end", ref: (el) => (this.objectsButtonsGroup = el) }, h("button", { id: "import-btn", part: "import-button", disabled: this.importingObjects ||
+      } }, !this.noObjects ? (h("gxg-tree-view", { treeModel: this.objectsTreeState, dragDisabled: true, dropDisabled: true, toggleCheckboxes: true, onCheckedItemsChange: this.objectsTreeCheckedItemsChangedHandler, ref: el => (this.objectsTreeEl = el) })) : (h("div", { class: "gx-ide-message" }, h("gxg-text", { textAlign: config.gxgMessage.common.textAlign, padding: config.gxgMessage.common.textAlign, type: config.gxgMessage.common.type, maxWidth: config.gxgMessage.common.maxWidth, part: "objects-in-file-empty-status-message" }, "There are no Objects. ", h("br", null), h("gxg-text", { type: "text-link-no-line", onClick: this.selectFileHandler }, "Begin by selecting a file."))))), h("gxg-form-checkbox", { label: this._componentLocale.main.objectsInFile.selectUnselect, part: "select-all-checkbox", slot: "footer-start", disabled: this.importingObjects || this.objectsTreeState.length === 0, checked: this.evaluateCheckAllValue(), onChange: this.toggleSelectionHandler, ref: (el) => (this.toggleObjectsCheckboxEl =
+        el) }), h("gxg-button-group", { slot: "footer-end", ref: (el) => (this.objectsButtonsGroup = el) }, h("button", { id: "import-btn", part: "import-button", disabled: this.importingObjects ||
         this.checkedObjectsIds.length === 0, onClick: this.importObjectsHandler }, this._componentLocale.main.objectsInFile.importButton), h("button", { id: "cancel-import-btn", part: "cancel-import-button", disabled: !this.importingObjects, onClick: this.cancelImportHandler }, this._componentLocale.main.objectsInFile.cancelButton)), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/settings", slot: "footer-end", part: "select-kb-btn", onClick: this.optionsHandler }, this._componentLocale.header.optionsButton)), h("gx-ide-container", { containerTitle: this._componentLocale.main.importStatus.title, noContentPadding: true, noBorderFooter: true, slimmerFooter: true, inactiveTitle: this.noImport, footerSubtleShadow: !this.noImport, titleType: "secondary" }, h("div", { class: {
         "tree-container": true,
         "tree-container--import-status": true,

package/dist/components/ch-next-data-modeling-item.js

@@ -1,460 +1,4 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { K as KEY_CODES } from './reserverd-names.js';
-import { d as defineCustomElement$2 } from './accordion.js';
-
-const nextDataModelingItemCss = ":where(button){all:unset;display:inline-flex;cursor:pointer}*,::before,::after{box-sizing:border-box}.error-text,.name{color:inherit;font:inherit;margin:0;padding:0;outline:0}gx-edit:is(.gx-edit--auto-fill,.gx-edit--auto-fill:focus-within,.gx-edit--auto-fill:hover){background-color:var(--gx-edit-auto-fill-background-color)}:host{display:grid;--chevron-color:#ccc}:host(:hover) .button-primary,:host(:focus-within) .button-primary{display:grid}:host(:hover) .button-primary::before,:host(:focus-within) .button-primary::before{content:\"\"}:host(.gx-disabled){pointer-events:none}.add-new-field--level-0{display:grid;grid-template:\"name . . .\" min-content \"field-name type confirm cancel\" 1fr \"error-text . confirm cancel\" min-content \"sub-item sub-item confirm cancel\" min-content/1fr min-content 56px 32px;row-gap:8px}.add-new-field--level-0 ::slotted(ch-next-data-modeling){grid-area:sub-item}.add-new-field--level-1{display:grid;grid-template:\"name . . .\" min-content \"field-name type confirm cancel\" 1fr \"error-text . . .\" min-content/1fr min-content 56px 32px;row-gap:8px}.add-new-field--level-2{display:grid;grid-template:\"sub-field name . . .\" min-content \". field-name type confirm cancel\" 1fr \". error-text . . .\" min-content/min-content 1fr min-content 56px 32px;row-gap:4px}.add-new-field--no-actions{grid-template:\"sub-field name .\" min-content \". field-name type\" 1fr \". error-text .\" min-content/min-content 1fr min-content}.accordion:hover .edit-button,.accordion:hover .delete-button,.accordion:focus-within .edit-button,.accordion:focus-within .delete-button{display:grid}.sub-field{grid-area:sub-field}.field-name{grid-area:field-name;margin-inline-end:8px}.button-confirm{grid-area:confirm;margin-inline:16px 8px}.button-cancel{grid-area:cancel}.error-text{grid-area:error-text;display:flex;white-space:break-spaces}.header{display:grid;grid-template:\"sub-field name type edit delete\" 1fr/min-content max-content 1fr min-content max-content;align-items:center;width:100%;margin-inline-end:12px}.accordion::part(accordion__header){column-gap:24px}.edit-mode{grid-template:\"sub-field field-name type confirm cancel\" min-content \"sub-field error-text error-text confirm cancel\" min-content/min-content 1fr min-content 56px 32px}.name{grid-area:name}.name-entity{text-decoration:underline}.type{grid-area:type}.select-wrapper{--chevron:url('data:image/svg+xml,<svg width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1.41 0L6 4.59L10.59 0L12 1.42L6 7.42L0 1.42L1.41 0Z\"/></svg>');grid-area:type;position:relative}.select-wrapper::after{content:\"\";display:flex;position:absolute;inset-inline-end:0;inset-block-start:calc(50% - 3.75px);width:12px;height:7.5px;margin-inline:8px 16px;-webkit-mask:var(--chevron) no-repeat;background-color:var(--chevron-color);pointer-events:none}.select{display:flex;height:100%;appearance:none;background-color:unset;cursor:pointer;outline:unset;transition-property:background-color, border-color, color;transition-duration:250ms}.button-new-entity{align-items:center;transition:color 250ms}.optimization{display:contents}.button-primary{display:none;align-self:center;height:20px;padding:2px}.button-primary::before{display:flex}.button-edit{grid-area:edit;width:21px}.button-edit::before{-webkit-mask:var(--edit-icon) no-repeat}.button-delete{grid-area:delete;width:18px;margin-inline-start:12px}.button-delete::before{-webkit-mask:var(--delete-icon) no-repeat}.delete-mode,.waiting-mode{grid-area:delete;display:grid;grid-template-columns:1fr 24px 24px;align-items:center;column-gap:8px;cursor:auto;animation:fade-in 250ms ease-in-out}.waiting-mode{grid-template-columns:24px 1fr}.waiting-mode__loading{order:-1;width:100%;fill:none;animation:rotate 1.5s linear 0.125s infinite}circle{stroke:currentColor;stroke-dasharray:1, 200;stroke-linecap:round;animation:indeterminate-loading 1.25s ease-in-out 0.125s infinite}@keyframes fade-in{0%{opacity:0}}@keyframes rotate{100%{transform:rotate(1turn)}}@keyframes indeterminate-loading{50%,60%{stroke-dasharray:20, 200;stroke-dashoffset:-8px}100%{stroke-dashoffset:-24px}}";
-
-const NAME = "name";
-const PART_PREFIX = "dm-item__";
-const CANCEL_CLASS = "button-cancel";
-const CONFIRM_CLASS = "button-confirm";
-const BUTTON_CONFIRM_PART = (disabledPart) => `${PART_PREFIX}button-action confirm${disabledPart}`;
-const BUTTON_CANCEL_PART = (disabledPart) => `${PART_PREFIX}button-action cancel${disabledPart}`;
-const SELECT_OPTION_PART = `${PART_PREFIX}select-option`;
-const NextDataModelingSubitem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.deleteField = createEvent(this, "deleteField", 7);
-    this.editField = createEvent(this, "editField", 7);
-    this.newEntity = createEvent(this, "newEntity", 7);
-    this.firstNewField = createEvent(this, "firstNewField", 7);
-    this.firstNewFieldErrors = createEvent(this, "firstNewFieldErrors", 7);
-    this.newField = createEvent(this, "newField", 7);
-    /**
-     * The metadata used for the different actions in the UI.
-     */
-    this.actions = (captions, disabledPart) => ({
-      add: [
-        {
-          // Confirm add
-          label: captions.confirm,
-          class: CONFIRM_CLASS,
-          part: BUTTON_CONFIRM_PART(disabledPart),
-          event: this.confirmAction("new")
-        },
-        {
-          // Cancel add
-          label: captions.cancel,
-          class: CANCEL_CLASS,
-          part: BUTTON_CANCEL_PART(disabledPart),
-          event: this.toggleShowNewField
-        }
-      ],
-      delete: [
-        {
-          // Confirm delete
-          label: captions.confirm,
-          class: undefined,
-          part: `${PART_PREFIX}button-delete-action confirm${disabledPart}`,
-          event: this.emitDelete
-        },
-        {
-          // Cancel delete
-          label: captions.cancel,
-          class: undefined,
-          part: `${PART_PREFIX}button-delete-action cancel${disabledPart}`,
-          event: this.toggleMode("delete")
-        }
-      ],
-      edit: [
-        {
-          // Confirm edit
-          label: captions.confirm,
-          class: CONFIRM_CLASS,
-          part: BUTTON_CONFIRM_PART(disabledPart),
-          event: this.confirmAction("edit")
-        },
-        {
-          // Cancel edit
-          label: captions.cancel,
-          class: CANCEL_CLASS,
-          part: BUTTON_CANCEL_PART(disabledPart),
-          event: this.toggleMode("edit")
-        }
-      ],
-      normal: [
-        {
-          // Edit action
-          label: captions.edit,
-          class: "button-primary button-edit",
-          part: `${PART_PREFIX}button-primary edit${disabledPart}`,
-          event: this.toggleMode("edit")
-        },
-        {
-          // Delete action
-          label: captions.delete,
-          class: "button-primary button-delete",
-          part: `${PART_PREFIX}button-primary delete${disabledPart}`,
-          event: this.toggleMode("delete")
-        }
-      ]
-    });
-    this.lastEditInfo = { name: "", type: "ATT" };
-    this.focusInputInNextRender = false;
-    this.expanded = false;
-    // Modes
-    this.errorType = "None";
-    this.waitingMode = "none";
-    /**
-     * This attribute lets you specify if the actions in the `mode === "add"` are
-     * visible.
-     */
-    this.actionsVisible = true;
-    /**
-     * The dataType of the field.
-     */
-    this.dataType = "";
-    /**
-     * This attribute lets you specify if the element is disabled.
-     * If disabled, it will not fire any user interaction related event.
-     */
-    this.disabled = false;
-    /**
-     * This property maps entities of the current dataModel with their
-     * corresponding ATTs.
-     */
-    this.entityNameToATTs = {};
-    /**
-     * This property specifies the defined field names of the entity parent.
-     */
-    this.fieldNames = [];
-    /**
-     * This property specifies at which collection level the field is located.
-     */
-    this.level = 1;
-    /**
-     * Determine the maximum amount of ATTs displayed per entity.
-     */
-    this.maxAtts = 3;
-    /**
-     * This attribute specifies the operating mode of the control
-     */
-    this.mode = "normal";
-    /**
-     * The name of the field.
-     */
-    this.name = "";
-    /**
-     * `true` to show the new field button when `mode === "add"`
-     */
-    this.showNewFieldBtn = true;
-    /**
-     * The type of the field.
-     */
-    this.type = "LEVEL";
-    /**
-     * Returns:
-     *   @example ```(Scorer, Goals)```
-     *   @example ```(Name, Age, Nationality (+3))```
-     */
-    this.makeAttsPrettier = (atts, maxAtts) => atts.length <= maxAtts
-      ? "(" + atts.join(", ") + ")"
-      : `(${atts.slice(0, maxAtts).join(", ")} (+${atts.length - maxAtts}))`;
-    this.emitDelete = (event) => {
-      // The subitem is the last one of the parent. Delete the parent instead
-      if (this.level !== 0 && this.fieldNames.length === 1) {
-        const parentItem = this.el.parentElement
-          .parentElement;
-        parentItem.delete(event);
-        this.mode = "normal";
-        return;
-      }
-      event.stopPropagation();
-      this.waitingMode = "deleting";
-      this.deleteField.emit();
-    };
-    this.toggleMode = (mode) => (event) => {
-      event.stopPropagation();
-      this.mode = this.mode === "normal" ? mode : "normal";
-      this.focusInputInNextRender = mode === "edit";
-    };
-    this.toggleShowNewField = (event) => {
-      event.stopPropagation();
-      this.errorType = "None";
-      const showNewFieldBtn = !this.showNewFieldBtn;
-      this.showNewFieldBtn = showNewFieldBtn;
-      this.focusInputInNextRender = !showNewFieldBtn;
-      if (!showNewFieldBtn && this.level === 0) {
-        const entityItem = this.el.firstElementChild
-          .firstElementChild;
-        entityItem.clearInput();
-      }
-    };
-    /**
-     * @todo TODO: Improve typing
-     * WA function to get the gx-edit's input value
-     * @param editElement An HTMLGxEditElement that is implemented in the web-controls-library
-     */
-    this.getGxEditInputValue = (editElement) => editElement.shadowRoot.firstElementChild.value;
-    this.handleKeyDown = (actionType) => (event) => {
-      if (event.code !== KEY_CODES.ENTER) {
-        return;
-      }
-      event.preventDefault();
-      this.confirmAction(actionType)(event);
-    };
-    this.checkChildErrors = (errors, event) => {
-      this.el.firstElementChild
-        .firstElementChild.checkErrors(errors, event);
-    };
-    this.validateErrorsWhenAddingEntity = (actionType, errors = "unknown", event) => {
-      // Validate child errors when adding a new entity
-      if (this.level === 0 && actionType === "new" && errors === "unknown") {
-        this.checkChildErrors(errors, event);
-      }
-      // Validate parent errors when adding a new field in the new entity
-      else if (!this.actionsVisible && errors === "unknown") {
-        this.firstNewFieldErrors.emit();
-      }
-    };
-    this.confirmAction = (actionType, errors = "unknown", itemInfo = null) => (event) => {
-      event.stopPropagation();
-      const trimmedInput = this.getGxEditInputValue(this.inputName).trim();
-      // Force re-render. Useful when the error type don't change but the
-      // displayed error text must change
-      this.errorType = "None";
-      if (trimmedInput === "") {
-        this.errorType = "Empty";
-        this.validateErrorsWhenAddingEntity(actionType, errors, event);
-        return;
-      }
-      // The field already exists
-      if (this.name !== trimmedInput &&
-        this.fieldNames.includes(trimmedInput)) {
-        this.errorType = "AlreadyDefined";
-        this.errorName = trimmedInput;
-        this.validateErrorsWhenAddingEntity(actionType, errors, event);
-        return;
-      }
-      // New field
-      if (actionType === "new") {
-        this.lastEditInfo = {
-          name: trimmedInput,
-          type: this.level === 0 ? "ATT" : this.inputType.value // Doesn't matter the type when level = 0
-        };
-        // Adding a entity
-        if (this.level === 0) {
-          // Must check child errors
-          if (errors === "unknown") {
-            this.checkChildErrors(errors, event);
-          }
-          // The child does not have errors, commit the new entity
-          else if (errors === "no") {
-            this.waitingMode = "adding";
-            this.expanded = true;
-            this.newEntity.emit({ name: trimmedInput, level: [itemInfo] });
-            this.toggleShowNewField(event);
-            this.el.firstElementChild
-              .firstElementChild.setAddingMode(); // TODO: Improve typing
-          }
-        }
-        // Normal case: Adding a field that is not the first field of the entity
-        else if (this.actionsVisible) {
-          this.waitingMode = "adding";
-          this.newField.emit(this.lastEditInfo);
-          this.toggleShowNewField(event);
-        }
-        // Adding a field that is the first field of the entity
-        else {
-          this.firstNewField.emit(this.lastEditInfo);
-        }
-        return;
-      }
-      // Edit field (level 0 fields don't have a type, because they are always entities)
-      if (this.name !== trimmedInput ||
-        (this.level !== 0 && this.type !== this.inputType.value)) {
-        this.waitingMode = "editing";
-        this.lastEditInfo = {
-          name: trimmedInput,
-          type: this.level === 0 ? "ATT" : this.inputType.value // Doesn't matter the type when level = 0
-        };
-        this.editField.emit(this.lastEditInfo);
-      }
-      this.toggleMode("edit")(event);
-    };
-    this.loading = () => (h("svg", { class: "waiting-mode__loading", height: "28", viewBox: "6 6 12 12" }, h("circle", { cx: "12", cy: "12", r: "4", "stroke-width": "1.125" })));
-    this.errorText = (errorTexts) => (h("p", { class: "error-text", part: `${PART_PREFIX}error-text` }, this.errorType === "Empty"
-      ? errorTexts.Empty
-      : [
-        this.level === 0
-          ? errorTexts.AlreadyDefinedEntity1
-          : errorTexts.AlreadyDefined1,
-        h("span", { part: `${PART_PREFIX}error-text-name` }, this.errorName),
-        errorTexts.AlreadyDefined2
-      ]));
-    this.readonlyContent = (captions, name, type) => [
-      // Readonly
-      h("h1", { id: NAME, class: {
-          name: true,
-          "name-entity": type === "ENTITY"
-        }, part: `${PART_PREFIX}name` }, name),
-      this.level !== 0 && type !== "ATT" && (h("span", { class: "type", part: type === "LEVEL" ? `${PART_PREFIX}collection` : `${PART_PREFIX}entity` }, type === "LEVEL"
-        ? captions.collection
-        : this.makeAttsPrettier(this.entityNameToATTs[this.dataType] || [], this.maxAtts)))
-    ];
-    this.editableContent = (actionType, captions, disabledPart, errorPart) => [
-      // Editable
-      h("gx-edit", { class: "field-name", part: `${PART_PREFIX}input${errorPart}${disabledPart}`, disabled: this.disabled, type: "text", value: this.name, ref: el => (this.inputName = el), onKeydown: this.handleKeyDown(actionType) }),
-      this.level !== 0 && (h("div", { class: "select-wrapper" }, h("select", { class: "select", part: `${PART_PREFIX}input${disabledPart} select`, disabled: this.disabled, ref: el => (this.inputType = el) }, h("option", { part: SELECT_OPTION_PART, value: "ATT", selected: this.type === "ATT" }, captions.ATT), h("option", { part: SELECT_OPTION_PART, value: "ENTITY", selected: this.type === "ENTITY" }, captions.ENTITY), h("option", { part: SELECT_OPTION_PART, value: "LEVEL", selected: this.type === "LEVEL" }, captions.LEVEL)))),
-      this.errorType !== "None" && this.errorText(this.errorTexts)
-    ];
-    this.newFieldMode = (captions, errorPart, disabledPart, actions) => this.showNewFieldBtn ? (h("button", { class: "button-new-entity", part: `${PART_PREFIX}button-new-entity${disabledPart}`, disabled: this.disabled, type: "button", onClick: this.toggleShowNewField }, this.level === 0 ? captions.addNewEntity : captions.addNewField)) : (h("div", { slot: this.level === 0 ? "header" : undefined, class: {
-        [`add-new-field--level-${this.level}`]: true,
-        "add-new-field--no-actions": !this.actionsVisible
-      }, part: `${PART_PREFIX}header-content`, tabindex: this.level !== 0 && this.actionsVisible ? "0" : undefined }, this.level === 2 && (h("div", { "aria-hidden": "true", class: "sub-field", part: `${PART_PREFIX}sub-field` })), h("h1", { class: "name", part: `${PART_PREFIX}name` }, this.level === 0 ? captions.newEntity : captions.newField), this.editableContent("new", captions, disabledPart, errorPart), this.level === 0 && h("slot", null), this.actionsVisible && [
-      h("button", { "aria-label": actions[0].label, class: actions[0].class, part: actions[0].part, disabled: this.disabled, type: "button", onClick: actions[0].event }),
-      h("button", { "aria-label": actions[1].label, class: actions[1].class, part: actions[1].part, disabled: this.disabled, type: "button", onClick: actions[1].event })
-    ]));
-    this.normalMode = (captions, errorPart, disabledPart, waitingModePart, actions, showWaitingModeTexts) => [
-      h("div", { slot: this.level === 0 ? "header" : undefined, class: {
-          header: true,
-          "edit-mode": this.mode === "edit"
-        }, part: `${PART_PREFIX}header-content`, tabindex: this.level !== 0 ? "0" : undefined }, this.level === 2 && (h("div", { "aria-hidden": "true", class: "sub-field", part: `${PART_PREFIX}sub-field` })), this.mode === "edit"
-        ? this.editableContent("edit", captions, disabledPart, errorPart)
-        : this.readonlyContent(captions, showWaitingModeTexts ? this.lastEditInfo.name : this.name, showWaitingModeTexts ? this.lastEditInfo.type : this.type), this.actionsVisible && (h("div", { class: {
-          "delete-mode": this.mode === "delete",
-          optimization: this.mode !== "delete",
-          "waiting-mode": this.waitingMode !== "none"
-        }, part: `${PART_PREFIX}delete-mode${waitingModePart}` }, this.waitingMode === "none"
-        ? [
-          this.mode === "delete" && captions.deleteMode,
-          h("button", { "aria-label": actions[0].label, class: actions[0].class, part: actions[0].part, disabled: this.disabled, type: "button", onClick: actions[0].event }),
-          h("button", { "aria-label": actions[1].label, class: actions[1].class, part: actions[1].part, disabled: this.disabled, type: "button", onClick: actions[1].event })
-        ]
-        : [captions[this.waitingMode], this.loading()]))),
-      this.type === "LEVEL" &&
-        (this.level === 0 ? (h("div", { slot: "content", part: `${PART_PREFIX}content` }, h("slot", null))) : (h("slot", null)))
-    ];
-  }
-  handleExpandedChange(event) {
-    event.stopPropagation();
-  }
-  handleFirstNewField(event) {
-    if (this.level !== 0) {
-      return;
-    }
-    this.confirmAction("new", "no", event.detail)(event);
-  }
-  handleFirstNewFieldErrors(event) {
-    this.confirmAction("new", "yes")(event);
-  }
-  /**
-   * Set the adding mode for the first field of the entity.
-   */
-  async setAddingMode() {
-    this.clearInput();
-    this.waitingMode = "adding";
-  }
-  /**
-   * Remove the value of the input when mode === "add" | "edit"
-   */
-  async clearInput() {
-    if (this.inputName) {
-      const inputRef = this.inputName.shadowRoot
-        .firstElementChild; // TODO: Improve typing
-      inputRef.value = "";
-    }
-    this.errorType = "None";
-  }
-  /**
-   * Check errors in the item when `level !== 0`
-   */
-  async checkErrors(errors, event) {
-    this.confirmAction("new", errors)(event);
-  }
-  /**
-   * Deletes the field.
-   */
-  async delete(event) {
-    this.emitDelete(event);
-  }
-  /**
-   * Hides the waiting mode to continue editing the field.
-   */
-  async hideWaitingMode() {
-    if (this.mode === "add" && this.level === 0) {
-      const entityItem = this.el.firstElementChild
-        .firstElementChild;
-      entityItem.hideWaitingMode();
-    }
-    // The add mode should not be changed
-    else if (this.mode !== "add") {
-      this.mode = "normal";
-    }
-    this.waitingMode = "none";
-  }
-  componentDidUpdate() {
-    // Focus the edit input when the render method has finished
-    if (this.focusInputInNextRender && this.inputName) {
-      this.focusInputInNextRender = false;
-      // Wait until the gx-edit control has render
-      requestAnimationFrame(() => {
-        this.inputName.click(); // The click method focuses the inner input of the gx-edit
-      });
-    }
-  }
-  render() {
-    // Parts
-    const disabledPart = this.disabled ? " disabled" : "";
-    const waitingModePart = this.waitingMode === "none" ? "" : ` ${PART_PREFIX}waiting-mode`;
-    const errorPart = this.errorType !== "None" ? " error" : "";
-    const captions = this.captions;
-    const actions = this.actions(captions, disabledPart)[this.mode];
-    const showWaitingModeTexts = this.waitingMode === "editing" || this.waitingMode === "adding";
-    return (h(Host, { role: "listitem", "aria-labelledby": NAME, class: {
-        "gx-disabled": this.disabled
-      } }, 
-    // Add new field layout (last cell of the collection/entity)
-    this.mode === "add" && this.waitingMode !== "adding" ? (this.newFieldMode(captions, errorPart, disabledPart, actions)) : this.level === 0 ? ( // Normal mode. Level === 0
-    h("ch-accordion", { class: "accordion", part: `${PART_PREFIX}accordion`, accessibleName: this.name, expanded: this.expanded, exportparts: `accordion__chevron:${PART_PREFIX}chevron,accordion__expandable:${PART_PREFIX}expandable,accordion__header:${PART_PREFIX}header` }, this.normalMode(captions, errorPart, disabledPart, waitingModePart, actions, showWaitingModeTexts))) : (
-    // Normal mode. Level !== 0
-    this.normalMode(captions, errorPart, disabledPart, waitingModePart, actions, showWaitingModeTexts))));
-  }
-  get el() { return this; }
-  static get style() { return nextDataModelingItemCss; }
-}, [1, "ch-next-data-modeling-item", {
-    "actionsVisible": [4, "actions-visible"],
-    "captions": [16],
-    "dataType": [1, "data-type"],
-    "disabled": [4],
-    "entityNameToATTs": [16],
-    "errorTexts": [16],
-    "fieldNames": [16],
-    "level": [2],
-    "maxAtts": [2, "max-atts"],
-    "mode": [1025],
-    "name": [1],
-    "showNewFieldBtn": [1028, "show-new-field-btn"],
-    "type": [1],
-    "expanded": [32],
-    "errorType": [32],
-    "waitingMode": [32],
-    "setAddingMode": [64],
-    "clearInput": [64],
-    "checkErrors": [64],
-    "delete": [64],
-    "hideWaitingMode": [64]
-  }, [[0, "expandedChange", "handleExpandedChange"], [0, "firstNewField", "handleFirstNewField"], [0, "firstNewFieldErrors", "handleFirstNewFieldErrors"]]]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["ch-next-data-modeling-item", "ch-accordion"];
-  components.forEach(tagName => { switch (tagName) {
-    case "ch-next-data-modeling-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, NextDataModelingSubitem);
-      }
-      break;
-    case "ch-accordion":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
+import { N as NextDataModelingSubitem, d as defineCustomElement$1 } from './next-data-modeling-item.js';
 
 const ChNextDataModelingItem = NextDataModelingSubitem;
 const defineCustomElement = defineCustomElement$1;