'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-fd2bbf0b.js');

let InputMaterial = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.ionInput = index.createEvent(this, "ionInput", 7);
    this.ionChange = index.createEvent(this, "ionChange", 7);
    this.labelPosition = "stacked";
    this.name = "material";
    this.placeholder = "Choose a material";
    this.multiple = false;
  }
  render() {
    return (index.h("ion-item", { style: { overflow: "visible" } }, index.h("ion-label", { position: this.labelPosition }, this.label), index.h("input", { onInput: (event) => {
        var _a;
        this.value = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value;
        this.ionInput.emit({
          name: this.name,
          value: this.value,
          event,
        });
      }, onChange: (event) => {
        var _a;
        this.value = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value;
        this.ionChange.emit({
          name: this.name,
          value: this.value,
          event,
        });
      }, style: {
        border: "none",
        background: "transparent",
      }, multiple: this.multiple, list: this.list || this.name, name: this.name, placeholder: this.placeholder, value: this.value }), index.h("datalist", { id: this.list || this.name }, (this.options || []).map((option) => (index.h("option", null, option === null || option === void 0 ? void 0 : option.value))))));
  }
};

exports.floodteam_input_material = InputMaterial;

//# sourceMappingURL=floodteam-input-material.cjs.entry.js.map