import Vue from "vue";
import Vuetify from "vuetify/lib";

//---------------------------
//ICONS
//tree shaking compatible icon method
//https://stackoverflow.com/a/58261449/8939
import { library } from "@fortawesome/fontawesome-svg-core";
import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome"; //https://github.com/FortAwesome/vue-fontawesome

/*
NOTES: in case need to get fancy 
https://github.com/FortAwesome/vue-fontawesome#advanced
import {
  FontAwesomeIcon,
  FontAwesomeLayers,
  FontAwesomeLayersText
} from "@fortawesome/vue-fontawesome"; //https://github.com/FortAwesome/vue-fontawesome
Vue.component("font-awesome-layers", FontAwesomeLayers);
Vue.component("font-awesome-layers-text", FontAwesomeLayersText);


classes seem to work when props don't for
  let classes = {
    'fa-spin': props.spin,
    'fa-pulse': props.pulse,
    'fa-fw': props.fixedWidth,
    'fa-border': props.border,
    'fa-li': props.listItem,
    'fa-inverse': props.inverse,
    'fa-flip-horizontal': props.flip === 'horizontal' || props.flip === 'both',
    'fa-flip-vertical': props.flip === 'vertical' || props.flip === 'both',
    [`fa-${props.size}`]: props.size !== null,
    [`fa-rotate-${props.rotation}`]: props.rotation !== null,
    [`fa-pull-${props.pull}`]: props.pull !== null,
    'fa-swap-opacity': props.swapOpacity
  }
*/

Vue.component("font-awesome-icon", FontAwesomeIcon); // Register component globally

//REGULAR
import {
  faSquare as farSquare,
  faCircle as farCircle,
  faDotCircle as farDotCircle
} from "@fortawesome/free-regular-svg-icons";

//SOLID
import {
  faAddressBook,
  faAddressCard,
  faArrowsAltH,
  faArrowsAltV,
  faAt,
  faBackward,
  faBars,
  faBell,
  faBinoculars,
  faBold,
  faBox,
  faBoxes,
  faBoxOpen,
  faCampground,
  faBullhorn,
  faBusinessTime,
  faCalculator,
  faCalendarAlt,
  faCalendarCheck,
  faCalendarDay,
  faCarBattery,
  faCaretDown,
  faChartBar,
  faChartLine,
  faCheckCircle,
  faCheckSquare,
  faChevronDown,
  faChevronLeft,
  faChevronRight,
  faCircle,
  faClipboard,
  faClipboardList,
  faClock,
  faClone,
  faCode,
  faCog,
  faCogs,
  faCoins,
  faColumns,
  faCommentAlt,
  faConciergeBell,
  faCopy,
  faDiceD20,
  faDolly,
  //faDollyFlatbed,
  faDoorOpen,
  faDraftingCompass,
  faDragon,
  faDumpster,
  faEdit,
  faEgg,
  faEllipsisV,
  faEnvelopeOpenText,
  faExchangeAlt,
  faExclamation,
  faExclamationCircle,
  faExclamationTriangle,
  faExternalLinkAlt,
  faEye,
  faEyeSlash,
  faFan,
  faFeather,
  faFile,
  faFileAlt,
  faFileArchive,
  faFileAudio,
  faFileCode,
  faFileContract,
  faFileCsv,
  faFileDownload,
  faFileExcel,
  faFileImage,
  faFileImport,
  faFileMedicalAlt,
  faFilePdf,
  faFilePowerpoint,
  faFileUpload,
  faFileVideo,
  faFileWord,
  faFilter,
  faFireAlt,
  faFlag,
  faFolder,
  faForward,
  faGenderless,
  faGlasses,
  faGlobe,
  faHammer,
  faHeading,
  faHistory,
  faHome,
  faImage,
  faInbox,
  faInfoCircle,
  faItalic,
  faKey,
  faLanguage,
  faLayerGroup,
  faLifeRing,
  faLink,
  faListAlt,
  faListOl,
  faListUl,
  faLock,
  faLuggageCart,
  faMagic,
  faMapMarkerAlt,
  faMapMarkedAlt,
  faMinus,
  faMinusSquare,
  faMoneyBillWave,
  faMoon,
  faObjectGroup,
  faPallet,
  faPaperclip,
  //faPaperPlane,
  faParachuteBox,
  faPencilAlt,
  faPencilRuler,
  faPeopleCarry,
  faPercent,
  faPhoneAlt,
  faPlug,
  faPlus,
  faPlusCircle,
  faPrint,
  faProjectDiagram,
  faPuzzlePiece,
  faQuestionCircle,
  faQuoteLeft,
  faReply,
  faRobot,
  faRocket,
  faSave,
  faSearch,
  faSeedling,
  faServer,
  faShare,
  faShippingFast,
  faSignInAlt,
  faSignOutAlt,
  faSitemap,
  faSkullCrossbones,
  faSlidersH,
  faSort,
  faSortAmountDown,
  faSortAmountUp,
  faSplotch,
  faSquareFull,
  faStamp,
  faStepBackward,
  faStepForward,
  faStickyNote,
  faStore,
  faStopCircle,
  faStrikethrough,
  faSun,
  faSync,
  faTable,
  faTachometerAlt,
  faTags,
  faTasks,
  faThList,
  faTicketAlt,
  faTimesCircle,
  faToolbox,
  faTools,
  faTrashAlt,
  faTrashRestoreAlt,
  faTruckLoading,
  faTruckMonster,
  faUndo,
  faUser,
  faUserClock,
  faUserCog,
  faUsers,
  faUserTie,
  faVial,
  faWarehouse,
  faWeight,
  faWrench
} from "@fortawesome/free-solid-svg-icons";

Vue.component("font-awesome-icon", FontAwesomeIcon);

library.add(
  faAddressBook,
  faAddressCard,
  faArrowsAltH,
  faArrowsAltV,
  faAt,
  faBackward,
  faBars,
  faBell,
  faBinoculars,
  faBold,
  faBox,
  faBoxes,
  faBoxOpen,
  faCampground,
  faBullhorn,
  faBusinessTime,
  faCalculator,
  faCalendarAlt,
  faCalendarCheck,
  faCalendarDay,
  faCarBattery,
  faCaretDown,
  faChartBar,
  faChartLine,
  faCheckCircle,
  faCheckSquare,
  faChevronDown,
  faChevronLeft,
  faChevronRight,
  faClipboard,
  faClipboardList,
  faCircle,
  farCircle,
  faClock,
  faClone,
  faCode,
  faCog,
  faCogs,
  faCoins,
  faColumns,
  faCommentAlt,
  faConciergeBell,
  faCopy,
  faDiceD20,
  faDolly,
  //faDollyFlatbed,
  faDoorOpen,
  farDotCircle,
  faDraftingCompass,
  faDragon,
  faDumpster,
  faEdit,
  faEgg,
  faEllipsisV,
  faEnvelopeOpenText,
  faExchangeAlt,
  faExclamation,
  faExclamationCircle,
  faExclamationTriangle,
  faExternalLinkAlt,
  faEye,
  faEyeSlash,
  faFan,
  faFeather,
  faFile,
  faFileAlt,
  faFileArchive,
  faFileAudio,
  faFileCode,
  faFileContract,
  faFileCsv,
  faFileDownload,
  faFileExcel,
  faFileImage,
  faFileImport,
  faFileMedicalAlt,
  faFilePdf,
  faFilePowerpoint,
  faFileUpload,
  faFileVideo,
  faFileWord,
  faFilter,
  faFireAlt,
  faFlag,
  faFolder,
  faForward,
  faGenderless,
  faGlasses,
  faGlobe,
  faHammer,
  faHeading,
  faHistory,
  faHome,
  faImage,
  faInbox,
  faInfoCircle,
  faItalic,
  faKey,
  faLanguage,
  faLayerGroup,
  faLifeRing,
  faLink,
  faListAlt,
  faListOl,
  faListUl,
  faLock,
  faLuggageCart,
  faMagic,
  faMapMarkerAlt,
  faMapMarkedAlt,
  faMinus,
  faMinusSquare,
  faMoneyBillWave,
  faMoon,
  faObjectGroup,
  faPallet,
  faPaperclip,
  //faPaperPlane,
  faParachuteBox,
  faPencilAlt,
  faPencilRuler,
  faPeopleCarry,
  faPercent,
  faPhoneAlt,
  faPlug,
  faPlus,
  faPlusCircle,
  faPrint,
  faProjectDiagram,
  faPuzzlePiece,
  faQuestionCircle,
  faQuoteLeft,
  faReply,
  faRobot,
  faRocket,
  faSave,
  faSearch,
  faSeedling,
  faServer,
  faShare,
  faShippingFast,
  faSignInAlt,
  faSignOutAlt,
  faSitemap,
  faSkullCrossbones,
  faSlidersH,
  faSort,
  faSortAmountDown,
  faSortAmountUp,
  faSplotch,
  farSquare,
  faSquareFull,
  faStamp,
  faStepBackward,
  faStepForward,
  faStickyNote,
  faStore,
  faStopCircle,
  faStrikethrough,
  faSun,
  faSync,
  faTable,
  faTachometerAlt,
  faTags,
  faTasks,
  faThList,
  faTicketAlt,
  faTimesCircle,
  faToolbox,
  faTools,
  faTrashAlt,
  faTrashRestoreAlt,
  faTruckLoading,
  faTruckMonster,
  faUndo,
  faUser,
  faUserClock,
  faUserCog,
  faUsers,
  faUserTie,
  faVial,
  faWarehouse,
  faWeight,
  faWrench
);

const CUSTOM_ICONS = {
  ayiAddressBook: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "address-book"]
    }
  },
  ayiAddressCard: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "address-card"]
    }
  },
  ayiArrowsAltH: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "arrows-alt-h"]
    }
  },
  ayiArrowsAltV: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "arrows-alt-v"]
    }
  },
  ayiAt: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "at"]
    }
  },
  ayiBackward: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "backward"]
    }
  },
  ayiBell: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "bell"]
    }
  },
  ayiBinoculars: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "binoculars"]
    }
  },
  ayiBold: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "bold"]
    }
  },
  ayiBox: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "box"]
    }
  },
  ayiBoxes: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "boxes"]
    }
  },
  ayiBoxOpen: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "box-open"]
    }
  },
  ayiCampground: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "campground"]
    }
  },
  ayiBullhorn: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "bullhorn"]
    }
  },
  ayiBusinessTime: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "business-time"]
    }
  },
  ayiCalculator: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "calculator"]
    }
  },
  ayiCalendarAlt: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "calendar-alt"]
    }
  },
  ayiCalendarCheck: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "calendar-check"]
    }
  },
  ayiCalendarDay: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "calendar-day"]
    }
  },
  ayiCarBattery: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "car-battery"]
    }
  },
  ayiChartBar: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "chart-bar"]
    }
  },
  ayiChartLine: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "chart-line"]
    }
  },
  ayiCheckCircle: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "check-circle"]
    }
  },
  ayiCheckSquare: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "check-square"]
    }
  },
  ayiCircle: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "circle"]
    }
  },
  ayiClipboard: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "clipboard"]
    }
  },
  ayiClipboardList: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "clipboard-list"]
    }
  },
  ayiClock: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "clock"]
    }
  },
  ayiClone: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "clone"]
    }
  },
  ayiCode: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "code"]
    }
  },
  ayiCog: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "cog"]
    }
  },
  ayiCogs: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "cogs"]
    }
  },
  ayiCoins: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "coins"]
    }
  },
  ayiColumns: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "columns"]
    }
  },
  ayiCommentAlt: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "comment-alt"]
    }
  },
  ayiConciergeBell: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "concierge-bell"]
    }
  },
  ayiCopy: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "copy"]
    }
  },
  ayiCustomize: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "sliders-h"]
    }
  },
  ayiDiceD20: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "dice-d20"]
    }
  },
  ayiDolly: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "dolly"]
    }
  },
  // ayiDollyFlatbed: {
  //   component: FontAwesomeIcon,
  //   props: {
  //     icon: ["fas", "dolly-flatbed"]
  //   }
  // },
  ayiDoorOpen: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "door-open"]
    }
  },
  ayiDraftingCompass: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "drafting-compass"]
    }
  },
  ayiDragon: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "dragon"]
    }
  },
  ayiDumpster: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "dumpster"]
    }
  },
  ayiEdit: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "edit"]
    }
  },
  ayiEgg: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "egg"]
    }
  },
  ayiEnvelopeOpenText: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "envelope-open-text"]
    }
  },
  ayiExchangeAlt: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "exchange-alt"]
    }
  },
  ayiExclamationCircle: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "exclamation-circle"]
    }
  },
  ayiExclamationTriangle: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "exclamation-triangle"]
    }
  },
  ayiExternalLinkAlt: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "external-link-alt"]
    }
  },
  ayiEye: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "eye"]
    }
  },
  ayiEyeSlash: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "eye-slash"]
    }
  },
  ayiEllipsisV: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "ellipsis-v"]
    }
  },
  ayiFan: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "fan"]
    }
  },
  ayiFeather: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "feather"]
    }
  },
  ayiFile: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "file"]
    }
  },
  ayiFileArchive: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "file-archive"]
    }
  },
  ayiFileAlt: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "file-alt"]
    }
  },
  ayiFileAudio: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "file-audio"]
    }
  },
  ayiFileCode: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "file-code"]
    }
  },
  ayiFileContract: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "file-contract"]
    }
  },
  ayiFileCsv: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "file-csv"]
    }
  },
  ayiFileDownload: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "file-download"]
    }
  },
  ayiFileExcel: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "file-excel"]
    }
  },
  ayiFileImage: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "file-image"]
    }
  },
  ayiFileImport: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "file-import"]
    }
  },
  ayiFileMedicalAlt: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "file-medical-alt"]
    }
  },
  ayiFilePdf: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "file-pdf"]
    }
  },
  ayiFilePowerpoint: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "file-powerpoint"]
    }
  },
  ayiFileUpload: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "file-upload"]
    }
  },
  ayiFileVidio: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "file-vidio"]
    }
  },
  ayiFileWord: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "file-word"]
    }
  },
  ayiFilter: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "filter"]
    }
  },
  ayiFireAlt: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "fire-alt"]
    }
  },
  ayiFlag: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "flag"]
    }
  },
  ayiFolder: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "folder"]
    }
  },
  ayiForward: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "forward"]
    }
  },
  ayiGenderless: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "genderless"]
    }
  },
  ayiGlasses: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "glasses"]
    }
  },
  ayiGlobe: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "globe"]
    }
  },
  ayiHammer: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "hammer"]
    }
  },
  ayiHeading: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "heading"]
    }
  },
  ayiHistory: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "history"]
    }
  },
  ayiHome: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "home"]
    }
  },
  ayiImage: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "image"]
    }
  },
  ayiInbox: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "inbox"]
    }
  },
  ayiInfoCircle: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "info-circle"]
    }
  },
  ayiItalic: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "italic"]
    }
  },
  ayiKey: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "key"]
    }
  },
  ayiLanguage: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "language"]
    }
  },
  ayiLayerGroup: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "layer-group"]
    }
  },
  ayiLifeRing: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "life-ring"]
    }
  },
  ayiLink: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "link"]
    }
  },
  ayiListAlt: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "list-alt"]
    }
  },
  ayiListOl: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "list-ol"]
    }
  },
  ayiListUl: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "list-ul"]
    }
  },
  ayiLock: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "lock"]
    }
  },
  ayiLuggageCart: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "luggage-cart"]
    }
  },
  ayiMagic: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "magic"]
    }
  },
  ayiMapMarker: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "map-marker-alt"]
    }
  },
  ayiMapMarked: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "map-marked-alt"]
    }
  },
  ayiMinus: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "minus"]
    }
  },
  ayiMoneyBillWave: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "money-bill-wave"]
    }
  },
  ayiMoon: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "moon"]
    }
  },
  ayiObjectGroup: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "object-group"]
    }
  },
  ayiPallet: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "pallet"]
    }
  },
  ayiPaperclip: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "paperclip"]
    }
  },
  // ayiPaperPlane: {
  //   component: FontAwesomeIcon,
  //   props: {
  //     icon: ["fas", "paper-plane"]
  //   }
  // },
  ayiParachuteBox: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "parachute-box"]
    }
  },
  ayiPencilAlt: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "pencil-alt"]
    }
  },
  ayiPencilRuler: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "pencil-ruler"]
    }
  },
  ayiPeopleCarry: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "people-carry"]
    }
  },
  ayiPercent: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "percent"]
    }
  },
  ayiPhoneAlt: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "phone-alt"]
    }
  },
  ayiPlug: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "plug"]
    }
  },
  ayiPlus: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "plus"]
    }
  },
  ayiPlusCircle: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "plus-circle"]
    }
  },
  ayiPrint: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "print"]
    }
  },
  ayiProjectDiagram: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "project-diagram"]
    }
  },
  ayiPuzzlePiece: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "puzzle-piece"]
    }
  },
  ayiQuestionCircle: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "question-circle"]
    }
  },
  ayiQuoteLeft: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "quote-left"]
    }
  },
  ayiReply: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "reply"]
    }
  },
  ayiRobot: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "robot"]
    }
  },
  ayiRocket: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "rocket"]
    }
  },
  ayiSave: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "save"]
    }
  },
  ayiSearch: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "search"]
    }
  },
  ayiSeedling: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "seedling"]
    }
  },
  ayiServer: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "server"]
    }
  },
  ayiShare: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "share"]
    }
  },
  ayiShippingFast: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "shipping-fast"]
    }
  },
  ayiSignIn: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "sign-in-alt"]
    }
  },
  ayiSignOut: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "sign-out-alt"]
    }
  },
  ayiSitemap: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "sitemap"]
    }
  },
  ayiSkullCrossbones: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "skull-crossbones"]
    }
  },
  ayiSort: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "sort"]
    }
  },
  ayiSortAmountDown: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "sort-amount-down"]
    }
  },
  ayiSortAmountUp: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "sort-amount-up"]
    }
  },
  ayiSplotch: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "splotch"]
    }
  },
  ayiStamp: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "stamp"]
    }
  },
  ayiSquare: {
    component: FontAwesomeIcon,
    props: {
      icon: ["far", "square"]
    }
  },
  ayiSquareFull: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "square-full"]
    }
  },
  ayiStepBackward: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "step-backward"]
    }
  },
  ayiStepForward: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "step-forward"]
    }
  },
  ayiStickyNote: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "sticky-note"]
    }
  },
  ayiStore: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "store"]
    }
  },
  ayiStopCircle: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "stop-circle"]
    }
  },
  ayiStrikethrough: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "strikethrough"]
    }
  },
  ayiSun: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "sun"]
    }
  },
  ayiSync: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "sync"]
    }
  },
  ayiTable: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "table"]
    }
  },
  ayiTachometer: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "tachometer-alt"]
    }
  },
  ayiTags: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "tags"]
    }
  },
  ayiTasks: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "tasks"]
    }
  },
  ayiThList: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "th-list"]
    }
  },
  ayiTicket: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "ticket-alt"]
    }
  },
  ayiToolbox: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "toolbox"]
    }
  },
  ayiTools: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "tools"]
    }
  },
  ayiTrashAlt: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "trash-alt"]
    }
  },
  ayiTrashRestoreAlt: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "trash-restore-alt"]
    }
  },
  ayiTruckLoading: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "truck-loading"]
    }
  },
  ayiTruckMonster: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "truck-monster"]
    }
  },
  ayiUndo: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "undo"]
    }
  },
  ayiUser: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "user"]
    }
  },
  ayiUserClock: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "user-clock"]
    }
  },
  ayiUserCog: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "user-cog"]
    }
  },
  ayiUsers: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "users"]
    }
  },
  ayiUserTie: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "user-tie"]
    }
  },
  ayiVial: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "vial"]
    }
  },
  ayiWarehouse: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "warehouse"]
    }
  },
  ayiWeight: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "weight"]
    }
  },
  ayiWrench: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "wrench"]
    }
  },
  //VUETIFY REQUIRED ONES
  //https://vuetifyjs.com/en/features/icons/#using-custom-icons
  checkboxIndeterminate: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "minus-square"]
    }
  },
  clear: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "times-circle"]
    }
  },
  dropdown: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "caret-down"]
    }
  },
  exclamation: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "exclamation"]
    }
  },
  info: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "info-circle"]
    }
  },
  menu: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "bars"]
    }
  },
  prev: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "chevron-left"]
    }
  },
  radioOn: {
    component: FontAwesomeIcon,
    props: {
      icon: ["far", "dot-circle"]
    }
  },
  radioOff: {
    component: FontAwesomeIcon,
    props: {
      icon: ["far", "circle"]
    }
  },
  next: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "chevron-right"]
    }
  },
  sort: {
    component: FontAwesomeIcon,
    props: {
      icon: ["fas", "chevron-down"]
    }
  }
};
//-------------

Vue.use(Vuetify);

export default new Vuetify({
  theme: {
    themes: {
      light: {
        primary: "#00205B", //dark blue
        secondary: "#00843D", //green
        accent: "#DB7022", //lighter orangey red, more friendly looking
        error: "#FF5252", //lighter red
        disabled: "#C7C7C7",
        readonlybanner: "#808080"
      },
      dark: {
        //color adjuster tool: https://www.hexcolortool.com/#00205c
        primary: "#7F9FDA", //dark blue LIGHTENED 50%
        secondary: "#006B24", //green DARKENED 10%
        accent: "#DB7022", //lighter orangey red, more friendly looking
        error: "#FF5252", //lighter red
        disabled: "#C7C7C7",
        readonlybanner: "#808080"
      }
    },
    options: { variations: false }
  },
  icons: {
    iconfont: "faSvg",
    values: CUSTOM_ICONS
  }
});
