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

package/dist/collection/components/snk-data-unit/snk-data-unit.js

@@ -1,11 +1,12 @@
-import { Host, h } from '@stencil/core';
-import { Action, ApplicationContext, DataUnitAction, ObjectUtils, StringUtils } from '@sankhyalabs/core';
+import { h, Host } from '@stencil/core';
+import { Action, ApplicationContext, DataUnitAction, ObjectUtils, StringUtils, } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { OperationMap, SnkMessageBuilder } from '../../lib/message/SnkMessageBuilder';
 import { DatasetStrategy } from '../../lib/http/data-fetcher/fetchers/data-unit/loadstrategy/DatasetStrategy';
 import { getRecordValue } from '../../lib/dataUnit/ValueFormatter';
 import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { getSelectedRecordsIDsInfo } from '../../lib/utils/GetSelectedRecordsIDsInfo';
+import { showConfirmMultipleUpdatePopup } from './MultipleUpdateHelper';
 export class SnkDataUnit {
   constructor() {
     this._onDataUnitResolve = [];
@@ -14,6 +15,7 @@ export class SnkDataUnit {
     this._fieldsWithRmPrecision = [];
     this._metadataByRow = new Map();
     this._rowMetadataCache = new Map();
+    this._formFieldsConfig = [];
     this.REGEX_DATAUNIT_NAME = /dd:\/\/(.+?)\//;
     this._dataUnitObserver = async (action) => {
       const duState = await this.buildDataState(action.type);
@@ -92,6 +94,10 @@ export class SnkDataUnit {
       this.messagesBuilderUpdated.emit(newValue);
     }
   }
+  onMasterFormConfigChange({ detail }) {
+    var _a;
+    this._formFieldsConfig = (_a = detail === null || detail === void 0 ? void 0 : detail.fields) !== null && _a !== void 0 ? _a : [];
+  }
   /**
    * Obtém o dataUnit.
    */
@@ -266,9 +272,13 @@ export class SnkDataUnit {
     this._openedAlert = false;
   }
   async interceptSavingData(action) {
-    if (!this.beforeSave) {
-      return action;
+    if (this.dataUnit.isMultipleEdition) {
+      const confirm = await this.confirmMultipleSavingData();
+      if (!confirm)
+        return undefined;
     }
+    if (!this.beforeSave)
+      return action;
     const continueAction = this.beforeSave(this.dataUnit);
     if (continueAction instanceof Promise) {
       const result = await continueAction;
@@ -276,6 +286,46 @@ export class SnkDataUnit {
     }
     return continueAction ? action : undefined;
   }
+  async confirmMultipleSavingData() {
+    const selectedRecords = this.dataUnit.getSelectionInfo().records;
+    const title = this.getMessage('snkDataUnit.multipleUpdateConfirmationTitle');
+    const message = this.getMessage('snkDataUnit.multipleUpdateConfirmationMessage', { size: selectedRecords.length });
+    const labelBtnCancel = this.getMessage('snkDataUnit.confirm.cancel');
+    const labelBtnConfirm = this.getMessage('snkDataUnit.confirm.updateMultipleConfirm');
+    return await showConfirmMultipleUpdatePopup({
+      title,
+      message,
+      labelBtnConfirm,
+      labelBtnCancel,
+      changingFields: this.getChangingFields(),
+    });
+  }
+  getChangingFields() {
+    const changes = this.dataUnit.buildChangesToSave();
+    if (!(changes === null || changes === void 0 ? void 0 : changes.length))
+      return [];
+    const change = changes[0];
+    const changingFields = Object.keys(change.updatingFields).map(key => this.buildChangingField(key, change[key]));
+    return changingFields;
+  }
+  buildChangingField(key, value) {
+    const fieldLabel = this.dataUnit.getField(key).label;
+    const formattedValue = this.dataUnit.getFormattedValue(key, value);
+    return {
+      label: fieldLabel,
+      value: formattedValue,
+      tabName: this.getFieldTabName(key),
+    };
+  }
+  getFieldTabName(fieldName) {
+    var _a;
+    const tab = (_a = this._formFieldsConfig.find(f => f.name === fieldName)) === null || _a === void 0 ? void 0 : _a.tab;
+    if (!tab)
+      return undefined;
+    if (typeof tab === 'string')
+      return tab;
+    return tab.label;
+  }
   interceptDataSaved(action) {
     if (this.afterSave) {
       this.afterSave(this.dataUnit);
@@ -295,7 +345,17 @@ export class SnkDataUnit {
     }
     const cancelConfirmationTitle = this.getMessage("snkDataUnit.cancelConfirmationTitle");
     const confirm = await ApplicationUtils.confirm(cancelConfirmationTitle, cancelConfirmation);
-    confirm && this.showSuccessMessage(this.getMessage("snkDataUnit.cancelInfo"));
+    if (confirm) {
+      let editionCanceledMessage;
+      if (this.dataUnit.isMultipleEdition) {
+        const selectedRecords = this.dataUnit.getSelectionInfo().records;
+        editionCanceledMessage = this.buildMultipleUpdateMessage(selectedRecords, true);
+      }
+      else {
+        editionCanceledMessage = this.getMessage("snkDataUnit.cancelInfo");
+      }
+      this.showSuccessMessage(editionCanceledMessage);
+    }
     return confirm ? action : undefined;
   }
   async interceptRemovingRecords(action) {
@@ -473,24 +533,50 @@ export class SnkDataUnit {
   }
   async handleDataSaved(action) {
     var _a, _b, _c;
-    const newRowMetadata = await this.handleLoadRowMetadata((_c = (_b = (_a = action === null || action === void 0 ? void 0 : action.payload) === null || _a === void 0 ? void 0 : _a.changes) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.record);
+    const changes = (_a = action === null || action === void 0 ? void 0 : action.payload) === null || _a === void 0 ? void 0 : _a.changes;
+    const affectedRecords = (_b = action === null || action === void 0 ? void 0 : action.payload) === null || _b === void 0 ? void 0 : _b.records;
+    const newRowMetadata = await this.handleLoadRowMetadata((_c = changes === null || changes === void 0 ? void 0 : changes[0]) === null || _c === void 0 ? void 0 : _c.record);
     if (newRowMetadata) {
       newRowMetadata.getProp = this.buildGetPropRowMetadata(newRowMetadata);
     }
-    const recordId = action.payload.records[0].__record__id__;
+    const recordId = affectedRecords[0].__record__id__;
     this._metadataByRow.set(recordId, newRowMetadata);
     this.dataState = await this.buildDataState();
-    let saveOperation = action.payload.changes[0]._operation.toLowerCase();
-    if (saveOperation == 'copy')
+    let saveOperation = changes[0]._operation.toLowerCase();
+    if (saveOperation == 'copy') {
       saveOperation = OperationMap.CLONE;
-    if (this.ignoreSaveMessage && ![OperationMap.CLONE, OperationMap.INSERT].includes(saveOperation)) {
-      return;
     }
-    const msg = this.getMessage("snkDataUnit.saveInfo", action.payload.records[0], saveOperation);
+    if (this.canIgnoreOperationMessage(saveOperation))
+      return;
+    let msg = this.buildOperationMessage(saveOperation, affectedRecords);
     if (msg != undefined) {
       this.showSuccessMessage(msg);
     }
   }
+  canIgnoreOperationMessage(saveOperation) {
+    return this.ignoreSaveMessage && !this.isCloneOrInsertOperation(saveOperation);
+  }
+  isCloneOrInsertOperation(saveOperation) {
+    return [OperationMap.CLONE, OperationMap.INSERT].includes(saveOperation);
+  }
+  buildOperationMessage(saveOperation, records) {
+    if (this.isMultiplesUpdate(saveOperation, records)) {
+      return this.buildMultipleUpdateMessage(records);
+    }
+    return this.getMessage('snkDataUnit.saveInfo', records[0], saveOperation);
+  }
+  buildMultipleUpdateMessage(records, isCancel) {
+    /**
+     * FIXME: No futuro, precisamos pensar em um mecanismo para deixar as mensagens de feedback mais dinâmicas.
+     * Podemo ocorrer cenários onde temos mais de um registro selecionado e também cenários onde a chave primária
+     * de um registro se trata de uma chave composta.
+     */
+    const key = `snkDataUnit.${isCancel ? 'cancelInfo' : 'saveInfo'}`;
+    return this.getMessage(key, { records: records }, OperationMap.UPDATE_MULTIPLES);
+  }
+  isMultiplesUpdate(saveOperation, records) {
+    return saveOperation === OperationMap.UPDATE && records.length > 1;
+  }
   handleRecordsRemoved(action) {
     var _a, _b;
     let removeFinishMsg = this.buildRemoveFinishMessage(action);
@@ -1156,6 +1242,15 @@ export class SnkDataUnit {
         "methodName": "observeMessagesBuilder"
       }];
   }
+  static get listeners() {
+    return [{
+        "name": "snkMasterFormConfigChange",
+        "method": "onMasterFormConfigChange",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }
 class DataStateImpl {
   constructor(datastate) {

package/dist/collection/components/snk-entity-list/snk-entity-list.js

@@ -61,14 +61,9 @@ export class SnkEntityList {
     if (this._application === undefined) {
       return;
     }
-    const searchOptions = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.searchContext) === null || _c === void 0 ? void 0 : _c.searchOptions;
+    const searchContext = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.searchContext) !== null && _c !== void 0 ? _c : {};
     const criteria = (_e = (_d = this.config) === null || _d === void 0 ? void 0 : _d.props) === null || _e === void 0 ? void 0 : _e.criteria;
-    const options = {
-      entityDescription: (_f = this.config) === null || _f === void 0 ? void 0 : _f.label,
-      entity: this._entityName,
-      searchOptions: searchOptions,
-      criteria,
-    };
+    const options = Object.assign(Object.assign({ criteria }, searchContext), { entityDescription: (_f = this.config) === null || _f === void 0 ? void 0 : _f.label, entity: this._entityName });
     return this._application.executePreparedSearch(mode, argument, options);
   }
   onEzSearchChange(evt) {

package/dist/collection/components/snk-filter-bar/filter-item/dataunitfilter/data-unit-filter-builder.js

@@ -110,7 +110,7 @@ function buildPeriod(item) {
 function buildSearch(item) {
   const { id, value, props } = item;
   const expression = props.expression;
-  return { name: id, expression, params: [{ name: id, dataType: DataType.TEXT, value: toString(DataType.TEXT, value.value) }] };
+  return { name: id, expression, params: [{ name: id, dataType: DataType.TEXT, value: toString(DataType.TEXT, value === null || value === void 0 ? void 0 : value.value) }] };
 }
 function buildText(item) {
   let { id, value, props } = item;

package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-search.js

@@ -3,14 +3,20 @@ import { h } from '@stencil/core';
 import FilterItemType from '../filter-item-type.enum';
 export class SnkFilterSearch {
   constructor() {
+    this._isSearchPlus = false;
     this.config = undefined;
     this.value = undefined;
   }
   /**
    * Emitido quando acontece a alteração de valor do componente snk-filter-search
    */
-  ezChangeListener(_evt) {
-    this.value = this._searchInput.value;
+  async ezChangeListener(_evt) {
+    if (this._isSearchPlus) {
+      this.value = await this._searchInput.getValueAsync();
+    }
+    else {
+      this.value = this._searchInput.value;
+    }
     this.valueChanged.emit(this.value);
   }
   componentDidLoad() {
@@ -18,10 +24,11 @@ export class SnkFilterSearch {
       ElementIDUtils.addIDInfo(this._element, 'filterContentEditor');
     }
   }
-  doSearch(mode, argument) {
+  doSearch(mode, argument, isSearchPlus = false) {
     const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    const loader = isSearchPlus ? application.executePreparedSearchPlus : application.executePreparedSearch;
     return new Promise((resolve, reject) => {
-      application.executePreparedSearch(mode, argument, this.config.props.searchContext)
+      loader.bind(application)(mode, argument, this.config.props.searchContext)
         .then(result => {
         resolve(result);
       }).catch(reason => {
@@ -35,11 +42,17 @@ export class SnkFilterSearch {
   async show() {
     this._searchInput.setFocus();
   }
+  getInputItem() {
+    var _a;
+    this._isSearchPlus = ((_a = this.config.props) === null || _a === void 0 ? void 0 : _a["useSearchPlus"]) == true;
+    const TagName = this._isSearchPlus ? "ez-search-plus" : "ez-search";
+    return (h(TagName, { id: this.config.id, suppressEmptyOption: true, value: this.config.value, label: this.config.label, ref: ref => this._searchInput = ref, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, this._isSearchPlus) }));
+  }
   render() {
     if (!this.config || this.config.type !== FilterItemType.SEARCH) {
       return undefined;
     }
-    return (h("ez-search", { id: this.config.id, suppressEmptyOption: true, value: this.config.value, label: this.config.label, ref: ref => this._searchInput = ref, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument) }));
+    return this.getInputItem();
   }
   static get is() { return "snk-filter-search"; }
   static get properties() {

package/dist/collection/components/snk-filter-bar/filter-modal/snk-filter-modal.js

@@ -3,9 +3,11 @@ import { ModalAction } from "@sankhyalabs/ezui/dist/collection/components/ez-mod
 import { ApplicationUtils } from "@sankhyalabs/ezui/dist/collection/utils";
 import FilterType from '../types/filter-type.enum';
 import FilterItemType from '../filter-item/filter-item-type.enum';
-import { ObjectUtils } from '@sankhyalabs/core';
+import { ApplicationContext, ObjectUtils } from '@sankhyalabs/core';
 import { PersonalizedFilterUtils } from '../../snk-personalized-filter/subcomponents/snk-filter-param-config/utils/PersonalizedFilterUtils';
 import { FilterNumberVariation } from '../filter-item/editors/enum/filterNumberVariation';
+import { ActionDefaultFilter } from '../types/default-filters';
+import { DefaultFilter } from '../../snk-personalized-filter/interfaces';
 export class SnkFilterModal {
   constructor() {
     this.getMessage = undefined;
@@ -17,6 +19,7 @@ export class SnkFilterModal {
     this.editPersonalizedFilter = undefined;
     this.deletePersonalizedFilter = undefined;
     this.filtersToDelete = [];
+    this.filterDefaultToDelete = undefined;
     this.disablePersonalizedFilter = undefined;
   }
   /**
@@ -75,8 +78,12 @@ export class SnkFilterModal {
       return copy;
     });
   }
+  hasChangeToSave() {
+    const hasChangesPersonalizedFilters = ObjectUtils.objectToString(this.filters) !== ObjectUtils.objectToString(this._originalFilterConfig);
+    return hasChangesPersonalizedFilters;
+  }
   handleClose() {
-    const hasChangesToSave = ObjectUtils.objectToString(this.filters) !== ObjectUtils.objectToString(this._originalFilterConfig);
+    const hasChangesToSave = this.hasChangeToSave();
     if (!hasChangesToSave) {
       this.closeModal();
       return;
@@ -87,7 +94,7 @@ export class SnkFilterModal {
     });
   }
   handleApplyFilters() {
-    const filterPersonalized = this.filters.find(filter => filter.filterType === FilterType.CUSTOM_FILTER);
+    const filterPersonalized = this.filters.find(filter => filter.filterType === FilterType.CUSTOM_FILTER || filter.filterType === FilterType.DEFAULT_FILTER);
     if (this.isValidCustomFilter(filterPersonalized)) {
       this.applyFilters(this.filters);
     }
@@ -97,6 +104,11 @@ export class SnkFilterModal {
       });
       this.filtersToDelete = [];
     }
+    if (this.filterDefaultToDelete) {
+      this.deletePersonalizedFilter(this.filterDefaultToDelete, this.configName, true);
+      this._defaultFilter = undefined;
+      this.filterDefaultToDelete = undefined;
+    }
   }
   isValidCustomFilter(filterPersonalized) {
     const isValid = PersonalizedFilterUtils.validateVariableValues(filterPersonalized);
@@ -223,6 +235,41 @@ export class SnkFilterModal {
     const lines = this.mountFiltersLines(listItems);
     return (h("ez-collapsible-box", { class: "snk-filter-modal__collapsible-box", headerSize: "medium", value: true, label: label }, !!appliedFilters && (h("ez-badge", { class: "ez-badge--primary-subtle", slot: "rightSlot", label: appliedFilters === null || appliedFilters === void 0 ? void 0 : appliedFilters.toString() })), h("div", { class: "ez-row snk-filter-modal__rendered-items" }, lines.map(this.renderFilterLine.bind(this))), shouldRenderFooter && (h("div", { class: "ez-flex ez-flex--justify-end grow" }, h("ez-button", { class: "ez-button--tertiary", size: "medium", label: "Limpar", onClick: () => isSingleItem ? this.handleClearSigleFilter(listItems[0]) : this.handleClearFilterList(listItems) })))));
   }
+  handleDeleteFilter() {
+    this._application.confirm(this.getMessage('snkPersonalizedFilter.deleteConfirm.title'), this.getMessage('snkPersonalizedFilter.info.deleteDefaultFilterConfirm'), "alert-circle-inverted", "critical").then((actionConfirmed) => {
+      if (!actionConfirmed) {
+        return;
+      }
+      this.filterDefaultToDelete = this._defaultFilter;
+      this.filters = this.filters.filter(filter => filter.id !== FilterType.DEFAULT_FILTER);
+    });
+  }
+  handleActionSelectedDefaultFilter({ detail: action }) {
+    switch (action) {
+      case ActionDefaultFilter.CREATE:
+        this.addPersonalizedFilter(true);
+        break;
+      case ActionDefaultFilter.EDIT:
+        this.editPersonalizedFilter(this._defaultFilter.id, true);
+        break;
+      case ActionDefaultFilter.REMOVE:
+        this.handleDeleteFilter();
+        break;
+      default:
+        break;
+    }
+  }
+  getCustomFilter(filters) {
+    const customFilters = filters.filter((filter) => filter.filterType === FilterType.CUSTOM_FILTER);
+    return customFilters;
+  }
+  getDefaultFilter(filters) {
+    const defaultFilter = filters.find((item) => item.id === DefaultFilter.id);
+    return defaultFilter;
+  }
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue('__SNK__APPLICATION__');
+  }
   componentWillRender() {
     this._modalTitle = this.getCustomMessage('title');
     this._okButtonLabel = this.getCustomMessage('okButtonLabel');
@@ -233,10 +280,11 @@ export class SnkFilterModal {
       this._originalFilterConfig = this.filters;
   }
   render() {
-    const customFilters = this.filters.filter(filter => filter.filterType === FilterType.CUSTOM_FILTER);
+    this._defaultFilter = this.getDefaultFilter(this.filters);
+    const customFilters = this.getCustomFilter(this.filters);
     const quickFilters = this.filters.filter(filter => filter.filterType === FilterType.QUICK_FILTER);
     const otherFilters = this.filters.filter(filter => filter.filterType === FilterType.OTHER_FILTERS);
-    return (h("ez-modal-container", { class: "snk-filter-modal__container", modalTitle: this._modalTitle, cancelButtonLabel: this._cancelButtonLabel, okButtonLabel: this._okButtonLabel, onEzModalAction: this.modalActionListener.bind(this) }, h("div", { class: "snk-filter-modal__content ez-col--sd-12" }, !this.disablePersonalizedFilter && this.renderCollapsibleFilterBox(this.getCustomMessage('customFilters'), customFilters, false, false), this.renderCollapsibleFilterBox(this.getCustomMessage('quickFilters'), quickFilters, false), otherFilters.map(filter => this.renderCollapsibleFilterBox(filter.label, [filter], true)))));
+    return (h("ez-modal-container", { class: "snk-filter-modal__container", modalTitle: this._modalTitle, cancelButtonLabel: this._cancelButtonLabel, okButtonLabel: this._okButtonLabel, onEzModalAction: this.modalActionListener.bind(this) }, h("div", { class: "snk-filter-modal__content ez-col--sd-12" }, h("snk-default-filter", { getMessage: this.getCustomMessage.bind(this), hasDefaultFilter: !!this._defaultFilter, onActionSelected: this.handleActionSelectedDefaultFilter.bind(this) }), !this.disablePersonalizedFilter && this.renderCollapsibleFilterBox(this.getCustomMessage('customFilters'), customFilters, false, false), this.renderCollapsibleFilterBox(this.getCustomMessage('quickFilters'), quickFilters, false), otherFilters.map(filter => this.renderCollapsibleFilterBox(filter.label, [filter], true)))));
   }
   static get is() { return "snk-filter-modal"; }
   static get originalStyleUrls() {
@@ -348,8 +396,8 @@ export class SnkFilterModal {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "() => void",
-          "resolved": "() => void",
+          "original": "(isDefault?: boolean) => void",
+          "resolved": "(isDefault?: boolean) => void",
           "references": {}
         },
         "required": false,
@@ -363,8 +411,8 @@ export class SnkFilterModal {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "(id:string) => void",
-          "resolved": "(id: string) => void",
+          "original": "(id:string, isDefault?: boolean) => void",
+          "resolved": "(id: string, isDefault?: boolean) => void",
           "references": {}
         },
         "required": false,
@@ -378,8 +426,8 @@ export class SnkFilterModal {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "(filter: IPersonalizedFilter, configName: string) => void",
-          "resolved": "(filter: IPersonalizedFilter, configName: string) => void",
+          "original": "(filter: IPersonalizedFilter, configName: string, isDefault?: boolean) => void",
+          "resolved": "(filter: IPersonalizedFilter, configName: string, isDefault?: boolean) => void",
           "references": {
             "IPersonalizedFilter": {
               "location": "import",
@@ -396,7 +444,7 @@ export class SnkFilterModal {
       },
       "filtersToDelete": {
         "type": "unknown",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "IPersonalizedFilter[]",
           "resolved": "IPersonalizedFilter[]",
@@ -415,6 +463,26 @@ export class SnkFilterModal {
         },
         "defaultValue": "[]"
       },
+      "filterDefaultToDelete": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "SnkFilterItemConfig",
+          "resolved": "SnkFilterItemConfig",
+          "references": {
+            "SnkFilterItemConfig": {
+              "location": "import",
+              "path": "../filter-item/snk-filter-item"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Guarda o filtro a ser deletado no Apply do modal"
+        }
+      },
       "disablePersonalizedFilter": {
         "type": "boolean",
         "mutable": false,

package/dist/collection/components/snk-filter-bar/filter-modal/subcomponents/snk-default-filter/snk-default-filter.css

@@ -0,0 +1,34 @@
+:host {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.default_container {
+  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 ez-icon {
+  cursor: pointer;
+}
+
+.default_container ez-icon:hover {
+  color: var(--color--primary-600);
+}
+
+.new_filter {
+  cursor: pointer;
+  margin: 0 var(--space--3xs, 4px);
+}
+
+.new_filter:hover {
+  color: var(--color--primary-600);
+}

package/dist/collection/components/snk-filter-bar/filter-modal/subcomponents/snk-default-filter/snk-default-filter.js

@@ -0,0 +1,142 @@
+import { h, Host } from '@stencil/core';
+import { ActionDefaultFilter } from '../../../types/default-filters';
+export class SnkDefaultFilter {
+  constructor() {
+    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) })));
+  }
+  static get is() { return "snk-default-filter"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-default-filter.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-default-filter.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "getMessage": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(key: string, props?: any) => string",
+          "resolved": "(key: string, props?: any) => string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder."
+        }
+      },
+      "hasDefaultFilter": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Informa se j\u00E1 existe um filtro padr\u00E3o criado."
+        },
+        "attribute": "has-default-filter",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "_opened": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "actionSelected",
+        "name": "actionSelected",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "ActionDefaultFilter",
+          "resolved": "ActionDefaultFilter.CREATE | ActionDefaultFilter.EDIT | ActionDefaultFilter.REMOVE",
+          "references": {
+            "ActionDefaultFilter": {
+              "location": "import",
+              "path": "../../../types/default-filters"
+            }
+          }
+        }
+      }];
+  }
+}