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

[Fish Tank VueJS Component Module](https://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"),defineProperty=_interopDefault(require("core-js/library/fn/object/define-property")),iterator=_interopDefault(require("core-js/library/fn/symbol/iterator")),symbol=_interopDefault(require("core-js/library/fn/symbol")),getPrototypeOf=_interopDefault(require("core-js/library/fn/object/get-prototype-of")),setPrototypeOf=_interopDefault(require("core-js/library/fn/object/set-prototype-of")),create=_interopDefault(require("core-js/library/fn/object/create")),tslib_1=require("tslib"),vuePropertyDecorator=require("vue-property-decorator");require("core-js/modules/es6.regexp.to-string"),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"));require("core-js/modules/es6.object.keys"),require("core-js/modules/es6.array.sort"),require("core-js/modules/es6.array.from"),require("core-js/modules/web.dom.iterable"),require("core-js/modules/es6.string.iterator"),require("core-js/modules/es6.set");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"),require("core-js/modules/es6.regexp.split"),require("core-js/modules/es6.string.fixed");var vueClassComponent=require("vue-class-component"),colors=require("@fishtank/colors/dist/index.common"),colors__default=colors.default;require("core-js/modules/es6.string.small");var getIterator=_interopDefault(require("core-js/library/fn/get-iterator")),VueJsPaginate=require("vuejs-paginate"),vueContentLoader=require("vue-content-loader");require("core-js/modules/es7.symbol.async-iterator"),require("core-js/modules/es6.symbol");var ftColorsObj$1=_interopDefault(require("@fishtank/colors/dist/heading.common.js"));require("core-js/modules/es6.array.find"),require("core-js/modules/es6.string.anchor");var Popper=_interopDefault(require("popper.js")),vueClickaway=require("vue-clickaway"),axios=_interopDefault(require("axios"));require("core-js/modules/es6.regexp.constructor");var VTooltip=_interopDefault(require("v-tooltip"));require("core-js/modules/es7.object.get-own-property-descriptors");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,e=n._self._c||t;return e("div",{class:n.$style.alert},[n.hasIcon?e("div",{class:n.$style.icon},[n._t("icon")],2):n._e(),n._v(" "),e("div",{class:n.hasIcon?n.$style.contentWIcon:n.$style.content},[e("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-56e99658_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("base-alert",{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-70da196a_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)("base-alert",{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-698eea9e_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)("base-alert",{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-3164918f_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);function _classCallCheck(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}var defineProperty$1=defineProperty;function _defineProperties(n,t){for(var e=0;e<t.length;e++){var a=t[e];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),defineProperty$1(n,a.key,a)}}function _createClass(n,t,e){return t&&_defineProperties(n.prototype,t),e&&_defineProperties(n,e),n}var iterator$1=iterator,symbol$1=symbol;function _typeof2(n){return(_typeof2="function"==typeof symbol$1&&"symbol"==typeof iterator$1?function(n){return typeof n}:function(n){return n&&"function"==typeof symbol$1&&n.constructor===symbol$1&&n!==symbol$1.prototype?"symbol":typeof n})(n)}function _typeof(n){return(_typeof="function"==typeof symbol$1&&"symbol"===_typeof2(iterator$1)?function(n){return _typeof2(n)}:function(n){return n&&"function"==typeof symbol$1&&n.constructor===symbol$1&&n!==symbol$1.prototype?"symbol":_typeof2(n)})(n)}function _assertThisInitialized(n){if(void 0===n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}function _possibleConstructorReturn(n,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(n):t}var getPrototypeOf$1=getPrototypeOf,setPrototypeOf$1=setPrototypeOf;function _getPrototypeOf(n){return(_getPrototypeOf=setPrototypeOf$1?getPrototypeOf$1:function(n){return n.__proto__||getPrototypeOf$1(n)})(n)}var create$1=create;function _setPrototypeOf(n,t){return(_setPrototypeOf=setPrototypeOf$1||function(n,t){return n.__proto__=t,n})(n,t)}function _inherits(n,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");n.prototype=create$1(t&&t.prototype,{constructor:{value:n,writable:!0,configurable:!0}}),t&&setPrototypeOf(n,t)}var inputOrientation=function(n){function t(){return _classCallCheck(this,t),_possibleConstructorReturn(this,_getPrototypeOf(t).apply(this,arguments))}return _inherits(t,vuePropertyDecorator.Vue),t}();tslib_1.__decorate([vuePropertyDecorator.Prop({type:String,default:null})],inputOrientation.prototype,"orientation",void 0);var orientation=inputOrientation=tslib_1.__decorate([vuePropertyDecorator.Component({})],inputOrientation),TextInputMixin=function(n){function t(){return _classCallCheck(this,t),_possibleConstructorReturn(this,_getPrototypeOf(t).apply(this,arguments))}return _inherits(t,vuePropertyDecorator.Vue),_createClass(t,[{key:"data",value:function(){return{identifier:(1e4*Math.random()).toFixed(0).toString(),isFocused:!1}}},{key:"showRightIcon",get:function(){return!!this.$slots.rightIcon||this.$props.value&&this.$props.value.length>0}},{key:"errorMessage",get:function(){if(this.error)return"string"==typeof this.error?this.error:this.error.fullMessage?this.error.fullMessage:void 0}}]),t}();tslib_1.__decorate([vuePropertyDecorator.Prop({required:!1,type:String,default:""})],TextInputMixin.prototype,"value",void 0),tslib_1.__decorate([vuePropertyDecorator.Prop({required:!1,type:String,default:void 0})],TextInputMixin.prototype,"label",void 0),tslib_1.__decorate([vuePropertyDecorator.Prop({type:String,default:null,required:!1})],TextInputMixin.prototype,"id",void 0),tslib_1.__decorate([vuePropertyDecorator.Prop({type:Boolean,default:!1,required:!1})],TextInputMixin.prototype,"required",void 0),tslib_1.__decorate([vuePropertyDecorator.Prop({required:!1,default:null,type:[String,Object],validator:function(n){return"string"==typeof n||!!n.fullMessage}})],TextInputMixin.prototype,"error",void 0);var textInputMixin=TextInputMixin=tslib_1.__decorate([vuePropertyDecorator.Component({})],TextInputMixin),a11y=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")}}}),boxMixin={props:{},computed:{tagElement:function(){return void 0===this.as?this.tag:this.as}}},FishTankBaseButton=function(n){function t(){return _classCallCheck(this,t),_possibleConstructorReturn(this,_getPrototypeOf(t).apply(this,arguments))}return _inherits(t,vuePropertyDecorator.Vue),_createClass(t,[{key:"listeners",get:function(){var n=this;return Object.assign({},this.$listeners,{click:function(t){n.disabled||n.$emit("click",t)}})}}]),t}();tslib_1.__decorate([vuePropertyDecorator.Prop({default:!1,type:Boolean})],FishTankBaseButton.prototype,"disabled",void 0),tslib_1.__decorate([vuePropertyDecorator.Prop({default:!1,type:Boolean})],FishTankBaseButton.prototype,"block",void 0),tslib_1.__decorate([vuePropertyDecorator.Prop({type:String,default:"",required:!1})],FishTankBaseButton.prototype,"name",void 0);var script$4=FishTankBaseButton=tslib_1.__decorate([vuePropertyDecorator.Component({mixins:[a11y]})],FishTankBaseButton),__vue_script__$4=script$4,__vue_render__$4=function(){var n,t=this,e=t.$createElement;return(t._self._c||e)("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-14cfcf83_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$1=__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$1},mounted:function(){}}),__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-47acd396_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",components:{FishTankBaseButton:FishTankBaseButton$1},mounted:function(){}}),__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-677a9965_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$1},mounted:function(){}}),__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-473557d4_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",components:{FishTankBaseButton:FishTankBaseButton$1},mounted:function(){}}),__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-1f63938d_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$1},mounted:function(){}}),__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-0c478889_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$1},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,e=n._self._c||t;return e("a",{staticClass:"button--wrapper",class:{"button--block":n.block},style:n.returnGradientStyle},[e("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$1},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,e=n._self._c||t;return e("div",{staticClass:"button--fab-wrapper"},[e("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?e("ul",[e("a",{attrs:{href:n.optionOneLink}},[e("li",{style:n.returnSecondaryFabColor},[n._t("option1")],2)]),n._v(" "),e("a",{attrs:{href:n.optionTwoLink}},[e("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$1}}),__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$1},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:{"aria-label":this.name,role:"button"}},"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-315b9fe0_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$1},mounted:function(){}}),__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-3a509782_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",components:{FishTankBaseButton:FishTankBaseButton$1},mounted:function(){}}),__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-14aac701_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$1},mounted:function(){}}),__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-4cf1f156_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."}},mounted:function(){}}),__vue_script__$17=script$17,__vue_render__$17=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"card"},[n.branded?e("div",{class:[n.branded,n.$style.brandStripe]}):n._e(),n._v(" "),e("div",{class:n.$style.container},[n._t("heading",null,{headerClass:n.$style.heading}),n._v(" "),!n.$slots.heading&&n.heading?e("div",{class:n.$style.heading,attrs:{role:"heading","aria-level":"3"}},[n._v("\n      "+n._s(n.heading)+"\n    ")]):n._e(),n._v(" "),e("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-2be21260_0",{source:'@import url("https://assets.bwbx.io/font-service/css/AvenirNextMForBBG:400,400i,600,600i,700,700i%7COpenSans:400,400i,600,600i,700,700i/styled-font-face.css");\n',map:void 0,media:void 0}),n("data-v-2be21260_1",{source:".card + .card[data-v-2be21260] {\n  margin-top: 1.5rem;\n}\n",map:void 0,media:void 0}),n("data-v-2be21260_2",{source:"",map:void 0,media:void 0}),n("data-v-2be21260_3",{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="data-v-2be21260",__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),CardV2=function(n){function t(){return _classCallCheck(this,t),_possibleConstructorReturn(this,_getPrototypeOf(t).apply(this,arguments))}return _inherits(t,vuePropertyDecorator.Vue),_createClass(t,[{key:"returnBrandStripe",value:function(){return"background-color: ".concat(this.branded,";")}},{key:"returnHeaderStripe",value:function(){return"background-color: ".concat(this.customHeadingBg,"; border: none; color:").concat(this.customHeadingText,";")}}]),t}();tslib_1.__decorate([vuePropertyDecorator.Prop({default:void 0,type:String,required:!1})],CardV2.prototype,"heading",void 0),tslib_1.__decorate([vuePropertyDecorator.Prop({type:String,required:!1,default:void 0})],CardV2.prototype,"branded",void 0),tslib_1.__decorate([vuePropertyDecorator.Prop({type:String,required:!1,default:void 0})],CardV2.prototype,"customHeadingBg",void 0),tslib_1.__decorate([vuePropertyDecorator.Prop({type:String,required:!1,default:void 0})],CardV2.prototype,"customHeadingText",void 0);var script$18=CardV2=tslib_1.__decorate([vuePropertyDecorator.Component({})],CardV2),__vue_script__$18=script$18,__vue_render__$18=function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("div",{staticClass:"card"},[n.branded?e("div",{staticClass:"branded brandStripe",style:n.returnBrandStripe()}):n._e(),n._v(" "),e("div",{staticClass:"container"},[n._t("heading",null,{headerClass:n.heading}),n._v(" "),!n.$slots.heading&&n.heading?e("div",{staticClass:"heading",style:n.customHeadingBg?n.returnHeaderStripe():"",attrs:{role:"heading","aria-level":"3"}},[n._v("\n      "+n._s(n.heading)+"\n    ")]):n._e(),n._v(" "),e("div",{staticClass:"body"},[n._t("default")],2)],2)])},__vue_staticRenderFns__$18=[];__vue_render__$18._withStripped=!0;var __vue_inject_styles__$18=function(n){n&&(n("data-v-61ad95ae_0",{source:'\n@import url("https://assets.bwbx.io/font-service/css/AvenirNextMForBBG:400,400i,600,600i,700,700i%7COpenSans:400,400i,600,600i,700,700i/styled-font-face.css");\n/* Import global font CDN link */\n.card + .card {\n  margin-top: 1.5rem;\n}\n',map:void 0,media:void 0}),n("data-v-61ad95ae_1",{source:'.container[data-v-61ad95ae] {\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.brandStripe[data-v-61ad95ae] {\n  border-radius: 2px 2px 0 0;\n  height: 4px;\n}\n.brandStripe + .container .card__heading[data-v-61ad95ae] {\n  border-radius: 0;\n}\n.brandStripe + .container .body[data-v-61ad95ae] {\n  border-top: none;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n}\n.heading[data-v-61ad95ae] {\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.body[data-v-61ad95ae] {\n  border-radius: 2px;\n  background-color: #FFFFFF;\n  border: 1px solid #C5CACD;\n}\n.heading + .body[data-v-61ad95ae] {\n  border-top: