'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))))));
  }
};

function getRoomNames() {
  return [
    {
      label: "Attic",
      value: "attic",
    },
    {
      label: "Loft",
      value: "loft",
    },
    {
      label: "Spare Room",
      value: "spare room",
    },
    {
      label: "Bedroom",
      value: "bedroom",
    },
    {
      label: "Bathroom",
      value: "bathroom",
    },
    {
      label: "Balcony",
      value: "balcony",
    },
    {
      label: "Nursery",
      value: "nursery",
    },
    {
      label: "Study",
      value: "study",
    },
    {
      label: "Utility Room",
      value: "utility room",
    },
    {
      label: "Conservatory",
      value: "conservatory",
    },
    {
      label: "Living Room",
      value: "living room",
    },
    {
      label: "Dining Room",
      value: "dining room",
    },
    {
      label: "Kitchen",
      value: "kitchen",
    },
    {
      label: "Garage",
      value: "garage",
    },
    {
      label: "Mud Room",
      value: "mud room",
    },
    {
      label: "Basement",
      value: "basement",
    },
    {
      label: "Wine Cellar",
      value: "wine cellar",
    },
    {
      label: "Hallway",
      value: "hallway",
    },
    {
      label: "Library",
      value: "library",
    },
    {
      label: "Closet",
      value: "closet",
    },
  ];
}

let InputRoom = 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 = "name";
    this.placeholder = "Choose a Room";
    this.options = getRoomNames();
    this.multiple = false;
    this.required = false;
  }
  render() {
    return (index.h("ion-item", { style: { overflow: "visible" } }, index.h("ion-label", { position: this.labelPosition }, this.label), index.h("input", { required: this.required, 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;
exports.floodteam_input_room = InputRoom;

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