'use strict';

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

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

const takvimCreateCustomAvailabilityFormCss = "takvim-create-custom-availability-form{display:flex;flex-direction:column;width:100%}takvim-create-custom-availability-form dvn-form-field{min-width:160px}";

const TakvimCreateCustomAvailabilityForm = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.breakDuration = 0;
    this.endHour = 5;
    this.endMinute = 0;
    this.location = '';
    this.meetingDuration = 60;
    this.startHour = 9;
    this.startMinute = 0;
    this.videoConferencePlatform = 'none';
  }
  render() {
    const { breakDuration, endHour, endMinute, location, meetingDuration, startHour, startMinute, videoConferencePlatform, } = this;
    return (index.h(index.Host, null, index.h("div", { class: "d-flex" }, index.h("dvn-form-field", { required: true, fieldTitle: "Start Time" }, index.h("dvn-time-picker", { hour: startHour, minute: startMinute })), index.h("dvn-form-field", { required: true, fieldTitle: "End Time" }, index.h("dvn-time-picker", { hour: endHour, minute: endMinute }))), index.h("dvn-form-field", { required: true, fieldTitle: "Meeting Duration" }, index.h("dvn-select", { leaned: true, value: `${meetingDuration}` }, index.h("dvn-select-option", { value: "15" }, "15 minutes"), index.h("dvn-select-option", { value: "30" }, "30 minutes"), index.h("dvn-select-option", { value: "45" }, "45 minutes"), index.h("dvn-select-option", { value: "60" }, "60 minutes"), index.h("dvn-select-option", { value: "90" }, "1.5 Hours"), index.h("dvn-select-option", { value: "120" }, "2 Hours"), index.h("dvn-select-option", { value: "150" }, "2.5 Hours"), index.h("dvn-select-option", { value: "180" }, "3 Hours"))), index.h("dvn-form-field", { required: true, fieldTitle: "Breaks Between Meetings" }, index.h("dvn-select", { leaned: true, value: `${breakDuration}` }, index.h("dvn-select-option", { value: "0" }, "None"), index.h("dvn-select-option", { value: "5" }, "5 minutes"), index.h("dvn-select-option", { value: "10" }, "10 minutes"), index.h("dvn-select-option", { value: "15" }, "15 minutes"))), index.h("dvn-form-field", { required: true, fieldTitle: "Video Conference Platform" }, index.h("dvn-select", { leaned: true, value: videoConferencePlatform }, index.h("dvn-select-option", { value: "none" }, "None"), index.h("dvn-select-option", { value: "jitsi" }, "Jitsi Meet"), index.h("dvn-select-option", { value: "zoom" }, "ZOOM"))), index.h("dvn-form-field", { fieldTitle: "Location" }, index.h("dvn-input", { leaned: true, value: location }))));
  }
};
TakvimCreateCustomAvailabilityForm.style = takvimCreateCustomAvailabilityFormCss;

exports.takvim_create_custom_availability_form = TakvimCreateCustomAvailabilityForm;
