@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-86600.1 → 0.0.0-bugfix-dev-5562683.0

package/dist/cjs/config-header.cjs.entry.js

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-1cf293c1.js');
+const utils = require('@sankhyalabs/ezui/dist/collection/utils');
+
+const configHeaderCss = ".sc-config-header-h{display:flex;padding-top:12px;padding-left:12px;align-items:center;width:100%;justify-content:space-between}.left-group.sc-config-header{display:flex;gap:8px}.right-group.sc-config-header{padding-right:18px;display:flex}";
+
+const ConfigHeader = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.configClose = index.createEvent(this, "configClose", 7);
+    this.saveConfig = index.createEvent(this, "saveConfig", 7);
+    this.isEditingGuide = false;
+    this.isEditingGroup = false;
+    this.configOptions = [];
+    this.selectedConfig = undefined;
+    this.messagesBuilder = undefined;
+    this.hasChanges = false;
+    this.optionConfigChanged = false;
+  }
+  handleIsEditingGuideName({ detail }) {
+    this.isEditingGuide = detail;
+  }
+  handleIsEditingGroupName({ detail }) {
+    this.isEditingGroup = detail;
+  }
+  saveFormConfig() {
+    if (this.isEditingGuide || this.isEditingGroup) {
+      const title = this.getMessage('snkFormConfig.confirm.title');
+      const message = this.isEditingGuide
+        ? this.getMessage('snkFormConfig.alert.titleGuideEditing')
+        : this.getMessage('snkFormConfig.alert.titleGroupEditing');
+      utils.ApplicationUtils.alert(title, message);
+      return;
+    }
+    this.saveConfig.emit();
+  }
+  async closeFormConfig() {
+    if (this.hasChanges) {
+      const title = this.getMessage('snkFormConfig.confirm.title');
+      const msg = this.getMessage('snkFormConfig.confirm.cancel');
+      const confirm = await utils.ApplicationUtils.confirm(title, msg);
+      if (!confirm)
+        return;
+    }
+    this.configClose.emit();
+  }
+  getMessage(key, params) {
+    return this.messagesBuilder.getMessage(key, params);
+  }
+  openConfirmDialog(msg = '', title = this.getMessage('snkFormConfig.confirm.title')) {
+    return utils.ApplicationUtils.confirm(title, msg);
+  }
+  async applyOptionConfig() {
+    var _a, _b;
+    const name = (_b = (_a = this.selectedConfig) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.getMessage('snkFormConfig.configs.selectedConfig');
+    const msg = this.getMessage('snkFormConfig.confirm.apply').replace('{0}', name);
+    const confirm = await this.openConfirmDialog(msg);
+    if (confirm) {
+      this.saveConfig.emit();
+    }
+  }
+  renderSaveActions() {
+    if (!this.hasChanges && !this.optionConfigChanged)
+      return;
+    if (this.hasChanges) {
+      return (index.h("div", { class: "right-group" }, index.h("ez-button", { title: 'Cancelar', label: 'Cancelar', onClick: this.closeFormConfig.bind(this), size: "medium" }), index.h("ez-button", { title: 'Salvar', label: 'Salvar', class: 'ez-button--primary ez-padding-left--medium', onClick: () => this.saveFormConfig(), size: "medium" })));
+    }
+    return (index.h("div", { class: "right-group" }, index.h("ez-button", { title: 'Cancelar', label: 'Cancelar', onClick: this.closeFormConfig.bind(this), size: "medium" }), index.h("ez-button", { title: 'Salvar', label: this.getMessage('snkFormConfig.applyConfig'), class: 'ez-button--primary ez-padding-left--medium', onClick: async () => await this.applyOptionConfig(), size: "medium" })));
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: 'left-group' }, index.h("ez-button", { mode: "icon", title: this.getMessage('snkFormConfig.goBackTitle'), iconName: "arrow_back", class: "ez-padding--small", size: "small", onClick: this.closeFormConfig.bind(this), id: "formConfigToBack" }), index.h("h1", { class: "ez-title ez-title--primary ez-title--extra-large ez-padding--small" }, this.getMessage('snkFormConfig.title')), index.h("configs-button", { hasChanges: this.hasChanges, configOptions: this.configOptions, selectedConfig: this.selectedConfig, messagesBuilder: this.messagesBuilder })), this.renderSaveActions()));
+  }
+};
+ConfigHeader.style = configHeaderCss;
+
+exports.config_header = ConfigHeader;

package/dist/cjs/configs-button.cjs.entry.js

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-1cf293c1.js');
+const core = require('@sankhyalabs/core');
+const utils = require('@sankhyalabs/ezui/dist/collection/utils');
+
+const configsButtonCss = ".dropdown-container.sc-configs-button{font-family:'Roboto';font-size:12px;font-weight:400;display:flex;flex-direction:column;color:#2b3a54;width:200px}.main-item.sc-configs-button{padding:12px;font-size:14px;cursor:pointer;transition:all .2s ease-in-out;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:start}.main-item.sc-configs-button ez-icon.sc-configs-button{--ez-icon--color:#008561}.main-item.sc-configs-button:nth-of-type(1){padding-bottom:6px}.main-item.sc-configs-button:nth-of-type(2){padding-top:6px}.main-item.sc-configs-button:hover{background-color:#FAFCFF}.item-label.sc-configs-button{display:flex}";
+
+const ConfigsButton = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.formConfigOptionSelected = index.createEvent(this, "formConfigOptionSelected", 7);
+    this.configOptions = [];
+    this.selectedConfig = undefined;
+    this.hasChanges = false;
+    this.messagesBuilder = undefined;
+  }
+  getMessage(key, params) {
+    return this.messagesBuilder.getMessage(key, params);
+  }
+  async showShareConfigOptions() {
+    if (this._refOptionsPopover && this._refShareConfigBtn) {
+      await this._refOptionsPopover.showUnder(this._refShareConfigBtn);
+    }
+  }
+  async handleSelectOption(option) {
+    if (core.ObjectUtils.equals(option, this.selectedConfig))
+      return;
+    if (this.hasChanges) {
+      const title = this.getMessage('snkFormConfig.confirm.title');
+      const msg = this.getMessage('snkFormConfig.confirm.cancel');
+      const confirm = await utils.ApplicationUtils.confirm(title, msg);
+      if (!confirm)
+        return;
+    }
+    this.selectedConfig = option;
+    this.formConfigOptionSelected.emit(option);
+    await this._refOptionsPopover.hide();
+  }
+  getButtonLabel() {
+    var _a, _b;
+    return (_b = (_a = this.selectedConfig) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.getMessage('snkFormConfig.configs.buttonLabel');
+  }
+  renderConfigOptions() {
+    return this.configOptions.map((option) => {
+      return (index.h("div", { class: `main-item`, onClick: async () => await this.handleSelectOption(option) }, index.h("span", { class: 'item-label' }, " ", option.name), this.renderCheckIcon(option)));
+    });
+  }
+  renderCheckIcon(option) {
+    if (this.selectedConfig && this.selectedConfig.origin === option.origin)
+      return index.h("ez-icon", { iconName: "check" });
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("ez-button", { ref: ref => this._refShareConfigBtn = ref, label: this.getButtonLabel(), onClick: async () => await this.showShareConfigOptions() }, index.h("ez-icon", { slot: "rightIcon", iconName: "chevron-down" })), index.h("ez-popover-plus", { ref: ref => this._refOptionsPopover = ref, autoClose: true, overlayType: "none" }, index.h("div", { class: 'dropdown-container' }, this.renderConfigOptions()))));
+  }
+};
+ConfigsButton.style = configsButtonCss;
+
+exports.configs_button = ConfigsButton;

package/dist/cjs/{constants-77c1b8bd.js → constants-6d82e405.js}

@@ -7,11 +7,6 @@ exports.VIEW_MODE = void 0;
   VIEW_MODE[VIEW_MODE["FORM"] = 1] = "FORM";
   VIEW_MODE[VIEW_MODE["ATTACHMENT"] = 2] = "ATTACHMENT";
 })(exports.VIEW_MODE || (exports.VIEW_MODE = {}));
-const ACTION_CONFIG = {
-  add: 'ADD',
-  remove: 'REMOVE',
-  configuration: 'CONFIGURATION'
-};
 const VARS_BY_TYPE = {
   UserInterface: {
     DATE: [{ label: "Data atual", value: "${data}" }],
@@ -28,35 +23,14 @@ const DEFAULT_TYPE = {
   fixed: "F",
   variable: "V"
 };
-const CONFIG_EVENTS = {
-  closeModal: "ezCloseModal",
-  cancelConfig: "cancelConfig",
-  changeConfig: "changeConfig",
-  configChanged: "configChanged",
-  fieldChanged: "ezChange",
-  dragStartDistance: 40
-};
-const CONFIG_SORTABLE_EVENTS = {
-  dragStart: "sortable:start",
-  dragSort: "sortable:sort",
-  dragSorted: "sortable:sorted",
-  dragStop: "sortable:stop"
-};
-const KEY_EVENTS = {
-  enter: "Enter",
-  arrowLeft: "ArrowLeft",
-  arrowRight: "ArrowRight",
-  tab: "Tab",
-  escape: "Escape"
-};
-const TYPE_ACTIONS = {
-  rename: "RENAME",
-  hide: "HIDE",
-  show: "SHOW",
-  delete: "DELETE"
-};
 const TAB_NAMES = {
-  main: "__main"
+  main: "__main",
+  general: "Geral",
+  newGuide: "Nova guia",
+};
+const GROUP_NAMES = {
+  noGroup: "__no_group",
+  newGroup: "Novo Grupo",
 };
 const TAGS_BY_TYPE = {
   LONGTEXT: "ez-text-area",
@@ -102,14 +76,10 @@ exports.TEMPLATES_SKELETON = void 0;
   TEMPLATES_SKELETON[TEMPLATES_SKELETON["FORM_WITH_SIDEBAR"] = 4] = "FORM_WITH_SIDEBAR";
 })(exports.TEMPLATES_SKELETON || (exports.TEMPLATES_SKELETON = {}));
 
-exports.ACTION_CONFIG = ACTION_CONFIG;
-exports.CONFIG_EVENTS = CONFIG_EVENTS;
-exports.CONFIG_SORTABLE_EVENTS = CONFIG_SORTABLE_EVENTS;
 exports.DEFAULT_TYPE = DEFAULT_TYPE;
-exports.KEY_EVENTS = KEY_EVENTS;
+exports.GROUP_NAMES = GROUP_NAMES;
 exports.ORDER_VALUES = ORDER_VALUES;
 exports.REPORT_LAUNCHER_RESOURCE_ID = REPORT_LAUNCHER_RESOURCE_ID;
 exports.TAB_NAMES = TAB_NAMES;
 exports.TAGS_BY_TYPE = TAGS_BY_TYPE;
-exports.TYPE_ACTIONS = TYPE_ACTIONS;
 exports.VARS_BY_TYPE = VARS_BY_TYPE;

package/dist/cjs/{dataunit-fetcher-a723f0dc.js → dataunit-fetcher-ed652ef5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const core = require('@sankhyalabs/core');
-const DataFetcher = require('./DataFetcher-1afdb18e.js');
+const DataFetcher = require('./DataFetcher-73ecd756.js');
 const constants = require('@sankhyalabs/ezui/dist/collection/utils/constants');
 const UnitMetadata = require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 const utils = require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');

package/dist/cjs/default-filters-a09bf82b.js

@@ -0,0 +1,8 @@
+'use strict';
+
+exports.ActionDefaultFilter = void 0;
+(function (ActionDefaultFilter) {
+  ActionDefaultFilter["EDIT"] = "edit";
+  ActionDefaultFilter["REMOVE"] = "remove";
+  ActionDefaultFilter["CREATE"] = "create";
+})(exports.ActionDefaultFilter || (exports.ActionDefaultFilter = {}));

package/dist/cjs/field-config_2.cjs.entry.js

@@ -0,0 +1,324 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-1cf293c1.js');
+const core = require('@sankhyalabs/core');
+const constants = require('./constants-6d82e405.js');
+const DataType = require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
+const utils = require('@sankhyalabs/ezui/dist/collection/utils');
+const FormConfigHelper = require('./FormConfigHelper-c664dbae.js');
+
+const fieldConfigCss = ".field-config-container.sc-field-config{font-family:'Roboto';color:#2b3a54;display:flex;flex-direction:column;gap:10px;width:330px;justify-content:space-between}.header.sc-field-config{display:flex;font-weight:500;font-size:16px}.actions.sc-field-config{display:flex;align-items:flex-end;gap:12px}";
+
+const FieldConfig = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.fieldConfigChanged = index.createEvent(this, "fieldConfigChanged", 7);
+    this.fieldLabel = undefined;
+    this.fieldLabelErrorMessage = undefined;
+    this.fieldDefaultValue = undefined;
+    this.fieldCleanOnCopy = undefined;
+    this.fieldRequired = undefined;
+    this.fieldReadOnly = undefined;
+    this._defaultType = undefined;
+    this.dataUnit = undefined;
+    this.fieldConfig = undefined;
+    this.fieldDescriptor = undefined;
+    this.messagesBuilder = undefined;
+  }
+  observeFieldLabel() {
+    if (this.validateFieldLabel) {
+      this.fieldLabelErrorMessage = undefined;
+    }
+  }
+  async show(_anchorElement) {
+    this._popoupElement.opened = true;
+    this.initializeValues();
+    index.forceUpdate(this);
+  }
+  validateFieldLabel() {
+    var _a;
+    if ((_a = this.fieldLabel) === null || _a === void 0 ? void 0 : _a.trim())
+      return true;
+    this.applyErrorMessage();
+    return false;
+  }
+  getMessage(key, params) {
+    return this.messagesBuilder.getMessage(key, params);
+  }
+  isAllowDefault() {
+    var _a;
+    const allowDefault = (_a = this.fieldDescriptor.properties) === null || _a === void 0 ? void 0 : _a.allowDefault;
+    if (allowDefault == undefined) {
+      return true;
+    }
+    return allowDefault === 'true';
+  }
+  enabledValueDefault() {
+    var _a, _b, _c;
+    const allowDefault = (_a = this.fieldDescriptor.properties) === null || _a === void 0 ? void 0 : _a.allowDefault;
+    const hasVariableVar = (constants.VARS_BY_TYPE.UserInterface.hasOwnProperty((_b = this.fieldDescriptor) === null || _b === void 0 ? void 0 : _b.userInterface)
+      || ((_c = this.fieldDescriptor) === null || _c === void 0 ? void 0 : _c.userInterface) === core.UserInterface.SEARCH);
+    return hasVariableVar && (allowDefault == undefined || allowDefault === 'true');
+  }
+  getDefaultType() {
+    var _a, _b;
+    return (_b = (_a = this.fieldDefaultValue) === null || _a === void 0 ? void 0 : _a.type) !== null && _b !== void 0 ? _b : constants.DEFAULT_TYPE.fixed;
+  }
+  emitFieldChanged() {
+    this.fieldConfigChanged.emit(this.fieldConfig);
+  }
+  handleLabelChanged({ detail }) {
+    this.fieldLabel = detail;
+  }
+  handleDefaultTypeChanged({ detail }) {
+    const optionSelected = detail.value;
+    if (optionSelected == undefined)
+      return;
+    this._defaultType = optionSelected;
+    this.fieldDefaultValue = { type: this._defaultType };
+  }
+  handleDefaultValueChanged({ detail }) {
+    this.fieldDefaultValue.value = detail === null || detail === void 0 ? void 0 : detail.value;
+  }
+  onChangeDefaultValue(fieldValue) {
+    this.fieldDefaultValue.value = FormConfigHelper.getValidatedFieldValue(fieldValue, this.dataUnit, this.fieldConfig.name);
+  }
+  handleClearDuplicateChanged({ detail }) {
+    this.fieldCleanOnCopy = detail;
+  }
+  handleRequiredChanged({ detail }) {
+    this.fieldRequired = detail;
+  }
+  handleReadOnlyChanged({ detail }) {
+    this.fieldReadOnly = detail;
+  }
+  loadDefaultValue() {
+    var _a;
+    if ((_a = this.fieldConfig.defaultValue) === null || _a === void 0 ? void 0 : _a.type) {
+      this._defaultType = this.fieldConfig.defaultValue.type;
+      return;
+    }
+    this._defaultType = constants.DEFAULT_TYPE.fixed;
+    this.fieldConfig.defaultValue = { type: this._defaultType };
+  }
+  buildOptions() {
+    let interfaceField = this.fieldDescriptor.userInterface;
+    if (interfaceField === core.UserInterface.SEARCH) {
+      interfaceField = core.UserInterface.INTEGERNUMBER;
+    }
+    return constants.VARS_BY_TYPE.UserInterface[interfaceField];
+  }
+  renderDefaultValueEditor() {
+    if (this._defaultType === constants.DEFAULT_TYPE.variable) {
+      return (index.h("ez-combo-box", { label: this.getMessage('snkConfigOptions.label.valueDefault'), enabled: this.isAllowDefault(), onEzChange: (e) => this.handleDefaultValueChanged(e), value: this.fieldDefaultValue.value, options: this.buildOptions() }));
+    }
+    return this.fieldDescriptor.userInterface &&
+      this.buildFieldDefaultValueElement();
+  }
+  buildFieldDefaultValueElement() {
+    var _a;
+    const { userInterface, properties, dataType } = this.fieldDescriptor;
+    const allowDefault = properties === null || properties === void 0 ? void 0 : properties.allowDefault;
+    let value;
+    let enabled = core.StringUtils.getBooleanValue(allowDefault, !this.fieldReadOnly);
+    if (userInterface === core.UserInterface.FILE) {
+      enabled = false;
+    }
+    if (enabled) {
+      value = (_a = this.fieldDefaultValue) === null || _a === void 0 ? void 0 : _a.value;
+      if (value != undefined) {
+        value = DataType.getConvertedValue(dataType, value);
+      }
+    }
+    const configField = {
+      value,
+      enabled,
+      label: this.fieldConfig.label,
+      name: this.fieldConfig.name,
+      required: this.fieldRequired,
+      userInterface,
+    };
+    switch (userInterface) {
+      case core.UserInterface.SWITCH:
+        return this.buildInputDefault(configField, undefined, utils.CheckMode.SWITCH);
+      case core.UserInterface.CHECKBOX:
+        return this.buildInputDefault(configField, undefined, utils.CheckMode.REGULAR);
+      case core.UserInterface.OPTIONSELECTOR:
+      case core.UserInterface.DECIMALNUMBER:
+        return this.buildInputDefault(configField, properties);
+      default:
+        return this.buildInputDefault(configField);
+    }
+  }
+  buildInputDefault({ value, enabled, label, name, required, userInterface }, properties = undefined, mode = undefined) {
+    let options;
+    let precision = 0;
+    let prettyPrecision = 0;
+    const TagName = userInterface == undefined || constants.TAGS_BY_TYPE[userInterface] == undefined
+      ? constants.TAGS_BY_TYPE.DEFAULT
+      : constants.TAGS_BY_TYPE[userInterface];
+    if (userInterface === core.UserInterface.OPTIONSELECTOR) {
+      const prop = properties === null || properties === void 0 ? void 0 : properties.options;
+      if (typeof prop === 'string') {
+        const parsed = core.ObjectUtils.stringToObject(prop);
+        options = Object.keys(parsed).map(key => {
+          return { value: key, label: parsed[key] };
+        });
+      }
+      else {
+        options = prop;
+      }
+    }
+    else if (userInterface === core.UserInterface.DECIMALNUMBER) {
+      precision = Number((properties === null || properties === void 0 ? void 0 : properties.precision) || 2);
+      prettyPrecision = Number((properties === null || properties === void 0 ? void 0 : properties.prettyPrecision) || precision);
+    }
+    return index.h(TagName, Object.assign({ value: value, enabled: enabled, label: label, "data-field-name": name, key: name, onEzChange: (evt) => this.onChangeDefaultValue(evt === null || evt === void 0 ? void 0 : evt.detail) }, (this.getConditionalAttributes(userInterface, required, options, precision, prettyPrecision, mode))));
+  }
+  getConditionalAttributes(userInterface, required, options, precision, prettyPrecision, mode) {
+    const useSearchPlus = userInterface == core.UserInterface.SEARCHPLUS;
+    switch (userInterface) {
+      case core.UserInterface.SEARCH:
+      case core.UserInterface.SEARCHPLUS:
+        return {
+          suppressEmptyOption: required,
+          optionLoader: (searchArgument) => this.onSearchDefaultValue(searchArgument, { useSearchPlus }),
+        };
+      case core.UserInterface.OPTIONSELECTOR:
+        return {
+          suppressEmptyOption: required,
+          options,
+        };
+      case core.UserInterface.CHECKBOX:
+      case core.UserInterface.SWITCH:
+        return {
+          mode,
+        };
+      case core.UserInterface.INTEGERNUMBER:
+      case core.UserInterface.DECIMALNUMBER:
+        return {
+          precision,
+          prettyPrecision,
+          onEzStartChange: (evt) => this.onChangeDefaultValue(evt === null || evt === void 0 ? void 0 : evt.detail),
+        };
+      case core.UserInterface.DATE:
+      case core.UserInterface.DATETIME:
+      case core.UserInterface.TIME:
+        return {
+          onEzStartChange: (evt) => this.onChangeDefaultValue(evt === null || evt === void 0 ? void 0 : evt.detail),
+        };
+      default:
+        return {};
+    }
+  }
+  onSearchDefaultValue(searchArgument, ctxOptions) {
+    if (this._application && this.fieldConfig) {
+      return this._application.executeSearch(searchArgument, this.fieldConfig.name, this.dataUnit, ctxOptions);
+    }
+  }
+  initializeValues() {
+    this.fieldLabel = this.fieldConfig.label;
+    this.fieldDefaultValue = this.fieldConfig.defaultValue;
+    this.fieldRequired = this.fieldConfig.required;
+    this.fieldReadOnly = this.fieldConfig.readOnly;
+    this.fieldCleanOnCopy = this.fieldConfig.cleanOnCopy;
+  }
+  handleApplyChanges() {
+    if (!this.validateFieldLabel())
+      return;
+    this.fieldConfig.label = this.fieldLabel;
+    this.fieldConfig.defaultValue = this.fieldDefaultValue;
+    this.fieldConfig.required = this.fieldRequired;
+    this.fieldConfig.readOnly = this.fieldReadOnly;
+    this.fieldConfig.cleanOnCopy = this.fieldCleanOnCopy;
+    this.emitFieldChanged();
+    this._popoupElement.opened = false;
+  }
+  applyErrorMessage() {
+    this.fieldLabelErrorMessage = `Informe um valor para ${this.getMessage('snkConfigOptions.label.nameField')}`;
+  }
+  handleDiscardChanges() {
+    this.initializeValues();
+    this._popoupElement.opened = false;
+  }
+  componentWillLoad() {
+    this.loadDefaultValue();
+    this._application = core.ApplicationContext.getContextValue('__SNK__APPLICATION__');
+  }
+  render() {
+    return (index.h("ez-popup", { heightMode: 'auto', size: 'auto', "ez-title": 'Configuração do campo', onEzClosePopup: () => this.handleDiscardChanges(), ref: ref => this._popoupElement = ref }, index.h("div", { class: 'field-config-container' }, index.h("ez-text-input", { label: this.getMessage('snkConfigOptions.label.nameField'), value: this.fieldLabel, errorMessage: this.fieldLabelErrorMessage, hasInvalid: !!this.fieldLabelErrorMessage, onEzChange: (e) => this.handleLabelChanged(e) }), index.h("ez-combo-box", { label: this.getMessage('snkConfigOptions.label.typeValueDefault'), suppressEmptyOption: true, enabled: this.enabledValueDefault(), onEzChange: (e) => this.handleDefaultTypeChanged(e), value: this.getDefaultType() }, index.h("option", { value: constants.DEFAULT_TYPE.fixed }, this.getMessage('snkConfigOptions.options.valueFixed')), index.h("option", { value: constants.DEFAULT_TYPE.variable }, this.getMessage('snkConfigOptions.options.variable'))), this.renderDefaultValueEditor(), index.h("ez-check", { label: this.getMessage('snkConfigOptions.label.clearDuplicate'), value: this.fieldCleanOnCopy, onEzChange: (e) => this.handleClearDuplicateChanged(e) }), index.h("ez-check", { label: this.getMessage('snkConfigOptions.label.requiredField'), enabled: FormConfigHelper.getEnabledByProperty('required', 'systemRequired', this.fieldDescriptor), value: FormConfigHelper.getValueByProperty('required', this.fieldDescriptor, this.fieldRequired), onEzChange: (e) => this.handleRequiredChanged(e) }), index.h("ez-check", { label: this.getMessage('snkConfigOptions.label.protectedField'), enabled: FormConfigHelper.getEnabledByProperty('readOnly', 'systemReadOnly', this.fieldDescriptor), value: FormConfigHelper.getValueByProperty('readOnly', this.fieldDescriptor, this.fieldReadOnly), onEzChange: (e) => this.handleReadOnlyChanged(e) }), index.h("div", { class: 'actions' }, index.h("ez-button", { label: 'Cancelar', onClick: () => this.handleDiscardChanges() }), index.h("ez-button", { label: 'Confirmar', class: "ez-button--primary", onClick: () => this.handleApplyChanges() })))));
+  }
+  static get watchers() { return {
+    "fieldLabel": ["observeFieldLabel"]
+  }; }
+};
+FieldConfig.style = fieldConfigCss;
+
+const fieldItemCss = ".sc-field-item-h{width:100%;display:flex;padding:12px 8px;border-radius:var(--border--radius-small, 4px);border:1px solid #dce0e8;cursor:grab;align-items:center;height:42px;max-height:42px;background:#FAFCFF}.full-width.sc-field-item-h{width:100%}ez-icon.sc-field-item{--ez-icon--color:#A2ABB9}.icons.sc-field-item{display:flex}.label.sc-field-item{display:flex;flex-grow:1;padding-left:8px;font-size:14px;align-items:center;gap:4px;height:22px}.label-text.sc-field-item{overflow:hidden;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:auto;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-word}.required-mark.sc-field-item{color:#cf3105;background:#F7E0E5;width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding-top:5px;font-size:16px;align-self:self-start}.actions.sc-field-item{display:flex;flex-direction:row;align-content:center;gap:4px}ez-button.sc-field-item{width:24px;align-items:center;justify-content:center;display:flex}.sc-field-item-h .hiddeble.sc-field-item{transition:0.2s ease-in-out;visibility:hidden;opacity:0}.sc-field-item-h:hover .hiddeble.sc-field-item{visibility:visible;opacity:1}";
+
+const FieldItem = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.setFieldAsAvailable = index.createEvent(this, "setFieldAsAvailable", 7);
+    this.addFieldToGuide = index.createEvent(this, "addFieldToGuide", 7);
+    this.fieldDescriptor = undefined;
+    this.fieldConfig = undefined;
+    this.onLayoutConfig = false;
+    this.dataUnit = undefined;
+    this.messagesBuilder = undefined;
+  }
+  observeDataUnit() {
+    this.loadFieldDescriptor();
+  }
+  isRequired() {
+    var _a, _b;
+    const fieldMD = this.dataUnit && this.dataUnit.getField((_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.name);
+    return (fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.required) === true || ((_b = this.fieldConfig) === null || _b === void 0 ? void 0 : _b.required) === true;
+  }
+  async showFieldConfig() {
+    var _a;
+    await ((_a = this._refFieldConfig) === null || _a === void 0 ? void 0 : _a.show(this._editIconRef));
+  }
+  renderFieldConfig() {
+    if (this.onLayoutConfig && this.dataUnit && this.messagesBuilder) {
+      return (index.h("field-config", { ref: ref => this._refFieldConfig = ref, fieldConfig: this.fieldConfig, dataUnit: this.dataUnit, fieldDescriptor: this.fieldDescriptor, messagesBuilder: this.messagesBuilder, onFieldConfigChanged: () => index.forceUpdate(this) }));
+    }
+  }
+  renderActions() {
+    if (this.onLayoutConfig) {
+      return (index.h("div", { class: 'actions hiddeble' }, index.h("ez-button", { mode: "icon", class: "ez-button--tertiary", onClick: () => this.setFieldAsAvailable.emit(this.fieldConfig), size: "medium", iconName: 'minus', title: 'Remover' }), index.h("ez-button", { ref: ref => this._editIconRef = ref, mode: "icon", class: "ez-button--tertiary", onClick: this.showFieldConfig.bind(this), iconName: 'edit', size: "medium", title: 'Editar' })));
+    }
+    return (index.h("div", { class: 'actions hiddeble' }, index.h("ez-button", { mode: "icon", class: "ez-button--tertiary", onClick: () => this.addFieldToGuide.emit(this.fieldConfig), iconName: 'plus', size: "medium", title: 'Adicionar ao Layout' })));
+  }
+  loadFieldDescriptor() {
+    if (this.dataUnit) {
+      this.fieldDescriptor = this.dataUnit.getField(this.fieldConfig.name);
+    }
+  }
+  renderRequiredMark() {
+    if (this.isRequired())
+      return index.h("span", { class: 'required-mark' }, "*");
+  }
+  componentWillLoad() {
+    this.loadFieldDescriptor();
+  }
+  getFieldLabel() {
+    var _a, _b;
+    if ((_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.label)
+      return this.fieldConfig.label;
+    return (_b = this.fieldDescriptor) === null || _b === void 0 ? void 0 : _b.label;
+  }
+  render() {
+    var _a;
+    return (index.h(index.Host, { class: !this.onLayoutConfig ? 'full-width' : "" }, index.h("div", { class: 'icons' }, index.h("ez-icon", { iconName: "drag-indicator" }), index.h("ez-icon", { iconName: FormConfigHelper.getIconName((_a = this.fieldDescriptor) === null || _a === void 0 ? void 0 : _a.userInterface) })), index.h("span", { class: 'label' }, index.h("span", { class: 'label-text', title: this.getFieldLabel() }, this.getFieldLabel()), this.renderRequiredMark()), this.renderActions(), this.renderFieldConfig()));
+  }
+  static get watchers() { return {
+    "dataUnit": ["observeDataUnit"]
+  }; }
+};
+FieldItem.style = fieldItemCss;
+
+exports.field_config = FieldConfig;
+exports.field_item = FieldItem;