@sankhyalabs/sankhyablocks 5.5.0 → 5.7.0

package/dist/cjs/taskbar-elements-80285601.js

@@ -1,313 +0,0 @@
-'use strict';
-
-const index = require('./index-21bd01e1.js');
-const index$1 = require('./index-f400b1d6.js');
-
-const appendToMap = (map, propName, value) => {
-    const items = map.get(propName);
-    if (!items) {
-        map.set(propName, [value]);
-    }
-    else if (!items.includes(value)) {
-        items.push(value);
-    }
-};
-const debounce = (fn, ms) => {
-    let timeoutId;
-    return (...args) => {
-        if (timeoutId) {
-            clearTimeout(timeoutId);
-        }
-        timeoutId = setTimeout(() => {
-            timeoutId = 0;
-            fn(...args);
-        }, ms);
-    };
-};
-
-/**
- * Check if a possible element isConnected.
- * The property might not be there, so we check for it.
- *
- * We want it to return true if isConnected is not a property,
- * otherwise we would remove these elements and would not update.
- *
- * Better leak in Edge than to be useless.
- */
-const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
-const cleanupElements = debounce((map) => {
-    for (let key of map.keys()) {
-        map.set(key, map.get(key).filter(isConnected));
-    }
-}, 2000);
-const stencilSubscription = () => {
-    if (typeof index.getRenderingRef !== 'function') {
-        // If we are not in a stencil project, we do nothing.
-        // This function is not really exported by @stencil/core.
-        return {};
-    }
-    const elmsToUpdate = new Map();
-    return {
-        dispose: () => elmsToUpdate.clear(),
-        get: (propName) => {
-            const elm = index.getRenderingRef();
-            if (elm) {
-                appendToMap(elmsToUpdate, propName, elm);
-            }
-        },
-        set: (propName) => {
-            const elements = elmsToUpdate.get(propName);
-            if (elements) {
-                elmsToUpdate.set(propName, elements.filter(index.forceUpdate));
-            }
-            cleanupElements(elmsToUpdate);
-        },
-        reset: () => {
-            elmsToUpdate.forEach((elms) => elms.forEach(index.forceUpdate));
-            cleanupElements(elmsToUpdate);
-        },
-    };
-};
-
-const unwrap = (val) => (typeof val === 'function' ? val() : val);
-const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
-    const unwrappedState = unwrap(defaultState);
-    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));
-    const handlers = {
-        dispose: [],
-        get: [],
-        set: [],
-        reset: [],
-    };
-    const reset = () => {
-        var _a;
-        // When resetting the state, the default state may be a function - unwrap it to invoke it.
-        // otherwise, the state won't be properly reset
-        states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));
-        handlers.reset.forEach((cb) => cb());
-    };
-    const dispose = () => {
-        // Call first dispose as resetting the state would
-        // cause less updates ;)
-        handlers.dispose.forEach((cb) => cb());
-        reset();
-    };
-    const get = (propName) => {
-        handlers.get.forEach((cb) => cb(propName));
-        return states.get(propName);
-    };
-    const set = (propName, value) => {
-        const oldValue = states.get(propName);
-        if (shouldUpdate(value, oldValue, propName)) {
-            states.set(propName, value);
-            handlers.set.forEach((cb) => cb(propName, value, oldValue));
-        }
-    };
-    const state = (typeof Proxy === 'undefined'
-        ? {}
-        : new Proxy(unwrappedState, {
-            get(_, propName) {
-                return get(propName);
-            },
-            ownKeys(_) {
-                return Array.from(states.keys());
-            },
-            getOwnPropertyDescriptor() {
-                return {
-                    enumerable: true,
-                    configurable: true,
-                };
-            },
-            has(_, propName) {
-                return states.has(propName);
-            },
-            set(_, propName, value) {
-                set(propName, value);
-                return true;
-            },
-        }));
-    const on = (eventName, callback) => {
-        handlers[eventName].push(callback);
-        return () => {
-            removeFromArray(handlers[eventName], callback);
-        };
-    };
-    const onChange = (propName, cb) => {
-        const unSet = on('set', (key, newValue) => {
-            if (key === propName) {
-                cb(newValue);
-            }
-        });
-        // We need to unwrap the defaultState because it might be a function.
-        // Otherwise we might not be sending the right reset value.
-        const unReset = on('reset', () => cb(unwrap(defaultState)[propName]));
-        return () => {
-            unSet();
-            unReset();
-        };
-    };
-    const use = (...subscriptions) => {
-        const unsubs = subscriptions.reduce((unsubs, subscription) => {
-            if (subscription.set) {
-                unsubs.push(on('set', subscription.set));
-            }
-            if (subscription.get) {
-                unsubs.push(on('get', subscription.get));
-            }
-            if (subscription.reset) {
-                unsubs.push(on('reset', subscription.reset));
-            }
-            if (subscription.dispose) {
-                unsubs.push(on('dispose', subscription.dispose));
-            }
-            return unsubs;
-        }, []);
-        return () => unsubs.forEach((unsub) => unsub());
-    };
-    const forceUpdate = (key) => {
-        const oldValue = states.get(key);
-        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));
-    };
-    return {
-        state,
-        get,
-        set,
-        on,
-        onChange,
-        use,
-        dispose,
-        reset,
-        forceUpdate,
-    };
-};
-const removeFromArray = (array, item) => {
-    const index = array.indexOf(item);
-    if (index >= 0) {
-        array[index] = array[array.length - 1];
-        array.length--;
-    }
-};
-
-const createStore = (defaultState, shouldUpdate) => {
-    const map = createObservableMap(defaultState, shouldUpdate);
-    map.use(stencilSubscription());
-    return map;
-};
-
-const store = createStore({
-  exporterProviders: {}
-});
-
-exports.TaskbarElement = void 0;
-(function (TaskbarElement) {
-  TaskbarElement["PREVIOUS"] = "PREVIOUS";
-  TaskbarElement["NEXT"] = "NEXT";
-  TaskbarElement["REFRESH"] = "REFRESH";
-  TaskbarElement["UPDATE"] = "UPDATE";
-  TaskbarElement["CLONE"] = "CLONE";
-  TaskbarElement["REMOVE"] = "REMOVE";
-  TaskbarElement["INSERT"] = "INSERT";
-  TaskbarElement["CANCEL"] = "CANCEL";
-  TaskbarElement["SAVE"] = "SAVE";
-  TaskbarElement["GRID_MODE"] = "GRID_MODE";
-  TaskbarElement["FORM_MODE"] = "FORM_MODE";
-  TaskbarElement["MORE_OPTIONS"] = "MORE_OPTIONS";
-  TaskbarElement["DIVIDER"] = "DIVIDER";
-  TaskbarElement["CONFIGURATOR"] = "CONFIGURATOR";
-  TaskbarElement["DATA_EXPORTER"] = "DATA_EXPORTER";
-  TaskbarElement["ATTACH"] = "ATTACH";
-})(exports.TaskbarElement || (exports.TaskbarElement = {}));
-exports.AuthorizationElements = void 0;
-(function (AuthorizationElements) {
-  AuthorizationElements["UPDATE"] = "UPDATE";
-  AuthorizationElements["CLONE"] = "CLONE";
-  AuthorizationElements["REMOVE"] = "REMOVE";
-  AuthorizationElements["INSERT"] = "INSERT";
-  AuthorizationElements["CONFIGURATOR"] = "CONFIGURATOR";
-})(exports.AuthorizationElements || (exports.AuthorizationElements = {}));
-exports.VisibleWhenForbidden = void 0;
-(function (VisibleWhenForbidden) {
-  VisibleWhenForbidden["CONFIGURATOR"] = "CONFIGURATOR";
-})(exports.VisibleWhenForbidden || (exports.VisibleWhenForbidden = {}));
-const buildCustomButton = (def, className, dataElementId, action, isEnabled) => {
-  const { hint, text, iconName } = def;
-  if (iconName) {
-    if (text) {
-      return iconTextButton(iconName, def.name, className, dataElementId, hint, text, action, isEnabled);
-    }
-    else {
-      return iconButton(iconName, def.name, className, dataElementId, hint, action, isEnabled);
-    }
-  }
-  else {
-    return textButton(def.name, className, dataElementId, text, hint, action, isEnabled);
-  }
-};
-const buildElem = (element, className, dataElementId, getTitle, action, isEnabled, actions, configName, presentationMode) => {
-  var _a;
-  const title = getTitle(element);
-  switch (element) {
-    case exports.TaskbarElement.PREVIOUS:
-      return iconButton("chevron-left", element, className, dataElementId, title, action, isEnabled);
-    case exports.TaskbarElement.NEXT:
-      return iconButton("chevron-right", element, className, dataElementId, title, action, isEnabled);
-    case exports.TaskbarElement.REFRESH:
-      return iconButton("sync", element, className, dataElementId, title, action, isEnabled);
-    case exports.TaskbarElement.UPDATE:
-      return iconButton("edit", element, className, dataElementId, title, action, isEnabled);
-    case exports.TaskbarElement.CLONE:
-      return iconButton("copy", element, className, dataElementId, title, action, isEnabled);
-    case exports.TaskbarElement.REMOVE:
-      return iconButton("delete", element, className, dataElementId, title, action, isEnabled);
-    case exports.TaskbarElement.INSERT:
-      if (presentationMode === index$1.PresentationMode.PRIMARY) {
-        return iconTextButton("plus", element, className, dataElementId, title, title, action, isEnabled);
-      }
-      else {
-        return iconButton("plus", element, className, dataElementId, title, action, isEnabled);
-      }
-    case exports.TaskbarElement.CANCEL:
-      return textButton(element, className, dataElementId, title, title, action, isEnabled);
-    case exports.TaskbarElement.SAVE:
-      if (presentationMode === index$1.PresentationMode.PRIMARY) {
-        return iconTextButton("save", element, className, dataElementId, title, title, action, isEnabled);
-      }
-      else {
-        return iconButton("save", element, className, dataElementId, title, action, isEnabled);
-      }
-    case exports.TaskbarElement.GRID_MODE:
-      return iconButton("table", element, className, dataElementId, title, action, isEnabled);
-    case exports.TaskbarElement.FORM_MODE:
-      return iconButton("list", element, className, dataElementId, title, action, isEnabled);
-    case exports.TaskbarElement.CONFIGURATOR:
-      return iconButton("settings-inverted", element, className, dataElementId, title, action, isEnabled);
-    case exports.TaskbarElement.MORE_OPTIONS:
-      return actionButton(element, className, dataElementId, title, action, isEnabled, actions);
-    case exports.TaskbarElement.DIVIDER:
-      return index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-horizontal--medium", "data-taskbar-divider": true });
-    case exports.TaskbarElement.DATA_EXPORTER:
-      const provider = (_a = store.get("exporterProviders")) === null || _a === void 0 ? void 0 : _a[configName];
-      return index.h("snk-data-exporter", { class: className, provider: provider, "data-element-id": dataElementId });
-    case exports.TaskbarElement.ATTACH:
-      return iconButton("anexo", element, className, dataElementId, title, action, isEnabled);
-  }
-};
-function textButton(name, className, dataElementId, text, title, action, isEnabled) {
-  return index.h("ez-button", { title: title, label: text, size: "small", class: className, "data-element-id": dataElementId, enabled: isEnabled(name), onClick: () => action(name) });
-}
-function iconButton(iconName, name, className, dataElementId, title, action, isEnabled) {
-  return index.h("ez-button", { title: title, mode: "icon", size: "small", class: className, "data-element-id": dataElementId, iconName: iconName, enabled: isEnabled(name), onClick: () => action(name) });
-}
-function iconTextButton(iconName, name, className, dataElementId, text, title, action, isEnabled) {
-  return index.h("ez-button", { title: title, label: text, size: "small", class: className, "data-element-id": dataElementId, enabled: isEnabled(name), onClick: () => action(name) },
-    index.h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: iconName }));
-}
-function actionButton(element, className, dataElementId, title, action, isEnabled, actions) {
-  return actions && actions.length > 0
-    ? index.h("ez-actions-button", { title: title, size: "small", "data-element-id": dataElementId, arrowActive: true, class: className, enabled: isEnabled(element), onEzAction: (evt) => action(evt.detail.value), actions: actions })
-    : undefined;
-}
-
-exports.buildCustomButton = buildCustomButton;
-exports.buildElem = buildElem;
-exports.store = store;

package/dist/components/snk-filter-list2.js

@@ -1,173 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { FloatingManager, ElementIDUtils, ArrayUtils } from '@sankhyalabs/core';
-
-const SHOW_MORE_ITEM_NAME = "__SHOWMORE__";
-const MAX_FILTERS = 5;
-const SnkFilterList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.snkItemSelected = createEvent(this, "snkItemSelected", 7);
-    this._preselection = -1;
-    this.innerClickCheck = (_floatingContainer, node) => {
-      if (node.id != FloatingManager.MODAL_ELEMENT_ID) {
-        return true;
-      }
-      this._detailIsVisible = false;
-      return false;
-    };
-    this._filterArgument = undefined;
-    this._showAll = undefined;
-    this.label = undefined;
-    this.iconName = undefined;
-    this.items = undefined;
-    this.getMessage = undefined;
-    this.emptyText = undefined;
-    this.findFilterText = undefined;
-    this.buttonClass = undefined;
-  }
-  showDetail() {
-    this._preselection = -1;
-    this._floatingID = FloatingManager.float(this._popover, this._popoverContainer, {
-      autoClose: true,
-      innerClickTest: this.innerClickCheck,
-      backClickListener: () => this.onListCloseCallback(),
-      useOverlay: true
-    });
-    this._detailIsVisible = true;
-    this._showAll = false;
-    this._filterArgument = "";
-    this._filterInput.setFocus();
-  }
-  /**
-   * Oculta os detalhes do componente snk-filter-list.
-   */
-  async hideDetail() {
-    if (this._floatingID != undefined) {
-      FloatingManager.close(this._floatingID);
-    }
-  }
-  onListCloseCallback() {
-    this._floatingID = undefined;
-    this._detailIsVisible = false;
-  }
-  buttonClick() {
-    if (this._detailIsVisible) {
-      this.hideDetail();
-    }
-    else {
-      this.showDetail();
-    }
-  }
-  componentDidLoad() {
-    if (this._element) {
-      ElementIDUtils.addIDInfo(this._element);
-    }
-  }
-  componentDidRender() {
-    if (this._floatingID == undefined) {
-      if (this._popover) {
-        this._popover.remove();
-      }
-    }
-  }
-  buildIdElement(buttonElement, name) {
-    if (!buttonElement)
-      return;
-    const dataElement = { id: name };
-    buttonElement.removeAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
-    ElementIDUtils.addIDInfoIfNotExists(buttonElement, "filterItemList", dataElement);
-  }
-  buildItemElement(item) {
-    const itemId = ++this._selectableItemsCount;
-    return (h("button", { ref: elem => elem && this.buildIdElement(elem, item.label), id: `filter-item${itemId}`, onFocusin: () => this._preselection = itemId, class: `ez-col ez-col--sd-12 ez-align--middle ez-padding--small sc-snk-filter-bar snk-filter-bar__filter-list-item`, onClick: () => this.itemSelected(item.name), name: item.label, key: itemId }, item.iconName ? h("ez-icon", { iconName: item.iconName, size: "small", class: `ez-padding-right--extra-small sc-snk-filter-bar snk-filter-bar__filter-list-item__icon ${item.iconClass || ""}` }) : undefined, h("div", { class: `ez-text ez-text--medium ez-text--primary ez-padding--extra-small sc-snk-filter-bar snk-filter-bar__filter-list-item__label ${item.labelClass || ""}` }, item.label)));
-  }
-  itemSelected(itemName) {
-    if (itemName === SHOW_MORE_ITEM_NAME) {
-      this._showAll = true;
-    }
-    else {
-      this.hideDetail();
-      this.snkItemSelected.emit(itemName);
-    }
-  }
-  getFilterItems() {
-    const items = this.items ? ArrayUtils.applyStringFilter(this._filterArgument, this.items.filter(item => item.kind === "FILTER")) : [];
-    if (items.length === 0) {
-      return h("div", { class: "ez-text ez-text--medium ez-text--primary ez-padding--extra-small sc-snk-filter-bar snk-filter-bar__filter-list-items-container--empty" }, this.emptyText);
-    }
-    const hideItems = !this._filterArgument && !this._showAll && (items.length > MAX_FILTERS + 1);
-    if (hideItems) {
-      items.splice(MAX_FILTERS);
-      items.push({ kind: "INTERNAL", label: "Mostrar mais", iconName: "dots-horizontal", name: SHOW_MORE_ITEM_NAME, iconClass: "snk-filter-bar__filter-list-item__icon--secondary", labelClass: "snk-filter-bar__filter-list-item__label--secondary" });
-    }
-    this._selectableItemsCount = 0;
-    return h("div", { class: "sc-snk-filter-bar snk-filter-bar__filter-list-items-container" }, items.map(item => this.buildItemElement(item)));
-  }
-  getFooterItems() {
-    return this.items.filter(item => item.kind === "FOOTER");
-  }
-  keyDownHandler(event) {
-    switch (event.key) {
-      case "ArrowDown":
-        this.changePreselection(this._preselection + 1);
-        //Paramos a propagação do evento para evitar scroll indesejado
-        event.stopImmediatePropagation();
-        event.stopPropagation();
-        event.preventDefault();
-        break;
-      case "ArrowUp":
-        this.changePreselection(this._preselection - 1);
-        //Paramos a propagação do evento para evitar scroll indesejado
-        event.stopImmediatePropagation();
-        event.stopPropagation();
-        event.preventDefault();
-        break;
-    }
-  }
-  changePreselection(newSelection) {
-    if (newSelection < 0) {
-      newSelection = this._selectableItemsCount;
-    }
-    this._preselection = newSelection > this._selectableItemsCount ? 0 : newSelection;
-    if (this._preselection === 0) {
-      this._filterInput.setFocus();
-    }
-    else {
-      const item = this._element.querySelector(`#filter-item${this._preselection}`);
-      if (item) {
-        item.focus();
-      }
-    }
-  }
-  render() {
-    return (h(Host, { class: "ez-flex ez-flex--column" }, h("ez-button", { class: this.buttonClass, label: this.label, onClick: () => this.buttonClick(), mode: this.iconName ? "icon" : undefined, iconName: this.iconName, size: "small" }, h("slot", { name: "leftIcon" })), h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, h("div", { class: "sc-snk-filter-bar snk-filter__popover ez-padding--small", ref: elem => this._popover = elem }, h("ez-filter-input", { ref: ref => this._filterInput = ref, "data-element-id": "serachFilters", mode: "slim", label: this.findFilterText, value: this._filterArgument, onEzChange: (evt) => this._filterArgument = evt.detail, onFocus: () => this._preselection = 0 }), this.getFilterItems(), h("hr", { class: "sc-snk-filter-bar snk-filter__popover-rule" }), this.items ? this.getFooterItems().map(item => this.buildItemElement(item)) : undefined))));
-  }
-  get _element() { return this; }
-}, [4, "snk-filter-list", {
-    "label": [1],
-    "iconName": [1, "icon-name"],
-    "items": [16],
-    "getMessage": [16],
-    "emptyText": [1, "empty-text"],
-    "findFilterText": [1, "find-filter-text"],
-    "buttonClass": [1, "button-class"],
-    "_filterArgument": [32],
-    "_showAll": [32],
-    "hideDetail": [64]
-  }, [[2, "keydown", "keyDownHandler"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["snk-filter-list"];
-  components.forEach(tagName => { switch (tagName) {
-    case "snk-filter-list":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SnkFilterList);
-      }
-      break;
-  } });
-}
-
-export { SnkFilterList as S, defineCustomElement as d };

package/dist/components/snk-filter-modal2.js

@@ -1,97 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { ModalAction, ModalButtonStatus } from '@sankhyalabs/ezui/dist/collection/components/ez-modal-container';
-import { ArrayUtils } from '@sankhyalabs/core';
-import { CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
-
-const snkFilterModalCss = ".snk-filter__modal-container{width:359px;max-width:359px}";
-
-const SnkFilterModal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this._filterArgument = undefined;
-    this.getMessage = undefined;
-    this.items = undefined;
-    this.modalTitle = undefined;
-    this.modalSubTitle = undefined;
-    this.cancelButtonLabel = undefined;
-    this.okButtonLabel = undefined;
-    this.infoText = undefined;
-    this.useSearch = undefined;
-    this.processModalAction = undefined;
-  }
-  updateValue(id, value = undefined) {
-    this.items = this.items.map(item => {
-      if (item.id === id && item.enabled) {
-        if (value == undefined) {
-          value = !item.active;
-        }
-        return Object.assign(Object.assign({}, item), { active: value });
-      }
-      return item;
-    });
-  }
-  getActiveFiltersMsg() {
-    const activeFilters = this.items.filter(item => item.active).length;
-    if (activeFilters === 0) {
-      return this.getMessage("snkFilterBar.noActiveFilters");
-    }
-    return this.getMessage(activeFilters > 1 ? "snkFilterBar.activeFilters" : "snkFilterBar.activeFilter", { ACTIVE_FILTERS: activeFilters });
-  }
-  buildItems(list) {
-    return list.map(item => {
-      return (h("button", { onClick: () => this.updateValue(item.id), class: "ez-padding--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item ez-align--middle ez-margin-bottom--small" }, h("ez-check", { id: `checkbox_${item.id}`, tabIndex: -1, class: "sc-snk-filter-bar snk-filter-bar__filter-modal-item__check", onEzChange: evt => this.updateValue(item.id, evt.detail), enabled: item.enabled, value: item.active, mode: CheckMode.SWITCH }), h("div", { class: "ez-text ez-title--primary ez-text--medium ez-margin-left--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item__label" }, item.label)));
-    });
-  }
-  itemKeyBoardSelect(event, item) {
-    if (event.key === "Enter" || event.key === " ") {
-      this.updateValue(item.id);
-    }
-  }
-  modalActionListener(evt) {
-    const modalAction = evt.detail;
-    if (modalAction === ModalAction.LOAD) {
-      if (this._filterInput) {
-        this._filterInput.setFocus();
-      }
-    }
-    else {
-      this.processModalAction(modalAction);
-    }
-  }
-  render() {
-    const allowCancel = this.items.filter(item => item.active).length > 0;
-    const items = (this.items ? ArrayUtils.applyStringFilter(this._filterArgument, this.items) : []);
-    return (h("ez-modal-container", { class: "snk-filter__modal-container", modalTitle: this.modalTitle, modalSubTitle: this.modalSubTitle, cancelButtonLabel: this.cancelButtonLabel, okButtonLabel: this.okButtonLabel, onEzModalAction: evt => this.modalActionListener(evt), cancelButtonStatus: allowCancel ? ModalButtonStatus.ENABLED : ModalButtonStatus.DISABLED }, h("div", { class: "sc-snk-filter-bar snk-filter-bar__filter-modal-content" }, h("div", null, this.useSearch ?
-      h("ez-filter-input", { ref: ref => this._filterInput = ref, label: this.getMessage("snkFilterBar.modalFindFilter"), onEzChange: (evt) => this._filterArgument = evt.detail })
-      :
-        undefined), items.length > 0 ? h("div", { class: "ez-text ez-text--medium ez-text--primary ez-padding-bottom--small" }, this.getActiveFiltersMsg()) : undefined, h("div", null, this.buildItems(items)), h("div", { class: "ez-text ez-text--large ez-align--middle ez-text--secondary ez-text--center ez-padding-bottom--large" }, this.infoText))));
-  }
-  static get style() { return snkFilterModalCss; }
-}, [0, "snk-filter-modal", {
-    "getMessage": [16],
-    "items": [1040],
-    "modalTitle": [1, "modal-title"],
-    "modalSubTitle": [1, "modal-sub-title"],
-    "cancelButtonLabel": [1, "cancel-button-label"],
-    "okButtonLabel": [1, "ok-button-label"],
-    "infoText": [1, "info-text"],
-    "useSearch": [4, "use-search"],
-    "processModalAction": [16],
-    "_filterArgument": [32]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["snk-filter-modal"];
-  components.forEach(tagName => { switch (tagName) {
-    case "snk-filter-modal":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SnkFilterModal);
-      }
-      break;
-  } });
-}
-
-export { SnkFilterModal as S, defineCustomElement as d };