@fishtank/fishtank-vue/dist/fishtank-vue.common.min.js

[Fish Tank VueJS Component Module](http://fishtank.bna.com)

"use strict";function _interopDefault(n){return n&&"object"==typeof n&&"default"in n?n.default:n}Object.defineProperty(exports,"__esModule",{value:!0});var Vue=_interopDefault(require("vue")),__vue_normalize__=_interopDefault(require("vue-runtime-helpers/dist/normalize-component.js")),__vue_create_injector__=_interopDefault(require("vue-runtime-helpers/dist/inject-style/browser.js")),iconsVue=require("@fishtank/icons-vue"),assign=_interopDefault(require("core-js/library/fn/object/assign"));require("core-js/modules/es6.function.name");var isArray=_interopDefault(require("core-js/library/fn/array/is-array")),from=_interopDefault(require("core-js/library/fn/array/from")),isIterable=_interopDefault(require("core-js/library/fn/is-iterable")),keys=_interopDefault(require("core-js/library/fn/object/keys")),set=_interopDefault(require("core-js/library/fn/set"));require("core-js/modules/es6.array.sort");var _=_interopDefault(require("lodash"));require("core-js/modules/es6.regexp.replace");var ftColorsObj=_interopDefault(require("@fishtank/colors/dist/text.common.js"));require("core-js/modules/es6.number.constructor");var defineProperty=_interopDefault(require("core-js/library/fn/object/define-property"));require("core-js/modules/es6.regexp.to-string"),require("core-js/modules/es6.regexp.split"),require("core-js/modules/web.dom.iterable"),require("core-js/modules/es6.string.fixed"),require("core-js/modules/es6.string.small");var VueJsPaginate=require("vuejs-paginate"),vueContentLoader=require("vue-content-loader"),_parseInt=_interopDefault(require("core-js/library/fn/parse-int")),ftColorsObj$1=_interopDefault(require("@fishtank/colors/dist/heading.common.js"));require("core-js/modules/es6.typed.uint8-array");var script=Vue.extend({name:"BaseAlert",props:{heading:{type:String,required:!0}},computed:{hasIcon:function(){return!!this.$slots.icon}}}),__vue_script__=script,__vue_render__=function(){var n=this,t=n.$createElement,r=n._self._c||t;return r("div",{class:n.$style.alert},[n.hasIcon?r("div",{class:n.$style.icon},[n._t("icon")],2):n._e(),n._v(" "),r("div",{class:n.hasIcon?n.$style.contentWIcon:n.$style.content},[r("div",{class:n.$style.heading},[n._v(n._s(n.heading))]),n._v(" "),n._t("default")],2)])},__vue_staticRenderFns__=[];__vue_render__._withStripped=!0;var __vue_inject_styles__=function(n){n&&(n("data-v-74974c1c_0",{source:".ft-alert-EqSB {\n  padding: 0.75rem;\n  position: relative;\n  border-color: #292E31;\n  border-width: 1px;\n  border-style: solid;\n}\n.ft-icon-1qwv {\n  position: absolute;\n}\n.ft-icon-1qwv svg {\n    height: 2rem;\n    width: 2rem;\n}\n.ft-contentWIcon-1StY {\n  margin-left: 2.75rem;\n}\n.ft-content-yzHv {\n  font-size: 0.75rem;\n  line-height: 1rem;\n  margin-left: 0.75rem;\n}\n.ft-heading-1j03 {\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-weight: 600;\n  margin-bottom: 0.5rem;\n}\n",map:void 0,media:void 0}),Object.defineProperty(this,"$style",{value:{alert:"ft-alert-EqSB",icon:"ft-icon-1qwv",contentWIcon:"ft-contentWIcon-1StY",content:"ft-content-yzHv",heading:"ft-heading-1j03"}}))},__vue_scope_id__=void 0,__vue_module_identifier__=void 0,__vue_is_functional_template__=!1,BaseAlert=__vue_normalize__({render:__vue_render__,staticRenderFns:__vue_staticRenderFns__},__vue_inject_styles__,__vue_script__,__vue_scope_id__,__vue_is_functional_template__,__vue_module_identifier__,__vue_create_injector__,void 0),script$1={name:"AlertError",components:{BaseAlert:BaseAlert,WarningIcon:iconsVue.Warning32},props:{heading:{type:String,required:!0}}},__vue_script__$1=script$1,__vue_render__$1=function(){var n=this.$createElement,t=this._self._c||n;return t("BaseAlert",{class:this.$style.error,attrs:{heading:this.heading}},[t("WarningIcon",{class:this.$style.icon,attrs:{slot:"icon",scale:1},slot:"icon"}),this._v(" "),this._t("default")],2)},__vue_staticRenderFns__$1=[];__vue_render__$1._withStripped=!0;var __vue_inject_styles__$1=function(n){n&&(n("data-v-07c659b0_0",{source:".ft-error-1UNG {\n  background-color: #FBECEB;\n  border-color: #E1483E;\n}\n.ft-error-1UNG .ft-icon-2GHs {\n    color: #E1483E;\n}\n",map:void 0,media:void 0}),Object.defineProperty(this,"$style",{value:{error:"ft-error-1UNG",icon:"ft-icon-2GHs"}}))},__vue_scope_id__$1=void 0,__vue_module_identifier__$1=void 0,__vue_is_functional_template__$1=!1,AlertError=__vue_normalize__({render:__vue_render__$1,staticRenderFns:__vue_staticRenderFns__$1},__vue_inject_styles__$1,__vue_script__$1,__vue_scope_id__$1,__vue_is_functional_template__$1,__vue_module_identifier__$1,__vue_create_injector__,void 0),script$2=Vue.extend({name:"AlertInfo",components:{BaseAlert:BaseAlert},props:{heading:{type:String,required:!0}}}),__vue_script__$2=script$2,__vue_render__$2=function(){var n=this.$createElement;return(this._self._c||n)("BaseAlert",{class:this.$style.info,attrs:{heading:this.heading}},[this._t("default")],2)},__vue_staticRenderFns__$2=[];__vue_render__$2._withStripped=!0;var __vue_inject_styles__$2=function(n){n&&(n("data-v-040f87f5_0",{source:".ft-info-15HG {\n  background-color: #E7F5FB;\n  border-color: #0D9DDB;\n}\n",map:void 0,media:void 0}),Object.defineProperty(this,"$style",{value:{info:"ft-info-15HG"}}))},__vue_scope_id__$2=void 0,__vue_module_identifier__$2=void 0,__vue_is_functional_template__$2=!1,AlertInfo=__vue_normalize__({render:__vue_render__$2,staticRenderFns:__vue_staticRenderFns__$2},__vue_inject_styles__$2,__vue_script__$2,__vue_scope_id__$2,__vue_is_functional_template__$2,__vue_module_identifier__$2,__vue_create_injector__,void 0),script$3=Vue.extend({name:"AlertSuccess",components:{BaseAlert:BaseAlert},props:{heading:{type:String,required:!0}}}),__vue_script__$3=script$3,__vue_render__$3=function(){var n=this.$createElement;return(this._self._c||n)("BaseAlert",{class:this.$style.success,attrs:{heading:this.heading}},[this._t("default")],2)},__vue_staticRenderFns__$3=[];__vue_render__$3._withStripped=!0;var __vue_inject_styles__$3=function(n){n&&(n("data-v-be32c7c2_0",{source:".ft-success-30AK {\n  background-color: #EBF6F1;\n  border-color: #49B88B;\n}\n",map:void 0,media:void 0}),Object.defineProperty(this,"$style",{value:{success:"ft-success-30AK"}}))},__vue_scope_id__$3=void 0,__vue_module_identifier__$3=void 0,__vue_is_functional_template__$3=!1,AlertSuccess=__vue_normalize__({render:__vue_render__$3,staticRenderFns:__vue_staticRenderFns__$3},__vue_inject_styles__$3,__vue_script__$3,__vue_scope_id__$3,__vue_is_functional_template__$3,__vue_module_identifier__$3,__vue_create_injector__,void 0),assign$1=assign,mixins=Vue.extend({created:function(){window.addEventListener("keydown",this.handleFirstTab)},mounted:function(){this.setBodyAriaForLoader(this)},destroyed:function(){this.removeBodyAriaForLoader(this)},methods:{handleFirstTab:function(n){9===n.keyCode&&(document.body.classList.add("user-is-tabbing"),window.removeEventListener("keydown",this.handleFirstTab),window.addEventListener("mousedown",this.handleMouseDownOnce))},handleMouseDownOnce:function(){document.body.classList.remove("user-is-tabbing"),window.removeEventListener("mousedown",this.handleMouseDownOnce),window.addEventListener("keydown",this.handleFirstTab)},setBodyAriaForLoader:function(n){["FishTankLoaderSpinner","FishTankLoaderContent"].indexOf(n.$options.name)>=0&&(null===document.body.getAttribute("aria-busy")?document.body.setAttribute("aria-busy","true"):"false"===document.body.getAttribute("aria-busy")&&document.body.setAttribute("aria-busy","true"))},removeBodyAriaForLoader:function(n){["FishTankLoaderSpinner","FishTankLoaderContent"].indexOf(n.$options.name)>=0&&null!==document.body.getAttribute("aria-busy")&&document.body.setAttribute("aria-busy","false")}}}),script$4=Vue.extend({name:"BaseButton",mixins:[mixins],props:{disabled:{type:Boolean,default:!1,description:"Specify if button should be disabled"},block:{type:Boolean,default:!1,description:"Changes Button to full width block element"},name:{type:String,default:"",required:!1,description:"Optional name of the button, which can be used with the form data."}},computed:{listeners:function(){var n=this;return assign$1({},this.$listeners,{click:function(t){n.disabled||n.$emit("click",t)}})}}}),__vue_script__$4=script$4,__vue_render__$4=function(){var n,t=this,r=t.$createElement;return(t._self._c||r)("button",t._g({class:(n={},n[t.$style.button]=!0,n[t.$style.buttonDisabled]=t.disabled,n[t.$style.buttonBlock]=t.block,n),attrs:{disabled:t.disabled,type:"button"}},t.listeners),[t._t("default")],2)},__vue_staticRenderFns__$4=[];__vue_render__$4._withStripped=!0;var __vue_inject_styles__$4=function(n){n&&(n("data-v-5023329f_0",{source:'body.ft-user-is-tabbing-2mDK button:focus {\n  -webkit-box-shadow: 0 0 0 2px #0D9DDB;\n          box-shadow: 0 0 0 2px #0D9DDB;\n}\n.ft-baseButton-3d8c {\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-family: "OpenSans", arial, sans-serif;\n  font-weight: 600;\n  padding: 6px 11px 10px 11px;\n  height: 2.5rem;\n}\n.ft-baseButtonSm-3p0F {\n  font-size: 0.75rem;\n  line-height: 1rem;\n  font-family: "OpenSans", arial, sans-serif;\n  font-weight: 600;\n  padding: 7px 11px 9px 11px;\n  height: 2.5rem;\n}\n.ft-button-2Pla {\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-family: "OpenSans", arial, sans-serif;\n  font-weight: 600;\n  padding: 6px 11px 10px 11px;\n  height: 2.5rem;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  border-radius: 2px;\n  border-width: 1px;\n  border-style: solid;\n  outline: none;\n}\n.ft-button-2Pla:active, .ft-button-2Pla:hover {\n    cursor: pointer;\n}\n.ft-button-2Pla:active:disabled, .ft-button-2Pla:hover:disabled {\n      cursor: default;\n      -webkit-box-shadow: none;\n              box-shadow: none;\n}\n.ft-button-2Pla:active {\n    -webkit-box-shadow: none;\n            box-shadow: none;\n}\n.ft-buttonBlock-311V {\n  display: block;\n  width: 100%;\n}\n',map:void 0,media:void 0}),Object.defineProperty(this,"$style",{value:{"user-is-tabbing":"ft-user-is-tabbing-2mDK",baseButton:"ft-baseButton-3d8c",baseButtonSm:"ft-baseButtonSm-3p0F",button:"ft-button-2Pla",buttonBlock:"ft-buttonBlock-311V"}}))},__vue_scope_id__$4=void 0,__vue_module_identifier__$4=void 0,__vue_is_functional_template__$4=!1,FishTankBaseButton=__vue_normalize__({render:__vue_render__$4,staticRenderFns:__vue_staticRenderFns__$4},__vue_inject_styles__$4,__vue_script__$4,__vue_scope_id__$4,__vue_is_functional_template__$4,__vue_module_identifier__$4,__vue_create_injector__,void 0),script$5=Vue.extend({name:"FishTankButtonPrimary",components:{FishTankBaseButton:FishTankBaseButton}}),__vue_script__$5=script$5,__vue_render__$5=function(){var n=this.$createElement;return(this._self._c||n)("fish-tank-base-button",this._g(this._b({staticClass:"button--primary"},"fish-tank-base-button",this.$attrs,!1),this.$listeners),[this._t("default")],2)},__vue_staticRenderFns__$5=[];__vue_render__$5._withStripped=!0;var __vue_inject_styles__$5=function(n){n&&n("data-v-64cebbee_0",{source:".button--primary {\n  background-color: #3DA774;\n  border-color: #30855C;\n  color: #FFFFFF;\n  -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 8px 8px -8px rgba(61, 167, 116, 0.5), 0 10px 15px -8px rgba(0, 0, 0, 0.2);\n          box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 8px 8px -8px rgba(61, 167, 116, 0.5), 0 10px 15px -8px rgba(0, 0, 0, 0.2);\n}\n.button--primary:disabled {\n    -webkit-box-shadow: none;\n            box-shadow: none;\n}\n.button--primary:hover {\n    -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 8px 8px -8px rgba(61, 167, 116, 0.6), 0 10px 15px -8px rgba(0, 0, 0, 0.3);\n            box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 8px 8px -8px rgba(61, 167, 116, 0.6), 0 10px 15px -8px rgba(0, 0, 0, 0.3);\n}\n.button--primary:hover {\n    background-color: #49B88B;\n}\n.button--primary:active {\n    background-color: #399E6E;\n    -webkit-box-shadow: none;\n            box-shadow: none;\n}\n.button--primary:disabled {\n    opacity: 0.4;\n}\n.button--primary:disabled:hover {\n      background-color: #3DA774;\n}\n",map:void 0,media:void 0})},__vue_scope_id__$5=void 0,__vue_module_identifier__$5=void 0,__vue_is_functional_template__$5=!1,FishTankButtonPrimary=__vue_normalize__({render:__vue_render__$5,staticRenderFns:__vue_staticRenderFns__$5},__vue_inject_styles__$5,__vue_script__$5,__vue_scope_id__$5,__vue_is_functional_template__$5,__vue_module_identifier__$5,__vue_create_injector__,void 0),script$6=Vue.extend({name:"FishTankButtonSecondary",introduction:"Secondary Button",description:"Secondary Button",token:["\n    <FishTankButtonSecondary>Options</FishTankButtonSecondary>\n  "],components:{FishTankBaseButton:FishTankBaseButton}}),__vue_script__$6=script$6,__vue_render__$6=function(){var n=this.$createElement;return(this._self._c||n)("fish-tank-base-button",this._g(this._b({staticClass:"button--secondary"},"fish-tank-base-button",this.$attrs,!1),this.$listeners),[this._t("default")],2)},__vue_staticRenderFns__$6=[];__vue_render__$6._withStripped=!0;var __vue_inject_styles__$6=function(n){n&&n("data-v-24893ad3_0",{source:".button--secondary {\n  background-color: #EDF2F5;\n  border-color: #C5CACD;\n  color: #505558;\n  font-weight: 400;\n  -webkit-box-shadow: inset 0 -1px 0 0px rgba(0, 0, 0, 0.08), inset 0 1px 0 0px rgba(255, 255, 255, 0.5), 0 3px 1px -2px rgba(237, 242, 245, 0.5), 0 4px 3px -2px rgba(0, 0, 0, 0.15);\n          box-shadow: inset 0 -1px 0 0px rgba(0, 0, 0, 0.08), inset 0 1px 0 0px rgba(255, 255, 255, 0.5), 0 3px 1px -2px rgba(237, 242, 245, 0.5), 0 4px 3px -2px rgba(0, 0, 0, 0.15);\n}\n.button--secondary:hover {\n    background-color: #F6F8FA;\n    color: #292E31;\n    -webkit-box-shadow: inset 0 -1px 0 0px rgba(0, 0, 0, 0.08), inset 0 1px 0 0px rgba(255, 255, 255, 0.5), 0 3px 1px -2px rgba(237, 242, 245, 0.6), 0 4px 3px -2px rgba(0, 0, 0, 0.2);\n            box-shadow: inset 0 -1px 0 0px rgba(0, 0, 0, 0.08), inset 0 1px 0 0px rgba(255, 255, 255, 0.5), 0 3px 1px -2px rgba(237, 242, 245, 0.6), 0 4px 3px -2px rgba(0, 0, 0, 0.2);\n}\n.button--secondary:active {\n    background-color: #E0E5E8;\n    -webkit-box-shadow: none;\n            box-shadow: none;\n}\n.button--secondary:disabled {\n    color: #C5CACD;\n    border-color: #C5CACD;\n    background-color: #EDF2F5;\n    -webkit-box-shadow: none;\n            box-shadow: none;\n}\n.button--secondary:disabled:hover {\n      background-color: #EDF2F5;\n}\n",map:void 0,media:void 0})},__vue_scope_id__$6=void 0,__vue_module_identifier__$6=void 0,__vue_is_functional_template__$6=!1,FishTankButtonSecondary=__vue_normalize__({render:__vue_render__$6,staticRenderFns:__vue_staticRenderFns__$6},__vue_inject_styles__$6,__vue_script__$6,__vue_scope_id__$6,__vue_is_functional_template__$6,__vue_module_identifier__$6,__vue_create_injector__,void 0),script$7=Vue.extend({name:"FishTankButtonDestructive",introduction:"Destructive Button",components:{FishTankBaseButton:FishTankBaseButton}}),__vue_script__$7=script$7,__vue_render__$7=function(){var n=this.$createElement;return(this._self._c||n)("fish-tank-base-button",this._g(this._b({staticClass:"button--destructive"},"fish-tank-base-button",this.$attrs,!1),this.$listeners),[this._t("default")],2)},__vue_staticRenderFns__$7=[];__vue_render__$7._withStripped=!0;var __vue_inject_styles__$7=function(n){n&&n("data-v-2fdfb5b6_0",{source:".button--destructive {\n  background-color: #E1483E;\n  border-color: #B43931;\n  color: #FFFFFF;\n  -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 8px 8px -8px rgba(225, 72, 62, 0.5), 0 10px 15px -8px rgba(0, 0, 0, 0.2);\n          box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 8px 8px -8px rgba(225, 72, 62, 0.5), 0 10px 15px -8px rgba(0, 0, 0, 0.2);\n}\n.button--destructive:disabled {\n    -webkit-box-shadow: none;\n            box-shadow: none;\n}\n.button--destructive:hover {\n    -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 8px 8px -8px rgba(225, 72, 62, 0.6), 0 10px 15px -8px rgba(0, 0, 0, 0.3);\n            box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 8px 8px -8px rgba(225, 72, 62, 0.6), 0 10px 15px -8px rgba(0, 0, 0, 0.3);\n}\n.button--destructive:hover {\n    background-color: #E7564A;\n}\n.button--destructive:active {\n    background-color: #D5443A;\n    -webkit-box-shadow: none;\n            box-shadow: none;\n}\n.button--destructive:disabled {\n    opacity: 0.4;\n}\n.button--destructive:disabled:hover {\n      background-color: #E1483E;\n}\n",map:void 0,media:void 0})},__vue_scope_id__$7=void 0,__vue_module_identifier__$7=void 0,__vue_is_functional_template__$7=!1,FishTankButtonDestructive=__vue_normalize__({render:__vue_render__$7,staticRenderFns:__vue_staticRenderFns__$7},__vue_inject_styles__$7,__vue_script__$7,__vue_scope_id__$7,__vue_is_functional_template__$7,__vue_module_identifier__$7,__vue_create_injector__,void 0),script$8=Vue.extend({name:"FishTankButtonWhite",introduction:"White Button",description:"White Button",token:["\n    <FishTankButtonWhite>Filter</FishTankButtonWhite>\n  "],components:{FishTankBaseButton:FishTankBaseButton}}),__vue_script__$8=script$8,__vue_render__$8=function(){var n=this.$createElement;return(this._self._c||n)("fish-tank-base-button",this._g(this._b({staticClass:"button--white"},"fish-tank-base-button",this.$attrs,!1),this.$listeners),[this._t("default")],2)},__vue_staticRenderFns__$8=[];__vue_render__$8._withStripped=!0;var __vue_inject_styles__$8=function(n){n&&n("data-v-732436d4_0",{source:".button--white {\n  background-color: #FFFFFF;\n  border-color: #EDF2F5;\n  color: #777C7F;\n  -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 8px 8px -8px rgba(255, 255, 255, 0.5), 0 10px 15px -8px rgba(0, 0, 0, 0.2);\n          box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 8px 8px -8px rgba(255, 255, 255, 0.5), 0 10px 15px -8px rgba(0, 0, 0, 0.2);\n}\n.button--white:disabled {\n    -webkit-box-shadow: none;\n            box-shadow: none;\n}\n.button--white:hover {\n    -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 8px 8px -8px rgba(255, 255, 255, 0.6), 0 10px 15px -8px rgba(0, 0, 0, 0.3);\n            box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 8px 8px -8px rgba(255, 255, 255, 0.6), 0 10px 15px -8px rgba(0, 0, 0, 0.3);\n}\n.button--white:hover {\n    color: #292E31;\n}\n.button--white:active {\n    background-color: #EDF2F5;\n    -webkit-box-shadow: none;\n            box-shadow: none;\n}\n.button--white:disabled {\n    opacity: 0.4;\n}\n.button--white:disabled:hover {\n      background-color: #C5CACD;\n      color: #C5CACD;\n}\n",map:void 0,media:void 0})},__vue_scope_id__$8=void 0,__vue_module_identifier__$8=void 0,__vue_is_functional_template__$8=!1,FishTankButtonWhite=__vue_normalize__({render:__vue_render__$8,staticRenderFns:__vue_staticRenderFns__$8},__vue_inject_styles__$8,__vue_script__$8,__vue_scope_id__$8,__vue_is_functional_template__$8,__vue_module_identifier__$8,__vue_create_injector__,void 0),script$9=Vue.extend({name:"FishTankButtonOutline",components:{FishTankBaseButton:FishTankBaseButton}}),__vue_script__$9=script$9,__vue_render__$9=function(){var n=this.$createElement;return(this._self._c||n)("fish-tank-base-button",this._g(this._b({staticClass:"button--outline"},"fish-tank-base-button",this.$attrs,!1),this.$listeners),[this._t("default")],2)},__vue_staticRenderFns__$9=[];__vue_render__$9._withStripped=!0;var __vue_inject_styles__$9=function(n){n&&n("data-v-4f6944fe_0",{source:".button--outline {\n  background-color: transparent;\n  border-color: #777C7F;\n  border-width: 2px;\n  color: #777C7F;\n}\n.button--outline:hover {\n    color: #FFFFFF;\n    background-color: #777C7F;\n}\n.button--outline:disabled {\n    color: #C5CACD;\n    border-color: #C5CACD;\n}\n.button--outline:disabled:hover {\n      background-color: transparent;\n}\n.button--outline:active {\n    background-color: #505558;\n    border-color: #505558;\n}\n",map:void 0,media:void 0})},__vue_scope_id__$9=void 0,__vue_module_identifier__$9=void 0,__vue_is_functional_template__$9=!1,FishTankButtonOutline=__vue_normalize__({render:__vue_render__$9,staticRenderFns:__vue_staticRenderFns__$9},__vue_inject_styles__$9,__vue_script__$9,__vue_scope_id__$9,__vue_is_functional_template__$9,__vue_module_identifier__$9,__vue_create_injector__,void 0),script$10=Vue.extend({name:"FishTankButtonGradient",components:{FishTankBaseButton:FishTankBaseButton},props:{gradientStart:{type:String,required:!0,default:"#000000",description:"Start Color of Gradient; String(Hex color, or valid CSS color)"},gradientEnd:{type:String,required:!0,default:"#000000",description:"End Color of Gradient; String(Hex color, or valid CSS color)"},colorDirection:{type:String,required:!1,default:"to right",description:'Horizontal Direction of Gradient; String("to right" or "to left")'},block:{type:Boolean,default:!1}},computed:{returnGradientStyle:function(){return"background-image: linear-gradient(".concat(this.colorDirection,", ").concat(this.gradientStart,", ").concat(this.gradientEnd," );")}}}),__vue_script__$10=script$10,__vue_render__$10=function(){var n=this,t=n.$createElement,r=n._self._c||t;return r("a",{staticClass:"button--wrapper",class:{"button--block":n.block},style:n.returnGradientStyle},[r("fish-tank-base-button",n._g(n._b({staticClass:"button--gradient",attrs:{block:n.block}},"fish-tank-base-button",n.$attrs,!1),n.$listeners),[n._t("default")],2)],1)},__vue_staticRenderFns__$10=[];__vue_render__$10._withStripped=!0;var __vue_inject_styles__$10=function(n){n&&n("data-v-2cdcf685_0",{source:".button--block {\n  display: block;\n  width: 100%;\n}\n.button--wrapper {\n  padding: 2px;\n  border-radius: 4px;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  display: inline-block;\n}\n.button--gradient {\n  border: none;\n  background-color: #FFFFFF;\n  color: #777C7F;\n}\n.button--gradient:hover {\n    background: transparent;\n    color: #FFFFFF;\n}\n.button--gradient:disabled {\n    opacity: 0.4;\n}\n.button--gradient:disabled:hover {\n      background-color: #777C7F;\n}\n.button--gradient:active {\n    background-color: rgba(0, 0, 0, 0.3);\n    border-color: rgba(0, 0, 0, 0.3);\n}\n",map:void 0,media:void 0})},__vue_scope_id__$10=void 0,__vue_module_identifier__$10=void 0,__vue_is_functional_template__$10=!1,FishTankButtonGradient=__vue_normalize__({render:__vue_render__$10,staticRenderFns:__vue_staticRenderFns__$10},__vue_inject_styles__$10,__vue_script__$10,__vue_scope_id__$10,__vue_is_functional_template__$10,__vue_module_identifier__$10,__vue_create_injector__,void 0),script$11=Vue.extend({name:"ButtonFAB",components:{FishTankBaseButton:FishTankBaseButton},props:{optionsAvailable:{type:Boolean,required:!0,default:!1},fabColorPrimaryStart:{type:String,required:!0,default:"#0018AB"},fabColorPrimaryEnd:{type:String,required:!0,default:"#9933CC"},fabColorSecondary:{type:String,required:!0,default:"#777C7F"},optionOneLink:{type:String,required:!0,default:" "},optionTwoLink:{type:String,required:!0,default:" "}},computed:{returnPrimaryFabColor:function(){return"background-image:  linear-gradient( 135deg, ".concat(this.fabColorPrimaryStart," 0%, ").concat(this.fabColorPrimaryEnd," 100% ); \n      border-image:  linear-gradient( 135deg, ").concat(this.fabColorPrimaryStart," 0% , ").concat(this.fabColorPrimaryEnd," 100% ) 1% ; ")},returnSecondaryFabColor:function(){return"background:  ".concat(this.fabColorSecondary," ;")}},methods:{}}),__vue_script__$11=script$11,__vue_render__$11=function(){var n=this,t=n.$createElement,r=n._self._c||t;return r("div",{staticClass:"button--fab-wrapper"},[r("fish-tank-base-button",n._g(n._b({staticClass:"button--fab",style:n.returnPrimaryFabColor},"fish-tank-base-button",n.$attrs,!1),n.$listeners),[n._t("mainIcon")],2),n._v(" "),n.optionsAvailable?r("ul",[r("a",{attrs:{href:n.optionOneLink}},[r("li",{style:n.returnSecondaryFabColor},[n._t("option1")],2)]),n._v(" "),r("a",{attrs:{href:n.optionTwoLink}},[r("li",{style:n.returnSecondaryFabColor},[n._t("option2")],2)])]):n._e()],1)},__vue_staticRenderFns__$11=[];__vue_render__$11._withStripped=!0;var __vue_inject_styles__$11=function(n){n&&n("data-v-620dc0cc_0",{source:".button--fab-wrapper {\n  position: fixed;\n  right: 50px;\n  bottom: 50px;\n  z-index: 49;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: center;\n          flex-direction: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  border-color: #3DA774;\n  background-color: none;\n  text-align: center;\n}\n.button--fab-wrapper .button--fab {\n    position: relative;\n    z-index: 50;\n    background-color: #292E31;\n    -o-border-image: transparent;\n       border-image: transparent;\n    width: 56px;\n    height: 56px;\n    border-radius: 50%;\n    font-size: 6em;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);\n            box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);\n    -webkit-transition: all .3s ease-in-out;\n    transition: all .3s ease-in-out;\n}\n.button--fab-wrapper .button--fab:hover {\n      -webkit-transform: scale(1.25);\n              transform: scale(1.25);\n      -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);\n              box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);\n}\n.button--fab-wrapper svg {\n    fill: #FFFFFF;\n}\n.button--fab-wrapper svg path {\n      fill: #FFFFFF;\n}\n.button--fab-wrapper:hover ul {\n    -webkit-transition: 0.5s ease-in;\n    transition: 0.5s ease-in;\n    bottom: 50px;\n    opacity: 1;\n}\n.button--fab-wrapper:hover ul li p {\n      right: 70px;\n      opacity: 1;\n      -webkit-transition: 0.3s ease-in;\n      transition: 0.3s ease-in;\n}\n.button--fab-wrapper p, .button--fab-wrapper a {\n    text-decoration: none;\n    color: #FFFFFF;\n}\n.button--fab-wrapper ul {\n    opacity: 0;\n    list-style-type: none;\n    padding: 0px;\n    width: 100%;\n    position: absolute;\n    z-index: 49;\n    bottom: 0px;\n    margin-bottom: 0;\n    padding-bottom: 12px;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: reverse;\n        -ms-flex-direction: column-reverse;\n            flex-direction: column-reverse;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-transition: all 0.15s ease-in-out;\n    transition: all 0.15s ease-in-out;\n}\n.button--fab-wrapper li {\n    background: #777C7F;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    margin-bottom: 12px;\n    position: relative;\n    font-size: 2em;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -ms-flex-item-align: center;\n        align-self: center;\n    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);\n            box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);\n    -webkit-transition: all .5s ease-in-out;\n    transition: all .5s ease-in-out;\n}\n.button--fab-wrapper li:hover {\n      -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);\n              box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);\n      -webkit-transform: scale(1.25);\n              transform: scale(1.25);\n}\n.button--fab-wrapper li svg {\n      -ms-flex-item-align: center;\n          align-self: center;\n}\n.button--fab-wrapper li a {\n      height: 100%;\n      width: 100%;\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-orient: vertical;\n      -webkit-box-direction: normal;\n          -ms-flex-direction: column;\n              flex-direction: column;\n      -webkit-box-pack: center;\n          -ms-flex-pack: center;\n              justify-content: center;\n      -webkit-box-align: center;\n          -ms-flex-align: center;\n              align-items: center;\n}\n.button--fab-wrapper li p {\n      opacity: 0;\n      color: #292E31;\n      font-size: 0.5em;\n      position: absolute;\n      z-index: 499;\n      right: 0px;\n      top: -12px;\n      height: 100%;\n      display: -webkit-box;\n      display: -ms-flexbox;\n      display: flex;\n      -webkit-box-orient: vertical;\n      -webkit-box-direction: normal;\n          -ms-flex-direction: column;\n              flex-direction: column;\n      -webkit-box-pack: center;\n          -ms-flex-pack: center;\n              justify-content: center;\n      -ms-flex-item-align: center;\n          align-self: center;\n      text-align: left;\n}\n",map:void 0,media:void 0})},__vue_scope_id__$11=void 0,__vue_module_identifier__$11=void 0,__vue_is_functional_template__$11=!1,FishTankButtonFAB=__vue_normalize__({render:__vue_render__$11,staticRenderFns:__vue_staticRenderFns__$11},__vue_inject_styles__$11,__vue_script__$11,__vue_scope_id__$11,__vue_is_functional_template__$11,__vue_module_identifier__$11,__vue_create_injector__,void 0),script$12=Vue.extend({name:"FishTankButtonFeatureLabel",components:{FishTankBaseButton:FishTankBaseButton}}),__vue_script__$12=script$12,__vue_render__$12=function(){var n=this.$createElement,t=this._self._c||n;return t("fish-tank-base-button",this._g(this._b({staticClass:"button--feature-label"},"fish-tank-base-button",this.$attrs,!1),this.$listeners),[this._t("icon"),this._v(" "),t("p",[this._t("label")],2)],2)},__vue_staticRenderFns__$12=[];__vue_render__$12._withStripped=!0;var __vue_inject_styles__$12=function(n){n&&n("data-v-7b8ba021_0",{source:".button--feature-label {\n  padding: 0px;\n  margin: 0px;\n  height: 100%;\n  background-color: transparent;\n  border-color: transparent;\n  border-radius: 4px;\n  color: #777C7F;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.button--feature-label:hover {\n    color: #292E31;\n    background-color: #EDF2F5;\n}\n.button--feature-label:hover svg {\n      fill: #292E31;\n}\n.button--feature-label:active {\n    color: #292E31;\n    background-color: #E0E5E8;\n}\n.button--feature-label:disabled {\n    color: #C5CACD;\n    background: transparent;\n}\n.button--feature-label p {\n    margin: 0px;\n    padding: 0px 4px;\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing: 0.1px;\n    line-height: 20px;\n}\n",map:void 0,media:void 0})},__vue_scope_id__$12=void 0,__vue_module_identifier__$12=void 0,__vue_is_functional_template__$12=!1,FishTankButtonFeatureLabel=__vue_normalize__({render:__vue_render__$12,staticRenderFns:__vue_staticRenderFns__$12},__vue_inject_styles__$12,__vue_script__$12,__vue_scope_id__$12,__vue_is_functional_template__$12,__vue_module_identifier__$12,__vue_create_injector__,void 0),script$13=Vue.extend({name:"FishTankButtonFeatureIcon",components:{FishTankBaseButton:FishTankBaseButton},props:{name:{type:String,required:!1,default:"Feature Icon Button"}},computed:{}}),__vue_script__$13=script$13,__vue_render__$13=function(){var n=this.$createElement;return(this._self._c||n)("fish-tank-base-button",this._g(this._b({staticClass:"button--feature-label",attrs:{role:"button","aria-label":this.name}},"fish-tank-base-button",this.$attrs,!1),this.$listeners),[this._t("default")],2)},__vue_staticRenderFns__$13=[];__vue_render__$13._withStripped=!0;var __vue_inject_styles__$13=function(n){n&&n("data-v-1145cdac_0",{source:".button--feature-label {\n  padding: 0px;\n  margin: 0px;\n  height: 100%;\n  background-color: transparent;\n  border-color: transparent;\n  border-radius: 4px;\n  color: #777C7F;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n.button--feature-label:hover {\n    color: #292E31;\n    background-color: #EDF2F5;\n}\n.button--feature-label:hover svg {\n      fill: #292E31;\n}\n.button--feature-label:active {\n    color: #292E31;\n    background-color: #E0E5E8;\n}\n.button--feature-label:disabled {\n    color: #C5CACD;\n    background: transparent;\n}\n.button--feature-label p {\n    margin: 0px;\n    padding: 0px 4px;\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing: 0.1px;\n    line-height: 20px;\n}\n",map:void 0,media:void 0})},__vue_scope_id__$13=void 0,__vue_module_identifier__$13=void 0,__vue_is_functional_template__$13=!1,FishTankButtonFeatureIcon=__vue_normalize__({render:__vue_render__$13,staticRenderFns:__vue_staticRenderFns__$13},__vue_inject_styles__$13,__vue_script__$13,__vue_scope_id__$13,__vue_is_functional_template__$13,__vue_module_identifier__$13,__vue_create_injector__,void 0),script$14=Vue.extend({name:"FishTankButtonOutlineDark",components:{FishTankBaseButton:FishTankBaseButton}}),__vue_script__$14=script$14,__vue_render__$14=function(){var n=this.$createElement;return(this._self._c||n)("fish-tank-base-button",this._g(this._b({staticClass:"button--outline-dark"},"fish-tank-base-button",this.$attrs,!1),this.$listeners),[this._t("default")],2)},__vue_staticRenderFns__$14=[];__vue_render__$14._withStripped=!0;var __vue_inject_styles__$14=function(n){n&&n("data-v-2e243013_0",{source:".button--outline-dark {\n  background-color: transparent;\n  border-color: #FFFFFF;\n  border-width: 2px;\n  color: #FFFFFF;\n}\n.button--outline-dark:hover {\n    color: #505558;\n    background-color: #FFFFFF;\n}\n.button--outline-dark:disabled {\n    color: #505558;\n    border-color: #505558;\n}\n.button--outline-dark:disabled:hover {\n      background-color: transparent;\n}\n.button--outline-dark:active {\n    background-color: #E0E5E8;\n    border-color: #E0E5E8;\n}\n",map:void 0,media:void 0})},__vue_scope_id__$14=void 0,__vue_module_identifier__$14=void 0,__vue_is_functional_template__$14=!1,FishTankButtonOutlineDark=__vue_normalize__({render:__vue_render__$14,staticRenderFns:__vue_staticRenderFns__$14},__vue_inject_styles__$14,__vue_script__$14,__vue_scope_id__$14,__vue_is_functional_template__$14,__vue_module_identifier__$14,__vue_create_injector__,void 0),script$15=Vue.extend({name:"FishTankButtonOutlineSmall",introduction:"Small Outline Button",description:"Small Outline Button",token:["\n    <FishTankButtonOutlineSmall>Filter</FishTankButtonOutlineSmall>\n  "],components:{FishTankBaseButton:FishTankBaseButton}}),__vue_script__$15=script$15,__vue_render__$15=function(){var n=this.$createElement;return(this._self._c||n)("fish-tank-base-button",this._g(this._b({staticClass:"button--outline button--outline-small"},"fish-tank-base-button",this.$attrs,!1),this.$listeners),[this._t("default")],2)},__vue_staticRenderFns__$15=[];__vue_render__$15._withStripped=!0;var __vue_inject_styles__$15=function(n){n&&n("data-v-3e749d5b_0",{source:".button--outline {\n  background-color: transparent;\n  border-color: #777C7F;\n  border-width: 2px;\n  color: #777C7F;\n}\n.button--outline:hover {\n    color: #FFFFFF;\n    background-color: #777C7F;\n}\n.button--outline:disabled {\n    color: #C5CACD;\n    border-color: #C5CACD;\n}\n.button--outline:disabled:hover {\n      background-color: transparent;\n}\n.button--outline:active {\n    background-color: #505558;\n    border-color: #505558;\n}\n.button--outline-small {\n  height: 24px;\n  border-width: 1px;\n  padding: 1px 8px 2px 8px;\n  line-height: 20px;\n  font-size: 0.875rem;\n  font-weight: 600;\n  letter-spacing: 0.1px;\n  text-align: center;\n}\n",map:void 0,media:void 0})},__vue_scope_id__$15=void 0,__vue_module_identifier__$15=void 0,__vue_is_functional_template__$15=!1,FishTankButtonOutlineSmall=__vue_normalize__({render:__vue_render__$15,staticRenderFns:__vue_staticRenderFns__$15},__vue_inject_styles__$15,__vue_script__$15,__vue_scope_id__$15,__vue_is_functional_template__$15,__vue_module_identifier__$15,__vue_create_injector__,void 0),script$16=Vue.extend({name:"FishTankButtonOutlineDarkSmall",components:{FishTankBaseButton:FishTankBaseButton}}),__vue_script__$16=script$16,__vue_render__$16=function(){var n=this.$createElement;return(this._self._c||n)("fish-tank-base-button",this._g(this._b({staticClass:"button--outline-dark ft-button--outline-small"},"fish-tank-base-button",this.$attrs,!1),this.$listeners),[this._t("default")],2)},__vue_staticRenderFns__$16=[];__vue_render__$16._withStripped=!0;var __vue_inject_styles__$16=function(n){n&&n("data-v-28655486_0",{source:".button--outline-dark {\n  background-color: transparent;\n  border-color: #FFFFFF;\n  border-width: 2px;\n  color: #FFFFFF;\n}\n.button--outline-dark:hover {\n    color: #505558;\n    background-color: #FFFFFF;\n}\n.button--outline-dark:disabled {\n    color: #505558;\n    border-color: #505558;\n}\n.button--outline-dark:disabled:hover {\n      background-color: transparent;\n}\n.button--outline-dark:active {\n    background-color: #E0E5E8;\n    border-color: #E0E5E8;\n}\n.ft-button--outline-small {\n  height: 24px;\n  border-width: 1px;\n  padding: 1px 8px 2px 8px;\n  line-height: 20px;\n  font-size: 0.875rem;\n  font-weight: 600;\n  letter-spacing: 0.1px;\n  text-align: center;\n}\n",map:void 0,media:void 0})},__vue_scope_id__$16=void 0,__vue_module_identifier__$16=void 0,__vue_is_functional_template__$16=!1,FishTankButtonOutlineDarkSmall=__vue_normalize__({render:__vue_render__$16,staticRenderFns:__vue_staticRenderFns__$16},__vue_inject_styles__$16,__vue_script__$16,__vue_scope_id__$16,__vue_is_functional_template__$16,__vue_module_identifier__$16,__vue_create_injector__,void 0),script$17=Vue.extend({props:{heading:{type:String,required:!1,default:void 0,description:"Card heading text"},branded:{type:String,required:!1,default:void 0,description:"Card displays a branded header strip or background color."}}}),__vue_script__$17=script$17,__vue_render__$17=function(){var n=this,t=n.$createElement,r=n._self._c||t;return r("div",{staticClass:"card"},[n.branded?r("div",{class:[n.branded,n.$style.brandStripe]}):n._e(),n._v(" "),r("div",{class:n.$style.container},[n._t("heading",null,{headerClass:n.$style.heading}),n._v(" "),!n.$slots.heading&&n.heading?r("div",{class:n.$style.heading,attrs:{role:"heading","aria-level":"3"}},[n._v("\n      "+n._s(n.heading)+"\n    ")]):n._e(),n._v(" "),r("div",{class:n.$style.body},[n._t("default")],2)],2)])},__vue_staticRenderFns__$17=[];__vue_render__$17._withStripped=!0;var __vue_inject_styles__$17=function(n){n&&(n("data-v-a4211754_0",{source:".card + .card {\n  margin-top: 1.5rem;\n}\n",map:void 0,media:void 0}),n("data-v-a4211754_1",{source:'.ft-container-2Lyk {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  border-radius: 2px;\n  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);\n          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);\n}\n.ft-brandStripe-2FlT {\n  border-radius: 2px 2px 0 0;\n  height: 4px;\n}\n.ft-brandStripe-2FlT + .ft-container-2Lyk .ft-card__heading-3Kil {\n  border-radius: 0;\n}\n.ft-brandStripe-2FlT + .ft-container-2Lyk .ft-body-3Mzi {\n  border-top: none;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n}\n.ft-heading-2Hqb {\n  border: 1px solid #C5CACD;\n  border-radius: 2px 2px 0 0;\n  padding: 0.75rem;\n  background-color: #EDF2F5;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  font-family: "OpenSans", arial, sans-serif;\n  font-weight: 600;\n  letter-spacing: 0rem;\n}\n.ft-body-3Mzi {\n  padding: 0.75rem;\n  border-radius: 2px;\n  background-color: #FFFFFF;\n  border: 1px solid #C5CACD;\n}\n.ft-heading-2Hqb + .ft-body-3Mzi {\n  border-top: none;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n}\n',map:void 0,media:void 0}),Object.defineProperty(this,"$style",{value:{container:"ft-container-2Lyk",brandStripe:"ft-brandStripe-2FlT",card__heading:"ft-card__heading-3Kil",body:"ft-body-3Mzi",heading:"ft-heading-2Hqb"}}))},__vue_scope_id__$17=void 0,__vue_module_identifier__$17=void 0,__vue_is_functional_template__$17=!1,FishTankCard=__vue_normalize__({render:__vue_render__$17,staticRenderFns:__vue_staticRenderFns__$17},__vue_inject_styles__$17,__vue_script__$17,__vue_scope_id__$17,__vue_is_functional_template__$17,__vue_module_identifier__$17,__vue_create_injector__,void 0),isArray$1=isArray;function _arrayWithoutHoles(n){if(isArray$1(n)){for(var t=0,r=new Array(n.length);t<n.length;t++)r[t]=n[t];return r}}var from$1=from,isIterable$1=isIterable;function _iterableToArray(n){if(isIterable$1(Object(n))||"[object Arguments]"===Object.prototype.toString.call(n))return from$1(n)}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function _toConsumableArray(n){return _arrayWithoutHoles(n)||_iterableToArray(n)||_nonIterableSpread()}var keys$1=keys,set$1=set;function identity(){return{className:new set$1,inlineStyle:{}}}function fromClassName(){for(var n=arguments.length,t=new Array(n),r=0;r<n;r++)t[r]=arguments[r];return{className:new set$1(t),inlineStyle:{}}}function fromInlineStyle(n){return{className:new set$1,inlineStyle:n}}var mapClassName=function(n){return function(t){var r=t.className,i=t.inlineStyle;return{className:new set$1(from$1(r).map(n)),inlineStyle:i}}};function concat(n){return n.reduce(function(n,t){return{className:new set$1([].concat(_toConsumableArray(from$1(n.className)),_toConsumableArray(from$1(t.className)))),inlineStyle:assign$1({},n.inlineStyle,t.inlineStyle)}},identity())}var toProps=function(n){var t=n.className,r=n.inlineStyle,i={className:"",style:{}};return t.size>0&&(i.className=from$1(t).sort().join(" ")),keys$1(r).length>0&&(i.style=r),i},arrayToProps=function(n){var t=n.className,r=n.inlineStyle,i={className:[""],style:{}};return t.size>0&&(i.className=from$1(t).sort()),keys$1(r).length>0&&(i.style=r),i};function mapping(n){return function(t){return _.has(n,t)?fromClassName(n[t]):identity()}}function toggle(){for(var n=arguments.length,t=new Array(n),r=0;r<n;r++)t[r]=arguments[r];return function(n){return n?fromClassName.apply(void 0,t):identity()}}function range(n){return function(t){return fromClassName("".concat(n).concat(t<0?"N".concat(Math.abs(t)):t))}}function rangeWithoutZero(n){return function(t){return 0===t?identity():range(n)(t)}}function bind(n,t){return function(r){return mapClassName(function(n){return t[n]})(n(r))}}var union=function(){for(var n=arguments.length,t=new Array(n),r=0;r<n;r++)t[r]=arguments[r];return function(n){return concat(t.map(function(t){return t(n)}))}};function propToFishtankColorName(n){var t=[n[0],n.substring(1,n.length)],r=t[1];return"color".concat(t[0].toUpperCase()).concat(r)}var fontSizes=["headingLg","headingMd","headingSm","baseLg","baseMd","baseSm"],align=["left","right","center","justify"],script$18=Vue.extend({name:"FishTankText",props:{align:{type:String,default:"left",validator:function(n){return-1!==align.indexOf(n)},description:"Text alignment"},color:{type:String,validator:function(n){return propToFishtankColorName(n)in ftColorsObj},default:"black",description:"Font color"},inline:{type:Boolean,required:!1,default:!1,description:"Text renders in an inline element (span)"},bold:{type:Boolean,required:!1,default:!1,description:"Bold font weight"},semiBold:{type:Boolean,required:!1,default:!1,description:"Semi-bold font weight"},size:{type:String,default:"baseLg",validator:function(n){return-1!==fontSizes.indexOf(n)},description:"Font size"},truncate:{type:Boolean,default:!1,description:"Text, within a container of fixed size, overflows with ellipsis"},font:{default:"primary",type:String,validator:function(n){return-1!==["primary","accent"].indexOf(n)},description:"Text font type"},italic:{default:!1,type:Boolean,description:"Text renders as italic"}},computed:{styles:function(){return this.$style},propMapping:function(){var n=this.styles;return{color:this.colorMappingFunc,inline:toggle(n.inline),semiBold:toggle(n.fontWeightSemiBold),bold:toggle(n.fontWeightBold),italic:toggle(n.fontStyleItalic),size:mapping({headingLg:n.fontSizeHeadingLg,headingMd:n.fontSizeHeadingMd,headingSm:n.fontSizeHeadingSm,baseLg:n.fontSizeBaseLg,baseMd:n.fontSizeBaseMd,baseSm:n.fontSizeBaseSm}),font:mapping({primary:n.primary,accent:n.accent}),align:mapping({left:n.alignLeft,right:n.alignRight,center:n.alignCenter,justify:n.alignJustify})}},textProps:function(){var n=concat([mapping(this.styles)("antialiased"),identity()]);for(var t in this.$props){if(t in this.propMapping)n=concat([n,_.get(this.propMapping,t)(this.$props[t])])}var r=toProps(n);return{class:r.className,style:r.style}}},methods:{colorMappingFunc:function(n){return n?mapping(this.styles)(propToFishtankColorName(n)):identity()}},render:function(n){var t=this.textProps;return this.$props.inline?n("span",{class:t.class,style:t.style},this.$slots.default):n("div",{class:t.class,style:t.style},this.$slots.default)}}),__vue_script__$18=script$18,__vue_inject_styles__$18=function(n){n&&(n("data-v-0d341a31_0",{source:'/*\nThis file was generated by running\n  $ /Users/bakpa3/.nvm/versions/node/v8.12.0/bin/node /Users/bakpa3/Projects/fishtank-colors/scripts/generate_color_css-text.js\n*/\n.ft-colorBlack-3MQw {\n  color: #292E31;\n}\n.ft-colorGrayDark-2kUO {\n  color: #505558;\n}\n.ft-colorGray-2MNj {\n  color: #777C7F;\n}\n.ft-colorGrayLight-341k {\n  color: #9EA3A6;\n}\n.ft-colorGrayLighter-2F5g {\n  color: #C5CACD;\n}\n.ft-colorGrayLightest-2pqx {\n  color: #EDF2F5;\n}\n.ft-colorWhite-1AOJ {\n  color: #FFFFFF;\n}\n.ft-colorLink-1UwZ {\n  color: #267ABD;\n}\n.ft-colorLinkVisited-1TH6 {\n  color: #7F57B8;\n}\n.ft-colorLinkDarkBg-Pxph {\n  color: #ACCCE5;\n}\n.ft-colorDisabled-R72H {\n  color: #C5CACD;\n}\n.ft-colorAction-94jA {\n  color: #3DA774;\n}\n.ft-colorSelected-3p37 {\n  color: #0D9DDB;\n}\n.ft-colorError-l8pd {\n  color: #E1483E;\n}\n.ft-colorWarning-daj2 {\n  color: #FFB511;\n}\n.ft-colorBlawBlue-2RU0 {\n  color: #0D9DDB;\n}\n.ft-colorBtaxBlue-tv4r {\n  color: #2785D6;\n}\n.ft-colorThemeAntitrust-2-3Y {\n  color: #57534A;\n}\n.ft-colorThemeBanking-2CyK {\n  color: #379851;\n}\n.ft-colorThemeBankruptcy-11yO {\n  color: #C52700;\n}\n.ft-colorThemeBenefits-Sg27 {\n  color: #EA6A02;\n}\n.ft-colorThemeCorporate-2it9 {\n  color: #8A5BB6;\n}\n.ft-colorThemeEdiscovery-2bPV {\n  color: #F64A56;\n}\n.ft-colorThemeEnvironment-3lXI {\n  color: #6DC470;\n}\n.ft-colorThemeHealth-2-_E {\n  color: #0D3B91;\n}\n.ft-colorThemeIp-qXML {\n  color: #1E95C1;\n}\n.ft-colorThemeLabor-2V0J {\n  color: #00C18C;\n}\n.ft-colorThemeSecurities-oHD4 {\n  color: #45BDE9;\n}\n.ft-colorThemeTelecom-179D {\n  color: #6A8C8A;\n}\n.ft-colorDataviz1-1Flf {\n  color: #63B995;\n}\n.ft-colorDataviz2-M2XH {\n  color: #1E4882;\n}\n.ft-colorDataviz3-Bhil {\n  color: #F87060;\n}\n.ft-colorDataviz4-1fIU {\n  color: #1AA2AF;\n}\n.ft-colorDataviz5-2rDh {\n  color: #FFB511;\n}\n.ft-colorDataviz6-GFD4 {\n  color: #9357C8;\n}\n.ft-colorDataviz7-5lVO {\n  color: #F697C0;\n}\n.ft-colorDataviz8-3CYF {\n  color: #2ECC71;\n}\n.ft-colorDataviz9-1Ya9 {\n  color: #34495E;\n}\n.ft-colorDataviz10-2JRH {\n  color: #FF6D10;\n}\n.ft-colorDatavizPositive-20Bw {\n  color: #2ECC71;\n}\n.ft-colorDatavizNegative-Z7_o {\n  color: #F87060;\n}\n.ft-colorDemocrat-3mpy {\n  color: #0A54C2;\n}\n.ft-colorRepublican-1zAc {\n  color: #D3301A;\n}\n.ft-colorIndependent-3Du_ {\n  color: #FFB00D;\n}\n.ft-colorBlackBg-oZMB {\n  background: #292E31;\n}\n.ft-colorGrayDarkBg-1a-n {\n  background: #505558;\n}\n.ft-colorGrayBg-2eKF {\n  background: #777C7F;\n}\n.ft-colorGrayLightBg-3D1P {\n  background: #9EA3A6;\n}\n.ft-colorGrayLighterBg-3F5r {\n  background: #C5CACD;\n}\n.ft-colorGrayLightestBg-jgxR {\n  background: #EDF2F5;\n}\n.ft-colorWhiteBg-276o {\n  background: #FFFFFF;\n}\n.ft-colorLinkBg-1_Ss {\n  background: #267ABD;\n}\n.ft-colorLinkVisitedBg-2pnS {\n  background: #7F57B8;\n}\n.ft-colorLinkDarkBgBg-czGD {\n  background: #ACCCE5;\n}\n.ft-colorDisabledBg-3GHn {\n  background: #C5CACD;\n}\n.ft-colorActionBg-2NwW {\n  background: #3DA774;\n}\n.ft-colorSelectedBg-1ui- {\n  background: #0D9DDB;\n}\n.ft-colorErrorBg-3S93 {\n  background: #E1483E;\n}\n.ft-colorWarningBg-2cU6 {\n  background: #FFB511;\n}\n.ft-colorBlawBlueBg-2BBK {\n  background: #0D9DDB;\n}\n.ft-colorBtaxBlueBg-2CwI {\n  background: #2785D6;\n}\n.ft-colorThemeAntitrustBg-bEBm {\n  background: #57534A;\n}\n.ft-colorThemeBankingBg-jW5h {\n  background: #379851;\n}\n.ft-colorThemeBankruptcyBg-1RVh {\n  background: #C52700;\n}\n.ft-colorThemeBenefitsBg-3A3B {\n  background: #EA6A02;\n}\n.ft-colorThemeCorporateBg-2IJI {\n  background: