import { html } from "lit";
import { property } from "lit/decorators.js";
import "../../icons/icon-filter-1-on.js";
import "../../icons/icon-filter-1-off.js";
import "../../icons/icon-filter-2-on.js";
import "../../icons/icon-filter-2-off.js";
import "../../icons/icon-filter-3-on.js";
import "../../icons/icon-filter-3-off.js";
import "../../icons/icon-filter-4-on.js";
import "../../icons/icon-filter-4-off.js";
import { customElement } from "../../decorator.js";
import { ObcAbstractAutomationButtonSquared } from "../automation-button/abstract-automation-button-squared.js";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __decorateClass = (decorators, target, key, kind) => {
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
  for (var i = decorators.length - 1, decorator; i >= 0; i--)
    if (decorator = decorators[i])
      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
  if (kind && result) __defProp(target, key, result);
  return result;
};
var FilterAlternativeIcon = /* @__PURE__ */ ((FilterAlternativeIcon2) => {
  FilterAlternativeIcon2["filter1"] = "filter1";
  FilterAlternativeIcon2["filter2"] = "filter2";
  FilterAlternativeIcon2["filter3"] = "filter3";
  FilterAlternativeIcon2["filter4"] = "filter4";
  return FilterAlternativeIcon2;
})(FilterAlternativeIcon || {});
let ObcFilter = class extends ObcAbstractAutomationButtonSquared {
  constructor() {
    super(...arguments);
    this.alternativeIcon = "filter1";
  }
  get icon() {
    switch (this.alternativeIcon) {
      case "filter2":
        if (this.on) {
          return html`<obi-filter-2-on
              usecsscolor
              slot="icon"
            ></obi-filter-2-on>
            <obi-filter-2-on
              usecsscolor
              slot="icon-silhouette"
            ></obi-filter-2-on>`;
        } else {
          return html`<obi-filter-2-off
              usecsscolor
              slot="icon"
            ></obi-filter-2-off>
            <obi-filter-2-off
              usecsscolor
              slot="icon-silhouette"
            ></obi-filter-2-off>`;
        }
      case "filter3":
        if (this.on) {
          return html`<obi-filter-3-on
              usecsscolor
              slot="icon"
            ></obi-filter-3-on>
            <obi-filter-3-on
              usecsscolor
              slot="icon-silhouette"
            ></obi-filter-3-on>`;
        } else {
          return html`<obi-filter-3-off
              usecsscolor
              slot="icon"
            ></obi-filter-3-off>
            <obi-filter-3-off
              usecsscolor
              slot="icon-silhouette"
            ></obi-filter-3-off>`;
        }
      case "filter4":
        if (this.on) {
          return html`<obi-filter-4-on
              usecsscolor
              slot="icon"
            ></obi-filter-4-on>
            <obi-filter-4-on
              usecsscolor
              slot="icon-silhouette"
            ></obi-filter-4-on>`;
        } else {
          return html`<obi-filter-4-off
              usecsscolor
              slot="icon"
            ></obi-filter-4-off>
            <obi-filter-4-off
              usecsscolor
              slot="icon-silhouette"
            ></obi-filter-4-off>`;
        }
      default:
        if (this.on) {
          return html`<obi-filter-1-on
              usecsscolor
              slot="icon"
            ></obi-filter-1-on>
            <obi-filter-1-on
              usecsscolor
              slot="icon-silhouette"
            ></obi-filter-1-on>`;
        } else {
          return html`<obi-filter-1-off
              usecsscolor
              slot="icon"
            ></obi-filter-1-off>
            <obi-filter-1-off
              usecsscolor
              slot="icon-silhouette"
            ></obi-filter-1-off>`;
        }
    }
  }
};
__decorateClass([
  property({ type: String })
], ObcFilter.prototype, "alternativeIcon", 2);
ObcFilter = __decorateClass([
  customElement("obc-filter")
], ObcFilter);
export {
  FilterAlternativeIcon,
  ObcFilter
};
//# sourceMappingURL=filter.js.map
