@fishtank/fishtank-vue
Version:
[Fish Tank VueJS Component Module](http://fishtank.bna.com)
1,248 lines (1,011 loc) • 397 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
var Vue = _interopDefault(require('vue'));
var __vue_normalize__ = _interopDefault(require('vue-runtime-helpers/dist/normalize-component.js'));
var __vue_create_injector__ = _interopDefault(require('vue-runtime-helpers/dist/inject-style/browser.js'));
var iconsVue = require('@fishtank/icons-vue');
var 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'));
var from = _interopDefault(require('core-js/library/fn/array/from'));
var isIterable = _interopDefault(require('core-js/library/fn/is-iterable'));
var keys = _interopDefault(require('core-js/library/fn/object/keys'));
var 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');
var vueContentLoader = require('vue-content-loader');
var _parseInt = _interopDefault(require('core-js/library/fn/parse-int'));
var 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: true
}
},
computed: {
hasIcon: function hasIcon() {
return !!this.$slots.icon;
}
}
});
/* script */
var __vue_script__ = script;
/* template */
var __vue_render__ = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
class: _vm.$style.alert
}, [_vm.hasIcon ? _c("div", {
class: _vm.$style.icon
}, [_vm._t("icon")], 2) : _vm._e(), _vm._v(" "), _c("div", {
class: _vm.hasIcon ? _vm.$style.contentWIcon : _vm.$style.content
}, [_c("div", {
class: _vm.$style.heading
}, [_vm._v(_vm._s(_vm.heading))]), _vm._v(" "), _vm._t("default")], 2)]);
};
var __vue_staticRenderFns__ = [];
__vue_render__._withStripped = true;
/* style */
var __vue_inject_styles__ = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("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: undefined,
media: undefined
});
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"
}
});
};
/* scoped */
var __vue_scope_id__ = undefined;
/* module identifier */
var __vue_module_identifier__ = undefined;
/* functional template */
var __vue_is_functional_template__ = false;
/* style inject SSR */
var 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__, undefined);
var script$1 = {
name: "AlertError",
components: {
BaseAlert: BaseAlert,
WarningIcon: iconsVue.Warning32
},
props: {
heading: {
type: String,
required: true
}
}
};
/* script */
var __vue_script__$1 = script$1;
/* template */
var __vue_render__$1 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("BaseAlert", {
class: _vm.$style.error,
attrs: {
heading: _vm.heading
}
}, [_c("WarningIcon", {
class: _vm.$style.icon,
attrs: {
slot: "icon",
scale: 1
},
slot: "icon"
}), _vm._v(" "), _vm._t("default")], 2);
};
var __vue_staticRenderFns__$1 = [];
__vue_render__$1._withStripped = true;
/* style */
var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("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: undefined,
media: undefined
});
Object.defineProperty(this, "$style", {
value: {
"error": "ft-error-1UNG",
"icon": "ft-icon-2GHs"
}
});
};
/* scoped */
var __vue_scope_id__$1 = undefined;
/* module identifier */
var __vue_module_identifier__$1 = undefined;
/* functional template */
var __vue_is_functional_template__$1 = false;
/* style inject SSR */
var 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__, undefined);
var script$2 = Vue.extend({
name: "AlertInfo",
components: {
BaseAlert: BaseAlert
},
props: {
heading: {
type: String,
required: true
}
}
});
/* script */
var __vue_script__$2 = script$2;
/* template */
var __vue_render__$2 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("BaseAlert", {
class: _vm.$style.info,
attrs: {
heading: _vm.heading
}
}, [_vm._t("default")], 2);
};
var __vue_staticRenderFns__$2 = [];
__vue_render__$2._withStripped = true;
/* style */
var __vue_inject_styles__$2 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-040f87f5_0", {
source: ".ft-info-15HG {\n background-color: #E7F5FB;\n border-color: #0D9DDB;\n}\n",
map: undefined,
media: undefined
});
Object.defineProperty(this, "$style", {
value: {
"info": "ft-info-15HG"
}
});
};
/* scoped */
var __vue_scope_id__$2 = undefined;
/* module identifier */
var __vue_module_identifier__$2 = undefined;
/* functional template */
var __vue_is_functional_template__$2 = false;
/* style inject SSR */
var 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__, undefined);
var script$3 = Vue.extend({
name: "AlertSuccess",
components: {
BaseAlert: BaseAlert
},
props: {
heading: {
type: String,
required: true
}
}
});
/* script */
var __vue_script__$3 = script$3;
/* template */
var __vue_render__$3 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("BaseAlert", {
class: _vm.$style.success,
attrs: {
heading: _vm.heading
}
}, [_vm._t("default")], 2);
};
var __vue_staticRenderFns__$3 = [];
__vue_render__$3._withStripped = true;
/* style */
var __vue_inject_styles__$3 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-be32c7c2_0", {
source: ".ft-success-30AK {\n background-color: #EBF6F1;\n border-color: #49B88B;\n}\n",
map: undefined,
media: undefined
});
Object.defineProperty(this, "$style", {
value: {
"success": "ft-success-30AK"
}
});
};
/* scoped */
var __vue_scope_id__$3 = undefined;
/* module identifier */
var __vue_module_identifier__$3 = undefined;
/* functional template */
var __vue_is_functional_template__$3 = false;
/* style inject SSR */
var 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__, undefined);
var assign$1 = assign;
var mixins = Vue.extend({
created: function created() {
window.addEventListener('keydown', this.handleFirstTab);
},
mounted: function mounted() {
this.setBodyAriaForLoader(this);
},
destroyed: function destroyed() {
this.removeBodyAriaForLoader(this);
},
methods: {
handleFirstTab: function handleFirstTab(e) {
if (e.keyCode === 9) {
document.body.classList.add('user-is-tabbing');
window.removeEventListener('keydown', this.handleFirstTab);
window.addEventListener('mousedown', this.handleMouseDownOnce);
}
},
handleMouseDownOnce: function handleMouseDownOnce() {
document.body.classList.remove('user-is-tabbing');
window.removeEventListener('mousedown', this.handleMouseDownOnce);
window.addEventListener('keydown', this.handleFirstTab);
},
setBodyAriaForLoader: function setBodyAriaForLoader(vm) {
if (["FishTankLoaderSpinner", "FishTankLoaderContent"].indexOf(vm.$options.name) >= 0) {
document.body.getAttribute('aria-busy') === null ? document.body.setAttribute('aria-busy', 'true') : document.body.getAttribute('aria-busy') === 'false' ? document.body.setAttribute('aria-busy', 'true') : null;
}
},
removeBodyAriaForLoader: function removeBodyAriaForLoader(vm) {
if (["FishTankLoaderSpinner", "FishTankLoaderContent"].indexOf(vm.$options.name) >= 0) {
document.body.getAttribute('aria-busy') === null ? null : document.body.setAttribute('aria-busy', 'false');
}
}
}
});
var script$4 = Vue.extend({
name: "BaseButton",
mixins: [mixins],
props: {
disabled: {
type: Boolean,
default: false,
description: "Specify if button should be disabled"
},
block: {
type: Boolean,
default: false,
description: "Changes Button to full width block element"
},
name: {
type: String,
default: "",
required: false,
description: "Optional name of the button, which can be used with the form data."
}
},
computed: {
listeners: function listeners() {
var _this = this;
return assign$1({}, this.$listeners, {
click: function click($event) {
if (_this.disabled) return;
_this.$emit("click", $event);
}
});
}
}
});
/* script */
var __vue_script__$4 = script$4;
/* template */
var __vue_render__$4 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("button", _vm._g({
class: (_obj = {}, _obj[_vm.$style.button] = true, _obj[_vm.$style.buttonDisabled] = _vm.disabled, _obj[_vm.$style.buttonBlock] = _vm.block, _obj),
attrs: {
disabled: _vm.disabled,
type: "button"
}
}, _vm.listeners), [_vm._t("default")], 2);
var _obj;
};
var __vue_staticRenderFns__$4 = [];
__vue_render__$4._withStripped = true;
/* style */
var __vue_inject_styles__$4 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("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: undefined,
media: undefined
});
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"
}
});
};
/* scoped */
var __vue_scope_id__$4 = undefined;
/* module identifier */
var __vue_module_identifier__$4 = undefined;
/* functional template */
var __vue_is_functional_template__$4 = false;
/* style inject SSR */
var 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__, undefined);
var script$5 = Vue.extend({
name: "FishTankButtonPrimary",
components: {
FishTankBaseButton: FishTankBaseButton
}
});
/* script */
var __vue_script__$5 = script$5;
/* template */
var __vue_render__$5 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("fish-tank-base-button", _vm._g(_vm._b({
staticClass: "button--primary"
}, "fish-tank-base-button", _vm.$attrs, false), _vm.$listeners), [_vm._t("default")], 2);
};
var __vue_staticRenderFns__$5 = [];
__vue_render__$5._withStripped = true;
/* style */
var __vue_inject_styles__$5 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("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: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$5 = undefined;
/* module identifier */
var __vue_module_identifier__$5 = undefined;
/* functional template */
var __vue_is_functional_template__$5 = false;
/* style inject SSR */
var 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__, undefined);
var script$6 = Vue.extend({
name: "FishTankButtonSecondary",
introduction: "Secondary Button",
description: "Secondary Button",
token: ["\n <FishTankButtonSecondary>Options</FishTankButtonSecondary>\n "],
components: {
FishTankBaseButton: FishTankBaseButton
}
});
/* script */
var __vue_script__$6 = script$6;
/* template */
var __vue_render__$6 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("fish-tank-base-button", _vm._g(_vm._b({
staticClass: "button--secondary"
}, "fish-tank-base-button", _vm.$attrs, false), _vm.$listeners), [_vm._t("default")], 2);
};
var __vue_staticRenderFns__$6 = [];
__vue_render__$6._withStripped = true;
/* style */
var __vue_inject_styles__$6 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("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: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$6 = undefined;
/* module identifier */
var __vue_module_identifier__$6 = undefined;
/* functional template */
var __vue_is_functional_template__$6 = false;
/* style inject SSR */
var 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__, undefined);
var script$7 = Vue.extend({
name: "FishTankButtonDestructive",
introduction: "Destructive Button",
components: {
FishTankBaseButton: FishTankBaseButton
}
});
/* script */
var __vue_script__$7 = script$7;
/* template */
var __vue_render__$7 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("fish-tank-base-button", _vm._g(_vm._b({
staticClass: "button--destructive"
}, "fish-tank-base-button", _vm.$attrs, false), _vm.$listeners), [_vm._t("default")], 2);
};
var __vue_staticRenderFns__$7 = [];
__vue_render__$7._withStripped = true;
/* style */
var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("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: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$7 = undefined;
/* module identifier */
var __vue_module_identifier__$7 = undefined;
/* functional template */
var __vue_is_functional_template__$7 = false;
/* style inject SSR */
var 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__, undefined);
var script$8 = Vue.extend({
name: "FishTankButtonWhite",
introduction: "White Button",
description: "White Button",
token: ["\n <FishTankButtonWhite>Filter</FishTankButtonWhite>\n "],
components: {
FishTankBaseButton: FishTankBaseButton
}
});
/* script */
var __vue_script__$8 = script$8;
/* template */
var __vue_render__$8 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("fish-tank-base-button", _vm._g(_vm._b({
staticClass: "button--white"
}, "fish-tank-base-button", _vm.$attrs, false), _vm.$listeners), [_vm._t("default")], 2);
};
var __vue_staticRenderFns__$8 = [];
__vue_render__$8._withStripped = true;
/* style */
var __vue_inject_styles__$8 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("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: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$8 = undefined;
/* module identifier */
var __vue_module_identifier__$8 = undefined;
/* functional template */
var __vue_is_functional_template__$8 = false;
/* style inject SSR */
var 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__, undefined);
var script$9 = Vue.extend({
name: "FishTankButtonOutline",
components: {
FishTankBaseButton: FishTankBaseButton
}
});
/* script */
var __vue_script__$9 = script$9;
/* template */
var __vue_render__$9 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("fish-tank-base-button", _vm._g(_vm._b({
staticClass: "button--outline"
}, "fish-tank-base-button", _vm.$attrs, false), _vm.$listeners), [_vm._t("default")], 2);
};
var __vue_staticRenderFns__$9 = [];
__vue_render__$9._withStripped = true;
/* style */
var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("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: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$9 = undefined;
/* module identifier */
var __vue_module_identifier__$9 = undefined;
/* functional template */
var __vue_is_functional_template__$9 = false;
/* style inject SSR */
var 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__, undefined);
var script$10 = Vue.extend({
name: "FishTankButtonGradient",
components: {
FishTankBaseButton: FishTankBaseButton
},
props: {
gradientStart: {
type: String,
required: true,
default: "#000000",
description: "Start Color of Gradient; String(Hex color, or valid CSS color)"
},
gradientEnd: {
type: String,
required: true,
default: "#000000",
description: "End Color of Gradient; String(Hex color, or valid CSS color)"
},
colorDirection: {
type: String,
required: false,
default: "to right",
description: "Horizontal Direction of Gradient; String(\"to right\" or \"to left\")"
},
block: {
type: Boolean,
default: false
}
},
computed: {
returnGradientStyle: function returnGradientStyle() {
return "background-image: linear-gradient(".concat(this.colorDirection, ", ").concat(this.gradientStart, ", ").concat(this.gradientEnd, " );");
}
}
});
/* script */
var __vue_script__$10 = script$10;
/* template */
var __vue_render__$10 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("a", {
staticClass: "button--wrapper",
class: {
"button--block": _vm.block
},
style: _vm.returnGradientStyle
}, [_c("fish-tank-base-button", _vm._g(_vm._b({
staticClass: "button--gradient",
attrs: {
block: _vm.block
}
}, "fish-tank-base-button", _vm.$attrs, false), _vm.$listeners), [_vm._t("default")], 2)], 1);
};
var __vue_staticRenderFns__$10 = [];
__vue_render__$10._withStripped = true;
/* style */
var __vue_inject_styles__$10 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("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: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$10 = undefined;
/* module identifier */
var __vue_module_identifier__$10 = undefined;
/* functional template */
var __vue_is_functional_template__$10 = false;
/* style inject SSR */
var 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__, undefined);
var script$11 = Vue.extend({
name: "ButtonFAB",
components: {
FishTankBaseButton: FishTankBaseButton
},
props: {
optionsAvailable: {
type: Boolean,
required: true,
default: false
},
fabColorPrimaryStart: {
type: String,
required: true,
default: "#0018AB"
},
fabColorPrimaryEnd: {
type: String,
required: true,
default: "#9933CC"
},
fabColorSecondary: {
type: String,
required: true,
default: "#777C7F"
},
optionOneLink: {
type: String,
required: true,
default: " "
},
optionTwoLink: {
type: String,
required: true,
default: " "
}
},
computed: {
returnPrimaryFabColor: function returnPrimaryFabColor() {
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 returnSecondaryFabColor() {
return "background: ".concat(this.fabColorSecondary, " ;");
}
},
methods: {}
});
/* script */
var __vue_script__$11 = script$11;
/* template */
var __vue_render__$11 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
staticClass: "button--fab-wrapper"
}, [_c("fish-tank-base-button", _vm._g(_vm._b({
staticClass: "button--fab",
style: _vm.returnPrimaryFabColor
}, "fish-tank-base-button", _vm.$attrs, false), _vm.$listeners), [_vm._t("mainIcon")], 2), _vm._v(" "), _vm.optionsAvailable ? _c("ul", [_c("a", {
attrs: {
href: _vm.optionOneLink
}
}, [_c("li", {
style: _vm.returnSecondaryFabColor
}, [_vm._t("option1")], 2)]), _vm._v(" "), _c("a", {
attrs: {
href: _vm.optionTwoLink
}
}, [_c("li", {
style: _vm.returnSecondaryFabColor
}, [_vm._t("option2")], 2)])]) : _vm._e()], 1);
};
var __vue_staticRenderFns__$11 = [];
__vue_render__$11._withStripped = true;
/* style */
var __vue_inject_styles__$11 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("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: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$11 = undefined;
/* module identifier */
var __vue_module_identifier__$11 = undefined;
/* functional template */
var __vue_is_functional_template__$11 = false;
/* style inject SSR */
var 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__, undefined);
var script$12 = Vue.extend({
name: "FishTankButtonFeatureLabel",
components: {
FishTankBaseButton: FishTankBaseButton
}
});
/* script */
var __vue_script__$12 = script$12;
/* template */
var __vue_render__$12 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("fish-tank-base-button", _vm._g(_vm._b({
staticClass: "button--feature-label"
}, "fish-tank-base-button", _vm.$attrs, false), _vm.$listeners), [_vm._t("icon"), _vm._v(" "), _c("p", [_vm._t("label")], 2)], 2);
};
var __vue_staticRenderFns__$12 = [];
__vue_render__$12._withStripped = true;
/* style */
var __vue_inject_styles__$12 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("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: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$12 = undefined;
/* module identifier */
var __vue_module_identifier__$12 = undefined;
/* functional template */
var __vue_is_functional_template__$12 = false;
/* style inject SSR */
var 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__, undefined);
var script$13 = Vue.extend({
name: "FishTankButtonFeatureIcon",
components: {
FishTankBaseButton: FishTankBaseButton
},
props: {
name: {
type: String,
required: false,
default: "Feature Icon Button"
}
},
computed: {}
});
var __vue_script__$13 = script$13;
/* template */
var __vue_render__$13 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("fish-tank-base-button", _vm._g(_vm._b({
staticClass: "button--feature-label",
attrs: {
role: "button",
"aria-label": _vm.name
}
}, "fish-tank-base-button", _vm.$attrs, false), _vm.$listeners), [_vm._t("default")], 2);
};
var __vue_staticRenderFns__$13 = [];
__vue_render__$13._withStripped = true;
/* style */
var __vue_inject_styles__$13 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("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: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$13 = undefined;
/* module identifier */
var __vue_module_identifier__$13 = undefined;
/* functional template */
var __vue_is_functional_template__$13 = false;
/* style inject SSR */
var 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__, undefined);
var script$14 = Vue.extend({
name: "FishTankButtonOutlineDark",
components: {
FishTankBaseButton: FishTankBaseButton
}
});
/* script */
var __vue_script__$14 = script$14;
/* template */
var __vue_render__$14 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("fish-tank-base-button", _vm._g(_vm._b({
staticClass: "button--outline-dark"
}, "fish-tank-base-button", _vm.$attrs, false), _vm.$listeners), [_vm._t("default")], 2);
};
var __vue_staticRenderFns__$14 = [];
__vue_render__$14._withStripped = true;
/* style */
var __vue_inject_styles__$14 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("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: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$14 = undefined;
/* module identifier */
var __vue_module_identifier__$14 = undefined;
/* functional template */
var __vue_is_functional_template__$14 = false;
/* style inject SSR */
var 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__, undefined);
var script$15 = Vue.extend({
name: "FishTankButtonOutlineSmall",
introduction: "Small Outline Button",
description: "Small Outline Button",
token: ["\n <FishTankButtonOutlineSmall>Filter</FishTankButtonOutlineSmall>\n "],
components: {
FishTankBaseButton: FishTankBaseButton
}
});
/* script */
var __vue_script__$15 = script$15;
/* template */
var __vue_render__$15 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("fish-tank-base-button", _vm._g(_vm._b({
staticClass: "button--outline button--outline-small"
}, "fish-tank-base-button", _vm.$attrs, false), _vm.$listeners), [_vm._t("default")], 2);
};
var __vue_staticRenderFns__$15 = [];
__vue_render__$15._withStripped = true;
/* style */
var __vue_inject_styles__$15 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("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: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$15 = undefined;
/* module identifier */
var __vue_module_identifier__$15 = undefined;
/* functional template */
var __vue_is_functional_template__$15 = false;
/* style inject SSR */
var 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__, undefined);
var script$16 = Vue.extend({
name: "FishTankButtonOutlineDarkSmall",
components: {
FishTankBaseButton: FishTankBaseButton
}
});
/* script */
var __vue_script__$16 = script$16;
/* template */
var __vue_render__$16 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("fish-tank-base-button", _vm._g(_vm._b({
staticClass: "button--outline-dark ft-button--outline-small"
}, "fish-tank-base-button", _vm.$attrs, false), _vm.$listeners), [_vm._t("default")], 2);
};
var __vue_staticRenderFns__$16 = [];
__vue_render__$16._withStripped = true;
/* style */
var __vue_inject_styles__$16 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("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: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$16 = undefined;
/* module identifier */
var __vue_module_identifier__$16 = undefined;
/* functional template */
var __vue_is_functional_template__$16 = false;
/* style inject SSR */
var 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__, undefined);
var script$17 = Vue.extend({
props: {
heading: {
type: String,
required: false,
default: undefined,
description: "Card heading text"
},
branded: {
type: String,
required: false,
default: undefined,
description: "Card displays a branded header strip or background color."
}
}
});
/* script */
var __vue_script__$17 = script$17;
/* template */
var __vue_render__$17 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
staticClass: "card"
}, [_vm.branded ? _c("div", {
class: [_vm.branded, _vm.$style.brandStripe]
}) : _vm._e(), _vm._v(" "), _c("div", {
class: _vm.$style.container
}, [_vm._t("heading", null, {
headerClass: _vm.$style.heading
}), _vm._v(" "), !_vm.$slots.heading && _vm.heading ? _c("div", {
class: _vm.$style.heading,
attrs: {
role: "heading",
"aria-level": "3"
}
}, [_vm._v("\n " + _vm._s(_vm.heading) + "\n ")]) : _vm._e(), _vm._v(" "), _c("div", {
class: _vm.$style.body
}, [_vm._t("default")], 2)], 2)]);
};
var __vue_staticRenderFns__$17 = [];
__vue_render__$17._withStripped = true;
/* style */
var __vue_inject_styles__$17 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-a4211754_0", {
source: ".card + .card {\n margin-top: 1.5rem;\n}\n",
map: undefined,
media: undefined
}), inject("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 2p