@sankhyalabs/sankhyablocks 8.16.0-ms.11 → 8.16.0-ms.12

package/dist/components/snk-config-options2.js

@@ -1,255 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { UserInterface, ObjectUtils, StringUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
-import { DataType, getConvertedValue } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
-import { CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
-import { a as VARS_BY_TYPE, D as DEFAULT_TYPE, b as TAGS_BY_TYPE } from './constants.js';
-
-const snkConfigOptionsCss = ".sc-snk-config-options-h{--snk-config-options--border:2px solid var(--color--secondary-200, #D2D3DA);width:100%;border-radius:15px;border:var(--snk-config-options--border)}.config-options__switch-row.sc-snk-config-options{margin-top:-30px}";
-
-const SnkConfigOptions = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.configOptionsChanged = createEvent(this, "configOptionsChanged", 7);
-    this._defaultType = undefined;
-    this.fieldConfig = {};
-    this.idConfig = undefined;
-    this.dataUnit = undefined;
-    this.messagesBuilder = undefined;
-  }
-  onConfigDefault(optionSelected) {
-    if (optionSelected != undefined) {
-      this._defaultType = optionSelected;
-      this.fieldConfig.defaultValue = {
-        type: this._defaultType
-      };
-      this.configOptionsChanged.emit(this.fieldConfig);
-    }
-  }
-  buildOptions() {
-    var _a, _b, _c;
-    let interfaceField = (_c = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField((_b = this.fieldConfig) === null || _b === void 0 ? void 0 : _b.name)) === null || _c === void 0 ? void 0 : _c.userInterface;
-    if (interfaceField === UserInterface.SEARCH) {
-      interfaceField = UserInterface.INTEGERNUMBER;
-    }
-    return VARS_BY_TYPE.UserInterface[interfaceField];
-  }
-  enabledValueDefault() {
-    var _a, _b, _c;
-    const field = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField((_b = this.fieldConfig) === null || _b === void 0 ? void 0 : _b.name);
-    const allowDefault = (_c = field === null || field === void 0 ? void 0 : field.properties) === null || _c === void 0 ? void 0 : _c.allowDefault;
-    const hasVariableVar = VARS_BY_TYPE.UserInterface.hasOwnProperty(field === null || field === void 0 ? void 0 : field.userInterface)
-      || (field === null || field === void 0 ? void 0 : field.userInterface) === UserInterface.SEARCH;
-    if ((allowDefault == undefined || allowDefault === "true") && hasVariableVar) {
-      return true;
-    }
-    return false;
-  }
-  isAllowDefault() {
-    var _a, _b;
-    const allowDefault = (_b = (_a = this._fieldProperties) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.allowDefault;
-    if (allowDefault == undefined) {
-      return true;
-    }
-    return allowDefault === "true";
-  }
-  loadDefaultValue() {
-    var _a;
-    if (this.fieldConfig == undefined) {
-      this._defaultType = DEFAULT_TYPE.fixed;
-      this.fieldConfig = {
-        defaultValue: {
-          type: this._defaultType
-        }
-      };
-    }
-    else if (((_a = this.fieldConfig.defaultValue) === null || _a === void 0 ? void 0 : _a.type) == undefined) {
-      this._defaultType = DEFAULT_TYPE.fixed;
-      this.fieldConfig.defaultValue = {
-        type: this._defaultType
-      };
-    }
-    else {
-      this._defaultType = this.fieldConfig.defaultValue.type;
-    }
-  }
-  getFieldProperties(field) {
-    var _a;
-    if (field != undefined) {
-      return (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(field);
-    }
-  }
-  getMessage(key, params) {
-    return this.messagesBuilder.getMessage(key, params);
-  }
-  getDefaultType() {
-    var _a;
-    return (_a = this.fieldConfig.defaultValue.type) !== null && _a !== void 0 ? _a : DEFAULT_TYPE.fixed;
-  }
-  getEnabledByProperty(attribName, propertyName) {
-    const fieldDescriptor = this._fieldProperties;
-    if (fieldDescriptor == undefined) {
-      return true;
-    }
-    const fieldProperties = fieldDescriptor.properties || {};
-    return fieldProperties.hasOwnProperty(propertyName) ? fieldProperties[propertyName] !== "S" : fieldDescriptor[attribName] !== true;
-  }
-  getValueByProperty(property) {
-    const properties = this._fieldProperties;
-    if (properties != undefined && properties[property] === true) {
-      return true;
-    }
-    return this.fieldConfig[property];
-  }
-  getValidatedValue(fieldValue) {
-    var _a, _b;
-    if (fieldValue == undefined) {
-      return;
-    }
-    const field = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField((_b = this.fieldConfig) === null || _b === void 0 ? void 0 : _b.name);
-    const dataType = field === null || field === void 0 ? void 0 : field.dataType;
-    if (dataType == undefined) {
-      return;
-    }
-    const value = (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.waitmessage) != undefined ? undefined :
-      dataType !== DataType.OBJECT && dataType !== DataType.DATE
-        && typeof fieldValue === "object"
-        ? fieldValue.value
-        : fieldValue;
-    return dataType === DataType.OBJECT ? JSON.stringify(value) : value;
-  }
-  buildInputDefault({ value, enabled, label, name, required, userInterface }, properties = undefined, mode = undefined) {
-    let options;
-    let precision = 0;
-    let prettyPrecision = 0;
-    const TagName = userInterface == undefined || TAGS_BY_TYPE[userInterface] == undefined
-      ? TAGS_BY_TYPE.DEFAULT
-      : TAGS_BY_TYPE[userInterface];
-    if (userInterface === UserInterface.OPTIONSELECTOR) {
-      const prop = properties === null || properties === void 0 ? void 0 : properties.options;
-      if (typeof prop === "string") {
-        const parsed = ObjectUtils.stringToObject(prop);
-        options = Object.keys(parsed).map(key => { return { value: key, label: parsed[key] }; });
-      }
-      else {
-        options = prop;
-      }
-    }
-    else if (userInterface === 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 h(TagName, Object.assign({ value: value, enabled: enabled, label: label, "data-field-name": name, key: name, onEzChange: (evt) => this.onChange(evt === null || evt === void 0 ? void 0 : evt.detail) }, (this.getConditionalAttributes(userInterface, required, options, precision, prettyPrecision, mode))));
-  }
-  getConditionalAttributes(userInterface, required, options, precision, prettyPrecision, mode) {
-    switch (userInterface) {
-      case UserInterface.SEARCH:
-        return {
-          suppressEmptyOption: required,
-          optionLoader: (searchArgument) => this.onSearch(searchArgument)
-        };
-      case UserInterface.OPTIONSELECTOR:
-        return {
-          suppressEmptyOption: required,
-          options
-        };
-      case UserInterface.CHECKBOX:
-      case UserInterface.SWITCH:
-        return {
-          mode
-        };
-      case UserInterface.INTEGERNUMBER:
-      case UserInterface.DECIMALNUMBER:
-        return {
-          precision,
-          prettyPrecision,
-          onEzStartChange: (evt) => this.onChange(evt === null || evt === void 0 ? void 0 : evt.detail)
-        };
-      case UserInterface.DATE:
-      case UserInterface.DATETIME:
-      case UserInterface.TIME:
-        return {
-          onEzStartChange: (evt) => this.onChange(evt === null || evt === void 0 ? void 0 : evt.detail)
-        };
-      default:
-        return {};
-    }
-  }
-  onChange(fieldValue) {
-    this.fieldConfig.defaultValue.value = this.getValidatedValue(fieldValue);
-    this.configOptionsChanged.emit(this.fieldConfig);
-  }
-  onSearch(searchArgument) {
-    if (this._application != undefined && this.fieldConfig != undefined) {
-      return this._application.executeSearch(searchArgument, this.fieldConfig.name, this.dataUnit);
-    }
-  }
-  buildField(descriptor, config) {
-    const { name, label, readOnly, required, defaultValue } = config;
-    const { userInterface, properties } = descriptor;
-    const allowDefault = properties === null || properties === void 0 ? void 0 : properties.allowDefault;
-    let value;
-    let enabled = StringUtils.getBooleanValue(allowDefault, !readOnly);
-    if (userInterface === UserInterface.FILE) {
-      enabled = false;
-    }
-    if (enabled) {
-      value = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.value;
-      if (value != undefined) {
-        value = getConvertedValue(descriptor === null || descriptor === void 0 ? void 0 : descriptor.dataType, value);
-      }
-    }
-    const configField = { value, enabled, label, name, required, userInterface };
-    switch (userInterface) {
-      case UserInterface.SWITCH:
-        return this.buildInputDefault(configField, undefined, CheckMode.SWITCH);
-      case UserInterface.CHECKBOX:
-        return this.buildInputDefault(configField, undefined, CheckMode.REGULAR);
-      case UserInterface.OPTIONSELECTOR:
-      case UserInterface.DECIMALNUMBER:
-        return this.buildInputDefault(configField, properties);
-      default:
-        return this.buildInputDefault(configField);
-    }
-  }
-  componentWillLoad() {
-    var _a;
-    this.loadDefaultValue();
-    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    this._fieldProperties = this.getFieldProperties((_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.name);
-  }
-  componentDidLoad() {
-    ElementIDUtils.addIDInfo(this._element, this.fieldConfig.name);
-  }
-  render() {
-    var _a, _b;
-    return (h(Host, null, h("div", { id: this.idConfig }, h("div", { class: "ez-row ez-padding--medium" }, h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-text-input", { label: this.getMessage("snkConfigOptions.label.nameField"), value: (_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.label, onEzChange: (evt) => { this.fieldConfig.label = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-combo-box", { label: this.getMessage("snkConfigOptions.label.typeValueDefault"), suppressEmptyOption: true, enabled: this.enabledValueDefault(), onEzChange: (evt) => { var _a; return this.onConfigDefault((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); }, value: this.getDefaultType() }, h("option", { value: DEFAULT_TYPE.fixed }, this.getMessage("snkConfigOptions.options.valueFixed")), h("option", { value: DEFAULT_TYPE.variable }, this.getMessage("snkConfigOptions.options.variable")))), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, this._defaultType === DEFAULT_TYPE.variable ?
-      h("ez-combo-box", { label: this.getMessage("snkConfigOptions.label.valueDefault"), enabled: this.isAllowDefault(), onEzChange: (evt) => { var _a; this.fieldConfig.defaultValue.value = (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value; this.configOptionsChanged.emit(this.fieldConfig); }, value: this.fieldConfig.defaultValue.value, options: this.buildOptions() })
-      :
-        ((_b = this._fieldProperties) === null || _b === void 0 ? void 0 : _b.userInterface) &&
-          this.buildField(this._fieldProperties, this.fieldConfig))), h("div", { class: "ez-row ez-padding--medium config-options__switch-row" }, h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.clearDuplicate"), value: this.fieldConfig.cleanOnCopy, onEzChange: (evt) => { this.fieldConfig.cleanOnCopy = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.requiredField"), enabled: this.getEnabledByProperty("required", "systemRequired"), value: this.getValueByProperty("required"), onEzChange: (evt) => { this.fieldConfig.required = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.protectedField"), enabled: this.getEnabledByProperty("readOnly", "systemReadOnly"), value: this.getValueByProperty("readOnly"), onEzChange: (evt) => { this.fieldConfig.readOnly = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } }))))));
-  }
-  get _element() { return this; }
-  static get style() { return snkConfigOptionsCss; }
-}, [2, "snk-config-options", {
-    "fieldConfig": [16],
-    "idConfig": [513, "id-config"],
-    "dataUnit": [16],
-    "messagesBuilder": [1040],
-    "_defaultType": [32]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["snk-config-options"];
-  components.forEach(tagName => { switch (tagName) {
-    case "snk-config-options":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SnkConfigOptions);
-      }
-      break;
-  } });
-}
-
-export { SnkConfigOptions as S, defineCustomElement as d };

package/dist/components/snk-field-config.js

@@ -1,6 +0,0 @@
-import { S as SnkFieldConfig$1, d as defineCustomElement$1 } from './snk-field-config2.js';
-
-const SnkFieldConfig = SnkFieldConfig$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SnkFieldConfig, defineCustomElement };

package/dist/components/snk-field-config2.js

@@ -1,76 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { ElementIDUtils } from '@sankhyalabs/core';
-import { A as ACTION_CONFIG } from './constants.js';
-
-const snkFieldConfigCss = ".sc-snk-field-config-h{--snk-field-config--height:42px;--snk-field-config--width:100%;--snk-field-config__icon--width:48px;--snk-field-config-slim--height:32px;--snk-field-config--border-radius:var(--border--radius-medium, 12px);--snk-field-config--font-size:var(--text--medium, 14px);--snk-field-config--font-family:var(--font-pattern, Arial);--snk-field-config--font-weight:var(--text-weight--medium, 400);--snk-field-config--color:var(--title--primary, #000);--snk-field-config--padding-left:var(--space--medium, 6px);--snk-field-config__input--background-color:var(--background--medium, #e0e0e0);--snk-field-config__input--border:var(--border--medium, 2px solid);--snk-field-config__input--border-color:var(--background--xlight, #fff);--snk-field-config__required--color:var(--color--error, #FF0000);--snk-field-config__label--gap:var(--space--extra-small, 3px);--snk-field-config__transition--visibility:var(--transition, 0.2s linear);--snk-field-config__transition--opacity:var(--transition, 0.15s linear);--snk-field-config__config-popover--z-index:var(--more-visible, 2);--snk-field-config__config-outer-arrow--background-color:var(--color--secondary-200, #D2D3DA);--snk-field-config__draggable--padding-right:var(--space--small, 6px);display:flex;flex-wrap:wrap;position:relative;width:var(--snk-field-config--width)}.field-config.sc-snk-field-config{width:100%;box-sizing:border-box;display:flex;align-items:center;padding-left:var(--snk-field-config--padding-left);font-weight:var(--snk-field-config--font-weight);height:var(--snk-field-config--height);border-radius:var(--snk-field-config--border-radius);font-family:var(--snk-field-config--font-family);font-size:var(--snk-field-config--font-size);border:var(--snk-field-config__input--border);border-color:var(--snk-field-config__input--border-color);background-color:var(--snk-field-config__input--background-color);color:var(--snk-field-config--color)}.field-config__config-popover.sc-snk-field-config{width:40px;margin-left:auto;z-index:var(--snk-field-config__config-popover--z-index)}.field-config__label.sc-snk-field-config{display:flex;flex-direction:row-reverse;line-height:calc(var(--snk-field-config--font-size) + 2px);gap:var(--snk-field-config__label--gap)}.field-config__label-text.sc-snk-field-config{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}.field-config__label-required.sc-snk-field-config{color:var(--snk-field-config__required--color)}.field-config__add.sc-snk-field-config{display:flex;margin-left:auto;visibility:hidden;opacity:0;transition:visibility var(--snk-field-config__transition--visibility), opacity var(--snk-field-config__transition--opacity)}.field-config__options.sc-snk-field-config{display:flex;margin-left:auto;visibility:hidden;opacity:0;transition:visibility var(--snk-field-config__transition--visibility), opacity var(--snk-field-config__transition--opacity)}.field-config__options--is-active.sc-snk-field-config{display:flex;visibility:visible;opacity:1}.field-config__remove-icon.sc-snk-field-config{margin-right:-15px}.field-config.sc-snk-field-config:hover .field-config__options.sc-snk-field-config{display:flex;visibility:visible;opacity:1}.field-config.sc-snk-field-config:hover .field-config__add.sc-snk-field-config{visibility:visible;opacity:1}.field-config__draggable.sc-snk-field-config{padding-right:var(--snk-field-config__draggable--padding-right)}.field-config__config-outer-arrow.sc-snk-field-config{clip-path:polygon(50% 0, 90% 100%, 10% 100%);border-radius:0.25em 0 0 0;width:30px;height:15px;padding-top:3px;border-bottom:1px solid #FFFFFF;background-color:var(--snk-field-config__config-outer-arrow--background-color)}.field-config__config-inner-arrow.sc-snk-field-config{background-color:#FFFFFF;clip-path:polygon(50% 0, 90% 100%, 10% 100%);border-radius:0.25em 0 0 0;width:30px;height:15px}.ez-box__container.sc-snk-field-config ez-collapsible-box.sc-snk-field-config{--snk-collapsible-box__header--padding-left:6px}ez-icon.sc-snk-field-config{--snk-icon--color:var(--snk-field-config--color)}ez-popover.sc-snk-field-config{--snk-popover__box--background-color:transparent;--snk-popover__box--box-shadow:none}.field-config__options.sc-snk-field-config ez-button.sc-snk-field-config{--snk-button--background-color:transparent;--snk-button--focus--border:none;--snk-button--focus--box-shadow:none}@media screen and (min-width: 1200px){.field-config__label.sc-snk-field-config{flex-direction:row}}";
-
-const SnkFieldConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.ezClickIcon = createEvent(this, "ezClickIcon", 7);
-    this._lang = "pt"; // Controla qual idioma será usado para definir a regras de hifenização.
-    this.isConfigActive = false;
-    this.fieldConfig = undefined;
-    this.modeInsertion = true;
-    this.dataUnit = undefined;
-    this.messagesBuilder = undefined;
-  }
-  handleAction(evt, type) {
-    evt.preventDefault();
-    evt.stopPropagation();
-    const field = this.fieldConfig;
-    if (type !== ACTION_CONFIG.configuration) {
-      field.group = undefined;
-    }
-    this.ezClickIcon.emit({ field, type });
-  }
-  /**
-   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
-   * através de um pequeno modulo na estrutura da aplicação:
-   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
-   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-form.msg.ts".
-   */
-  getMessage(key) {
-    return this.messagesBuilder.getMessage(key, {});
-  }
-  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;
-  }
-  componentDidLoad() {
-    ElementIDUtils.addIDInfo(this._element);
-  }
-  render() {
-    if (this.fieldConfig == undefined) {
-      return;
-    }
-    return (h(Host, null, h("div", { class: "field-config" }, h("div", { class: "field-config__draggable" }, h("ez-icon", { iconName: "drag-indicator", size: "small" })), h("div", { class: "field-config__label" }, h("span", { class: "field-config__label-text", lang: this._lang, title: this.fieldConfig.label }, this.fieldConfig.label), this.isRequired() && h("span", { class: "field-config__label-required" }, "*")), this.modeInsertion ?
-      h("div", { class: "field-config__add" }, h("ez-button", { onClick: (evt) => this.handleAction(evt, ACTION_CONFIG.add), mode: "icon", class: "ez-button--tertiary", iconName: "plus", size: "large", title: this.getMessage("snkFieldConfig.titleAdd") })) :
-      h("div", { class: "field-config__options" + (this.isConfigActive ? " field-config__options--is-active" : " ") }, h("ez-button", { mode: "icon", class: "ez-button--tertiary field-config__remove-icon", onClick: (evt) => this.handleAction(evt, ACTION_CONFIG.remove), iconName: "minus", size: "large", title: this.getMessage("snkFieldConfig.titleRemove") }), h("ez-button", { id: "buttonConfig_" + this.fieldConfig.name, mode: "icon", class: "ez-button--tertiary", onClick: (evt) => this.handleAction(evt, ACTION_CONFIG.configuration), iconName: this.isConfigActive ? "chevron-up" : "settings-inverted", size: "large", title: this.getMessage("snkFieldConfig.titleConfigurations") }))), this.isConfigActive && h("div", { class: "field-config__config-popover" }, h("div", { class: "field-config__config-outer-arrow" }, h("div", { class: "field-config__config-inner-arrow" })))));
-  }
-  get _element() { return this; }
-  static get style() { return snkFieldConfigCss; }
-}, [2, "snk-field-config", {
-    "isConfigActive": [16],
-    "fieldConfig": [16],
-    "modeInsertion": [516, "mode-insertion"],
-    "dataUnit": [16],
-    "messagesBuilder": [1040]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["snk-field-config"];
-  components.forEach(tagName => { switch (tagName) {
-    case "snk-field-config":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SnkFieldConfig);
-      }
-      break;
-  } });
-}
-
-export { SnkFieldConfig as S, defineCustomElement as d };

package/dist/components/snk-tab-config.js

@@ -1,6 +0,0 @@
-import { S as SnkTabConfig$1, d as defineCustomElement$1 } from './snk-tab-config2.js';
-
-const SnkTabConfig = SnkTabConfig$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SnkTabConfig, defineCustomElement };