@sankhyalabs/sankhyablocks 10.1.0-dev.52 → 10.1.0-dev.53

package/dist/esm/snk-default-filter.entry.js

@@ -1,73 +0,0 @@
-import { r as registerInstance, e as createEvent, h, f as Host } from './index-04f73a26.js';
-import { A as ActionDefaultFilter } from './default-filters-50105e43.js';
-
-const snkDefaultFilterCss = ".sc-snk-default-filter-h{display:flex;justify-content:flex-end}.default_container.sc-snk-default-filter{border:none;background:none;display:flex;align-items:center;gap:var(--space--3xs, 4px);font-family:var(--font-pattern);color:var(--title--primary, #2b3a54);font-size:var(--text--medium, 14px);padding:0;outline:none}.default_container.sc-snk-default-filter ez-icon.sc-snk-default-filter{cursor:pointer}.default_container.sc-snk-default-filter ez-icon.sc-snk-default-filter:hover{color:var(--color--primary-600)}.new_filter.sc-snk-default-filter{cursor:pointer;margin:0 var(--space--3xs, 4px)}.new_filter.sc-snk-default-filter:hover{color:var(--color--primary-600)}";
-
-const SnkDefaultFilter = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.actionSelected = createEvent(this, "actionSelected", 7);
-    this.OFFSET_HEIGHT = 5;
-    this.getMessage = undefined;
-    this.hasDefaultFilter = false;
-    this._opened = false;
-  }
-  repositionDropDown() {
-    if (!this._refIcon || !this._refDropdown) {
-      return;
-    }
-    const boundingIcon = this._refIcon.getBoundingClientRect();
-    const boundingDropDown = this._refDropdown.getBoundingClientRect();
-    this._refDropdown.style.top = (boundingIcon.y + boundingIcon.height + this.OFFSET_HEIGHT) + "px";
-    this._refDropdown.style.left = ((boundingIcon.x + (boundingIcon.width / 2)) - boundingDropDown.width) + "px";
-  }
-  toggleDropdown() {
-    this._opened = !this._opened;
-  }
-  closeDropdown(evt) {
-    const target = evt === null || evt === void 0 ? void 0 : evt.target;
-    if (!target) {
-      return;
-    }
-    if (!target.closest("#dropdown-parent-demo")) {
-      this._opened = false;
-    }
-  }
-  buildItems() {
-    return ([
-      {
-        id: ActionDefaultFilter.EDIT,
-        label: this.getMessage('defaultFilter.edit'),
-      },
-      {
-        id: ActionDefaultFilter.REMOVE,
-        label: this.getMessage('defaultFilter.remove'),
-      },
-    ]);
-  }
-  onValueSelected({ detail: item }) {
-    this._opened = false;
-    this.actionSelected.emit(item.id);
-  }
-  openCreateNewFilter() {
-    this.actionSelected.emit(ActionDefaultFilter.CREATE);
-  }
-  componentDidRender() {
-    this.repositionDropDown();
-  }
-  componentWillLoad() {
-    this._items = this.buildItems();
-    document.removeEventListener("scroll", this.repositionDropDown.bind(this));
-    document.addEventListener("scroll", this.repositionDropDown.bind(this));
-  }
-  render() {
-    if (!this.hasDefaultFilter) {
-      return (h(Host, null, h("button", { class: "default_container new_filter", onClick: this.openCreateNewFilter.bind(this) }, h("span", null, this.getMessage('defaultFilter.create')))));
-    }
-    return (h(Host, null, h("button", { class: "default_container", onClick: this.toggleDropdown.bind(this) }, h("span", null, this.getMessage('defaultFilter.title')), h("ez-icon", { ref: (ref) => this._refIcon = ref, iconName: 'dots-vertical' })), this._opened &&
-      h("ez-dropdown", { ref: (ref) => this._refDropdown = ref, items: this._items, onEzClick: this.onValueSelected.bind(this), onEzOutsideClick: this.closeDropdown.bind(this) })));
-  }
-};
-SnkDefaultFilter.style = snkDefaultFilterCss;
-
-export { SnkDefaultFilter as snk_default_filter };

package/dist/esm/snk-filter-advanced-mode_3.entry.js

@@ -1,93 +0,0 @@
-import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-04f73a26.js';
-import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-d2439a9a.js';
-import { ElementIDUtils, ApplicationContext } from '@sankhyalabs/core';
-import './filter-item-type.enum-d45e026f.js';
-import './index-8acbae97.js';
-
-const snkFilterAdvancedModeCss = ".sc-snk-filter-advanced-mode-h{display:block;--snk-personalized-filter--title--color:var(--title--primary, #2B3A54)}.snk-filter-advanced-mode__title.sc-snk-filter-advanced-mode{color:var(--snk-personalized-filter--title--color)}";
-
-const SnkFilterAdvancedMode = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ezExpressionChange = createEvent(this, "ezExpressionChange", 7);
-    this.filterAssistent = undefined;
-    this.application = undefined;
-  }
-  getMessage(key, params) {
-    return this.application.messagesBuilder.getMessage(key, params);
-  }
-  render() {
-    var _a;
-    return (h(Host, null, h("span", { class: "ez-title ez-title--small ez-padding-bottom--small snk-filter-advanced-mode__title" }, this.getMessage("snkPersonalizedFilter.info.applyExpression")), h("ez-text-area", { rows: 9, label: this.getMessage("snkPersonalizedFilter.info.labelExpression"), value: (_a = this.filterAssistent) === null || _a === void 0 ? void 0 : _a.expression, onEzChange: (evt) => this.ezExpressionChange.emit(evt.detail) })));
-  }
-};
-SnkFilterAdvancedMode.style = snkFilterAdvancedModeCss;
-
-const snkFilterAssistentModeCss = ".sc-snk-filter-assistent-mode-h{display:flex;flex-direction:column;height:100%;--text-area--font-family:var(--font-pattern, Arial);--text-area__label--floating--top:var(--space--small, 6px);--snk-filter-assistent-mode__container--border-radius:var(--border--radius-medium, 12px);--snk-filter-assistent-mode__container--background:var(--background--medium, #f0f3f7);--snk-filter-assistent-mode__container--margin:var(--space--small, 6px) var(--space--medium, 12px)}.ez-box__container--external.sc-snk-filter-assistent-mode{height:100px;width:100%;overflow-y:auto;background-color:var(--snk-filter-assistent-mode__container--background);border-radius:var(--snk-filter-assistent-mode__container--border-radius)}.ez-box__container--internal.sc-snk-filter-assistent-mode{margin:var(--snk-filter-assistent-mode__container--margin)}.ez-box__container--title.sc-snk-filter-assistent-mode{display:block;user-select:none;font-family:var(--text-area--font-family);font-size:var(--text--extra-small);color:var(--title--primary);top:var(--text-area__label--floating--top)}.ez-box__container--expression.sc-snk-filter-assistent-mode{display:block;font-family:var(--text-area--font-family);font-size:var(--text--medium);color:var(--title--primary);top:var(--text-area__label--floating--top)}.snk-personalized-filter__expression-input--line.sc-snk-filter-assistent-mode{width:100%;height:2px;background-color:var(--snk-personalized-filter--background-color-line);margin-top:var(--snk-personalized-filter--margin-line);margin-bottom:var(--snk-personalized-filter--margin-line)}";
-
-const SnkFilterAssistentMode = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ezChangeFilter = createEvent(this, "ezChangeFilter", 7);
-    this.filterAssistent = undefined;
-    this.messagesBuilder = undefined;
-    this.filterId = undefined;
-    this.entityUri = undefined;
-    this.application = undefined;
-    this.isDefaultFilter = false;
-  }
-  getMessage(key, params) {
-    return this.application.messagesBuilder.getMessage(key, params);
-  }
-  async handleFilterGroupChange() {
-    const assistent = await this._mainExpressionGroup.getExpressionGroup();
-    this.filterAssistent = Object.assign(Object.assign({}, this.filterAssistent), { assistent });
-    this.filterAssistent.parameters = PersonalizedFilterUtils.buildVariableParameters(this.filterAssistent.assistent);
-    this.filterAssistent.expression = PersonalizedFilterUtils.buildGroupExpression(this.filterAssistent.assistent);
-    this.ezChangeFilter.emit(this.filterAssistent);
-  }
-  render() {
-    var _a, _b;
-    return (h(Host, null, h("div", { class: "ez-padding-top--small snk-personalized-filter__group" }, h("snk-expression-group", { ref: (el) => this._mainExpressionGroup = el, group: (_a = this.filterAssistent) === null || _a === void 0 ? void 0 : _a.assistent, messagesBuilder: this.messagesBuilder, onEzFilterGroupChange: this.handleFilterGroupChange.bind(this), filterId: this.filterId, entityURI: this.entityUri, isDefaultFilter: this.isDefaultFilter })), h("div", { class: "ez-margin-top--auto" }, h("div", { class: "snk-personalized-filter__expression-input--line" }), h("ez-collapsible-box", { label: this.getMessage("snkPersonalizedFilter.info.titleCollapsible"), headerSize: "medium", value: true }, h("div", { class: "ez-box" }, h("div", { class: "ez-box__container--external" }, h("div", { class: "ez-box__container--internal" }, h("span", { class: "ez-box__container--title" }, this.getMessage("snkPersonalizedFilter.info.labelExpression")), h("span", { class: "ez-box__container--expression" }, (_b = this.filterAssistent) === null || _b === void 0 ? void 0 : _b.expression))))))));
-  }
-};
-SnkFilterAssistentMode.style = snkFilterAssistentModeCss;
-
-const snkSimpleBarCss = ".sc-snk-simple-bar-h{display:flex;height:100%;width:100%}.simple-bar__container.sc-snk-simple-bar{flex:1;display:flex;align-items:stretch;gap:var(--space--small)}.simple-bar__left-slot.sc-snk-simple-bar{min-width:280px;flex:1;display:flex;align-items:center}.simple-bar__right-slot.sc-snk-simple-bar{flex:1;display:flex;align-items:center;justify-content:flex-end}.simple-bar__column.sc-snk-simple-bar{flex:1;display:flex;flex-direction:column}";
-
-const SnkSimpleBar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.clickBreadcrumbItem = createEvent(this, "clickBreadcrumbItem", 3);
-    this.exit = createEvent(this, "exit", 3);
-    this.label = undefined;
-    this.breadcrumbItens = undefined;
-    this.messagesBuilder = undefined;
-  }
-  /**
-   * Permite customizar as mensagens dos blocos de construção
-   * através de um pequeno módulo na estrutura da aplicação:
-   * - Crie um arquivo no seguinte caminho: /messages/appmessages.msg.js.
-   * Para conhecer os detalhes do módulo, veja o arquivo neste projeto: "/src/lib/message/resources/snk-simple-bar.msg.ts"
-   */
-  getMessage(key, params) {
-    var _a;
-    if (this.messagesBuilder)
-      return this.messagesBuilder.getMessage(key, params);
-    if ((_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder)
-      return this._application.messagesBuilder.getMessage(key, params);
-  }
-  componentDidLoad() {
-    if (!this._element)
-      return;
-    ElementIDUtils.addIDInfo(this._element);
-    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-  }
-  render() {
-    return (h("div", { class: "simple-bar__container ez-margin-vertical--small ez-padding--extra-small" }, h("div", { class: "simple-bar__left-slot" }, h("ez-button", { class: "ez-padding-right--medium", title: this.getMessage('snkSimpleBar.backTitle'), mode: 'icon', iconName: "arrow_back", size: 'medium', onClick: () => this.exit.emit() }), h("div", { class: "simple-bar__column" }, h("h1", { class: "ez-title ez-title--primary ez-title--extra-large" }, this.label), h("ez-breadcrumb", { items: this.breadcrumbItens, onSelectedItem: ({ detail }) => this.clickBreadcrumbItem.emit(detail) }))), h("div", { class: "simple-bar__right-slot" }, h("slot", { name: "rightSlot" }))));
-  }
-  get _element() { return getElement(this); }
-};
-SnkSimpleBar.style = snkSimpleBarCss;
-
-export { SnkFilterAdvancedMode as snk_filter_advanced_mode, SnkFilterAssistentMode as snk_filter_assistent_mode, SnkSimpleBar as snk_simple_bar };

package/dist/esm/snk-filter-detail.entry.js

@@ -1,194 +0,0 @@
-import { r as registerInstance, e as createEvent, h, F as Fragment, f as Host, g as getElement } from './index-04f73a26.js';
-import { ElementIDUtils, ObjectUtils } from '@sankhyalabs/core';
-import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
-import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-d2439a9a.js';
-import { E as EPresentationMode } from './presentationMode-783bbf9d.js';
-import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
-import './index-8acbae97.js';
-
-const SnkFilterDetail = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.filterChange = createEvent(this, "filterChange", 7);
-    this.config = undefined;
-    this.getMessage = undefined;
-    this.showHardFixed = true;
-    this.removalBlocked = false;
-  }
-  /**
-   * Define o foco no campo do editor.
-   */
-  async setFocusField() {
-    var _a, _b, _c, _d;
-    if (!this._editor) {
-      return;
-    }
-    if (this._editor["setFocus"]) {
-      (_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a["setFocus"]) === null || _b === void 0 ? void 0 : _b.call(_a);
-    }
-    else if (this._editor["focus"]) {
-      (_d = (_c = this._editor) === null || _c === void 0 ? void 0 : _c["focus"]) === null || _d === void 0 ? void 0 : _d.call(_c);
-    }
-  }
-  async clearValue() {
-    if (!this._editor) {
-      return;
-    }
-    if (this._editor["clearValue"]) {
-      await this._editor["clearValue"]();
-    }
-  }
-  observeConfig(newValue) {
-    var _a, _b;
-    this._editor && (this._editor["config"] = newValue);
-    (_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a["reloadList"]) === null || _b === void 0 ? void 0 : _b.call(_a);
-    this._customElementObject = this.getContentEditor();
-  }
-  componentDidLoad() {
-    if (this._element) {
-      ElementIDUtils.addIDInfo(this._element);
-      const dataElementIdDoFilterItem = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
-      this._idContentEditor = `${dataElementIdDoFilterItem}_${this.config.id}`;
-    }
-  }
-  changeConfig(newConfig) {
-    this.filterChange.emit(newConfig);
-  }
-  getContentEditor() {
-    switch (this.config.type) {
-      case FilterItemType.BINARY_SELECT:
-        return { tag: "snk-filter-binary-select" };
-      case FilterItemType.MULTI_SELECT:
-        return { tag: "snk-filter-multi-select" };
-      case FilterItemType.PERIOD:
-        return { tag: "snk-filter-period" };
-      case FilterItemType.SEARCH:
-        return { tag: "snk-filter-search" };
-      case FilterItemType.NUMBER:
-        return { tag: "snk-filter-number" };
-      case FilterItemType.PERSONALIZED:
-        const snkFilterPersonalizedProps = {
-          tag: "snk-personalized-filter-editor", props: {
-            presentationMode: EPresentationMode.CHIP,
-            onValueChanged: evt => this.handleValueChanged(evt),
-          }
-        };
-        return snkFilterPersonalizedProps;
-      case FilterItemType.CHECK_BOX_LIST:
-        return {
-          tag: "snk-filter-checkbox-list",
-          props: {
-            onValueChanged: evt => this.config = Object.assign(Object.assign({}, this.config), { value: evt.detail })
-          }
-        };
-      case FilterItemType.MULTI_LIST:
-        return {
-          tag: "snk-entity-list",
-          props: {
-            onValueChanged: evt => this.config = Object.assign(Object.assign({}, this.config), { value: evt.detail })
-          }
-        };
-    }
-    return { tag: "snk-filter-text" };
-  }
-  handleValueChanged({ detail }) {
-    const groupedItems = (detail === null || detail === void 0 ? void 0 : detail.items) || this.config.groupedItems;
-    this.config = Object.assign(Object.assign({}, this.config), { groupedItems, visible: (groupedItems || []).filter(item => item.visible).length > 0 });
-  }
-  removeItem() {
-    const hasMultiValues = this.config.type === FilterItemType.MULTI_LIST && Array.isArray(this.config.value);
-    const newValue = hasMultiValues ? this.config.value.map((valueItem) => (Object.assign(Object.assign({}, valueItem), { check: false }))) : undefined;
-    const removedConfig = Object.assign(Object.assign({}, this.config), { visible: false, fixed: false, value: newValue });
-    if (removedConfig.groupedItems != undefined) {
-      removedConfig.groupedItems = removedConfig.groupedItems.map(item => (Object.assign(Object.assign({}, item), { visible: false, fixed: false, value: undefined })));
-    }
-    this.changeConfig(removedConfig);
-  }
-  removeItemFromGroup(item) {
-    return Object.assign(Object.assign({}, item), { visible: false, fixed: false, value: undefined });
-  }
-  getPopUpHeaderButtons() {
-    return (h(Fragment, null, !this.removalBlocked && !this.config.removalBlocked &&
-      this.buildIcon(this.getMessage("snkFilterBar.removeFilter"), "delete", () => this.removeItem()), this.showHardFixed && !this.config.hardFixed &&
-      this.buildIcon(this.getMessage(this.config.fixed ? "snkFilterBar.unpinFilter" : "snkFilterBar.pinFilter"), this.config.fixed ? "un-pin" : "push-pin", () => this.changeConfig(Object.assign(Object.assign({}, this.config), { fixed: !this.config.fixed })))));
-  }
-  buildIcon(title, iconName, action) {
-    return (h("button", { onClick: () => action(), class: "sc-snk-filter-bar snk-filter-item__editor-header-button", ref: elem => elem && this.buildIdButton(elem, title) }, h("ez-icon", Object.assign({ title: title, iconName: iconName }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo(`_${title}`)}` }))));
-  }
-  buildIdButton(buttonElement, title) {
-    if (!buttonElement)
-      return;
-    const dataElement = { id: title };
-    buttonElement.removeAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
-    ElementIDUtils.addIDInfoIfNotExists(buttonElement, "button", dataElement);
-  }
-  clearBinarySelectValues() {
-    var _a;
-    const editor = this._editor || {};
-    (_a = editor.resetValues) === null || _a === void 0 ? void 0 : _a.call(editor);
-    this.config = ObjectUtils.copy(this.originalConfig);
-    this.changeConfig(Object.assign(Object.assign({}, this.config), { value: undefined }));
-  }
-  apply() {
-    const isValid = PersonalizedFilterUtils.validateVariableValues(this.config, this._editor["value"]);
-    if (!isValid) {
-      return ApplicationUtils.alert(this.getMessage('snkFilterBar.filterModal.validations.notFullFilled.title'), this.getMessage('snkFilterBar.filterModal.validations.notFullFilled.message'));
-    }
-    const valuesArray = this._editor["value"] !== undefined ? this._editor["value"] : this.config.value;
-    this.changeConfig(Object.assign(Object.assign({}, this.config), { visible: this.isVisible(), value: valuesArray }));
-  }
-  isVisible() {
-    if (this.config.groupedItems && this.config.groupedItems.length > 0) {
-      return this.config.groupedItems.filter(item => item.visible).length > 0;
-    }
-    return true;
-  }
-  clear() {
-    var _a;
-    if (this.config.type === FilterItemType.BINARY_SELECT) {
-      this.clearBinarySelectValues();
-      return;
-    }
-    if (FilterItemType.MULTI_LIST === this.config.type) {
-      const configCopy = ObjectUtils.copy(this.config);
-      (_a = configCopy.value) === null || _a === void 0 ? void 0 : _a.forEach(value => !!value && (value.check = false));
-      this.config = ObjectUtils.copy(configCopy);
-      return;
-    }
-    this.changeConfig(Object.assign(Object.assign({}, this.config), { value: undefined }));
-  }
-  filterCanBeCleared() {
-    return this.config.type !== FilterItemType.PERSONALIZED;
-  }
-  onKeyDonwListener(event) {
-    if (event.key === "Enter") {
-      this.apply();
-    }
-  }
-  buildRightSlot(item) {
-    return h("ez-icon", { iconName: "delete", onClick: () => this.removeValueFromConfig(item) });
-  }
-  removeValueFromConfig(item) {
-    var _a, _b;
-    if (this.config) {
-      const configCopy = ObjectUtils.copy(this.config);
-      const index = (_a = configCopy.value) === null || _a === void 0 ? void 0 : _a.findIndex(i => (i === null || i === void 0 ? void 0 : i.id) === item.id);
-      (_b = configCopy.value) === null || _b === void 0 ? void 0 : _b.splice(index, 1);
-      this.config = ObjectUtils.copy(configCopy);
-    }
-  }
-  componentWillLoad() {
-    this.originalConfig = ObjectUtils.copy(this.config);
-    this._customElementObject = this.getContentEditor();
-  }
-  render() {
-    const { tag: CustomElement, props } = this._customElementObject;
-    return (h(Host, null, h("div", { class: "col ez-col--sd-12 ez-align--right ez-padding-medium ez-flex--align-items-center" }, h("div", { class: "ez-text ez-title ez-title--small ez-padding--small sc-snk-filter-bar snk-filter-item__editor-header" }, this.config.detailTitle), this.getPopUpHeaderButtons()), h(CustomElement, Object.assign({ maxHeightList: '240px', ref: ref => this._editor = ref, value: this.config.value, config: this.config, onKeyDown: evt => this.onKeyDonwListener(evt), "data-element-id": this._idContentEditor, getMessage: this.getMessage, rightListSlotBuilder: item => this.buildRightSlot(item) }, props)), h("hr", { class: "sc-snk-filter-bar snk-filter__popover-rule" }), h("div", { class: "ez-col ez-col--sd-12 ez-align--right" }, this.filterCanBeCleared() && (h("ez-button", { label: this.getMessage("snkFilterBar.cleanFilter"), onClick: () => this.clear(), size: "small" })), h("ez-button", { ref: ref => this._applyButton = ref, label: this.getMessage("snkFilterBar.applyFilter"), onClick: () => this.apply(), size: "small", class: "ez-button--primary ez-padding-left--medium" }))));
-  }
-  get _element() { return getElement(this); }
-  static get watchers() { return {
-    "config": ["observeConfig"]
-  }; }
-};
-
-export { SnkFilterDetail as snk_filter_detail };