import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';

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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
  constructor() {
    super();
    this.__registerHost();
    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) })));
  }
  static get style() { return snkFilterAdvancedModeCss; }
}, [2, "snk-filter-advanced-mode", {
    "filterAssistent": [1040],
    "application": [1040]
  }]);
function defineCustomElement() {
  if (typeof customElements === "undefined") {
    return;
  }
  const components = ["snk-filter-advanced-mode"];
  components.forEach(tagName => { switch (tagName) {
    case "snk-filter-advanced-mode":
      if (!customElements.get(tagName)) {
        customElements.define(tagName, SnkFilterAdvancedMode);
      }
      break;
  } });
}

export { SnkFilterAdvancedMode as S, defineCustomElement as d };
