var control = (function() {

  var _allControl = [{
    element: helper.e(".control-menu"),
    type: "button",
    func: function() {
      menu.toggle();
      page.update();
    }
  }, {
    element: helper.e(".control-add"),
    type: "button",
    func: function() {
      link.add();
    }
  }, {
    element: helper.e(".control-edit"),
    path: "link.edit",
    type: "checkbox",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-theme-accent-current"),
    path: "theme.accent.current",
    type: "color",
    func: function() {
      accent.render();
    }
  }, {
    element: helper.e(".control-layout-width"),
    path: "layout.width",
    type: "range",
    additionalEvents: [{
      event: "input",
      func: function() {
        edge.render({
          element: helper.e(".main"),
        });
      }
    }, {
      event: "mousedown",
      func: function() {
        edge.render({
          element: helper.e(".main"),
        });
      }
    }, {
      event: "mouseup",
      func: function() {
        edge.destroy();
      }
    }, {
      event: "touchend",
      func: function() {
        edge.destroy();
      }
    }, {
      event: "keydown",
      func: function() {
        if (event.keyCode == 37 || event.keyCode == 38 || event.keyCode == 39 || event.keyCode == 40) {
          edge.render({
            element: helper.e(".main"),
          });
        };
      }
    }, {
      event: "keyup",
      func: function() {
        edge.destroy();
      }
    }],
    func: function() {
      render();
      layout.render();
    }
  }, {
    element: helper.e(".control-layout-alignment-horizontal-left"),
    path: "layout.alignment.horizontal",
    type: "radio",
    additionalEvents: [{
      event: "change",
      func: function() {
        edge.render({
          element: helper.e(".main"),
          delay: 500
        });
      }
    }],
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-layout-alignment-horizontal-center"),
    path: "layout.alignment.horizontal",
    type: "radio",
    additionalEvents: [{
      event: "change",
      func: function() {
        edge.render({
          element: helper.e(".main"),
          delay: 500
        });
      }
    }],
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-layout-alignment-horizontal-right"),
    path: "layout.alignment.horizontal",
    type: "radio",
    additionalEvents: [{
      event: "change",
      func: function() {
        edge.render({
          element: helper.e(".main"),
          delay: 500
        });
      }
    }],
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-layout-alignment-vertical-top"),
    path: "layout.alignment.vertical",
    type: "radio",
    additionalEvents: [{
      event: "change",
      func: function() {
        edge.render({
          element: helper.e(".main"),
          delay: 500
        });
      }
    }],
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-layout-alignment-vertical-center"),
    path: "layout.alignment.vertical",
    type: "radio",
    additionalEvents: [{
      event: "change",
      func: function() {
        edge.render({
          element: helper.e(".main"),
          delay: 500
        });
      }
    }],
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-layout-alignment-vertical-bottom"),
    path: "layout.alignment.vertical",
    type: "radio",
    additionalEvents: [{
      event: "change",
      func: function() {
        edge.render({
          element: helper.e(".main"),
          delay: 500
        });
      }
    }],
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-layout-title"),
    path: "layout.title",
    type: "text",
    func: function() {
      title.render();
    }
  }, {
    element: helper.e(".control-layout-scroll-past-end"),
    path: "layout.scrollPastEnd",
    type: "checkbox",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-header-area-width"),
    path: "header.area.width",
    type: "range",
    additionalEvents: [{
      event: "input",
      func: function() {
        edge.render({
          element: helper.e(".header-area")
        });
      }
    }, {
      event: "mousedown",
      func: function() {
        edge.render({
          element: helper.e(".header-area")
        });
      }
    }, {
      event: "mouseup",
      func: function() {
        edge.destroy();
      }
    }, {
      event: "touchend",
      func: function() {
        edge.destroy();
      }
    }, {
      event: "keydown",
      func: function() {
        if (event.keyCode == 37 || event.keyCode == 38 || event.keyCode == 39 || event.keyCode == 40) {
          edge.render({
            element: helper.e(".header-area"),
          });
        };
      }
    }, {
      event: "keyup",
      func: function() {
        edge.destroy();
      }
    }],
    func: function() {
      header.render.width.set();
    }
  }, {
    element: helper.e(".control-header-area-width-match"),
    type: "button",
    additionalEvents: [{
      event: "click",
      func: function() {
        edge.render({
          element: helper.e(".header-area"),
          delay: 500
        });
      }
    }, {
      event: "mouseup",
      func: function() {
        edge.destroy();
      }
    }],
    func: function() {
      header.render.width.match();
      update();
    }
  }, {
    element: helper.e(".control-header-area-alignment-horizontal-left"),
    path: "header.area.alignment.horizontal",
    type: "radio",
    additionalEvents: [{
      event: "change",
      func: function() {
        edge.render({
          element: helper.e(".header-area"),
          delay: 500
        });
      }
    }],
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-header-area-alignment-horizontal-center"),
    path: "header.area.alignment.horizontal",
    type: "radio",
    additionalEvents: [{
      event: "change",
      func: function() {
        edge.render({
          element: helper.e(".header-area"),
          delay: 500
        });
      }
    }],
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-header-area-alignment-horizontal-right"),
    path: "header.area.alignment.horizontal",
    type: "radio",
    additionalEvents: [{
      event: "change",
      func: function() {
        edge.render({
          element: helper.e(".header-area"),
          delay: 500
        });
      }
    }],
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-header-items-alignment-horizontal-left"),
    path: "header.items.alignment.horizontal",
    type: "radio",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-header-items-alignment-horizontal-center"),
    path: "header.items.alignment.horizontal",
    type: "radio",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-header-items-alignment-horizontal-right"),
    path: "header.items.alignment.horizontal",
    type: "radio",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-header-greeting-show"),
    path: "header.greeting.show",
    type: "checkbox",
    func: function() {
      render();
      dependents();
      greeting.clear();
      greeting.render();
    }
  }, {
    element: helper.e(".control-header-greeting-type-good"),
    path: "header.greeting.type",
    type: "radio",
    func: function() {
      render();
      dependents();
      greeting.clear();
      greeting.render();
    }
  }, {
    element: helper.e(".control-header-greeting-type-hello"),
    path: "header.greeting.type",
    type: "radio",
    func: function() {
      render();
      dependents();
      greeting.clear();
      greeting.render();
    }
  }, {
    element: helper.e(".control-header-greeting-type-hi"),
    path: "header.greeting.type",
    type: "radio",
    func: function() {
      render();
      dependents();
      greeting.clear();
      greeting.render();
    }
  }, {
    element: helper.e(".control-header-greeting-name"),
    path: "header.greeting.name",
    type: "text",
    func: function() {
      render();
      dependents();
      greeting.clear();
      greeting.render();
    }
  }, {
    element: helper.e(".control-header-transitional-show"),
    path: "header.transitional.show",
    type: "checkbox",
    func: function() {
      render();
      dependents();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-transitional-type-timeanddate"),
    path: "header.transitional.type",
    type: "radio",
    func: function() {
      render();
      dependents();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-transitional-type-its"),
    path: "header.transitional.type",
    type: "radio",
    func: function() {
      render();
      dependents();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-clock-hours-show"),
    path: "header.clock.hours.show",
    type: "checkbox",
    func: function() {
      render();
      dependents();
      clock.clear();
      clock.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-clock-hours-display-number"),
    path: "header.clock.hours.display",
    type: "radio",
    func: function() {
      render();
      dependents();
      clock.clear();
      clock.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-clock-hours-display-word"),
    path: "header.clock.hours.display",
    type: "radio",
    func: function() {
      render();
      dependents();
      clock.clear();
      clock.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-clock-minutes-show"),
    path: "header.clock.minutes.show",
    type: "checkbox",
    func: function() {
      render();
      dependents();
      clock.clear();
      clock.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-clock-minutes-display-number"),
    path: "header.clock.minutes.display",
    type: "radio",
    func: function() {
      render();
      dependents();
      clock.clear();
      clock.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-clock-minutes-display-word"),
    path: "header.clock.minutes.display",
    type: "radio",
    func: function() {
      render();
      dependents();
      clock.clear();
      clock.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-clock-seconds-show"),
    path: "header.clock.seconds.show",
    type: "checkbox",
    func: function() {
      render();
      dependents();
      clock.clear();
      clock.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-clock-seconds-display-number"),
    path: "header.clock.seconds.display",
    type: "radio",
    func: function() {
      render();
      dependents();
      clock.clear();
      clock.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-clock-seconds-display-word"),
    path: "header.clock.seconds.display",
    type: "radio",
    func: function() {
      render();
      dependents();
      clock.clear();
      clock.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-clock-separator-show"),
    path: "header.clock.separator.show",
    type: "checkbox",
    func: function() {
      clock.clear();
      clock.render();
      greeting.clear();
      greeting.render();
    }
  }, {
    element: helper.e(".control-header-clock-hour24-show"),
    path: "header.clock.hour24.show",
    type: "checkbox",
    func: function() {
      dependents();
      clock.clear();
      clock.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-clock-meridiem-show"),
    path: "header.clock.meridiem.show",
    type: "checkbox",
    func: function() {
      dependents();
      clock.clear();
      clock.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-day-show"),
    path: "header.date.day.show",
    type: "checkbox",
    func: function() {
      render();
      dependents();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-day-display-number"),
    path: "header.date.day.display",
    type: "radio",
    func: function() {
      render();
      dependents();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-day-week-start-monday"),
    path: "header.date.day.weekStart",
    type: "radio",
    func: function() {
      render();
      dependents();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-day-week-start-sunday"),
    path: "header.date.day.weekStart",
    type: "radio",
    func: function() {
      render();
      dependents();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-day-display-word"),
    path: "header.date.day.display",
    type: "radio",
    func: function() {
      render();
      dependents();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-day-length-long"),
    path: "header.date.day.length",
    type: "radio",
    func: function() {
      render();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-day-length-short"),
    path: "header.date.day.length",
    type: "radio",
    func: function() {
      render();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-date-show"),
    path: "header.date.date.show",
    type: "checkbox",
    func: function() {
      render();
      dependents();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-date-display-number"),
    path: "header.date.date.display",
    type: "radio",
    func: function() {
      render();
      dependents();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-date-display-word"),
    path: "header.date.date.display",
    type: "radio",
    func: function() {
      render();
      dependents();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-date-ordinal"),
    path: "header.date.date.ordinal",
    type: "checkbox",
    func: function() {
      render();
      dependents();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-month-show"),
    path: "header.date.month.show",
    type: "checkbox",
    func: function() {
      render();
      dependents();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-month-display-number"),
    path: "header.date.month.display",
    type: "radio",
    func: function() {
      render();
      dependents();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-month-ordinal"),
    path: "header.date.month.ordinal",
    type: "checkbox",
    func: function() {
      render();
      dependents();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-month-display-word"),
    path: "header.date.month.display",
    type: "radio",
    func: function() {
      render();
      dependents();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-month-length-long"),
    path: "header.date.month.length",
    type: "radio",
    func: function() {
      render();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-month-length-short"),
    path: "header.date.month.length",
    type: "radio",
    func: function() {
      render();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-year-show"),
    path: "header.date.year.show",
    type: "checkbox",
    func: function() {
      render();
      dependents();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-year-display-number"),
    path: "header.date.year.display",
    type: "radio",
    func: function() {
      render();
      dependents();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-year-display-word"),
    path: "header.date.year.display",
    type: "radio",
    func: function() {
      render();
      dependents();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-separator-show"),
    path: "header.date.separator.show",
    type: "checkbox",
    func: function() {
      render();
      dependents();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-format-datemonth"),
    path: "header.date.format",
    type: "radio",
    func: function() {
      render();
      dependents();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-date-format-monthdate"),
    path: "header.date.format",
    type: "radio",
    func: function() {
      render();
      dependents();
      date.clear();
      date.render();
      greeting.clear();
      greeting.render();
      transitional.clear();
      transitional.render();
    }
  }, {
    element: helper.e(".control-header-search-show"),
    path: "header.search.show",
    type: "checkbox",
    func: function() {
      render();
      dependents();
      header.render.search();
    }
  }, {
    element: helper.e(".control-header-search-width-style-auto"),
    path: "header.search.width.style",
    type: "radio",
    func: function() {
      render();
      dependents();
      header.render.search();
    }
  }, {
    element: helper.e(".control-header-search-width-style-custom"),
    path: "header.search.width.style",
    type: "radio",
    func: function() {
      render();
      dependents();
      header.render.search();
    }
  }, {
    element: helper.e(".control-header-search-width-custom"),
    path: "header.search.width.custom",
    type: "range",
    additionalEvents: [{
      event: "input",
      func: function() {
        edge.render({
          element: helper.e(".header-search-input"),
        });
      }
    }, {
      event: "mousedown",
      func: function() {
        edge.render({
          element: helper.e(".header-search-input"),
        });
      }
    }, {
      event: "mouseup",
      func: function() {
        edge.destroy();
      }
    }, {
      event: "touchend",
      func: function() {
        edge.destroy();
      }
    }, {
      event: "keydown",
      func: function() {
        if (event.keyCode == 37 || event.keyCode == 38 || event.keyCode == 39 || event.keyCode == 40) {
          edge.render({
            element: helper.e(".header-search-input"),
          });
        };
      }
    }, {
      event: "keyup",
      func: function() {
        edge.destroy();
      }
    }],
    func: function() {
      render();
      header.render.search();
    }
  }, {
    element: helper.e(".control-header-search-focus"),
    path: "header.search.focus",
    type: "checkbox"
  }, {
    element: helper.e(".control-header-search-engine-google"),
    path: "header.search.engine.selected",
    type: "radio",
    func: function() {
      render();
      dependents();
      search.render();
    }
  }, {
    element: helper.e(".control-header-search-engine-duckduckgo"),
    path: "header.search.engine.selected",
    type: "radio",
    func: function() {
      render();
      dependents();
      search.render();
    }
  }, {
    element: helper.e(".control-header-search-engine-youtube"),
    path: "header.search.engine.selected",
    type: "radio",
    func: function() {
      render();
      dependents();
      search.render();
    }
  }, {
    element: helper.e(".control-header-search-engine-giphy"),
    path: "header.search.engine.selected",
    type: "radio",
    func: function() {
      render();
      dependents();
      search.render();
    }
  }, {
    element: helper.e(".control-header-search-engine-custom"),
    path: "header.search.engine.selected",
    type: "radio",
    func: function() {
      render();
      dependents();
      search.render();
    }
  }, {
    element: helper.e(".control-header-search-engine-custom-name"),
    path: "header.search.engine.custom.name",
    type: "text",
    func: function() {
      search.render();
    }
  }, {
    element: helper.e(".control-header-search-engine-custom-url"),
    path: "header.search.engine.custom.url",
    type: "text",
    func: function() {
      search.render();
    }
  }, {
    element: helper.e(".control-header-search-text-align-left"),
    path: "header.search.text.align",
    type: "radio",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-header-search-text-align-center"),
    path: "header.search.text.align",
    type: "radio",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-header-search-text-align-right"),
    path: "header.search.text.align",
    type: "radio",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-header-edit-add-show"),
    path: "header.editAdd.show",
    type: "checkbox",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-header-accent-show"),
    path: "header.accent.show",
    type: "checkbox",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-header-shade-show"),
    path: "header.shade.show",
    type: "checkbox",
    func: function() {
      render();
      dependents();
      header.render.shade();
    }
  }, {
    element: helper.e(".control-header-shade-style-always"),
    path: "header.shade.style",
    type: "radio",
    func: function() {
      render();
      header.render.shade();
    }
  }, {
    element: helper.e(".control-header-shade-style-scroll"),
    path: "header.shade.style",
    type: "radio",
    func: function() {
      render();
      header.render.shade();
    }
  }, {
    element: helper.e(".control-header-shade-opacity"),
    path: "header.shade.opacity",
    type: "range",
    valueMod: ["reverse", "float"],
    func: function() {
      render();
      header.render.opacity();
    }
  }, {
    element: helper.e(".control-header-shade-padding-top"),
    path: "header.shade.padding.top",
    type: "range",
    additionalEvents: [{
      event: "input",
      func: function() {
        edge.render({
          element: helper.e(".header-area")
        });
      }
    }, {
      event: "mousedown",
      func: function() {
        edge.render({
          element: helper.e(".header-area")
        });
      }
    }, {
      event: "mouseup",
      func: function() {
        edge.destroy();
      }
    }, {
      event: "touchend",
      func: function() {
        edge.destroy();
      }
    }, {
      event: "keydown",
      func: function() {
        if (event.keyCode == 37 || event.keyCode == 38 || event.keyCode == 39 || event.keyCode == 40) {
          edge.render({
            element: helper.e(".header-area"),
          });
        };
      }
    }, {
      event: "keyup",
      func: function() {
        edge.destroy();
      }
    }],
    func: function() {
      render();
      header.render.padding();
    }
  }, {
    element: helper.e(".control-header-shade-padding-bottom"),
    path: "header.shade.padding.bottom",
    type: "range",
    additionalEvents: [{
      event: "input",
      func: function() {
        edge.render({
          element: helper.e(".header-area")
        });
      }
    }, {
      event: "mousedown",
      func: function() {
        edge.render({
          element: helper.e(".header-area")
        });
      }
    }, {
      event: "mouseup",
      func: function() {
        edge.destroy();
      }
    }, {
      event: "touchend",
      func: function() {
        edge.destroy();
      }
    }, {
      event: "keydown",
      func: function() {
        if (event.keyCode == 37 || event.keyCode == 38 || event.keyCode == 39 || event.keyCode == 40) {
          edge.render({
            element: helper.e(".header-area"),
          });
        };
      }
    }, {
      event: "keyup",
      func: function() {
        edge.destroy();
      }
    }],
    func: function() {
      render();
      header.render.padding();
    }
  }, {
    element: helper.e(".control-header-shade-border-top-show"),
    path: "header.shade.border.top.show",
    type: "checkbox",
    func: function() {
      render();
      dependents();
      header.render.border();
    }
  }, {
    element: helper.e(".control-header-shade-border-top-width"),
    path: "header.shade.border.top.width",
    type: "range",
    func: function() {
      header.render.border();
    }
  }, {
    element: helper.e(".control-header-shade-border-bottom-show"),
    path: "header.shade.border.bottom.show",
    type: "checkbox",
    func: function() {
      render();
      dependents();
      header.render.border();
    }
  }, {
    element: helper.e(".control-header-shade-border-bottom-width"),
    path: "header.shade.border.bottom.width",
    type: "range",
    func: function() {
      header.render.border();
    }
  }, {
    element: helper.e(".control-link-area-width"),
    path: "link.area.width",
    type: "range",
    additionalEvents: [{
      event: "input",
      func: function() {
        edge.render({
          element: helper.e(".link-area"),
        });
      }
    }, {
      event: "mousedown",
      func: function() {
        edge.render({
          element: helper.e(".link-area"),
        });
      }
    }, {
      event: "mouseup",
      func: function() {
        edge.destroy();
      }
    }, {
      event: "touchend",
      func: function() {
        edge.destroy();
      }
    }, {
      event: "keydown",
      func: function() {
        if (event.keyCode == 37 || event.keyCode == 38 || event.keyCode == 39 || event.keyCode == 40) {
          edge.render({
            element: helper.e(".link-area"),
          });
        };
      }
    }, {
      event: "keyup",
      func: function() {
        edge.destroy();
      }
    }],
    func: function() {
      link.render.width.set();
    }
  }, {
    element: helper.e(".control-link-area-width-match"),
    type: "button",
    additionalEvents: [{
      event: "click",
      func: function() {
        edge.render({
          element: helper.e(".link-area"),
          delay: 500
        });
      }
    }, {
      event: "mouseup",
      func: function() {
        edge.destroy();
      }
    }],
    func: function() {
      link.render.width.match();
      update();
    }
  }, {
    element: helper.e(".control-link-area-alignment-horizontal-left"),
    path: "link.area.alignment.horizontal",
    type: "radio",
    additionalEvents: [{
      event: "change",
      func: function() {
        edge.render({
          element: helper.e(".link-area"),
          delay: 500
        });
      }
    }],
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-link-area-alignment-horizontal-center"),
    path: "link.area.alignment.horizontal",
    type: "radio",
    additionalEvents: [{
      event: "change",
      func: function() {
        edge.render({
          element: helper.e(".link-area"),
          delay: 500
        });
      }
    }],
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-link-area-alignment-horizontal-right"),
    path: "link.area.alignment.horizontal",
    type: "radio",
    additionalEvents: [{
      event: "change",
      func: function() {
        edge.render({
          element: helper.e(".link-area"),
          delay: 500
        });
      }
    }],
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-link-link-show"),
    path: "link.show",
    type: "checkbox",
    func: function() {
      render();
      dependents();
      search.render();
    }
  }, {
    element: helper.e(".control-link-display-show"),
    path: "link.display.show",
    type: "checkbox",
    func: function() {
      render();
      dependents();
    }
  }, {
    element: helper.e(".control-link-display-letter-size"),
    path: "link.display.letter.size",
    type: "range",
    valueMod: ["float"],
    func: function() {
      link.render.displayLetterIcon.size();
    }
  }, {
    element: helper.e(".control-link-display-icon-size"),
    path: "link.display.icon.size",
    type: "range",
    valueMod: ["float"],
    func: function() {
      link.render.displayLetterIcon.size();
    }
  }, {
    element: helper.e(".control-link-name-show"),
    path: "link.name.show",
    type: "checkbox",
    func: function() {
      render();
      dependents();
    }
  }, {
    element: helper.e(".control-link-url-show"),
    path: "link.url.show",
    type: "checkbox",
    func: function() {
      render();
      dependents();
    }
  }, {
    element: helper.e(".control-link-url-style-dark"),
    path: "link.url.style",
    type: "radio",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-link-url-style-light"),
    path: "link.url.style",
    type: "radio",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-link-display-alignment-horizontal-left"),
    path: "link.display.alignment.horizontal",
    type: "radio",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-link-display-alignment-horizontal-center"),
    path: "link.display.alignment.horizontal",
    type: "radio",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-link-display-alignment-horizontal-right"),
    path: "link.display.alignment.horizontal",
    type: "radio",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-link-display-alignment-vertical-top"),
    path: "link.display.alignment.vertical",
    type: "radio",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-link-display-alignment-vertical-center"),
    path: "link.display.alignment.vertical",
    type: "radio",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-link-display-alignment-vertical-bottom"),
    path: "link.display.alignment.vertical",
    type: "radio",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-link-fit-best"),
    path: "link.fit",
    type: "radio",
    func: function() {
      render();
      dependents();
    }
  }, {
    element: helper.e(".control-link-fit-custom"),
    path: "link.fit",
    type: "radio",
    func: function() {
      render();
      dependents();
    }
  }, {
    element: helper.e(".control-link-items-width"),
    path: "link.items.width",
    type: "range",
    additionalEvents: [{
      event: "input",
      func: function() {
        edge.render({
          element: helper.e(".link-item"),
        });
      }
    }, {
      event: "mousedown",
      func: function() {
        edge.render({
          element: helper.e(".link-item"),
        });
      }
    }, {
      event: "mouseup",
      func: function() {
        edge.destroy();
      }
    }, {
      event: "touchend",
      func: function() {
        edge.destroy();
      }
    }, {
      event: "keydown",
      func: function() {
        if (event.keyCode == 37 || event.keyCode == 38 || event.keyCode == 39 || event.keyCode == 40) {
          edge.render({
            element: helper.e(".link-item"),
          });
        };
      }
    }, {
      event: "keyup",
      func: function() {
        edge.destroy();
      }
    }],
    func: function() {
      link.render.items();
    }
  }, {
    element: helper.e(".control-link-items-alignment-horizontal-left"),
    path: "link.items.alignment.horizontal",
    type: "radio",
    additionalEvents: [{
      event: "change",
      func: function() {
        edge.render({
          element: helper.e(".link-area"),
          delay: 500
        });
      }
    }],
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-link-items-alignment-horizontal-center"),
    path: "link.items.alignment.horizontal",
    type: "radio",
    additionalEvents: [{
      event: "change",
      func: function() {
        edge.render({
          element: helper.e(".link-area"),
          delay: 500
        });
      }
    }],
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-link-items-alignment-horizontal-right"),
    path: "link.items.alignment.horizontal",
    type: "radio",
    additionalEvents: [{
      event: "change",
      func: function() {
        edge.render({
          element: helper.e(".link-area"),
          delay: 500
        });
      }
    }],
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-link-new-tab"),
    path: "link.newTab",
    type: "checkbox",
    func: function() {
      link.clear();
      link.render.link();
    }
  }, {
    element: helper.e(".control-link-style-block"),
    path: "link.style",
    type: "radio",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-link-style-list"),
    path: "link.style",
    type: "radio",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-link-sort-none"),
    path: "link.sort",
    type: "radio",
    func: function() {
      link.clear();
      link.render.link();
    }
  }, {
    element: helper.e(".control-link-sort-letter"),
    path: "link.sort",
    type: "radio",
    func: function() {
      link.clear();
      link.render.link();
    }
  }, {
    element: helper.e(".control-link-sort-icon"),
    path: "link.sort",
    type: "radio",
    func: function() {
      link.clear();
      link.render.link();
    }
  }, {
    element: helper.e(".control-link-sort-name"),
    path: "link.sort",
    type: "radio",
    func: function() {
      link.clear();
      link.render.link();
    }
  }, {
    element: helper.e(".control-theme-style-dark"),
    path: "theme.style",
    type: "radio",
    func: function() {
      render();
      accent.render();
    }
  }, {
    element: helper.e(".control-theme-style-light"),
    path: "theme.style",
    type: "radio",
    func: function() {
      render();
      accent.render();
    }
  }, {
    element: helper.e(".control-theme-accent-random-active"),
    path: "theme.accent.random.active",
    type: "checkbox",
    func: function() {
      dependents();
      accent.render();
    }
  }, {
    element: helper.e(".control-theme-accent-random-style-any"),
    path: "theme.accent.random.style",
    type: "radio",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-theme-accent-random-style-light"),
    path: "theme.accent.random.style",
    type: "radio",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-theme-accent-random-style-dark"),
    path: "theme.accent.random.style",
    type: "radio",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-theme-accent-random-style-pastel"),
    path: "theme.accent.random.style",
    type: "radio",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-theme-accent-random-style-saturated"),
    path: "theme.accent.random.style",
    type: "radio",
    func: function() {
      render();
    }
  }, {
    element: helper.e(".control-theme-accent-randomise"),
    type: "button",
    func: function() {
      accent.random();
      accent.render();
    }
  }, {
    element: helper.e(".control-background-image-show"),
    path: "background.image.show",
    type: "checkbox",
    func: function() {
      render();
      dependents();
      background.render();

    }
  }, {
    element: helper.e(".control-background-image-url"),
    path: "background.image.url",
    type: "text",
    func: function() {
      background.render();
    }
  }, {
    element: helper.e(".control-background-image-opacity"),
    path: "background.image.opacity",
    type: "range",
    valueMod: ["reverse", "float"],
    func: function() {
      background.render();
    }
  }, {
    element: helper.e(".control-background-image-grayscale"),
    path: "background.image.grayscale",
    type: "range",
    valueMod: ["float"],
    func: function() {
      background.render();
    }
  }, {
    element: helper.e(".control-background-image-blur"),
    path: "background.image.blur",
    type: "range",
    func: function() {
      background.render();
    }
  }, {
    element: helper.e(".control-background-image-accent"),
    path: "background.image.accent",
    type: "range",
    valueMod: ["float"],
    func: function() {
      background.render();
    }
  }];

  var _bind = function() {
    var eventType = {
      button: "click",
      checkbox: "change",
      radio: "change",
      text: "input",
      number: "input",
      range: "input",
      color: "change"
    };
    var valueType = {
      checkbox: function(object) {
        return object.element.checked;
      },
      radio: function(object) {
        return object.element.value;
      },
      text: function(object) {
        return object.element.value;
      },
      number: function(object) {
        return parseInt(object.element.value, 10);
      },
      range: function(object) {
        return parseInt(object.element.value, 10);
      },
      color: function(object) {
        return helper.hexToRgb(object.element.value);
      }
    };
    var valueMod = {
      reverse: function(value, object) {
        return parseInt(object.element.max, 10) - value;
      },
      float: function(value, object) {
        return value / 100;
      }
    };
    var changeValue = function(object) {
      if (object.path) {
        var newValue = valueType[object.type](object);
        if (object.valueMod) {
          object.valueMod.forEach(function(arrayItem, index) {
            newValue = valueMod[arrayItem](newValue, object);
          });
        };
        helper.setObject({
          object: state.get(),
          path: object.path,
          newValue: newValue
        });
        // console.log(object.path, helper.getObject({
        //   object: state.get(),
        //   path: object.path
        // }));
      };
    };
    var bindControl = function(object) {
      var action = {
        input: function(object, event) {
          changeValue(object);
          if (object.func) {
            object.func();
          };
        },
        button: function(object, event) {
          if (object.func) {
            object.func();
          };
        }
      };
      object.element.addEventListener(eventType[object.type], function(event) {
        action[object.element.tagName.toLowerCase()](object, event);
        data.save();
      }, false);
      if (object.additionalEvents) {
        object.additionalEvents.forEach(function(item, index) {
          object.element.addEventListener(item.event, function(event) {
            item.func(event);
            data.save();
          }, false);
        });
      };
    };
    _allControl.forEach(function(arrayItem, index) {
      bindControl(arrayItem);
    });
  };

  var render = function() {
    var html = helper.e("html");
    var _menu = function() {
      helper.addClass(html, "is-menu");
    };
    var _edit = function() {
      if (state.get().link.edit) {
        helper.addClass(html, "is-link-edit");
        link.tabIndex();
      } else {
        helper.removeClass(html, "is-link-edit");
        link.tabIndex();
      };
    };
    var _date = function() {
      if (state.get().header.date.date.show || state.get().header.date.day.show || state.get().header.date.month.show || state.get().header.date.year.show) {
        helper.addClass(html, "is-header-date-show");
      } else {
        helper.removeClass(html, "is-header-date-show");
      };
    };
    var _clock = function() {
      if (state.get().header.clock.seconds.show || state.get().header.clock.minutes.show || state.get().header.clock.hours.show) {
        helper.addClass(html, "is-header-clock-show");
      } else {
        helper.removeClass(html, "is-header-clock-show");
      };
    };
    var _search = function() {
      if (state.get().header.search.show) {
        helper.addClass(html, "is-header-search-show");
      } else {
        helper.removeClass(html, "is-header-search-show");
      };
      helper.removeClass(html, "is-header-search-width-style-custom");
      helper.removeClass(html, "is-header-search-width-style-auto");
      helper.addClass(html, "is-header-search-width-style-" + state.get().header.search.width.style);
      helper.removeClass(html, "is-header-search-text-align-left");
      helper.removeClass(html, "is-header-search-text-align-center");
      helper.removeClass(html, "is-header-search-text-align-right");
      helper.addClass(html, "is-header-search-text-align-" + state.get().header.search.text.align);
      helper.e(".control-header-search-engine-custom-name").value = state.get().header.search.engine.custom.name;
      helper.e(".control-header-search-engine-custom-url").value = state.get().header.search.engine.custom.url;
    };
    var _link = function() {
      helper.removeClass(html, "is-link-area-alignment-horizontal-left");
      helper.removeClass(html, "is-link-area-alignment-horizontal-center");
      helper.removeClass(html, "is-link-area-alignment-horizontal-right");
      helper.addClass(html, "is-link-area-alignment-horizontal-" + state.get().link.area.alignment.horizontal);
      helper.removeClass(html, "is-link-items-alignment-horizontal-left");
      helper.removeClass(html, "is-link-items-alignment-horizontal-center");
      helper.removeClass(html, "is-link-items-alignment-horizontal-right");
      helper.addClass(html, "is-link-items-alignment-horizontal-" + state.get().link.items.alignment.horizontal);
      helper.removeClass(html, "is-link-display-alignment-horizontal-left");
      helper.removeClass(html, "is-link-display-alignment-horizontal-center");
      helper.removeClass(html, "is-link-display-alignment-horizontal-right");
      helper.addClass(html, "is-link-display-alignment-horizontal-" + state.get().link.display.alignment.horizontal);
      helper.removeClass(html, "is-link-display-alignment-vertical-top");
      helper.removeClass(html, "is-link-display-alignment-vertical-center");
      helper.removeClass(html, "is-link-display-alignment-vertical-bottom");
      helper.addClass(html, "is-link-display-alignment-vertical-" + state.get().link.display.alignment.vertical);
      var view = {
        block: function() {
          helper.addClass(html, "is-link-style-block");
          helper.removeClass(html, "is-link-style-list");
        },
        list: function() {
          helper.removeClass(html, "is-link-style-block");
          helper.addClass(html, "is-link-style-list");
        }
      };
      view[state.get().link.style]();
      var fit = {
        best: function() {
          helper.addClass(html, "is-link-fit-best");
          helper.removeClass(html, "is-link-fit-custom");
        },
        custom: function() {
          helper.removeClass(html, "is-link-fit-best");
          helper.addClass(html, "is-link-fit-custom");
        }
      };
      fit[state.get().link.fit]();
      if (state.get().link.show) {
        helper.addClass(html, "is-link-show");
      } else {
        helper.removeClass(html, "is-link-show");
      };
      if (state.get().link.name.show) {
        helper.addClass(html, "is-link-name-show");
      } else {
        helper.removeClass(html, "is-link-name-show");
      };
      if (state.get().link.display.show) {
        helper.addClass(html, "is-link-display-show");
      } else {
        helper.removeClass(html, "is-link-display-show");
      };
      if (state.get().link.url.show) {
        helper.addClass(html, "is-link-show-url");
      } else {
        helper.removeClass(html, "is-link-show-url");
      };
      var urlText = {
        dark: function() {
          helper.addClass(html, "is-link-url-dark");
          helper.removeClass(html, "is-link-url-light");
        },
        light: function() {
          helper.removeClass(html, "is-link-url-dark");
          helper.addClass(html, "is-link-url-light");
        }
      };
      urlText[state.get().link.url.style]();
    };
    var _layout = function() {
      if (state.get().layout.scrollPastEnd) {
        helper.addClass(html, "is-layout-scroll-past-end");
      } else {
        helper.removeClass(html, "is-layout-scroll-past-end");
      };
      helper.removeClass(html, "is-layout-alignment-horizontal-left");
      helper.removeClass(html, "is-layout-alignment-horizontal-center");
      helper.removeClass(html, "is-layout-alignment-horizontal-right");
      helper.removeClass(html, "is-layout-alignment-vertical-top");
      helper.removeClass(html, "is-layout-alignment-vertical-center");
      helper.removeClass(html, "is-layout-alignment-vertical-bottom");
      helper.addClass(html, "is-layout-alignment-horizontal-" + state.get().layout.alignment.horizontal);
      helper.addClass(html, "is-layout-alignment-vertical-" + state.get().layout.alignment.vertical);
    };
    var _theme = function() {
      helper.removeClass(html, "is-theme-style-dark");
      helper.removeClass(html, "is-theme-style-light");
      helper.addClass(html, "is-theme-style-" + state.get().theme.style);
    };
    var _editAdd = function() {
      if (state.get().header.editAdd.show) {
        helper.addClass(html, "is-header-edit-add-show");
      } else {
        helper.removeClass(html, "is-header-edit-add-show");
      };
    };
    var _accent = function() {
      if (state.get().header.accent.show) {
        helper.addClass(html, "is-header-accent-show");
      } else {
        helper.removeClass(html, "is-header-accent-show");
      };
    };
    var _greeting = function() {
      if (state.get().header.greeting.show) {
        helper.addClass(html, "is-header-greeting-show");
      } else {
        helper.removeClass(html, "is-header-greeting-show");
      };
    };
    var _transitional = function() {
      if (state.get().header.transitional.show && (state.get().header.date.date.show || state.get().header.date.day.show || state.get().header.date.month.show || state.get().header.date.year.show || state.get().header.clock.seconds.show || state.get().header.clock.minutes.show || state.get().header.clock.hours.show)) {
        helper.addClass(html, "is-header-transitional-show");
      } else {
        helper.removeClass(html, "is-header-transitional-show");
      };
    };
    var _background = function() {
      if (state.get().background.image.show) {
        helper.addClass(html, "is-background-image-show");
      } else {
        helper.removeClass(html, "is-background-image-show");
      };
    };
    var _header = function() {
      if (state.get().header.shade.show) {
        helper.addClass(html, "is-header-shade-show");
        helper.removeClass(html, "is-header-shade-style-always");
        helper.removeClass(html, "is-header-shade-style-scroll");
        helper.addClass(html, "is-header-shade-style-" + state.get().header.shade.style);
        helper.removeClass(html, "is-header-area-alignment-horizontal-left");
        helper.removeClass(html, "is-header-area-alignment-horizontal-center");
        helper.removeClass(html, "is-header-area-alignment-horizontal-right");
        helper.addClass(html, "is-header-area-alignment-horizontal-" + state.get().header.area.alignment.horizontal);
        helper.removeClass(html, "is-header-items-alignment-horizontal-left");
        helper.removeClass(html, "is-header-items-alignment-horizontal-center");
        helper.removeClass(html, "is-header-items-alignment-horizontal-right");
        helper.addClass(html, "is-header-items-alignment-horizontal-" + state.get().header.items.alignment.horizontal);
        if (state.get().header.shade.border.top.show) {
          helper.addClass(html, "is-header-shade-border-top-show");
        } else {
          helper.removeClass(html, "is-header-shade-border-top-show");
        };
        if (state.get().header.shade.border.bottom.show) {
          helper.addClass(html, "is-header-shade-border-bottom-show");
        } else {
          helper.removeClass(html, "is-header-shade-border-bottom-show");
        };
      } else {
        helper.removeClass(html, "is-header-shade-show");
        helper.removeClass(html, "is-header-shade-style-always");
        helper.removeClass(html, "is-header-shade-style-scroll");
        helper.removeClass(html, "is-header-shade-border-top-show");
        helper.removeClass(html, "is-header-shade-border-bottom-show");
      };
      state.get().header.area.alignment.horizontal
    };
    _menu();
    _edit();
    _greeting();
    _transitional();
    _date();
    _clock();
    _search();
    _editAdd();
    _accent();
    _link();
    _layout();
    _theme();
    _background();
    _header();
  };

  var dependents = function() {
    var _edit = function() {
      if (bookmarks.get().length > 0) {
        helper.e(".control-edit").disabled = false;
      } else {
        helper.e(".control-edit").disabled = true;
        helper.e(".control-edit").checked = false;
      };
    };
    var _date = function() {
      var activeCount = 0;
      var toCheck = [state.get().header.date.day.show, state.get().header.date.date.show, state.get().header.date.month.show, state.get().header.date.year.show];
      toCheck.forEach(function(arrayItem, index) {
        if (arrayItem == true) {
          activeCount++;
        };
      });
      if (activeCount >= 2 && (state.get().header.date.day.show || state.get().header.date.date.show || state.get().header.date.month.show || state.get().header.date.year.show)) {
        helper.e(".control-header-date-separator-show").disabled = false;
      } else {
        helper.e(".control-header-date-separator-show").disabled = true;
      };
      if (state.get().header.date.date.show && state.get().header.date.month.show) {
        helper.e(".control-header-date-format-label").removeAttribute("disabled");
        helper.e(".control-header-date-format-datemonth").disabled = false;
        helper.e(".control-header-date-format-monthdate").disabled = false;
      } else {
        helper.e(".control-header-date-format-label").setAttribute("disabled", "");
        helper.e(".control-header-date-format-datemonth").disabled = true;
        helper.e(".control-header-date-format-monthdate").disabled = true;
      };
      if (state.get().header.date.day.show) {
        helper.e(".control-header-date-day-display-number").disabled = false;
        helper.e(".control-header-date-day-display-word").disabled = false;
      } else {
        helper.e(".control-header-date-day-display-number").disabled = true;
        helper.e(".control-header-date-day-display-word").disabled = true;
      };
      if (state.get().header.date.date.show) {
        helper.e(".control-header-date-date-display-number").disabled = false;
        helper.e(".control-header-date-date-display-word").disabled = false;
        helper.e(".control-header-date-date-ordinal").disabled = false;
      } else {
        helper.e(".control-header-date-date-display-number").disabled = true;
        helper.e(".control-header-date-date-display-word").disabled = true;
        helper.e(".control-header-date-date-ordinal").disabled = true;
      };
      if (state.get().header.date.month.show) {
        helper.e(".control-header-date-month-display-number").disabled = false;
        helper.e(".control-header-date-month-display-word").disabled = false;
      } else {
        helper.e(".control-header-date-month-display-number").disabled = true;
        helper.e(".control-header-date-month-display-word").disabled = true;
      };
      if (state.get().header.date.year.show) {
        helper.e(".control-header-date-year-display-number").disabled = false;
        helper.e(".control-header-date-year-display-word").disabled = false;
      } else {
        helper.e(".control-header-date-year-display-number").disabled = true;
        helper.e(".control-header-date-year-display-word").disabled = true;
      };
      if (state.get().header.date.day.show && state.get().header.date.day.display == "number") {
        helper.e(".control-header-date-day-week-start-label").removeAttribute("disabled");
        helper.e(".control-header-date-day-week-start-monday").disabled = false;
        helper.e(".control-header-date-day-week-start-sunday").disabled = false;
      } else {
        helper.e(".control-header-date-day-week-start-label").setAttribute("disabled", "");
        helper.e(".control-header-date-day-week-start-monday").disabled = true;
        helper.e(".control-header-date-day-week-start-sunday").disabled = true;
      };
      if (state.get().header.date.day.show && state.get().header.date.day.display == "word") {
        helper.e(".control-header-date-day-length-label").removeAttribute("disabled");
        helper.e(".control-header-date-day-length-long").disabled = false;
        helper.e(".control-header-date-day-length-short").disabled = false;
      } else {
        helper.e(".control-header-date-day-length-label").setAttribute("disabled", "");
        helper.e(".control-header-date-day-length-long").disabled = true;
        helper.e(".control-header-date-day-length-short").disabled = true;
      };
      if (state.get().header.date.month.show && state.get().header.date.month.display == "word") {
        helper.e(".control-header-date-month-length-label").removeAttribute("disabled");
        helper.e(".control-header-date-month-length-long").disabled = false;
        helper.e(".control-header-date-month-length-short").disabled = false;
      } else {
        helper.e(".control-header-date-month-length-label").setAttribute("disabled", "");
        helper.e(".control-header-date-month-length-long").disabled = true;
        helper.e(".control-header-date-month-length-short").disabled = true;
      };
      if (state.get().header.date.month.show && state.get().header.date.month.display == "number") {
        helper.e(".control-header-date-month-ordinal").disabled = false;
      } else {
        helper.e(".control-header-date-month-ordinal").disabled = true;
      };
    };
    var _greeting = function() {
      if (state.get().header.greeting.show) {
        helper.e("[for=control-header-greeting-name]").removeAttribute("disabled");
        helper.e(".control-header-greeting-name").disabled = false;
        helper.e(".control-header-greeting-type-good").disabled = false;
        helper.e(".control-header-greeting-type-hello").disabled = false;
        helper.e(".control-header-greeting-type-hi").disabled = false;
      } else {
        helper.e("[for=control-header-greeting-name]").setAttribute("disabled", "");
        helper.e(".control-header-greeting-name").disabled = true;
        helper.e(".control-header-greeting-type-good").disabled = true;
        helper.e(".control-header-greeting-type-hello").disabled = true;
        helper.e(".control-header-greeting-type-hi").disabled = true;
      };
    };
    var _transitional = function() {
      if (state.get().header.date.date.show || state.get().header.date.day.show || state.get().header.date.month.show || state.get().header.date.year.show || state.get().header.clock.seconds.show || state.get().header.clock.minutes.show || state.get().header.clock.hours.show) {
        helper.e(".control-header-transitional-show").disabled = false;
      } else {
        helper.e(".control-header-transitional-show").disabled = true;
      };
      if (state.get().header.transitional.show && ((state.get().header.date.date.show || state.get().header.date.day.show || state.get().header.date.month.show || state.get().header.date.year.show || state.get().header.clock.seconds.show || state.get().header.clock.minutes.show || state.get().header.clock.hours.show))) {
        helper.e(".control-header-transitional-type-timeanddate").disabled = false;
        helper.e(".control-header-transitional-type-its").disabled = false;
      } else {
        helper.e(".control-header-transitional-type-timeanddate").disabled = true;
        helper.e(".control-header-transitional-type-its").disabled = true;
      };
    };
    var _clock = function() {
      var activeCount = 0;
      var toCheck = [state.get().header.clock.seconds.show, state.get().header.clock.minutes.show, state.get().header.clock.hours.show];
      toCheck.forEach(function(arrayItem, index) {
        if (arrayItem == true) {
          activeCount++;
        };
      });
      if (activeCount >= 2 && (state.get().header.clock.seconds.show || state.get().header.clock.minutes.show || state.get().header.clock.hours.show)) {
        helper.e(".control-header-clock-separator-show").disabled = false;
      } else {
        helper.e(".control-header-clock-separator-show").disabled = true;
      };
      if (state.get().header.clock.seconds.show || state.get().header.clock.minutes.show || state.get().header.clock.hours.show) {
        helper.e(".control-header-clock-hour24-show").disabled = false;
        helper.e(".control-header-clock-meridiem-show").disabled = false;
      } else {
        helper.e(".control-header-clock-hour24-show").disabled = true;
        helper.e(".control-header-clock-meridiem-show").disabled = true;
      };
      if ((state.get().header.clock.seconds.show || state.get().header.clock.minutes.show || state.get().header.clock.hours.show) && !state.get().header.clock.hour24.show) {
        helper.e(".control-header-clock-meridiem-show").disabled = false;
      } else {
        helper.e(".control-header-clock-meridiem-show").disabled = true;
      };
      if (state.get().header.clock.hours.show) {
        helper.e(".control-header-clock-hours-display-number").disabled = false;
        helper.e(".control-header-clock-hours-display-word").disabled = false;
      } else {
        helper.e(".control-header-clock-hours-display-number").disabled = true;
        helper.e(".control-header-clock-hours-display-word").disabled = true;
      };
      if (state.get().header.clock.minutes.show) {
        helper.e(".control-header-clock-minutes-display-number").disabled = false;
        helper.e(".control-header-clock-minutes-display-word").disabled = false;
      } else {
        helper.e(".control-header-clock-minutes-display-number").disabled = true;
        helper.e(".control-header-clock-minutes-display-word").disabled = true;
      };
      if (state.get().header.clock.seconds.show) {
        helper.e(".control-header-clock-seconds-display-number").disabled = false;
        helper.e(".control-header-clock-seconds-display-word").disabled = false;
      } else {
        helper.e(".control-header-clock-seconds-display-number").disabled = true;
        helper.e(".control-header-clock-seconds-display-word").disabled = true;
      };
    };
    var _search = function() {
      if (state.get().header.search.show) {
        helper.e(".control-header-search-width-style-label").removeAttribute("disabled");
        helper.e(".control-header-search-width-style-auto").disabled = false;
        helper.e(".control-header-search-width-style-custom").disabled = false;
        helper.e("[for=control-header-search-width-custom]").removeAttribute("disabled");
        helper.e(".control-header-search-width-custom").disabled = false;
        helper.e(".control-header-search-focus").disabled = false;
        helper.e(".control-header-search-engine-label").removeAttribute("disabled");
        helper.e(".control-header-search-engine-google").disabled = false;
        helper.e(".control-header-search-engine-duckduckgo").disabled = false;
        helper.e(".control-header-search-engine-youtube").disabled = false;
        helper.e(".control-header-search-engine-giphy").disabled = false;
        helper.e(".control-header-search-engine-custom").disabled = false;
        helper.e(".control-header-search-text-align-label").removeAttribute("disabled");
        helper.e(".control-header-search-text-align-left").disabled = false;
        helper.e(".control-header-search-text-align-center").disabled = false;
        helper.e(".control-header-search-text-align-right").disabled = false;
      } else {
        helper.e(".control-header-search-width-style-label").setAttribute("disabled", "");
        helper.e(".control-header-search-width-style-auto").disabled = true;
        helper.e(".control-header-search-width-style-custom").disabled = true;
        helper.e("[for=control-header-search-width-custom]").setAttribute("disabled", "");
        helper.e(".control-header-search-width-custom").disabled = true;
        helper.e(".control-header-search-focus").disabled = true;
        helper.e(".control-header-search-engine-label").setAttribute("disabled", "");
        helper.e(".control-header-search-engine-google").disabled = true;
        helper.e(".control-header-search-engine-duckduckgo").disabled = true;
        helper.e(".control-header-search-engine-youtube").disabled = true;
        helper.e(".control-header-search-engine-giphy").disabled = true;
        helper.e(".control-header-search-engine-custom").disabled = true;
        helper.e(".control-header-search-text-align-label").setAttribute("disabled", "");
        helper.e(".control-header-search-text-align-left").disabled = true;
        helper.e(".control-header-search-text-align-center").disabled = true;
        helper.e(".control-header-search-text-align-right").disabled = true;
      };
      if (state.get().header.search.show && state.get().header.search.engine.selected === "custom") {
        helper.e("[for=control-header-search-engine-custom-name]").removeAttribute("disabled");
        helper.e(".control-header-search-engine-custom-name").disabled = false;
        helper.e("[for=control-header-search-engine-custom-url]").removeAttribute("disabled");
        helper.e(".control-header-search-engine-custom-url").disabled = false;
      } else {
        helper.e("[for=control-header-search-engine-custom-name]").setAttribute("disabled", "");
        helper.e(".control-header-search-engine-custom-name").disabled = true;
        helper.e("[for=control-header-search-engine-custom-url]").setAttribute("disabled", "");
        helper.e(".control-header-search-engine-custom-url").disabled = true;
      };
      if (state.get().header.search.show && state.get().header.search.width.style === "custom") {
        helper.e("[for=control-header-search-width-custom]").removeAttribute("disabled");
        helper.e(".control-header-search-width-custom").disabled = false;
      } else {
        helper.e("[for=control-header-search-width-custom]").setAttribute("disabled", "");
        helper.e(".control-header-search-width-custom").disabled = true;
      };
    };
    var _theme = function() {
      if (state.get().theme.accent.random.active) {
        helper.eA("input[name='control-theme-accent-random-style']").forEach(function(arrayItem, index) {
          arrayItem.disabled = false;
          helper.e(".control-theme-accent-randomise").disabled = false;
        });
      } else {
        helper.eA("input[name='control-theme-accent-random-style']").forEach(function(arrayItem, index) {
          arrayItem.disabled = true;
          helper.e(".control-theme-accent-randomise").disabled = true;
        });
      };
    };
    var _link = function() {
      if (state.get().link.show) {
        helper.e("[for=control-link-area-width]").removeAttribute("disabled");
        helper.e(".control-link-area-width").disabled = false;
        helper.e(".control-link-area-width-match").disabled = false;
        helper.e(".control-link-area-alignment-horizontal-label").removeAttribute("disabled");
        helper.e(".control-link-area-alignment-horizontal-left").disabled = false;
        helper.e(".control-link-area-alignment-horizontal-center").disabled = false;
        helper.e(".control-link-area-alignment-horizontal-right").disabled = false;
        helper.e(".control-link-fit-label").removeAttribute("disabled");
        helper.e(".control-link-fit-best").disabled = false;
        helper.e(".control-link-fit-custom").disabled = false;
        helper.e(".control-link-display-show").disabled = false;
        helper.e(".control-link-name-show").disabled = false;
        helper.e(".control-link-url-show").disabled = false;
        helper.e(".control-link-style-block").disabled = false;
        helper.e(".control-link-style-list").disabled = false;
        helper.e(".control-link-new-tab").disabled = false;
        helper.e(".control-link-sort-none").disabled = false;
        helper.e(".control-link-sort-name").disabled = false;
        helper.e(".control-link-sort-letter").disabled = false;
        helper.e(".control-link-sort-icon").disabled = false;
        helper.e("[for=control-link-display-letter-size]").removeAttribute("disabled");
        helper.e(".control-link-display-letter-size").disabled = false;
        helper.e("[for=control-link-display-icon-size]").removeAttribute("disabled");
        helper.e(".control-link-display-icon-size").disabled = false;
        helper.e(".control-link-display-alignment-horizontal-label").removeAttribute("disabled");
        helper.e(".control-link-display-alignment-horizontal-left").disabled = false;
        helper.e(".control-link-display-alignment-horizontal-center").disabled = false;
        helper.e(".control-link-display-alignment-horizontal-right").disabled = false;
        helper.e(".control-link-display-alignment-vertical-label").removeAttribute("disabled");
        helper.e(".control-link-display-alignment-vertical-top").disabled = false;
        helper.e(".control-link-display-alignment-vertical-center").disabled = false;
        helper.e(".control-link-display-alignment-vertical-bottom").disabled = false;
      } else {
        helper.e("[for=control-link-area-width]").setAttribute("disabled", "");
        helper.e(".control-link-area-width").disabled = true;
        helper.e(".control-link-area-width-match").disabled = true;
        helper.e(".control-link-area-alignment-horizontal-label").setAttribute("disabled", "");
        helper.e(".control-link-area-alignment-horizontal-left").disabled = true;
        helper.e(".control-link-area-alignment-horizontal-center").disabled = true;
        helper.e(".control-link-area-alignment-horizontal-right").disabled = true;
        helper.e(".control-link-fit-label").setAttribute("disabled", "");
        helper.e(".control-link-fit-best").disabled = true;
        helper.e(".control-link-fit-custom").disabled = true;
        helper.e(".control-link-display-show").disabled = true;
        helper.e(".control-link-name-show").disabled = true;
        helper.e(".control-link-url-show").disabled = true;
        helper.e(".control-link-style-block").disabled = true;
        helper.e(".control-link-style-list").disabled = true;
        helper.e(".control-link-new-tab").disabled = true;
        helper.e(".control-link-sort-none").disabled = true;
        helper.e(".control-link-sort-name").disabled = true;
        helper.e(".control-link-sort-letter").disabled = true;
        helper.e(".control-link-sort-icon").disabled = true;
        helper.e("[for=control-link-display-letter-size]").setAttribute("disabled", "");
        helper.e(".control-link-display-letter-size").disabled = true;
        helper.e("[for=control-link-display-icon-size]").setAttribute("disabled", "");
        helper.e(".control-link-display-icon-size").disabled = true;
        helper.e(".control-link-display-alignment-horizontal-label").setAttribute("disabled", "");
        helper.e(".control-link-display-alignment-horizontal-left").disabled = true;
        helper.e(".control-link-display-alignment-horizontal-center").disabled = true;
        helper.e(".control-link-display-alignment-horizontal-right").disabled = true;
        helper.e(".control-link-display-alignment-vertical-label").setAttribute("disabled", "");
        helper.e(".control-link-display-alignment-vertical-top").disabled = true;
        helper.e(".control-link-display-alignment-vertical-center").disabled = true;
        helper.e(".control-link-display-alignment-vertical-bottom").disabled = true;
      };
      if (state.get().link.show && (state.get().link.display.show || state.get().link.name.show || state.get().link.url.show)) {
        helper.e(".control-link-display-alignment-horizontal-label").removeAttribute("disabled");
        helper.e(".control-link-display-alignment-horizontal-left").disabled = false;
        helper.e(".control-link-display-alignment-horizontal-center").disabled = false;
        helper.e(".control-link-display-alignment-horizontal-right").disabled = false;
        helper.e(".control-link-display-alignment-vertical-label").removeAttribute("disabled");
        helper.e(".control-link-display-alignment-vertical-top").disabled = false;
        helper.e(".control-link-display-alignment-vertical-center").disabled = false;
        helper.e(".control-link-display-alignment-vertical-bottom").disabled = false;
      } else {
        helper.e(".control-link-display-alignment-horizontal-label").setAttribute("disabled", "");
        helper.e(".control-link-display-alignment-horizontal-left").disabled = true;
        helper.e(".control-link-display-alignment-horizontal-center").disabled = true;
        helper.e(".control-link-display-alignment-horizontal-right").disabled = true;
        helper.e(".control-link-display-alignment-vertical-label").setAttribute("disabled", "");
        helper.e(".control-link-display-alignment-vertical-top").disabled = true;
        helper.e(".control-link-display-alignment-vertical-center").disabled = true;
        helper.e(".control-link-display-alignment-vertical-bottom").disabled = true;
      };
      if (state.get().link.show && state.get().link.display.show) {
        helper.e("[for=control-link-display-letter-size]").removeAttribute("disabled");
        helper.e(".control-link-display-letter-size").disabled = false;
        helper.e("[for=control-link-display-icon-size]").removeAttribute("disabled");
        helper.e(".control-link-display-icon-size").disabled = false;
      } else {
        helper.e("[for=control-link-display-letter-size]").setAttribute("disabled", "");
        helper.e(".control-link-display-letter-size").disabled = true;
        helper.e("[for=control-link-display-icon-size]").setAttribute("disabled", "");
        helper.e(".control-link-display-icon-size").disabled = true;
      };
      if (state.get().link.show && state.get().link.url.show) {
        helper.e(".control-link-url-style-dark").disabled = false;
        helper.e(".control-link-url-style-light").disabled = false;
      } else {
        helper.e(".control-link-url-style-dark").disabled = true;
        helper.e(".control-link-url-style-light").disabled = true;
      };
      if (state.get().link.show && state.get().link.fit == "best") {
        helper.e("[for=control-link-items-width]").setAttribute("disabled", "");
        helper.e(".control-link-items-width").disabled = true;
        helper.e(".control-link-items-alignment-horizontal-label").setAttribute("disabled", "");
        helper.e(".control-link-items-alignment-horizontal-left").disabled = true;
        helper.e(".control-link-items-alignment-horizontal-center").disabled = true;
        helper.e(".control-link-items-alignment-horizontal-right").disabled = true;
      } else if (state.get().link.show && state.get().link.fit == "custom") {
        helper.e("[for=control-link-items-width]").removeAttribute("disabled");
        helper.e(".control-link-items-width").disabled = false;
        helper.e(".control-link-items-alignment-horizontal-label").removeAttribute("disabled");
        helper.e(".control-link-items-alignment-horizontal-left").disabled = false;
        helper.e(".control-link-items-alignment-horizontal-center").disabled = false;
        helper.e(".control-link-items-alignment-horizontal-right").disabled = false;
      } else {
        helper.e("[for=control-link-items-width]").setAttribute("disabled", "");
        helper.e(".control-link-items-width").disabled = true;
        helper.e(".control-link-items-alignment-horizontal-label").setAttribute("disabled", "");
        helper.e(".control-link-items-alignment-horizontal-left").disabled = true;
        helper.e(".control-link-items-alignment-horizontal-center").disabled = true;
        helper.e(".control-link-items-alignment-horizontal-right").disabled = true;
      };
    };
    var _background = function() {
      if (state.get().background.image.show) {
        helper.e("[for=control-background-image-url]").removeAttribute("disabled");
        helper.e(".control-background-image-url").disabled = false;
        helper.e("[for=control-background-image-opacity]").removeAttribute("disabled");
        helper.e(".control-background-image-opacity").disabled = false;
        helper.e("[for=control-background-image-blur]").removeAttribute("disabled");
        helper.e(".control-background-image-blur").disabled = false;
        helper.e("[for=control-background-image-grayscale]").removeAttribute("disabled");
        helper.e(".control-background-image-grayscale").disabled = false;
        helper.e("[for=control-background-image-accent]").removeAttribute("disabled");
        helper.e(".control-background-image-accent").disabled = false;
      } else {
        helper.e("[for=control-background-image-url]").setAttribute("disabled", "");
        helper.e(".control-background-image-url").disabled = true;
        helper.e("[for=control-background-image-opacity]").setAttribute("disabled", "");
        helper.e(".control-background-image-opacity").disabled = true;
        helper.e("[for=control-background-image-blur]").setAttribute("disabled", "");
        helper.e(".control-background-image-blur").disabled = true;
        helper.e("[for=control-background-image-grayscale]").setAttribute("disabled", "");
        helper.e(".control-background-image-grayscale").disabled = true;
        helper.e("[for=control-background-image-accent]").setAttribute("disabled", "");
        helper.e(".control-background-image-accent").disabled = true;
      };
    };
    var _header = function() {
      if (state.get().header.shade.show) {
        helper.e(".control-header-shade-style-always").disabled = false;
        helper.e(".control-header-shade-style-scroll").disabled = false;
        helper.e("[for=control-header-shade-opacity]").removeAttribute("disabled");
        helper.e(".control-header-shade-opacity").disabled = false;
        helper.e("[for=control-header-shade-padding-top]").removeAttribute("disabled");
        helper.e(".control-header-shade-padding-top").disabled = false;
        helper.e("[for=control-header-shade-padding-bottom]").removeAttribute("disabled");
        helper.e(".control-header-shade-padding-bottom").disabled = false;
        helper.e(".control-header-shade-border-top-show").disabled = false;
        helper.e(".control-header-shade-border-bottom-show").disabled = false;
        helper.e("[for=control-header-shade-border-top-width]").removeAttribute("disabled");
        helper.e(".control-header-shade-border-top-width").disabled = false;
        helper.e("[for=control-header-shade-border-bottom-width]").removeAttribute("disabled");
        helper.e(".control-header-shade-border-bottom-width").disabled = false;
      } else {
        helper.e(".control-header-shade-style-always").disabled = true;
        helper.e(".control-header-shade-style-scroll").disabled = true;
        helper.e("[for=control-header-shade-opacity]").setAttribute("disabled", "");
        helper.e(".control-header-shade-opacity").disabled = true;
        helper.e("[for=control-header-shade-padding-top]").setAttribute("disabled", "");
        helper.e(".control-header-shade-padding-top").disabled = true;
        helper.e("[for=control-header-shade-padding-bottom]").setAttribute("disabled", "");
        helper.e(".control-header-shade-padding-bottom").disabled = true;
        helper.e(".control-header-shade-border-top-show").disabled = true;
        helper.e(".control-header-shade-border-bottom-show").disabled = true;
        helper.e("[for=control-header-shade-border-top-width]").setAttribute("disabled", "");
        helper.e(".control-header-shade-border-top-width").disabled = true;
        helper.e("[for=control-header-shade-border-bottom-width]").setAttribute("disabled", "");
        helper.e(".control-header-shade-border-bottom-width").disabled = true;
      };
      if (state.get().header.shade.show && state.get().header.shade.border.top.show) {
        helper.e("[for=control-header-shade-border-top-width]").removeAttribute("disabled");
        helper.e(".control-header-shade-border-top-width").disabled = false;
      } else {
        helper.e("[for=control-header-shade-border-top-width]").setAttribute("disabled", "");
        helper.e(".control-header-shade-border-top-width").disabled = true;
      };
      if (state.get().header.shade.show && state.get().header.shade.border.bottom.show) {
        helper.e("[for=control-header-shade-border-bottom-width]").removeAttribute("disabled");
        helper.e(".control-header-shade-border-bottom-width").disabled = false;
      } else {
        helper.e("[for=control-header-shade-border-bottom-width]").setAttribute("disabled", "");
        helper.e(".control-header-shade-border-bottom-width").disabled = true;
      };
    };
    _edit();
    _date();
    _clock();
    _greeting();
    _transitional();
    _search();
    _theme();
    _link();
    _background();
    _header();
  };

  var update = function() {
    var valueMod = {
      reverse: function(value, element) {
        return parseInt(element.max, 10) - value;
      },
      float: function(value, element) {
        return value * 100;
      }
    };
    var setValue = {
      checkbox: function(object) {
        object.element.checked = helper.getObject({
          object: state.get(),
          path: object.path
        });
      },
      radio: function(object) {
        helper.e("." + object.element.className.substring(0, object.element.className.lastIndexOf("-") + 1) + helper.getObject({
          object: state.get(),
          path: object.path
        })).checked = true;
      },
      text: function(object) {
        object.element.value = helper.getObject({
          object: state.get(),
          path: object.path
        });
      },
      number: function(object) {
        object.element.value = helper.getObject({
          object: state.get(),
          path: object.path
        });
      },
      range: function(object) {
        var newValue = helper.getObject({
          object: state.get(),
          path: object.path
        });
        if (object.valueMod) {
          object.valueMod.slice().reverse().forEach(function(arrayItem, index) {
            newValue = valueMod[arrayItem](newValue, object.element);
          });
        };
        object.element.value = newValue;
      },
      color: function(object) {
        object.element.value = helper.rgbToHex(helper.getObject({
          object: state.get(),
          path: object.path
        }));
      }
    };
    _allControl.forEach(function(arrayItem, index) {
      if (arrayItem.element.tagName.toLowerCase() == "input") {
        setValue[arrayItem.type](arrayItem);
      };
    });
  };

  var init = function() {
    _bind();
    update();
    dependents();
    render();
  };

  // exposed methods
  return {
    init: init,
    render: render,
    dependents: dependents,
    update: update
  };

})();