@fishtank/fishtank-vue
Version:
[Fish Tank VueJS Component Module](https://fishtank.bna.com)
16,059 lines • 830 kB
JavaScript
import Vue from 'vue';
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
import __vue_create_injector__ from 'vue-runtime-helpers/dist/inject-style/browser.js';
import { Warning32, CheckboxSelected24, CheckboxUnselected24, CloseSml24, Warning24, Close24, ChevronLeft24, ChevronRight24, ChevronUp24, ChevronSmlUp24, CaretDown24, Calendar24 } from '@fishtank/icons-vue';
import defineProperty from 'core-js/library/fn/object/define-property';
import iterator from 'core-js/library/fn/symbol/iterator';
import symbol from 'core-js/library/fn/symbol';
import getPrototypeOf from 'core-js/library/fn/object/get-prototype-of';
import setPrototypeOf from 'core-js/library/fn/object/set-prototype-of';
import create from 'core-js/library/fn/object/create';
import { __decorate } from 'tslib';
import { Component, Prop, Vue as Vue$1, Model, Inject, Watch, Provide } from 'vue-property-decorator';
import 'core-js/modules/es6.regexp.to-string';
import 'core-js/modules/es6.function.name';
import isArray from 'core-js/library/fn/array/is-array';
import from from 'core-js/library/fn/array/from';
import isIterable from 'core-js/library/fn/is-iterable';
import 'core-js/modules/es6.object.keys';
import 'core-js/modules/es6.array.sort';
import 'core-js/modules/es6.array.from';
import 'core-js/modules/web.dom.iterable';
import 'core-js/modules/es6.string.iterator';
import 'core-js/modules/es6.set';
import _ from 'lodash';
import 'core-js/modules/es6.regexp.replace';
import ftColorsObj from '@fishtank/colors/dist/text.common.js';
import 'core-js/modules/es6.number.constructor';
import 'core-js/modules/es6.regexp.split';
import 'core-js/modules/es6.string.fixed';
import { mixins } from 'vue-class-component';
import * as colors from '@fishtank/colors/dist/index.common';
import colors__default, { } from '@fishtank/colors/dist/index.common';
import 'core-js/modules/es6.string.small';
import getIterator from 'core-js/library/fn/get-iterator';
import * as VueJsPaginate from 'vuejs-paginate';
import { ContentLoader } from 'vue-content-loader';
import 'core-js/modules/es7.symbol.async-iterator';
import 'core-js/modules/es6.symbol';
import ftColorsObj$1 from '@fishtank/colors/dist/heading.common.js';
import 'core-js/modules/es6.array.find';
import 'core-js/modules/es6.string.anchor';
import Popper from 'popper.js';
import { mixin } from 'vue-clickaway';
import axios from 'axios';
import 'core-js/modules/es6.regexp.constructor';
import VTooltip from 'v-tooltip';
import 'core-js/modules/es7.object.get-own-property-descriptors';
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-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: 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: 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("base-alert", {
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-70da196a_0", {
source: ".ft-error-1UNG {\n background-color: var(--error-background, #FBECEB);\n border-color: var(--error-border, #E1483E);\n}\n.ft-error-1UNG .ft-icon-2GHs {\n color: var(--error-border, #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("base-alert", {
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-698eea9e_0", {
source: ".ft-info-15HG {\n background-color: var(--info-background, #E7F5FB);\n border-color: var(--info-border, #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("base-alert", {
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-3164918f_0", {
source: ".ft-success-30AK {\n background-color: var(--success-background, #EBF6F1);\n border-color: var(--success-border, #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);
function _classCallCheck(instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
}
var defineProperty$1 = defineProperty;
function _defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
defineProperty$1(target, descriptor.key, descriptor);
}
}
function _createClass(Constructor, protoProps, staticProps) {
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
if (staticProps) _defineProperties(Constructor, staticProps);
return Constructor;
}
var iterator$1 = iterator;
var symbol$1 = symbol;
function _typeof2(obj) { if (typeof symbol$1 === "function" && typeof iterator$1 === "symbol") { _typeof2 = function _typeof2(obj) { return typeof obj; }; } else { _typeof2 = function _typeof2(obj) { return obj && typeof symbol$1 === "function" && obj.constructor === symbol$1 && obj !== symbol$1.prototype ? "symbol" : typeof obj; }; } return _typeof2(obj); }
function _typeof(obj) {
if (typeof symbol$1 === "function" && _typeof2(iterator$1) === "symbol") {
_typeof = function _typeof(obj) {
return _typeof2(obj);
};
} else {
_typeof = function _typeof(obj) {
return obj && typeof symbol$1 === "function" && obj.constructor === symbol$1 && obj !== symbol$1.prototype ? "symbol" : _typeof2(obj);
};
}
return _typeof(obj);
}
function _assertThisInitialized(self) {
if (self === void 0) {
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
}
return self;
}
function _possibleConstructorReturn(self, call) {
if (call && (_typeof(call) === "object" || typeof call === "function")) {
return call;
}
return _assertThisInitialized(self);
}
var getPrototypeOf$1 = getPrototypeOf;
var setPrototypeOf$1 = setPrototypeOf;
function _getPrototypeOf(o) {
_getPrototypeOf = setPrototypeOf$1 ? getPrototypeOf$1 : function _getPrototypeOf(o) {
return o.__proto__ || getPrototypeOf$1(o);
};
return _getPrototypeOf(o);
}
var create$1 = create;
function _setPrototypeOf(o, p) {
_setPrototypeOf = setPrototypeOf$1 || function _setPrototypeOf(o, p) {
o.__proto__ = p;
return o;
};
return _setPrototypeOf(o, p);
}
function _inherits(subClass, superClass) {
if (typeof superClass !== "function" && superClass !== null) {
throw new TypeError("Super expression must either be null or a function");
}
subClass.prototype = create$1(superClass && superClass.prototype, {
constructor: {
value: subClass,
writable: true,
configurable: true
}
});
if (superClass) setPrototypeOf(subClass, superClass);
}
var inputOrientation =
/*#__PURE__*/
function (_Vue) {
_inherits(inputOrientation, _Vue);
function inputOrientation() {
_classCallCheck(this, inputOrientation);
return _possibleConstructorReturn(this, _getPrototypeOf(inputOrientation).apply(this, arguments));
}
return inputOrientation;
}(Vue$1);
__decorate([Prop({
type: String,
default: null
})], inputOrientation.prototype, "orientation", void 0);
inputOrientation = __decorate([Component({})], inputOrientation);
var orientation = inputOrientation;
var TextInputMixin =
/*#__PURE__*/
function (_Vue) {
_inherits(TextInputMixin, _Vue);
function TextInputMixin() {
_classCallCheck(this, TextInputMixin);
return _possibleConstructorReturn(this, _getPrototypeOf(TextInputMixin).apply(this, arguments));
}
_createClass(TextInputMixin, [{
key: "data",
value: function data() {
return {
identifier: (Math.random() * 10000).toFixed(0).toString(),
isFocused: false
};
}
}, {
key: "showRightIcon",
get: function get() {
return !!this.$slots.rightIcon || this.$props.value && this.$props.value.length > 0;
}
}, {
key: "errorMessage",
get: function get() {
if (!this.error) {
return undefined;
}
if (typeof this.error === "string") {
return this.error;
} else if (this.error.fullMessage) {
return this.error.fullMessage;
} else {
return undefined;
}
}
}]);
return TextInputMixin;
}(Vue$1);
__decorate([Prop({
required: false,
type: String,
default: ""
})], TextInputMixin.prototype, "value", void 0);
__decorate([Prop({
required: false,
type: String,
default: undefined
})], TextInputMixin.prototype, "label", void 0);
__decorate([Prop({
type: String,
default: null,
required: false
})], TextInputMixin.prototype, "id", void 0);
__decorate([Prop({
type: Boolean,
default: false,
required: false
})], TextInputMixin.prototype, "required", void 0);
__decorate([Prop({
required: false,
default: null,
type: [String, Object],
validator: function validator(value) {
if (typeof value === 'string') {
return true;
}
if (value.fullMessage) {
return true;
} // eslint-disable-next-line no-console
console.warn("InputText's `error` prop should be a string or an object with a `fullMessage` string property");
return false;
}
})], TextInputMixin.prototype, "error", void 0);
TextInputMixin = __decorate([Component({})], TextInputMixin);
var textInputMixin = TextInputMixin;
var a11y = 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 boxMixin = {
props: {// tag:{
// default:'div',
// required:false,
// type:String,
// validator: function (value: IsBoxType) {
// return ["div", "span", "section", "article", "aside", "footer", "header", "details", "figcaption", "figure", "main", "nav", "summary", "time"].indexOf(value) !== -1
// },
// description:"Box semantic element"
// },
// as:{
// default:'div',
// required:false,
// type:String,
// validator: function (value: IsBoxType) {
// return ["div", "span", "section", "article", "aside", "footer", "header", "details", "figcaption", "figure", "main", "nav", "summary", "time"].indexOf(value) !== -1
// },
// description:"Box semantic element"
// },
// column: {
// type:Number,
// default:undefined,
// required:false,
// validator: function(value: Column){
// return (0<value && 13>value)
// },
// description:'Box grid columns; maps to xs-column grid',
// },
// // Column, /* 1 -12 */
// // // @Prop()
// xsColumn: {
// type:Number,
// default:null,
// required:false,
// validator: function(value: Column){
// return (0<value && 13>value)
// },
// description:'Box grid columns - XS Breakpoint',
// },
// // xsColumn, /* 1 -12 */
// // // @Prop()
// smColumn: {
// type:Number,
// default:null,
// required:false,
// validator: function(value: Column){
// return (0<value && 13>value)
// },
// description:'Box grid columns - SM Breakpoint',
// },
// // smColumn, /* 1 -12 */
// // // @Prop()
// mdColumn: {
// type:Number,
// default:null,
// required:false,
// validator: function(value: Column){
// return (0<value && 13>value)
// },
// description:'Box grid columns - MD Breakpoint',
// },
// // mdColumn, /* 1 -12 */
// // // @Prop()
// lgColumn: {
// type:Number,
// default:null,
// required:false,
// validator: function(value: Column){
// return (0<value && 13>value)
// },
// description:'Box grid columns - LG Breakpoint',
// },
// // lgColumn, /* 1 -12 */
// // // @Prop()
// xlColumn: {
// type:Number,
// default:null,
// required:false,
// validator: function(value: Column){
// return (0<value && 13>value)
// },
// description:'Box grid columns - LG Breakpoint',
// },
// // xlColumn, /* 1 -12 */
// // // @Prop()
},
computed: {
tagElement: function tagElement() {
return this.as === undefined ? this.tag : this.as;
}
}
};
var FishTankBaseButton =
/*#__PURE__*/
function (_Vue) {
_inherits(FishTankBaseButton, _Vue);
function FishTankBaseButton() {
_classCallCheck(this, FishTankBaseButton);
return _possibleConstructorReturn(this, _getPrototypeOf(FishTankBaseButton).apply(this, arguments));
}
_createClass(FishTankBaseButton, [{
key: "listeners",
// computed functions
get: function get() {
var _this = this;
return Object.assign({}, this.$listeners, {
click: function click($event) {
if (_this.disabled) return;
/**
* Mouse click event.
* @event click
* @type {Event}
*/
_this.$emit("click", $event);
}
});
}
}]);
return FishTankBaseButton;
}(Vue$1);
__decorate([Prop({
default: false,
type: Boolean
})], FishTankBaseButton.prototype, "disabled", void 0);
__decorate([Prop({
default: false,
type: Boolean
})], FishTankBaseButton.prototype, "block", void 0);
__decorate([Prop({
type: String,
default: "",
required: false
})], FishTankBaseButton.prototype, "name", void 0);
FishTankBaseButton = __decorate([Component({
mixins: [a11y]
})], FishTankBaseButton);
var script$4 = FishTankBaseButton;
/* script */
var __vue_script__$4 = script$4;
/* template */
var __vue_render__$4 = function __vue_render__() {
var _obj;
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 __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-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: 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$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__, undefined);
/**
* FishTankButtonPrimary
* @deprecated
* This component is being deprecated in favor of FishTankButton.
* It will be removed from the library in October 2019.
* FishTankButton offers a more standard and consistant API, and better code quality.
* Please begin using FishTankButton to avoid any breaking changes.
*/
var script$5 = Vue.extend({
name: "FishTankButtonPrimary",
components: {
FishTankBaseButton: FishTankBaseButton$1
},
mounted: function mounted() {
// eslint-disable-next-line no-console
console.warn('FishTankButtonPrimary is being deprecated in favor of FishTankButton. It will be removed from the library in October 2019. Please migrate to FishTankButton.');
}
});
/* 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-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: 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);
/**
* FishTankButtonSecondary
* @deprecated
* This component is being deprecated in favor of FishTankButton.
* It will be removed from the library in October 2019.
* FishTankButton offers a more standard and consistant API, and better code quality.
* Please begin using FishTankButton to avoid any breaking changes.
*/
var script$6 = Vue.extend({
name: "FishTankButtonSecondary",
components: {
FishTankBaseButton: FishTankBaseButton$1
},
mounted: function mounted() {
// eslint-disable-next-line no-console
console.warn('FishTankButtonSecondary is being deprecated in favor of FishTankButton. It will be removed from the library in October 2019. Please migrate to FishTankButton.');
}
});
/* 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-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: 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);
/**
* FishTankButtonDestructive
* @deprecated
* This component is being deprecated in favor of FishTankButton.
* It will be removed from the library in October 2019.
* FishTankButton offers a more standard and consistant API, and better code quality.
* Please begin using FishTankButton to avoid any breaking changes.
*/
var script$7 = Vue.extend({
name: "FishTankButtonDestructive",
introduction: "Destructive Button",
components: {
FishTankBaseButton: FishTankBaseButton$1
},
mounted: function mounted() {
// eslint-disable-next-line no-console
console.warn('FishTankButtonDestructive is being deprecated in favor of FishTankButton. It will be removed from the library in October 2019. Please migrate to FishTankButton.');
}
});
/* 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-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: 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);
/**
* FishTankButtonSecondary
* @deprecated
* This component is being deprecated in favor of FishTankButton.
* It will be removed from the library in October 2019.
* FishTankButton offers a more standard and consistant API, and better code quality.
* Please begin using FishTankButton to avoid any breaking changes.
*/
var script$8 = Vue.extend({
name: "FishTankButtonWhite",
components: {
FishTankBaseButton: FishTankBaseButton$1
},
mounted: function mounted() {
// eslint-disable-next-line no-console
console.warn('FishTankButtonWhite is being deprecated in favor of FishTankButton. It will be removed from the library in October 2019. Please migrate to FishTankButton.');
}
});
/* 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-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: 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);
/**
* FishTankButtonOutline
* @deprecated
* This component is being deprecated in favor of FishTankButton.
* It will be removed from the library in October 2019.
* FishTankButton offers a more standard and consistant API, and better code quality.
* Please begin using FishTankButton to avoid any breaking changes.
*/
var script$9 = Vue.extend({
name: "FishTankButtonOutline",
components: {
FishTankBaseButton: FishTankBaseButton$1
},
mounted: function mounted() {
// eslint-disable-next-line no-console
console.warn('FishTankButtonOutline is being deprecated in favor of FishTankButton. Please migrate to FishTankButton.');
}
});
/* 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-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: 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$1
},
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$1
},
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$1
}
});
/* 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$1
},
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: {
"aria-label": _vm.name,
role: "button"
}
}, "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-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: 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);
/**
* FishTankButtonOutlineDark
* @deprecated
* This component is being deprecated in favor of FishTankButton.
* It will be removed from the library in October 2019.
* FishTankButton offers a more standard and consistant API, and better code quality.
* Please begin using FishTankButton to avoid any breaking changes.
*/
var script$14 = Vue.extend({
name: "FishTankButtonOutlineDark",
components: {
FishTankBaseButton: FishTankBaseButton$1
},
mounted: function mounted() {
// eslint-disable-next-line no-console
console.warn('FishTankButtonOutlineDark is being deprecated in favor of FishTankButton. It will be removed from the library in October 2019. Please migrate to FishTankButton.');
}
});
/* 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-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: 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);
/**
* FishTankButtonOutlineDarkSmall
* @deprecated
* This component is being deprecated in favor of FishTankButton.
* It will be removed from the library in October 2019.
* FishTankButton offers a more standard and consistant API, and better code quality.
* Please begin using FishTankButton to avoid any breaking changes.
*/
var script$15 = Vue.extend({
name: "FishTankButtonOutlineSmall",
components: {
FishTankBaseButton: FishTankBaseButton$1
},
mounted: function mounted() {
// eslint-disable-next-line no-console
console.warn('FishTankButtonOutlineSmall is being deprecated in favor of FishTankButton. It will be removed from the library in October 2019. Please migrate to FishTankButton.');
}
});
/* 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-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: 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);
/**
* FishTankButtonOutlineDarkSmall
* @deprecated
* This component is being deprecated in favor of FishTankButton.
* It will be removed from the library in October 2019.
* FishTankButton offers a more standard and consistant API, and better code quality.
* Please begin using FishTankButton to avoid any breaking changes.
*/
var script$16 = Vue.extend({
name: "FishTankButtonOutlineDarkSmall",
components: {
FishTankBaseButton: FishTankBaseButton$1
},
mounted: function mounted() {
// eslint-disable-next-line no-console
console.warn('FishTankButtonOutlineDarkSmall is being deprecated in favor of FishTankButton. * It will be removed from the library in October 2019. Please migrate to FishTankButton.');
}
});
/* 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-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: 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);
/**
* FishTankCard V1
* @deprecated
* This component is being deprecated in favor of FishTankCardV2.
* It will be removed from the library in October 2019.
* FishTankCardV2 offers a more standard and consistant API, and better code quality.
* Please begin using FishTankCardV2 to avoid any breaking changes.
*/
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."
}
},
mounted: function mounted() {
// eslint-disable-next-line no-console
console.warn('FishTankCard is being deprecated in favor of FishTankCardV2. FishTankCardV2 provides a more flexible structure to allow developers to more freely layout content, and define paddings and margins. Please migrate to FishTankCardV2.');
}
});
/* 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-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: undefined,
media: undefined
}), inject("data-v-2be21260_1", {
source: ".card + .card[data-v-2be21260] {\n margin-top: 1.5rem;\n}\n",
map: undefined,
media: undefined
}), inject("data-v-2be21260_2", {
source: "",
map: undefined,
media: undefined
}), inject("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: undefined,
media: undefined
});
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"
}
});
};
/* scoped */
var __vue_scope_id__$17 = "data-v-2be21260";
/* module identifier */
var __vue_module_identifier__$17 = undefined;
/* functional template */
var __vue_is_functional_template__$17 = false;
/* style inject SSR */
var 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__, undefined);
var CardV2 =
/*#__PURE__*/
function (_Vue) {
_inherits(CardV2, _Vue);
function CardV2() {
_classCallCheck(this, CardV2);
return _possibleConstructorReturn(this, _getPrototypeOf(CardV2).apply(this, arguments));
}
_createClass(CardV2, [{
key: "returnBrandStripe",
// Computed methods
value: function returnBrandStripe() {
return "background-color: ".concat(this.branded, ";");
}
}, {
key: "returnHeaderStripe",
value: function returnHeaderStripe() {
return "background-color: ".concat(this.customHeadingBg, "; border: none; color:").concat(this.customHeadingText, ";");
}
}]);
return CardV2;
}(Vue$1);
__decorate([Prop({
default: undefined,
type: String,
required: false
})], CardV2.prototype, "heading", void 0);
__decorate([Prop({
type: String,
required: false,
default: undefined
})], CardV2.prototype, "branded", void 0);
__decorate([Prop({
type: String,
required: false,
default: undefined
})], CardV2.prototype, "customHeadingBg", void 0);
__decorate([Prop({
type: String,
required: false,
default: undefined
})], CardV2.prototype, "customHeadingText", void 0);
CardV2 = __decorate([Component({})], CardV2);
var script$18 = CardV2;
/* script */
var __vue_script__$18 = script$18;
/* template */
var __vue_render__$18 = 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", {
staticClass: "branded brandStripe",
style: _vm.returnBrandStripe()
}) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "container"
}, [_vm._t("heading", null, {
headerClass: _vm.heading
}), _vm._v(" "), !_vm.$slots.heading && _vm.heading ? _c("div", {
staticClass: "heading",
style: _vm.customHeadingBg ? _vm.returnHeaderStripe() : "",
attrs: {
role: "heading",
"aria-level": "3"
}
}, [_vm._v("\n " + _vm._s(_vm.heading) + "\n ")]) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "body"
}, [_vm._t("default")], 2)], 2)]);
};
var __vue_staticRenderFns__$18 = [];
__vue_render__$18._withStripped = true;
/* style */
var __vue_inject_styles__$18 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("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: undefined,
media: undefined
}), inject("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: none;\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$18 = "data-v-61ad95ae";
/* module identifier */
var __vue_module_identifier__$18 = undefined;
/* functional template */
var __vue_is_functional_template__$18 = false;
/* style inject SSR */
var FishTankCardV2 = __vue_normalize__({
render: __vue_render__$18,
staticRenderFns: __vue_staticRenderFns__$18
}, __vue_inject_styles__$18, __vue_script__$18, __vue_scope_id__$18, __vue_is_functional_template__$18, __vue_module_identifier__$18, __vue_create_injector__, undefined);
var isArray$1 = isArray;
function _arrayWithoutHoles(arr) {
if (isArray$1(arr)) {
for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {
arr2[i] = arr[i];
}
return arr2;
}
}
var from$1 = from;
var isIterable$1 = isIterable;
function _iterableToArray(iter) {
if (isIterable$1(Object(iter)) || Object.prototype.toString.call(iter) === "[object Arguments]") return from$1(iter);
}
function _nonIterableSpread() {
throw new TypeError("Invalid attempt to spread non-iterable instance");
}
function _toConsumableArray(arr) {
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
}
function identity() {
return {
className: new Set(),
inlineStyle: {}
};
}
function fromClassName() {
for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {
classNames[_key] = arguments[_key];
}
return {
className: new Set(classNames),
inlineStyle: {}
};
}
function fromInlineStyle(inlineStyle) {
return {
className: new Set(),
inlineStyle: inlineStyle
};
}
var mapClassName = function mapClassName(fn) {
return function (_ref) {
var className = _ref.className,
inlineStyle = _ref.inlineStyle;
return {
className: new Set(Array.from(className).map(fn)),
inlineStyle: inlineStyle
};
};
};
function concat(styles) {
return styles.reduce(function (prev, curr) {
return {
className: new Set([].concat(_toConsumableArray(Array.from(prev.className)), _toConsumableArray(Array.from(curr.className)))),
inlineStyle: Object.assign({}, prev.inlineStyle, curr.inlineStyle)
};
}, identity());
}
var toProps = function toProps(_ref2) {
var className = _ref2.className,
inlineStyle = _ref2.inlineStyle;
var props = {
className: '',
style: {}
};
if (className.size > 0) {
// Sorting here ensures that classNames are always stable, reducing diff
// churn. Box usually has a small number of properties so it's not a perf
// concern.
props.className = Array.from(className).sort().join(' ');
}
if (Object.keys(inlineStyle).length > 0) {
props.style = inlineStyle;
}
return props;
};
var arrayToProps = function arrayToProps(_ref3) {
var className = _ref3.className,
inlineStyle = _ref3.inlineStyle;
var props = {
className: [''],
style: {}
};
if (className.size > 0) {
// Sorting here ensures that classNames are always stable, reducing diff
// churn. Box usually has a small number of properties so it's not a perf
// concern.
props.className = Array.from(className).sort();
}
if (Object.keys(inlineStyle).length > 0) {
props.style = inlineStyle;
}
return props;
};
function mapping(map) {
return function (val) {
return _.has(map, val) ? fromClassName(map[val]) : identity();
};
} // Adds a classname when a property is present.
//
// <Box top />
//
function toggle() {
for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {
classNames[_key] = arguments[_key];
}
return function (val) {
return val ? fromClassName.apply(void 0, classNames) : identity();
};
}
function range(scale) {
return function (val) {
return fromClassName("".concat(scale).concat(val < 0 ? "N".concat(Math.abs(val)) : val));
};
}
function rangeWithoutZero(scale) {
return function (val) {
return val === 0 ? identity() : range(scale)(val);
};
}
function bind(fn, scope) {
return function (val) {
return mapClassName(function (name) {
return scope[name];
})(fn(val));
};
}
var union = function union() {
for (var _len2 = arguments.length, fns = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
fns[_key2] = arguments[_key2];
}
return function (val) {
return concat(fns.map(function (fn) {
return fn(val);
}));
};
};
/**
*
* @param color passed to fishtank component
* @returns fishtankColorName
*/
function propToFishtankColorName(color) {
var _ref = [color[0], color.substring(1, color.length)],
prefix = _ref[0],
rest = _ref[1];
var colorClassName = "color".concat(prefix.toUpperCase()).concat(rest);
return colorClassName;
}
var fontSizes = ['headingLg', 'headingMd', 'headingSm', 'baseLg', 'baseMd', 'baseSm'];
var align = ['left', 'right', 'center', 'justify'];
var script$19 = Vue.extend({
/**
* @display A component that provides block and inline text. It embeds the font-family and font face CSS, without requiring exernal stylesheets.
*/
name: "FishTankText",
props: {
/**
* Text alignment
*/
align: {
type: String,
default: 'left',
validator: function validator(value) {
return align.indexOf(value) !== -1;
}
},
/**
* Text color, based on the limited palette for body text
*/
color: {
type: String,
validator: function validator(value) {
return propToFishtankColorName(value) in ftColorsObj;
},
default: 'black'
},
/**
* Text renders in an inline element (span); text is block level element by default
*/
inline: {
type: Boolean,
required: false,
default: false
},
/**
* Bold font weight
*/
bold: {
type: Boolean,
required: false,
default: false
},
/**
* Semi-bold font weight
*/
semiBold: {
type: Boolean,
required: false,
default: false
},
/**
* Text size
* `baseSM, baseMd, baseLg`
*/
size: {
type: String,
default: 'baseLg',
validator: function validator(value) {
return fontSizes.indexOf(value) !== -1;
}
},
/**
* Text Overflow
* ``breakword, normal`
*/
overflow: {
type: String,
default: 'breakWord',
validator: function validator(value) {
return ['breakWord', 'normal'].indexOf(value) !== -1;
}
},
/**
* Text, within a container of fixed size, overflows with ellipsis
*/
truncate: {
type: Boolean,
default: false
},
/**
* Text font style, either primary or accent
* `primary, accent`
*/
font: {
default: 'primary',
type: String,
validator: function validator(value) {
return ['primary', 'accent'].indexOf(value) !== -1;
}
},
/**
* Text renders as italic
*/
italic: {
default: false,
type: Boolean
},
/**
* Uppercase text
*/
uppercase: {
default: false,
required: false,
type: Boolean
}
},
computed: {
styles: function styles() {
var style = this.$style;
return style;
},
propMapping: function propMapping() {
var style = this.styles;
return {
color: this.colorMappingFunc,
inline: toggle(style.inline),
semiBold: toggle(style.fontWeightSemiBold),
bold: toggle(style.fontWeightBold),
italic: toggle(style.fontStyleItalic),
size: mapping({
headingLg: style.fontSizeHeadingLg,
headingMd: style.fontSizeHeadingMd,
headingSm: style.fontSizeHeadingSm,
baseLg: style.fontSizeBaseLg,
baseMd: style.fontSizeBaseMd,
baseSm: style.fontSizeBaseSm
}),
font: mapping({
primary: style.primary,
accent: style.accent
}),
align: mapping({
left: style.alignLeft,
right: style.alignRight,
center: style.alignCenter,
justify: style.alignJustify
}),
truncate: toggle(style.truncate),
overflow: mapping({
normal: style.normal,
breakWord: style.breakWord
}),
uppercase: toggle(style.uppercase)
};
},
textProps: function textProps() {
var concatenatedClasses = concat([mapping(this.styles)('antialiased'), identity()]);
for (var prop in this.$props) {
if (prop in this.propMapping) {
var mappingFunction = _.get(this.propMapping, prop);
concatenatedClasses = concat([concatenatedClasses, mappingFunction(this.$props[prop])]);
}
}
var textProps = toProps(concatenatedClasses);
return {
class: textProps.className,
style: textProps.style
};
}
},
methods: {
colorMappingFunc: function colorMappingFunc(value) {
if (!value) return identity();
var style = this.styles;
var allColorMappings = mapping(style);
return allColorMappings(propToFishtankColorName(value));
}
},
render: function render(createElement) {
var textProps = this.textProps;
if (this.$props.inline) {
return createElement('span', {
class: textProps.class,
style: textProps.style
}, this.$slots.default);
} else {
return createElement('div', {
class: textProps.class,
style: textProps.style
}, this.$slots.default);
}
}
});
/* script */
var __vue_script__$19 = script$19;
/* template */
/* style */
var __vue_inject_styles__$19 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-94dd114e_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",
map: undefined,
media: undefined
}), inject("data-v-94dd114e_1", {
source: ":root {\n --color-black: #292E31;\n --color-gray-dark: #505558;\n --color-gray: #777C7F;\n --color-gray-light: #9EA3A6;\n --color-gray-lighter: #C5CACD;\n --color-gray-lightest: #EDF2F5;\n --color-white: #FFFFFF;\n --color-link: #267ABD;\n --color-link-visited: #7F57B8;\n --color-link-dark-bg: #ACCCE5;\n --color-disabled: #C5CACD;\n --color-action-darkest: #30855C;\n --color-action-darker: #399E6E;\n --color-action: #3DA774;\n --color-action-lighter: #49B88B;\n --color-action-lightest: #EBF6F1;\n --color-selected-darkest: #0A7DAF;\n --color-selected-darker: #0D94CF;\n --color-selected: #0D9DDB;\n --color-selected-lighter: #0FB0E2;\n --color-selected-lightest: #E7F5FB;\n --color-error-darkest: #B43931;\n --color-error-darker: #D5443A;\n --color-error: #E1483E;\n --color-error-lighter: #E7564A;\n --color-error-lightest: #FBECEB;\n --color-warning-darkest: #CC900D;\n --color-warning-darker: #F2AB10;\n --color-warning: #FFB511;\n --color-warning-lighter: #FFC314;\n --color-warning-lightest: #FFF7E7;\n --color-blaw-blue: #0D9DDB;\n --color-btax-blue: #2785D6;\n --color-theme-antitrust: #57534A;\n --color-theme-banking: #379851;\n --color-theme-bankruptcy: #C52700;\n --color-theme-benefits: #EA6A02;\n --color-theme-corporate: #8A5BB6;\n --color-theme-ediscovery: #F64A56;\n --color-theme-environment: #6DC470;\n --color-theme-health: #0D3B91;\n --color-theme-ip: #1E95C1;\n --color-theme-labor: #00C18C;\n --color-theme-securities: #45BDE9;\n --color-theme-telecom: #6A8C8A;\n --color-dataviz-1: #63B995;\n --color-dataviz-2: #1E4882;\n --color-dataviz-3: #F87060;\n --color-dataviz-4: #1AA2AF;\n --color-dataviz-5: #FFB511;\n --color-dataviz-6: #9357C8;\n --color-dataviz-7: #F697C0;\n --color-dataviz-8: #2ECC71;\n --color-dataviz-9: #34495E;\n --color-dataviz-10: #FF6D10;\n --color-dataviz-positive: #2ECC71;\n --color-dataviz-negative: #F87060;\n --color-democrat: #0A54C2;\n --color-republican: #D3301A;\n --color-independent: #FFB00D;\n}\n.ft-colorBlack-3MQw {\n color: var(--color-black);\n}\n.ft-colorGrayDark-2kUO {\n color: var(--color-gray-dark);\n}\n.ft-colorGray-2MNj {\n color: var(--color-gray);\n}\n.ft-colorGrayLight-341k {\n color: var(--color-gray-light);\n}\n.ft-colorGrayLighter-2F5g {\n color: var(--color-gray-lighter);\n}\n.ft-colorGrayLightest-2pqx {\n color: var(--color-gray-lightest);\n}\n.ft-colorWhite-1AOJ {\n color: var(--color-white);\n}\n.ft-colorLink-1UwZ {\n color: var(--color-link);\n}\n.ft-colorLinkVisited-1TH6 {\n color: var(--color-link-visited);\n}\n.ft-colorLinkDarkBg-Pxph {\n color: var(--color-link-dark-bg);\n}\n.ft-colorDisabled-R72H {\n color: var(--color-disabled);\n}\n.ft-colorActionDarkest-3cdw {\n color: var(--color-action-darkest);\n}\n.ft-colorActionDarker-36xv {\n color: var(--color-action-darker);\n}\n.ft-colorAction-94jA {\n color: var(--color-action);\n}\n.ft-colorActionLighter-3fo8 {\n color: var(--color-action-lighter);\n}\n.ft-colorActionLightest-3SLm {\n color: var(--color-action-lightest);\n}\n.ft-colorSelectedDarkest-aSDl {\n color: var(--color-selected-darkest);\n}\n.ft-colorSelectedDarker-2Ihe {\n color: var(--color-selected-darker);\n}\n.ft-colorSelected-3p37 {\n color: var(--color-selected);\n}\n.ft-colorSelectedLighter-21ho {\n color: var(--color-selected-lighter);\n}\n.ft-colorSelectedLightest-o-Fn {\n color: var(--color-selected-lightest);\n}\n.ft-colorErrorDarkest-3Eqn {\n color: var(--color-error-darkest);\n}\n.ft-colorErrorDarker-2FBf {\n color: var(--color-error-darker);\n}\n.ft-colorError-l8pd {\n color: var(--color-error);\n}\n.ft-colorErrorLighter-cEId {\n color: var(--color-error-lighter);\n}\n.ft-colorErrorLightest-104c {\n color: var(--color-error-lightest);\n}\n.ft-colorWarningDarkest-2Zv7 {\n color: var(--color-warning-darkest);\n}\n.ft-colorWarningDarker-2tE_ {\n color: var(--color-warning-darker);\n}\n.ft-colorWarning-daj2 {\n color: var(--color-warning);\n}\n.ft-colorWarningLighter-36Zx {\n color: var(--color-warning-lighter);\n}\n.ft-colorWarningLightest-1DM5 {\n color: var(--color-warning-lightest);\n}\n.ft-colorBlawBlue-2RU0 {\n color: var(--color-blaw-blue);\n}\n.ft-colorBtaxBlue-tv4r {\n color: var(--color-btax-blue);\n}\n.ft-colorThemeAntitrust-2-3Y {\n color: var(--color-theme-antitrust);\n}\n.ft-colorThemeBanking-2CyK {\n color: var(--color-theme-banking);\n}\n.ft-colorThemeBankruptcy-11yO {\n color: var(--color-theme-bankruptcy);\n}\n.ft-colorThemeBenefits-Sg27 {\n color: var(--color-theme-benefits);\n}\n.ft-colorThemeCorporate-2it9 {\n color: var(--color-theme-corporate);\n}\n.ft-colorThemeEdiscovery-2bPV {\n color: var(--color-theme-ediscovery);\n}\n.ft-colorThemeEnvironment-3lXI {\n color: var(--color-theme-environment);\n}\n.ft-colorThemeHealth-2-_E {\n color: var(--color-theme-health);\n}\n.ft-colorThemeIp-qXML {\n color: var(--color-theme-ip);\n}\n.ft-colorThemeLabor-2V0J {\n color: var(--color-theme-labor);\n}\n.ft-colorThemeSecurities-oHD4 {\n color: var(--color-theme-securities);\n}\n.ft-colorThemeTelecom-179D {\n color: var(--color-theme-telecom);\n}\n.ft-colorDataviz1-1Flf {\n color: var(--color-dataviz-1);\n}\n.ft-colorDataviz2-M2XH {\n color: var(--color-dataviz-2);\n}\n.ft-colorDataviz3-Bhil {\n color: var(--color-dataviz-3);\n}\n.ft-colorDataviz4-1fIU {\n color: var(--color-dataviz-4);\n}\n.ft-colorDataviz5-2rDh {\n color: var(--color-dataviz-5);\n}\n.ft-colorDataviz6-GFD4 {\n color: var(--color-dataviz-6);\n}\n.ft-colorDataviz7-5lVO {\n color: var(--color-dataviz-7);\n}\n.ft-colorDataviz8-3CYF {\n color: var(--color-dataviz-8);\n}\n.ft-colorDataviz9-1Ya9 {\n color: var(--color-dataviz-9);\n}\n.ft-colorDataviz10-2JRH {\n color: var(--color-dataviz-10);\n}\n.ft-colorDatavizPositive-20Bw {\n color: var(--color-dataviz-positive);\n}\n.ft-colorDatavizNegative-Z7_o {\n color: var(--color-dataviz-negative);\n}\n.ft-colorDemocrat-3mpy {\n color: var(--color-democrat);\n}\n.ft-colorRepublican-1zAc {\n color: var(--color-republican);\n}\n.ft-colorIndependent-3Du_ {\n color: var(--color-independent);\n}\n.ft-colorBlackBg-oZMB {\n background: var(--color-black);\n}\n.ft-colorGrayDarkBg-1a-n {\n background: var(--color-gray-dark);\n}\n.ft-colorGrayBg-2eKF {\n background: var(--color-gray);\n}\n.ft-colorGrayLightBg-3D1P {\n background: var(--color-gray-light);\n}\n.ft-colorGrayLighterBg-3F5r {\n background: var(--color-gray-lighter);\n}\n.ft-colorGrayLightestBg-jgxR {\n background: var(--color-gray-lightest);\n}\n.ft-colorWhiteBg-276o {\n background: var(--color-white);\n}\n.ft-colorLinkBg-1_Ss {\n background: var(--color-link);\n}\n.ft-colorLinkVisitedBg-2pnS {\n background: var(--color-link-visited);\n}\n.ft-colorLinkDarkBgBg-czGD {\n background: var(--color-link-dark-bg);\n}\n.ft-colorDisabledBg-3GHn {\n background: var(--color-disabled);\n}\n.ft-colorActionDarkestBg-1idf {\n background: var(--color-action-darkest);\n}\n.ft-colorActionDarkerBg-1Bqh {\n background: var(--color-action-darker);\n}\n.ft-colorActionBg-2NwW {\n background: var(--color-action);\n}\n.ft-colorActionLighterBg-1sJ7 {\n background: var(--color-action-lighter);\n}\n.ft-colorActionLightestBg-1wSV {\n background: var(--color-action-lightest);\n}\n.ft-colorSelectedDarkestBg-1mD6 {\n background: var(--color-selected-darkest);\n}\n.ft-colorSelectedDarkerBg-1VHF {\n background: var(--color-selected-darker);\n}\n.ft-colorSelectedBg-1ui- {\n background: var(--color-selected);\n}\n.ft-colorSelectedLighterBg-17Mm {\n background: var(--color-selected-lighter);\n}\n.ft-colorSelectedLightestBg-2wm8 {\n background: var(--color-selected-lightest);\n}\n.ft-colorErrorDarkestBg-3D2w {\n background: var(--color-error-darkest);\n}\n.ft-colorErrorDarkerBg-3BxL {\n background: var(--color-error-darker);\n}\n.ft-colorErrorBg-3S93 {\n background: var(--color-error);\n}\n.ft-colorErrorLighterBg-2d9l {\n background: var(--color-error-lighter);\n}\n.ft-colorErrorLightestBg-1UmL {\n background: var(--color-error-lightest);\n}\n.ft-colorWarningDarkestBg-Or_d {\n background: var(--color-warning-darkest);\n}\n.ft-colorWarningDarkerBg-vMZ- {\n background: var(--color-warning-darker);\n}\n.ft-colorWarningBg-2cU6 {\n background: var(--color-warning);\n}\n.ft-colorWarningLighterBg-13al {\n background: var(--color-warning-lighter);\n}\n.ft-colorWarningLightestBg-23l9 {\n background: var(--color-warning-lightest);\n}\n.ft-colorBlawBlueBg-2BBK {\n background: var(--color-blaw-blue);\n}\n.ft-colorBtaxBlueBg-2CwI {\n background: var(--color-btax-blue);\n}\n.ft-colorThemeAntitrustBg-bEBm {\n background: var(--color-theme-antitrust);\n}\n.ft-colorThemeBankingBg-jW5h {\n background: var(--color-theme-banking);\n}\n.ft-colorThemeBankruptcyBg-1RVh {\n background: var(--color-theme-bankruptcy);\n}\n.ft-colorThemeBenefitsBg-3A3B {\n background: var(--color-theme-benefits);\n}\n.ft-colorThemeCorporateBg-2IJI {\n background: var(--color-theme-corporate);\n}\n.ft-colorThemeEdiscoveryBg-bxJf {\n background: var(--color-theme-ediscovery);\n}\n.ft-colorThemeEnvironmentBg-1WsT {\n background: var(--color-theme-environment);\n}\n.ft-colorThemeHealthBg-1SbX {\n background: var(--color-theme-health);\n}\n.ft-colorThemeIpBg-1If6 {\n background: var(--color-theme-ip);\n}\n.ft-colorThemeLaborBg-2x2W {\n background: var(--color-theme-labor);\n}\n.ft-colorThemeSecuritiesBg-1ZI5 {\n background: var(--color-theme-securities);\n}\n.ft-colorThemeTelecomBg-32A5 {\n background: var(--color-theme-telecom);\n}\n.ft-colorDataviz1Bg-1l0z {\n background: var(--color-dataviz-1);\n}\n.ft-colorDataviz2Bg-10__ {\n background: var(--color-dataviz-2);\n}\n.ft-colorDataviz3Bg-2NRA {\n background: var(--color-dataviz-3);\n}\n.ft-colorDataviz4Bg-1z9I {\n background: var(--color-dataviz-4);\n}\n.ft-colorDataviz5Bg-Qb-9 {\n background: var(--color-dataviz-5);\n}\n.ft-colorDataviz6Bg-3N4Q {\n background: var(--color-dataviz-6);\n}\n.ft-colorDataviz7Bg-36hl {\n background: var(--color-dataviz-7);\n}\n.ft-colorDataviz8Bg-1CNq {\n background: var(--color-dataviz-8);\n}\n.ft-colorDataviz9Bg-38K1 {\n background: var(--color-dataviz-9);\n}\n.ft-colorDataviz10Bg-Zorz {\n background: var(--color-dataviz-10);\n}\n.ft-colorDatavizPositiveBg-3uTZ {\n background: var(--color-dataviz-positive);\n}\n.ft-colorDatavizNegativeBg-PAIl {\n background: var(--color-dataviz-negative);\n}\n.ft-colorDemocratBg-isxB {\n background: var(--color-democrat);\n}\n.ft-colorRepublicanBg-2MtR {\n background: var(--color-republican);\n}\n.ft-colorIndependentBg-22sr {\n background: var(--color-independent);\n}\n:root {\n --root-fontsize: 16px;\n --font-primary: \"OpenSans\",arial,sans-serif;\n --font-accent: \"AvenirNextMForBBG\",\"Avenir\",\"Helvetica Neue\",helvetica,arial,sans-serif;\n --fontsize-heading-lg: 3.375rem;\n --fontsize-heading-md: 2.25rem;\n --fontsize-heading-sm: 1.5rem;\n --fontsize-base-lg: 1rem;\n --fontsize-base-md: .875rem;\n --fontsize-base-sm: .75rem;\n --fontsize-small: .625rem;\n --lineheight-heading-lg: 4rem;\n --lineheight-heading-md: 2.75rem;\n --lineheight-heading-sm: 1.75rem;\n --lineheight-base-lg: 1.5rem;\n --lineheight-base-md: 1.25rem;\n --lineheight-base-sm: 1rem;\n --lineheight-small: .75rem;\n --lineheight-100: 1.0;\n --fontweight-regular: 400;\n --fontweight-semi: 600;\n --fontweight-bold: 700;\n --letterspacing-heading-lg: -0.04rem;\n --letterspacing-heading-md: -0.04rem;\n --letterspacing-heading-sm: 0rem;\n --letterspacing-base-lg: 0rem;\n --letterspacing-base-md: 0.00625rem;\n --letterspacing-base-sm: 0.01875rem;\n --letterspacing-small: 0.01875rem;\n --cdn-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}\n.ft-fontSizeHeadingLg-jfDx {\n font-size: var(--fontsize-heading-lg);\n line-height: var(--lineheight-heading-lg);\n letter-spacing: var(--letterspacing-heading-lg);\n}\n.ft-fontSizeHeadingMd-3RMf {\n font-size: var(--fontsize-heading-md);\n line-height: var(--lineheight-heading-md);\n letter-spacing: var(--letterspacing-heading-md);\n}\n.ft-fontSizeHeadingSm-3t1p {\n font-size: var(--fontsize-heading-sm);\n line-height: var(--lineheight-heading-sm);\n letter-spacing: var(--letterspacing-heading-sm);\n}\n.ft-fontSizeBaseLg-1LUV {\n font-size: var(--fontsize-base-lg);\n line-height: var(--lineheight-base-lg);\n letter-spacing: var(--letterspacing-base-lg);\n}\n.ft-fontSizeBaseMd-3INJ {\n font-size: var(--fontsize-base-md);\n line-height: var(--lineheight-base-md);\n letter-spacing: var(--letterspacing-base-md);\n}\n.ft-fontSizeBaseSm-1vjy {\n font-size: var(--fontsize-base-sm);\n line-height: var(--lineheight-base-sm);\n letter-spacing: var(--letterspacing-base-sm);\n}\n:root {\n --root-fontsize: 16px;\n --font-primary: \"OpenSans\",arial,sans-serif;\n --font-accent: \"AvenirNextMForBBG\",\"Avenir\",\"Helvetica Neue\",helvetica,arial,sans-serif;\n --fontsize-heading-lg: 3.375rem;\n --fontsize-heading-md: 2.25rem;\n --fontsize-heading-sm: 1.5rem;\n --fontsize-base-lg: 1rem;\n --fontsize-base-md: .875rem;\n --fontsize-base-sm: .75rem;\n --fontsize-small: .625rem;\n --lineheight-heading-lg: 4rem;\n --lineheight-heading-md: 2.75rem;\n --lineheight-heading-sm: 1.75rem;\n --lineheight-base-lg: 1.5rem;\n --lineheight-base-md: 1.25rem;\n --lineheight-base-sm: 1rem;\n --lineheight-small: .75rem;\n --lineheight-100: 1.0;\n --fontweight-regular: 400;\n --fontweight-semi: 600;\n --fontweight-bold: 700;\n --letterspacing-heading-lg: -0.04rem;\n --letterspacing-heading-md: -0.04rem;\n --letterspacing-heading-sm: 0rem;\n --letterspacing-base-lg: 0rem;\n --letterspacing-base-md: 0.00625rem;\n --letterspacing-base-sm: 0.01875rem;\n --letterspacing-small: 0.01875rem;\n --cdn-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}\n\n/* font family */\n.ft-antialiased-IplY {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n}\n.ft-primary-25My {\n font-family: var(--font-primary);\n}\n.ft-accent-2dP0 {\n font-family: var(--font-accent);\n}\n\n/* font weight */\n.ft-fontWeightNormal-3sn0 {\n font-weight: normal;\n}\n.ft-fontWeightSemiBold-1_4U {\n font-weight: 600;\n}\n.ft-fontWeightBold-guw0 {\n font-weight: 700;\n}\n\n/* emphasis */\n.ft-fontStyleRegular-dfJy {\n font-style: normal;\n}\n.ft-fontStyleItalic-13pC {\n font-style: italic;\n}\n\n/* transforms */\n.ft-capitalize-3DtX {\n text-transform: capitalize;\n}\n\n/* decorations */\n.ft-underline-1dCS {\n text-decoration: underline;\n}\n.ft-lineThrough-2ILE {\n text-decoration: line-through;\n}\n.ft-noUnderline-sRwn {\n text-decoration: none;\n}\n\n/* overflow */\n.ft-breakWord-1kgc {\n -webkit-hyphens: auto;\n -ms-hyphens: auto;\n hyphens: auto;\n word-wrap: break-word;\n}\n.ft-truncate-1jwW {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* alignment */\n.ft-alignLeft-1ZMH {\n text-align: left;\n}\n.ft-alignRight-1FaF {\n text-align: right;\n}\n.ft-alignCenter-U4Kt {\n text-align: center;\n}\n.ft-alignJustify-TLS5 {\n text-align: justify;\n}\n.ft-uppercase-2dXg {\n text-transform: uppercase;\n}\n",
map: undefined,
media: undefined
});
Object.defineProperty(this, "$style", {
value: {
"colorBlack": "ft-colorBlack-3MQw",
"colorGrayDark": "ft-colorGrayDark-2kUO",
"colorGray": "ft-colorGray-2MNj",
"colorGrayLight": "ft-colorGrayLight-341k",
"colorGrayLighter": "ft-colorGrayLighter-2F5g",
"colorGrayLightest": "ft-colorGrayLightest-2pqx",
"colorWhite": "ft-colorWhite-1AOJ",
"colorLink": "ft-colorLink-1UwZ",
"colorLinkVisited": "ft-colorLinkVisited-1TH6",
"colorLinkDarkBg": "ft-colorLinkDarkBg-Pxph",
"colorDisabled": "ft-colorDisabled-R72H",
"colorActionDarkest": "ft-colorActionDarkest-3cdw",
"colorActionDarker": "ft-colorActionDarker-36xv",
"colorAction": "ft-colorAction-94jA",
"colorActionLighter": "ft-colorActionLighter-3fo8",
"colorActionLightest": "ft-colorActionLightest-3SLm",
"colorSelectedDarkest": "ft-colorSelectedDarkest-aSDl",
"colorSelectedDarker": "ft-colorSelectedDarker-2Ihe",
"colorSelected": "ft-colorSelected-3p37",
"colorSelectedLighter": "ft-colorSelectedLighter-21ho",
"colorSelectedLightest": "ft-colorSelectedLightest-o-Fn",
"colorErrorDarkest": "ft-colorErrorDarkest-3Eqn",
"colorErrorDarker": "ft-colorErrorDarker-2FBf",
"colorError": "ft-colorError-l8pd",
"colorErrorLighter": "ft-colorErrorLighter-cEId",
"colorErrorLightest": "ft-colorErrorLightest-104c",
"colorWarningDarkest": "ft-colorWarningDarkest-2Zv7",
"colorWarningDarker": "ft-colorWarningDarker-2tE_",
"colorWarning": "ft-colorWarning-daj2",
"colorWarningLighter": "ft-colorWarningLighter-36Zx",
"colorWarningLightest": "ft-colorWarningLightest-1DM5",
"colorBlawBlue": "ft-colorBlawBlue-2RU0",
"colorBtaxBlue": "ft-colorBtaxBlue-tv4r",
"colorThemeAntitrust": "ft-colorThemeAntitrust-2-3Y",
"colorThemeBanking": "ft-colorThemeBanking-2CyK",
"colorThemeBankruptcy": "ft-colorThemeBankruptcy-11yO",
"colorThemeBenefits": "ft-colorThemeBenefits-Sg27",
"colorThemeCorporate": "ft-colorThemeCorporate-2it9",
"colorThemeEdiscovery": "ft-colorThemeEdiscovery-2bPV",
"colorThemeEnvironment": "ft-colorThemeEnvironment-3lXI",
"colorThemeHealth": "ft-colorThemeHealth-2-_E",
"colorThemeIp": "ft-colorThemeIp-qXML",
"colorThemeLabor": "ft-colorThemeLabor-2V0J",
"colorThemeSecurities": "ft-colorThemeSecurities-oHD4",
"colorThemeTelecom": "ft-colorThemeTelecom-179D",
"colorDataviz1": "ft-colorDataviz1-1Flf",
"colorDataviz2": "ft-colorDataviz2-M2XH",
"colorDataviz3": "ft-colorDataviz3-Bhil",
"colorDataviz4": "ft-colorDataviz4-1fIU",
"colorDataviz5": "ft-colorDataviz5-2rDh",
"colorDataviz6": "ft-colorDataviz6-GFD4",
"colorDataviz7": "ft-colorDataviz7-5lVO",
"colorDataviz8": "ft-colorDataviz8-3CYF",
"colorDataviz9": "ft-colorDataviz9-1Ya9",
"colorDataviz10": "ft-colorDataviz10-2JRH",
"colorDatavizPositive": "ft-colorDatavizPositive-20Bw",
"colorDatavizNegative": "ft-colorDatavizNegative-Z7_o",
"colorDemocrat": "ft-colorDemocrat-3mpy",
"colorRepublican": "ft-colorRepublican-1zAc",
"colorIndependent": "ft-colorIndependent-3Du_",
"colorBlackBg": "ft-colorBlackBg-oZMB",
"colorGrayDarkBg": "ft-colorGrayDarkBg-1a-n",
"colorGrayBg": "ft-colorGrayBg-2eKF",
"colorGrayLightBg": "ft-colorGrayLightBg-3D1P",
"colorGrayLighterBg": "ft-colorGrayLighterBg-3F5r",
"colorGrayLightestBg": "ft-colorGrayLightestBg-jgxR",
"colorWhiteBg": "ft-colorWhiteBg-276o",
"colorLinkBg": "ft-colorLinkBg-1_Ss",
"colorLinkVisitedBg": "ft-colorLinkVisitedBg-2pnS",
"colorLinkDarkBgBg": "ft-colorLinkDarkBgBg-czGD",
"colorDisabledBg": "ft-colorDisabledBg-3GHn",
"colorActionDarkestBg": "ft-colorActionDarkestBg-1idf",
"colorActionDarkerBg": "ft-colorActionDarkerBg-1Bqh",
"colorActionBg": "ft-colorActionBg-2NwW",
"colorActionLighterBg": "ft-colorActionLighterBg-1sJ7",
"colorActionLightestBg": "ft-colorActionLightestBg-1wSV",
"colorSelectedDarkestBg": "ft-colorSelectedDarkestBg-1mD6",
"colorSelectedDarkerBg": "ft-colorSelectedDarkerBg-1VHF",
"colorSelectedBg": "ft-colorSelectedBg-1ui-",
"colorSelectedLighterBg": "ft-colorSelectedLighterBg-17Mm",
"colorSelectedLightestBg": "ft-colorSelectedLightestBg-2wm8",
"colorErrorDarkestBg": "ft-colorErrorDarkestBg-3D2w",
"colorErrorDarkerBg": "ft-colorErrorDarkerBg-3BxL",
"colorErrorBg": "ft-colorErrorBg-3S93",
"colorErrorLighterBg": "ft-colorErrorLighterBg-2d9l",
"colorErrorLightestBg": "ft-colorErrorLightestBg-1UmL",
"colorWarningDarkestBg": "ft-colorWarningDarkestBg-Or_d",
"colorWarningDarkerBg": "ft-colorWarningDarkerBg-vMZ-",
"colorWarningBg": "ft-colorWarningBg-2cU6",
"colorWarningLighterBg": "ft-colorWarningLighterBg-13al",
"colorWarningLightestBg": "ft-colorWarningLightestBg-23l9",
"colorBlawBlueBg": "ft-colorBlawBlueBg-2BBK",
"colorBtaxBlueBg": "ft-colorBtaxBlueBg-2CwI",
"colorThemeAntitrustBg": "ft-colorThemeAntitrustBg-bEBm",
"colorThemeBankingBg": "ft-colorThemeBankingBg-jW5h",
"colorThemeBankruptcyBg": "ft-colorThemeBankruptcyBg-1RVh",
"colorThemeBenefitsBg": "ft-colorThemeBenefitsBg-3A3B",
"colorThemeCorporateBg": "ft-colorThemeCorporateBg-2IJI",
"colorThemeEdiscoveryBg": "ft-colorThemeEdiscoveryBg-bxJf",
"colorThemeEnvironmentBg": "ft-colorThemeEnvironmentBg-1WsT",
"colorThemeHealthBg": "ft-colorThemeHealthBg-1SbX",
"colorThemeIpBg": "ft-colorThemeIpBg-1If6",
"colorThemeLaborBg": "ft-colorThemeLaborBg-2x2W",
"colorThemeSecuritiesBg": "ft-colorThemeSecuritiesBg-1ZI5",
"colorThemeTelecomBg": "ft-colorThemeTelecomBg-32A5",
"colorDataviz1Bg": "ft-colorDataviz1Bg-1l0z",
"colorDataviz2Bg": "ft-colorDataviz2Bg-10__",
"colorDataviz3Bg": "ft-colorDataviz3Bg-2NRA",
"colorDataviz4Bg": "ft-colorDataviz4Bg-1z9I",
"colorDataviz5Bg": "ft-colorDataviz5Bg-Qb-9",
"colorDataviz6Bg": "ft-colorDataviz6Bg-3N4Q",
"colorDataviz7Bg": "ft-colorDataviz7Bg-36hl",
"colorDataviz8Bg": "ft-colorDataviz8Bg-1CNq",
"colorDataviz9Bg": "ft-colorDataviz9Bg-38K1",
"colorDataviz10Bg": "ft-colorDataviz10Bg-Zorz",
"colorDatavizPositiveBg": "ft-colorDatavizPositiveBg-3uTZ",
"colorDatavizNegativeBg": "ft-colorDatavizNegativeBg-PAIl",
"colorDemocratBg": "ft-colorDemocratBg-isxB",
"colorRepublicanBg": "ft-colorRepublicanBg-2MtR",
"colorIndependentBg": "ft-colorIndependentBg-22sr",
"fontSizeHeadingLg": "ft-fontSizeHeadingLg-jfDx",
"fontSizeHeadingMd": "ft-fontSizeHeadingMd-3RMf",
"fontSizeHeadingSm": "ft-fontSizeHeadingSm-3t1p",
"fontSizeBaseLg": "ft-fontSizeBaseLg-1LUV",
"fontSizeBaseMd": "ft-fontSizeBaseMd-3INJ",
"fontSizeBaseSm": "ft-fontSizeBaseSm-1vjy",
"antialiased": "ft-antialiased-IplY",
"primary": "ft-primary-25My",
"accent": "ft-accent-2dP0",
"fontWeightNormal": "ft-fontWeightNormal-3sn0",
"fontWeightSemiBold": "ft-fontWeightSemiBold-1_4U",
"fontWeightBold": "ft-fontWeightBold-guw0",
"fontStyleRegular": "ft-fontStyleRegular-dfJy",
"fontStyleItalic": "ft-fontStyleItalic-13pC",
"capitalize": "ft-capitalize-3DtX",
"underline": "ft-underline-1dCS",
"lineThrough": "ft-lineThrough-2ILE",
"noUnderline": "ft-noUnderline-sRwn",
"breakWord": "ft-breakWord-1kgc",
"truncate": "ft-truncate-1jwW",
"alignLeft": "ft-alignLeft-1ZMH",
"alignRight": "ft-alignRight-1FaF",
"alignCenter": "ft-alignCenter-U4Kt",
"alignJustify": "ft-alignJustify-TLS5",
"uppercase": "ft-uppercase-2dXg"
}
});
};
/* scoped */
var __vue_scope_id__$19 = undefined;
/* module identifier */
var __vue_module_identifier__$19 = undefined;
/* functional template */
var __vue_is_functional_template__$19 = undefined;
/* style inject SSR */
var FishTankText = __vue_normalize__({}, __vue_inject_styles__$19, __vue_script__$19, __vue_scope_id__$19, __vue_is_functional_template__$19, __vue_module_identifier__$19, __vue_create_injector__, undefined);
var script$20 = Vue.extend({
/**
* FishTankCheckbox V1
* @deprecated
* This component is being deprecated in favor of FishTankCheckboxV2.
* It will be removed from the library in October 2019.
* FishTankCheckboxV2 offers a more standard and consistant API, and better code quality.
* Please begin using FishTankCheckboxV2 to avoid any breaking changes.
*/
name: "FishTankCheckbox",
components: {
CheckboxSelected: CheckboxSelected24,
CheckboxUnselected: CheckboxUnselected24,
FishTankText: FishTankText
},
mixins: [a11y],
model: {
prop: 'value',
event: 'change'
},
props: {
disabled: {
type: Boolean,
required: false,
default: false,
description: "Disable the checkbox"
},
value: {
default: false,
type: [Boolean, Array],
description: "Checkbox binding to a boolean or array"
},
label: {
type: String,
required: true,
description: "Checkbox label"
},
id: {
type: String,
default: null,
required: false,
description: "Checkbox element ID"
}
},
methods: {
emitChange: function emitChange() {
this.$emit('change', !this.value);
}
},
data: function data() {
return {
isFocused: false
};
},
computed: {
keyId: function keyId() {
return "checkbox-".concat(this._uid);
},
returnEnabledDisabled: function returnEnabledDisabled() {
return this.disabled ? "disabled" : "animationWrap__enabled";
}
},
mounted: function mounted() {
// eslint-disable-next-line no-console
console.warn('FishTankCheckbox is being deprecated in favor of FishTankCheckboxSwitch. It combines checkbox and switch visual presentation on top of the same boolean functionality of a checkbox input element. It will be removed from the library in October 2019. Please migrate to FishTankCheckboxSwitch.');
}
});
/* script */
var __vue_script__$20 = script$20;
/* template */
var __vue_render__$19 = function __vue_render__() {
var _obj;
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
class: [_vm.$style.checkbox, (_obj = {}, _obj[_vm.$style.disabled] = _vm.disabled, _obj), _vm.value ? [_vm.$style.checked] : [_vm.$style.unchecked]]
}, [_c("label", {
class: _vm.$style.label,
attrs: {
for: _vm.id !== null ? _vm.id : null
}
}, [_c("input", {
class: _vm.$style.native,
attrs: {
id: _vm.id !== null ? _vm.id : null,
disabled: _vm.disabled,
type: "checkbox"
},
domProps: {
checked: _vm.value
},
on: {
click: _vm.emitChange,
focus: function focus($event) {
_vm.isFocused = true;
},
blur: function blur($event) {
_vm.isFocused = false;
}
}
}), _vm._v(" "), _c("div", {
class: [_vm.$style.animationWrap, {
a11y: _vm.isFocused
}]
}, [_c("transition", {
attrs: {
name: "transition-scale",
"enter-active-class": _vm.$style.transitionScaleEnterActive,
"leave-active-class": _vm.$style.transitionScaleLeaveActive,
"enter-class": _vm.$style.transitionScaleEnter,
"leave-to-class": _vm.$style.transitionScaleLeaveTo
}
}, [_vm.value ? _c("CheckboxSelected", {
key: "{$keyId}+'-svgSelected'",
class: [_vm.$style.svgSelected, _vm.returnEnabledDisabled]
}) : _vm._e(), _vm._v(" "), !_vm.value ? _c("CheckboxUnselected", {
key: "{$keyId}+'unselected'",
class: [_vm.$style.svgUnselected, _vm.returnEnabledDisabled]
}) : _vm._e()], 1)], 1), _vm._v(" "), _vm.label ? _c("div", {
class: _vm.$style.labelContent
}, [_c("div", {
class: _vm.$style.labelContentLabel
}, [_c("fish-tank-text", {
attrs: {
primary: "",
size: "baseMd",
color: "grayDark"
}
}, [_vm._v(_vm._s(_vm.label))])], 1), _vm._v(" "), _vm._t("default")], 2) : _vm._e()])]);
};
var __vue_staticRenderFns__$19 = [];
__vue_render__$19._withStripped = true;
/* style */
var __vue_inject_styles__$20 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-0f85def5_0", {
source: "body.user-is-tabbing .a11y:focus {\n -webkit-box-shadow: 0 0 0 2px #0D9DDB;\n box-shadow: 0 0 0 2px #0D9DDB;\n}\n",
map: undefined,
media: undefined
}), inject("data-v-0f85def5_1", {
source: ".ft-checkbox-wc26 {\n position: relative;\n}\n.ft-native-4FU2 {\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n opacity: 0;\n}\n.ft-label-1h8u {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.ft-animationWrap-5lUX {\n margin-top: 4px;\n position: relative;\n width: 24px;\n height: 24px;\n}\n.ft-svgSelected-fyd_, .ft-svgUnselected-3TQv {\n position: absolute;\n left: 0;\n top: 0;\n}\n.ft-svgSelected-fyd_ {\n color: #0D9DDB;\n}\n.ft-svgUnselected-3TQv {\n color: #777C7F;\n}\n.ft-labelContent-3vQF {\n padding-left: 0.75rem;\n}\n.ft-labelContentLabel-11Xg {\n margin: 6px 0;\n}\n.ft-checkbox-wc26:hover .ft-svgSelected-fyd_ {\n color: #0A7DAF;\n}\n.ft-checkbox-wc26:hover .ft-svgUnselected-3TQv {\n color: #292E31;\n}\n.ft-checkbox-wc26:hover .ft-labelContent-3vQF {\n color: #292E31;\n}\n.ft-disabled-11fm .ft-labelContent-3vQF, .ft-disabled-11fm .ft-svgSelected-fyd_, .ft-disabled-11fm .ft-svgUnselected-3TQv {\n color: #C5CACD;\n}\n.ft-disabled-11fm:hover .ft-labelContent-3vQF, .ft-disabled-11fm:hover .ft-svgSelected-fyd_, .ft-disabled-11fm:hover .ft-svgUnselected-3TQv {\n color: #C5CACD;\n}\n.ft-transitionScaleLeaveActive-18xK, .ft-transitionScaleLeaveActive-18xK {\n top: 0px;\n left: 0px;\n}\n.ft-transitionScaleEnterActive-1LaU {\n -webkit-transition: opacity 0.3s, delay 0.3s, -webkit-transform 0.3s;\n transition: opacity 0.3s, delay 0.3s, -webkit-transform 0.3s;\n transition: transform 0.3s, opacity 0.3s, delay 0.3s;\n transition: transform 0.3s, opacity 0.3s, delay 0.3s, -webkit-transform 0.3s;\n}\n.ft-transitionScaleLeaveActive-18xK {\n -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;\n transition: opacity 0.3s, -webkit-transform 0.3s;\n transition: transform 0.3s, opacity 0.3s;\n transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;\n}\n.ft-transitionScaleEnter-LSsA, .ft-transitionScaleLeaveTo-2tA5 {\n -webkit-transform: scale(0);\n transform: scale(0);\n opacity: 0;\n left: 0;\n top: 0px;\n}\n",
map: undefined,
media: undefined
});
Object.defineProperty(this, "$style", {
value: {
"checkbox": "ft-checkbox-wc26",
"native": "ft-native-4FU2",
"label": "ft-label-1h8u",
"animationWrap": "ft-animationWrap-5lUX",
"svgSelected": "ft-svgSelected-fyd_",
"svgUnselected": "ft-svgUnselected-3TQv",
"labelContent": "ft-labelContent-3vQF",
"labelContentLabel": "ft-labelContentLabel-11Xg",
"disabled": "ft-disabled-11fm",
"transitionScaleLeaveActive": "ft-transitionScaleLeaveActive-18xK",
"transitionScaleEnterActive": "ft-transitionScaleEnterActive-1LaU",
"transitionScaleEnter": "ft-transitionScaleEnter-LSsA",
"transitionScaleLeaveTo": "ft-transitionScaleLeaveTo-2tA5"
}
});
};
/* scoped */
var __vue_scope_id__$20 = undefined;
/* module identifier */
var __vue_module_identifier__$20 = undefined;
/* functional template */
var __vue_is_functional_template__$20 = false;
/* style inject SSR */
var FishTankCheckbox = __vue_normalize__({
render: __vue_render__$19,
staticRenderFns: __vue_staticRenderFns__$19
}, __vue_inject_styles__$20, __vue_script__$20, __vue_scope_id__$20, __vue_is_functional_template__$20, __vue_module_identifier__$20, __vue_create_injector__, undefined);
var FishTankRadio =
/*#__PURE__*/
function (_Vue) {
_inherits(FishTankRadio, _Vue);
function FishTankRadio() {
var _this;
_classCallCheck(this, FishTankRadio);
_this = _possibleConstructorReturn(this, _getPrototypeOf(FishTankRadio).apply(this, arguments)); // @Prop({
// type: Object as () => RadioComponentGroup,
// })
// fishtankRadioGroupShared:RadioComponentGroup
// Data
_this.identifier = (Math.random() * 10000).toFixed(0).toString();
return _this;
} // Lifecycle methods
_createClass(FishTankRadio, [{
key: "mounted",
value: function mounted() {
this.fishtankRadioGroupShared.register(this);
}
}, {
key: "destroyed",
value: function destroyed() {
this.fishtankRadioGroupShared.unregister(this);
} // Computed Methods
}, {
key: "setFocus",
// Component methods
value: function setFocus() {
this.$refs.input.focus();
}
}, {
key: "shouldBeChecked",
get: function get() {
return this.value === this.modelValue;
}
}, {
key: "listeners",
get: function get() {
var _this2 = this;
return Object.assign({}, this.$listeners, {
change: function change($event) {
if (_this2.disabled) return;
_this2.$emit("change", _this2.value);
}
});
}
}]);
return FishTankRadio;
}(Vue$1);
__decorate([Model('change', {
type: [String, Boolean, Object, Number],
default: "",
required: true
})], FishTankRadio.prototype, "modelValue", void 0);
__decorate([Prop({
type: [String, Boolean, Object, Number],
default: null,
required: true
})], FishTankRadio.prototype, "value", void 0);
__decorate([Prop({
type: Boolean,
default: null,
required: false
})], FishTankRadio.prototype, "disabled", void 0);
__decorate([Prop({
type: String,
default: null,
required: true
})], FishTankRadio.prototype, "label", void 0);
__decorate([Prop({
type: String,
default: null,
required: false
})], FishTankRadio.prototype, "id", void 0);
__decorate([Prop({
type: String,
default: "",
required: false
})], FishTankRadio.prototype, "name", void 0);
__decorate([Inject({
default: {
register: function register() {},
unregister: function unregister() {}
}
})], FishTankRadio.prototype, "fishtankRadioGroupShared", void 0);
FishTankRadio = __decorate([Component({
mixins: [a11y]
})], FishTankRadio);
var script$21 = FishTankRadio;
var __vue_script__$21 = script$21;
/* template */
var __vue_render__$20 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
class: ["radio"]
}, [_c("label", {
class: ["label"],
attrs: {
for: _vm.id !== null ? _vm.id : "radio-" + _vm.identifier + "-label"
}
}, [_c("input", _vm._g({
ref: "input",
class: ["input", "a11yInput"],
attrs: {
disabled: _vm.disabled,
id: _vm.id !== null ? _vm.id : "radio-" + _vm.identifier + "-input",
tabindex: _vm.shouldBeChecked ? "0" : "-1",
type: "radio",
name: _vm.name
},
domProps: {
value: _vm.value,
checked: _vm.shouldBeChecked
}
}, _vm.listeners)), _vm._v(" "), _c("div", {
class: ["icon", "a11yIcon", {
"is-checked": _vm.shouldBeChecked
}]
}), _vm._v(" "), _vm.$slots.default ? [_c("div", {
class: ["labelContent"]
}, [_vm._t("default")], 2)] : _c("div", {
class: ["labelContent"]
}, [_vm._v("\n " + _vm._s(_vm.label) + "\n ")])], 2)]);
};
var __vue_staticRenderFns__$20 = [];
__vue_render__$20._withStripped = true;
/* style */
var __vue_inject_styles__$21 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-86a9d3e8_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\");\nbody.user-is-tabbing .a11yInput:focus + .a11yIcon {\n -webkit-box-shadow: 0 0 0 2px #0D9DDB;\n box-shadow: 0 0 0 2px #0D9DDB;\n}\n",
map: undefined,
media: undefined
}), inject("data-v-86a9d3e8_1", {
source: "/* fix box sizing bug*/\n.radio[data-v-86a9d3e8] {\n font-family: \"OpenSans\", arial, sans-serif;\n position: relative;\n padding-left: 2.25rem;\n padding-top: 6px;\n padding-bottom: 6px;\n}\n.radio .input[data-v-86a9d3e8] {\n opacity: 0;\n margin: 0;\n position: absolute;\n z-index: 1;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n cursor: pointer;\n}\n.radio .input[data-v-86a9d3e8]:disabled {\n cursor: default;\n}\n.radio .icon[data-v-86a9d3e8] {\n -webkit-transition: all 0.3s ease;\n transition: all 0.3s ease;\n display: inline-block;\n width: 12px;\n height: 12px;\n background-color: transparent;\n content: \"\";\n border: 2px solid #777C7F;\n border-radius: 50%;\n position: absolute;\n left: 4px;\n top: 8px;\n}\n.radio .icon[data-v-86a9d3e8]:after {\n content: \"\";\n width: 6px;\n height: 6px;\n background-color: #0D9DDB;\n border: 1px solid #0D9DDB;\n border-radius: 50%;\n display: inline-block;\n top: 2px;\n left: 2px;\n position: absolute;\n -webkit-transform: scale(0);\n transform: scale(0);\n -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.5, 0.1, 0.3, 1.5);\n transition: -webkit-transform 0.3s cubic-bezier(0.5, 0.1, 0.3, 1.5);\n transition: transform 0.3s cubic-bezier(0.5, 0.1, 0.3, 1.5);\n transition: transform 0.3s cubic-bezier(0.5, 0.1, 0.3, 1.5), -webkit-transform 0.3s cubic-bezier(0.5, 0.1, 0.3, 1.5);\n}\n.radio .icon.is-checked[data-v-86a9d3e8]:after {\n -webkit-transform: scale(1);\n transform: scale(1);\n}\n.radio .input:hover + .icon[data-v-86a9d3e8]:after {\n background-color: #0D94CF;\n border: 1px solid #0D94CF;\n}\n.radio .label[data-v-86a9d3e8] {\n color: #505558;\n font-size: 0.875rem;\n line-height: 1.25rem;\n letter-spacing: 0.00625rem;\n font-weight: 400;\n}\n.radio .label[data-v-86a9d3e8]:hover {\n color: #292E31;\n}\n.radio .input:hover + .ft-icon[data-v-86a9d3e8] {\n border: 2px solid #292E31;\n}\n.radio .input:disabled + .icon[data-v-86a9d3e8] {\n border: 2px solid #C5CACD;\n}\n.radio .input:disabled + .icon.is-checked[data-v-86a9d3e8] {\n border: 2px solid #C5CACD;\n}\n.radio .input:disabled + .icon.is-checked[data-v-86a9d3e8]:after {\n background-color: #C5CACD;\n border: 1px solid #C5CACD;\n}\n.radio .input:disabled ~ .labelContent[data-v-86a9d3e8] {\n color: #C5CACD;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$21 = "data-v-86a9d3e8";
/* module identifier */
var __vue_module_identifier__$21 = undefined;
/* functional template */
var __vue_is_functional_template__$21 = false;
/* style inject SSR */
var radio = __vue_normalize__({
render: __vue_render__$20,
staticRenderFns: __vue_staticRenderFns__$20
}, __vue_inject_styles__$21, __vue_script__$21, __vue_scope_id__$21, __vue_is_functional_template__$21, __vue_module_identifier__$21, __vue_create_injector__, undefined);
var script$22 = Vue.extend({
name: "FishTankSwitch",
mixins: [a11y],
model: {
prop: 'modelValue',
event: 'change'
},
props: {
disabled: {
type: Boolean,
required: false,
default: false,
description: 'Switch is disabled'
},
value: {
default: null,
type: [String, Boolean, Object, Array, Number],
description: 'Switch value'
},
modelValue: {
type: [String, Boolean, Object, Array, Number],
default: false
},
label: {
type: String,
required: true,
description: 'Switch label'
},
id: {
type: String,
default: null,
required: false,
description: 'Switch ID'
},
trueValue: {
default: true,
type: [String, Boolean, Object, Array, Number]
},
falseValue: {
default: false,
type: [String, Boolean, Object, Array, Number]
}
},
computed: {
shouldBeChecked: function shouldBeChecked() {
if (this.modelValue instanceof Array) {
var res = false;
if (this.modelValue.indexOf(this.value) >= 0) res = !res;
return res;
}
return this.modelValue === this.trueValue;
},
listeners: function listeners() {
var _this = this;
return Object.assign({}, this.$listeners, {
change: function change($event) {
if (_this.disabled) return;
_this.updateInput($event);
}
});
},
labelId: function labelId() {
return "switch-".concat(this._uid);
}
},
methods: {
updateInput: function updateInput(event) {
var isChecked = event.target.checked;
if (this.modelValue instanceof Array) {
var newValue = _toConsumableArray(this.modelValue);
if (isChecked) {
newValue.push(this.value);
} else {
newValue.splice(newValue.indexOf(this.value), 1);
}
this.$emit('change', newValue);
} else {
this.$emit('change', isChecked ? this.trueValue : this.falseValue);
}
}
},
mounted: function mounted() {
// eslint-disable-next-line no-console
console.warn('FishTankSwitch is being deprecated in favor of FishTankCheckboxSwitch. It combines checkbox and switch visual presentation on top of the same boolean functionality of a checkbox input element. It will be removed from the library in October 2019. Please migrate to FishTankCheckboxSwitch.');
}
});
/* script */
var __vue_script__$22 = script$22;
/* template */
var __vue_render__$21 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
class: _vm.$style.switch
}, [_c("label", {
class: _vm.$style.inputCheckboxLabel,
attrs: {
for: _vm.id !== null ? _vm.id : _vm.labelId
}
}, [_c("input", _vm._g({
attrs: {
id: _vm.id !== null ? _vm.id : _vm.labelId,
disabled: _vm.disabled,
type: "checkbox"
},
domProps: {
checked: _vm.shouldBeChecked,
value: _vm.value
}
}, _vm.listeners)), _vm._v(" "), _c("div", {
class: [_vm.$style.inputCheckboxWrap, "a11y"]
}, [_c("div", {
class: _vm.$style.inputCheckboxTarget
})]), _vm._v(" "), _c("div", {
class: _vm.$style.labelContent
}, [_vm.label === null ? _vm._t("default") : _c("span", [_vm._v("\n " + _vm._s(_vm.label) + "\n ")])], 2)])]);
};
var __vue_staticRenderFns__$21 = [];
__vue_render__$21._withStripped = true;
/* style */
var __vue_inject_styles__$22 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-623dabda_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\");\nbody.user-is-tabbing input:focus + .a11y {\n -webkit-box-shadow: 0 0 0 2px #0D9DDB;\n box-shadow: 0 0 0 2px #0D9DDB;\n}\n",
map: undefined,
media: undefined
}), inject("data-v-623dabda_1", {
source: ".ft-switch-3b7C .ft-inputCheckboxLabel-3uIl {\n font-size: 0.875rem;\n line-height: 1.25rem;\n position: relative;\n font-family: \"OpenSans\", arial, sans-serif;\n display: block;\n}\n.ft-switch-3b7C {\n width: 100%;\n position: relative;\n padding: 6px 0;\n}\n.ft-switch-3b7C input {\n width: 100%;\n height: 100%;\n position: absolute;\n z-index: 1;\n opacity: 0;\n margin: 0px;\n top: 0;\n left: 0;\n display: block;\n}\n.ft-switch-3b7C > label {\n top: 0px;\n color: #505558;\n}\n.ft-switch-3b7C:hover > label {\n color: #292E31;\n cursor: pointer;\n}\n.ft-switch-3b7C .ft-inputCheckboxWrap-2xkH {\n width: 33px;\n height: 18px;\n background-color: #9EA3A6;\n border-radius: 10px;\n border: 1px solid #777C7F;\n float: right;\n}\n.ft-switch-3b7C input:disabled ~ .ft-labelContent-1kfi {\n color: #C5CACD;\n cursor: default;\n}\n.ft-switch-3b7C input:disabled + .ft-inputCheckboxWrap-2xkH {\n background-color: #EDF2F5;\n border: 1px solid #C5CACD;\n}\n.ft-switch-3b7C .ft-inputCheckboxTarget-Elpy {\n background-color: #EDF2F5;\n width: 18px;\n height: 18px;\n border-radius: 50%;\n border: 1px solid #C5CACD;\n -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);\n position: relative;\n top: -1px;\n left: -2px;\n}\n.ft-switch-3b7C input:disabled + .ft-inputCheckboxWrap-2xkH .ft-inputCheckboxTarget-Elpy {\n background-color: #EDF2F5;\n border: 1px solid #C5CACD;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.ft-switch-3b7C .ft-inputCheckboxTarget-Elpy:after {\n display: block;\n content: ' ';\n position: relative;\n width: 6px;\n height: 6px;\n background-color: #0D9DDB;\n border-radius: 50%;\n top: 6px;\n left: 6px;\n}\n.ft-switch-3b7C .ft-inputCheckboxLabel-3uIl:after {\n display: block;\n clear: both;\n content: '';\n}\n.ft-switch-3b7C input:disabled + .ft-inputCheckboxWrap-2xkH .ft-inputCheckboxTarget-Elpy:after {\n background-color: #C5CACD;\n}\n.ft-switch-3b7C input:disabled:checked + .ft-inputCheckboxWrap-2xkH {\n background-color: #EDF2F5;\n border: 1px solid #C5CACD;\n}\n.ft-switch-3b7C input:checked + .ft-inputCheckboxWrap-2xkH {\n background-color: #0D9DDB;\n border: 1px solid #0A7DAF;\n}\n.ft-switch-3b7C input + .ft-inputCheckboxWrap-2xkH .ft-inputCheckboxTarget-Elpy {\n -webkit-transform: translateX(0px);\n transform: translateX(0px);\n -webkit-transition: all 0.3s ease;\n transition: all 0.3s ease;\n}\n.ft-switch-3b7C input:checked + .ft-inputCheckboxWrap-2xkH .ft-inputCheckboxTarget-Elpy {\n -webkit-transform: translateX(17px);\n transform: translateX(17px);\n -webkit-transition: all 0.3s ease;\n transition: all 0.3s ease;\n}\n",
map: undefined,
media: undefined
});
Object.defineProperty(this, "$style", {
value: {
"switch": "ft-switch-3b7C",
"inputCheckboxLabel": "ft-inputCheckboxLabel-3uIl",
"inputCheckboxWrap": "ft-inputCheckboxWrap-2xkH",
"labelContent": "ft-labelContent-1kfi",
"inputCheckboxTarget": "ft-inputCheckboxTarget-Elpy"
}
});
};
/* scoped */
var __vue_scope_id__$22 = undefined;
/* module identifier */
var __vue_module_identifier__$22 = undefined;
/* functional template */
var __vue_is_functional_template__$22 = false;
/* style inject SSR */
var FishTankSwitch = __vue_normalize__({
render: __vue_render__$21,
staticRenderFns: __vue_staticRenderFns__$21
}, __vue_inject_styles__$22, __vue_script__$22, __vue_scope_id__$22, __vue_is_functional_template__$22, __vue_module_identifier__$22, __vue_create_injector__, undefined);
function _defineProperty(obj, key, value) {
if (key in obj) {
defineProperty$1(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
var script$23 = Vue.extend({
components: {
CloseIcon: CloseSml24,
WarningIcon: Warning24
},
token: [],
inheritAttrs: false,
props: {
value: {
required: false,
type: String,
default: ""
},
label: {
required: false,
type: String,
default: undefined,
description: "Text input label"
},
id: {
type: String,
default: null,
required: false,
description: "Text input ID"
},
maxheight: {
type: Number,
default: null,
required: false,
description: "Textarea type input max-height"
},
required: {
type: Boolean,
default: false,
required: false
},
resize: {
type: Boolean,
default: false,
required: false
},
type: {
required: false,
default: "text",
type: String,
validator: function validator(value) {
var textTypes = ["text", "textarea", "password", "email", "search", "number", "tel", "url"];
return textTypes.indexOf(value.toLowerCase()) > -1;
},
description: "Text input type - text | textarea | password | email | search | number | tel | url"
},
error: {
required: false,
default: null,
type: [String, Object],
validator: function validator(value) {
if (typeof value === 'string') {
return true;
}
if (value.fullMessage) {
return true;
} // eslint-disable-next-line no-console
console.warn("InputText's `error` prop should be a string or an object with a `fullMessage` string property");
return false;
},
description: "Error state message - either a string or an object with a `fullMessage` string property"
}
},
data: function data() {
return {
textAreaModel: "",
textAreafalseHeight: 44,
scrollOn: false,
trackFalseHeight: 0
};
},
mounted: function mounted() {
console.warn('FishTankTextInput is being deprecated in favor of FishTankTextInputV2. It will be removed from the library in October 2019. Please migrate to FishTankTextInputV2.');
},
computed: {
labelId: function labelId() {
return "input-".concat(this._uid);
},
showRightIcon: function showRightIcon() {
return !!this.$slots.rightIcon || this.value && this.value.length > 0;
},
numberType: function numberType() {
if (this.$props.type === "number") {
return true;
}
},
errorMessage: function errorMessage() {
if (!this.error) {
return undefined;
}
if (typeof this.error === "string") {
return this.error;
} else if (this.error.fullMessage) {
return this.error.fullMessage;
} else {
return undefined;
}
},
listeners: function listeners() {
var _this = this;
return Object.assign({}, this.$listeners, {
input: function input($event) {
_this.updateValue($event.target.value);
}
});
}
},
methods: {
updateValue: function updateValue(value) {
this.$emit("input", value);
},
checkError: function checkError() {
if (this.$props.error === undefined || this.$props.error === null || this.$props.error.length === 0) {
return;
} else if (this.$props.error.fullMessage != undefined || this.$props.error.fullMessage != null) {
return;
} else {
this.reset();
}
},
reset: function reset() {
this.$emit("reset", null);
},
clearText: function clearText() {
this.updateValue(undefined);
this.focusElement(this.$refs.input);
},
focusElement: function focusElement(element) {
element.focus();
},
getFalseHeight: function getFalseHeight(e) {
var _this2 = this;
setTimeout(function () {
_this2.$nextTick(function () {
if (_this2.$props.maxheight && _this2.$props.maxheight < _this2.$refs.falseTextarea.clientHeight) {
_this2.textAreafalseHeight = _this2.$props.maxheight;
if (!_this2.scrollOn) _this2.scrollOn = true;
return;
}
if (_this2.$refs.falseTextarea !== undefined) {
if (_this2.scrollOn) _this2.scrollOn = false;
_this2.textAreafalseHeight = _this2.$refs.falseTextarea.clientHeight;
}
_this2.$refs.input.focus();
});
}, 100);
}
}
});
var __vue_script__$23 = script$23;
/* template */
var __vue_render__$22 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
class: ["text-input-wrap", {
error: !!_vm.errorMessage
}]
}, [_vm.label ? _c("div", {
staticClass: "label-wrapper"
}, [_c("label", {
staticClass: "label",
attrs: {
for: _vm.labelId
}
}, [_vm._v("\n " + _vm._s(_vm.label) + "\n "), _vm.required ? _c("span", {
staticClass: "label-required"
}, [_vm._v("\n *\n ")]) : _vm._e()]), _vm._v(" "), _c("span", {
staticClass: "auxillary-slot"
}, [_vm._t("auxillary")], 2)]) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "input-wrapper"
}, [_vm.$slots.leftIcon ? _c("span", {
staticClass: "left-icon"
}, [_vm._t("leftIcon")], 2) : _vm._e(), _vm._v(" "), _vm.type === "textarea" ? [_c("textarea", _vm._g(_vm._b({
directives: [{
name: "model",
rawName: "v-model",
value: _vm.textAreaModel,
expression: "textAreaModel"
}],
ref: "input",
class: ["input-element", "inputTextInputTextarea", {
"error-state": _vm.errorMessage
}],
style: {
height: _vm.textAreafalseHeight + "px",
resize: _vm.resize === false ? "none" : null,
overflowY: _vm.scrollOn ? "scroll" : "hidden"
},
attrs: {
type: _vm.type,
id: _vm.labelId
},
domProps: _defineProperty({
value: _vm.value
}, "value", _vm.textAreaModel),
on: {
keypress: _vm.getFalseHeight,
keydown: function keydown($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "delete", [8, 46], $event.key, ["Backspace", "Delete", "Del"])) {
return null;
}
return _vm.getFalseHeight($event);
},
keyup: [function ($event) {
if (!$event.type.indexOf("key") && $event.keyCode !== 90 && $event.keyCode !== 91) {
return null;
}
return _vm.getFalseHeight($event);
}, function ($event) {
if (!$event.type.indexOf("key") && $event.keyCode !== 86 && $event.keyCode !== 91) {
return null;
}
return _vm.getFalseHeight($event);
}, function ($event) {
if (!$event.type.indexOf("key") && $event.keyCode !== 88 && $event.keyCode !== 91) {
return null;
}
return _vm.getFalseHeight($event);
}, function ($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
return null;
}
return _vm.getFalseHeight($event);
}, function ($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "delete", [8, 46], $event.key, ["Backspace", "Delete", "Del"])) {
return null;
}
return _vm.getFalseHeight($event);
}],
paste: _vm.getFalseHeight,
cut: _vm.getFalseHeight,
input: function input($event) {
if ($event.target.composing) {
return;
}
_vm.textAreaModel = $event.target.value;
}
}
}, "textarea", _vm.$attrs, false), _vm.listeners))] : [_c("input", _vm._g(_vm._b({
ref: "input",
class: ["input-element", {
"error-state": _vm.errorMessage
}],
attrs: {
type: _vm.type,
id: _vm.labelId
},
domProps: {
value: _vm.value
},
on: {
input: _vm.updateValue,
blur: function blur($event) {
return _vm.$emit("blur", $event);
},
focus: function focus($event) {
_vm.checkError, _vm.$emit("focus", $event);
}
}
}, "input", _vm.$attrs, false), _vm.listeners))], _vm._v(" "), _vm.type === "textarea" ? _c("p", {
ref: "falseTextarea",
staticClass: "false-text-area"
}, [_vm._v("\n " + _vm._s(_vm.textAreaModel) + "\n ")]) : _vm._e(), _vm._v(" "), _vm.showRightIcon && !_vm.numberType ? _c("span", {
staticClass: "right-icon"
}, [_vm._t("rightIcon", [_c("span", {
staticClass: "clear",
on: {
click: _vm.clearText
}
}, [_c("CloseIcon")], 1)])], 2) : _vm._e(), _vm._v(" "), _vm._t("below")], 2), _vm._v(" "), _vm.errorMessage ? _c("div", {
class: {
"error-text": _vm.errorMessage
},
attrs: {
id: "error-block"
}
}, [_c("span", {
staticClass: "error-icon"
}, [_c("WarningIcon")], 1), _vm._v(" "), _c("p", {
staticClass: "error-message"
}, [_vm._v(" " + _vm._s(_vm.errorMessage) + " ")])]) : _vm._e()]);
};
var __vue_staticRenderFns__$22 = [];
__vue_render__$22._withStripped = true;
/* style */
var __vue_inject_styles__$23 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-288b1814_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: undefined,
media: undefined
}), inject("data-v-288b1814_1", {
source: ".input-element[data-v-288b1814] {\n width: 100%;\n height: 2.5rem;\n padding-left: 0.75rem;\n padding-right: 2.5rem;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-family: \"OpenSans\", arial, sans-serif;\n font-weight: 400;\n line-height: 1.5rem;\n letter-spacing: 0rem;\n border: #C5CACD 1px solid;\n color: #292E31;\n border-radius: 2px;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n.input-element[data-v-288b1814]:focus {\n outline: #0D9DDB 2px solid;\n}\n.input-element[data-v-288b1814]:disabled {\n background-color: #EDF2F5;\n color: #C5CACD;\n}\n.input-element[data-v-288b1814]::-webkit-input-placeholder {\n /* Chrome/Opera/Safari */\n color: #C5CACD;\n font-style: italic;\n}\n.input-element[data-v-288b1814]::-moz-placeholder {\n /* Firefox 19+ */\n color: #C5CACD;\n font-style: italic;\n}\n.input-element[data-v-288b1814]:-ms-input-placeholder {\n /* IE 10+ */\n color: #C5CACD;\n font-style: italic;\n}\n.input-element[data-v-288b1814]:-moz-placeholder {\n /* Firefox 18- */\n color: #C5CACD;\n font-style: italic;\n}\n.input-element[type=number][data-v-288b1814] {\n text-align: right;\n padding-right: 0.75rem;\n}\n.left-icon ~ .input-element[data-v-288b1814] {\n padding-left: 2.75rem;\n}\n.input-wrapper[data-v-288b1814] {\n position: relative;\n}\n.left-icon[data-v-288b1814],\n.right-icon[data-v-288b1814] {\n position: absolute;\n top: 0.5rem;\n}\n.left-icon svg[data-v-288b1814],\n .right-icon svg[data-v-288b1814] {\n width: 24px;\n height: 24px;\n}\n.left-icon[data-v-288b1814] {\n left: 0.5rem;\n}\n.right-icon[data-v-288b1814] {\n right: 0.5rem;\n}\n.right-icon svg[data-v-288b1814] {\n fill: #777C7F;\n}\n.label[data-v-288b1814] {\n text-transform: uppercase;\n font-weight: 600;\n font-family: \"OpenSans\", arial, sans-serif;\n line-height: 1.25rem;\n letter-spacing: 0.00625rem;\n color: #292E31;\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n.label-required[data-v-288b1814] {\n color: #E1483E;\n}\n.label-wrapper[data-v-288b1814] {\n position: relative;\n margin-bottom: 0.25rem;\n}\n.auxillary-slot[data-v-288b1814] {\n font-size: 0.75rem;\n line-height: 1rem;\n position: absolute;\n right: 0;\n bottom: 0;\n}\n.text-input-wrap[data-v-288b1814] {\n padding-bottom: 1.5rem;\n}\n.input-element[data-v-288b1814]::-webkit-outer-spin-button,\n.input-element[data-v-288b1814]::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.error-state[data-v-288b1814] {\n border-color: #E1483E;\n color: #E1483E;\n}\n.error .error-text[data-v-288b1814] {\n margin-top: 4px;\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: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.error .error-message[data-v-288b1814] {\n margin: 0px;\n color: #E1483E;\n font-size: 0.875rem;\n letter-spacing: 0.00625rem;\n line-height: 1.25rem;\n font-weight: 400;\n font-family: \"OpenSans\", arial, sans-serif;\n}\n.error .label[data-v-288b1814] {\n color: #E1483E;\n}\n.error-icon[data-v-288b1814] {\n line-height: 0px;\n}\n.error-icon > *[data-v-288b1814] {\n fill: #E1483E;\n margin-right: 12px;\n}\n.inputTextInputTextarea[data-v-288b1814] {\n overflow: auto;\n -webkit-transition: all 250ms ease-in-out;\n transition: all 250ms ease-in-out;\n padding-top: 6px;\n padding-bottom: 1px;\n min-height: 2.5rem;\n padding-left: 0.75rem;\n padding-right: 2.5rem;\n}\n.false-text-area[data-v-288b1814] {\n min-height: 2.5rem;\n padding-left: 0.75rem;\n padding-right: 2.5rem;\n visibility: hidden;\n font-size: 1rem;\n margin: 0px;\n position: absolute;\n top: 0;\n background: lightblue;\n display: block;\n white-space: pre-line;\n word-wrap: break-word;\n width: calc(100% - 3.25rem);\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$23 = "data-v-288b1814";
/* module identifier */
var __vue_module_identifier__$23 = undefined;
/* functional template */
var __vue_is_functional_template__$23 = false;
/* style inject SSR */
var TextInput = __vue_normalize__({
render: __vue_render__$22,
staticRenderFns: __vue_staticRenderFns__$22
}, __vue_inject_styles__$23, __vue_script__$23, __vue_scope_id__$23, __vue_is_functional_template__$23, __vue_module_identifier__$23, __vue_create_injector__, undefined);
var Detachable = Vue.extend({
name: 'Detachable',
props: {
attach: {
type: null,
default: function _default() {
return document.body;
}
},
contentClass: {
default: ''
}
},
data: function data() {
return {
hasDetached: false
};
},
watch: {
attach: function attach() {
this.hasDetached = false;
this.initDetach();
},
hasContent: 'initDetach'
},
mounted: function mounted() {
!this.lazy && this.initDetach();
},
deactivated: function deactivated() {
this.isActive = false;
},
beforeDestroy: function beforeDestroy() {
if (!this.$refs.content) return; // IE11 Fix
try {
this.$refs.content.parentNode.removeChild(this.$refs.content);
} catch (e) {
// eslint-disable-next-line no-console
console.error(e);
}
},
methods: {
initDetach: function initDetach() {
if (this._isDestroyed || !this.$refs.content || this.hasDetached || // Leave menu in place if attached
// and dev has not changed target
this.attach === '' || // If used as a boolean prop (<v-menu attach>)
this.attach === true || // If bound to a boolean (<v-menu :attach="true">)
this.attach === 'attach' // If bound as boolean prop in pug (v-menu(attach))
) return;
var target;
if (this.attach === false) {
// Default, detach to app
target = document.querySelector('[data-app]');
} else if (typeof this.attach === 'string') {
// CSS selector
target = document.querySelector(this.attach);
} else {
// DOM Element
target = this.attach;
}
if (!target) {
// eslint-disable-next-line no-console
console.warn("Unable to locate target ".concat(this.attach || '[data-app]'), this);
return;
}
target.appendChild(this.$refs.content);
this.hasDetached = true;
}
}
});
var overlayTimeout = null;
var overlay = document.querySelector('.overlay');
var script$24 = Vue.extend({
components: {
Close24: Close24
},
mixins: [Detachable],
model: {
prop: 'active',
event: 'change'
},
props: {
heading: {
type: String,
required: false,
default: undefined,
description: "Modal heading text"
},
fixed: {
type: Boolean,
required: false,
default: false,
description: "Modal has a fixed of it's maximum possible size in the viewport"
},
dialog: {
type: Boolean,
required: false,
default: false
},
active: {
type: Boolean,
required: true,
description: "Modal is active"
},
escapeable: {
type: Boolean,
required: false,
default: false,
description: "Modal can be closed using the ESC key"
},
width: {
type: String,
required: false,
default: undefined,
description: "Modal width"
}
},
data: function data() {
return {
overlayTransitionDuration: 500 + 150,
isActive: false
};
},
computed: {
showFooter: function showFooter() {
return this.fixed || !!this.$slots.footer || !!this.$slots.footerRight || !!this.$slots.footerLeft;
},
styles: function styles() {
var styles = {};
if (this.width) {
styles['max-width'] = this.width;
}
return styles;
},
classObj: function classObj() {
var classObj = {
'modal--active': this.active,
'modal--fixed': this.fixed,
'modal--dialog': this.dialog
}; // This is a bit of a hack, but since our rendered modal doesn't actually appear
// as a child of the top-level in the DOM, we can't simply allow a user to apply
// a custom class and have it take effect on the modal styling. This copies any
// custom classes from the top-level item onto the actual modal div.
if (this.$el) {
var parentClasses = this.$el.className.split(' ').forEach(function (classVal) {
if (classVal !== "modal__entry-point") {
classObj[classVal] = true;
}
});
}
return classObj;
}
},
watch: {
active: function active(value) {
this.updateState();
}
},
mounted: function mounted() {
this.updateState();
console.warn('FishTankModal is being deprecated in favor of FishTankModalV2. It will be removed from the library in October 2019. Please migrate to FishTankModalV2.');
},
methods: {
close: function close() {
this.$emit('change', false);
},
open: function open() {
this.$emit('change', true);
},
show: function show() {
if (this.escapeable) {
document.addEventListener('keyup', this.escapeListener);
}
this.isActive = true;
this.genOverlay();
},
hide: function hide() {
if (this.escapeable) {
document.removeEventListener('keyup', this.escapeListener);
} // Don't remove the overlay unless this modal is currently active
if (this.isActive) {
this.isActive = false;
this.removeOverlay();
}
},
updateState: function updateState() {
if (this.active) {
this.show();
} else {
this.hide();
}
},
genOverlay: function genOverlay() {
// If fn is called and timeout is active
// or overlay already exists
// cancel removal of overlay and re-add active
if (overlayTimeout || overlay) {
this.clearTimeout();
return overlay ? !!overlay.classList.add('overlay--active') : false;
}
if (!overlay) {
overlay = document.querySelector('.overlay');
}
if (!overlay) {
overlay = document.createElement('div');
}
overlay.className = 'overlay';
this.hideScroll();
document.body.appendChild(overlay); // eslint-disable-next-line no-unused-expressions
overlay.clientHeight; // Force repaint
requestAnimationFrame(function () {
if (!overlay) return;
overlay.className += ' overlay--active';
});
return true;
},
removeOverlay: function removeOverlay() {
var _this = this;
if (!overlay) {
return this.showScroll();
}
overlay.classList.remove('overlay--active');
overlayTimeout = window.setTimeout(function () {
// IE11 Fix
try {
if (overlay && overlay.parentNode) {
overlay.parentNode.removeChild(overlay);
}
overlay = null;
_this.showScroll();
_this.clearTimeout();
} catch (e) {
// eslint-disable-next-line no-console
console.error(e);
}
}, this.overlayTransitionDuration);
},
clearTimeout: function (_clearTimeout) {
function clearTimeout() {
return _clearTimeout.apply(this, arguments);
}
clearTimeout.toString = function () {
return _clearTimeout.toString();
};
return clearTimeout;
}(function () {
if (overlayTimeout) {
clearTimeout(overlayTimeout);
overlayTimeout = null;
}
}),
hideScroll: function hideScroll() {
window.addEventListener('wheel', this.scrollListener);
window.addEventListener('keydown', this.scrollListener);
},
showScroll: function showScroll() {
document.documentElement.classList.remove('overflow-y-hidden');
window.removeEventListener('wheel', this.scrollListener);
window.removeEventListener('keydown', this.scrollListener);
},
escapeListener: function escapeListener(e) {
if (e.keyCode === 27) {
this.close();
}
},
scrollListener: function scrollListener(e) {
if (e.type === 'keydown') {
if (['INPUT', 'TEXTAREA', 'SELECT'].indexOf(e.target.tagName) >= 0) return;
var keyCodes = {
up: 38,
down: 40,
pageup: 33,
pagedown: 34
};
var up = [keyCodes.up, keyCodes.pageup];
var down = [keyCodes.down, keyCodes.pagedown];
if (up.indexOf(e.keyCode) >= 0) {
e.deltaY = -1;
} else if (down.indexOf(e.keyCode) >= 0) {
e.deltaY = 1;
} else {
return;
}
}
if (e.target === overlay || e.type !== 'keydown' && e.target === document.body || this.checkPath(e)) e.preventDefault();
},
/**
* Polyfill for Event.prototype.composedPath
* @param {Event} e
* @returns Element[]
*/
composedPath: function composedPath(e) {
if (e.composedPath) return e.composedPath();
var path = [];
var el = e.target;
while (el) {
path.push(el);
if (el.tagName === 'HTML') {
path.push(document);
path.push(window);
return path;
}
el = el.parentElement;
}
},
/**
* @param {Event} e
* @returns void
*/
hasScrollbar: function hasScrollbar(el) {
if (!el || el.nodeType !== Node.ELEMENT_NODE) return false;
var style = window.getComputedStyle(el);
return ['auto', 'scroll'].indexOf(style['overflow-y']) >= 0 && el.scrollHeight > el.clientHeight;
},
shouldScroll: function shouldScroll(el, delta) {
if (el.scrollTop === 0 && delta < 0) return true;
return el.scrollTop + el.clientHeight === el.scrollHeight && delta > 0;
},
isInside: function isInside(el, parent) {
if (el === parent) {
return true;
} else if (el === null || el === document.body) {
return false;
} else {
return this.isInside(el.parentNode, parent);
}
},
/**
* @param {Event} e
* @returns boolean
*/
checkPath: function checkPath(e) {
var path = e.path || this.composedPath(e);
var delta = e.deltaY || -e.wheelDelta;
if (e.type === 'keydown' && path[0] === document.body) {
var dialog = this.$refs.dialog;
var selected = window.getSelection().anchorNode;
if (this.hasScrollbar(dialog) && this.isInside(selected, dialog)) {
return this.shouldScroll(dialog, delta);
}
return true;
}
for (var index = 0; index < path.length; index++) {
var el = path[index];
if (el === document) return true;
if (el === document.documentElement) return true;
if (el === this.$refs.content) return true;
if (this.hasScrollbar(el)) return this.shouldScroll(el, delta);
}
return true;
},
accessibilityClick: function accessibilityClick() {
this.close();
}
}
});
/* script */
var __vue_script__$24 = script$24;
/* template */
var __vue_render__$23 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
staticClass: "modal__entry-point"
}, [_c("div", {
ref: "content",
staticClass: "modal",
class: _vm.classObj
}, [_vm.escapeable ? _c("div", {
staticClass: "modal__escapable-background",
on: {
click: _vm.close
}
}) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "modal__container",
style: _vm.styles
}, [_c("div", {
staticClass: "modal__heading"
}, [_c("div", {
staticClass: "modal__heading-title-container"
}, [_vm.$slots.headingIcon ? _c("div", {
staticClass: "modal__heading-icon-wrapper",
attrs: {
tabindex: "-1"
}
}, [_c("div", {
staticClass: "modal__heading-icon",
attrs: {
tabindex: "-1"
}
}, [_vm._t("headingIcon")], 2)]) : _vm._e(), _vm._v(" "), _vm.heading ? _c("div", {
staticClass: "modal__heading-title"
}, [_vm._v("\n " + _vm._s(_vm.heading) + "\n ")]) : _vm._e()]), _vm._v(" "), _vm.$slots.headingExtra ? _c("div", {
staticClass: "modal__heading-extra"
}, [_vm._t("headingExtra")], 2) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "modal__close"
}, [!_vm.dialog ? _c("span", {
staticClass: "modal__close-separator"
}) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "modal__close-icon-wrapper"
}, [_c("Close24", {
staticClass: "modal__close-icon",
attrs: {
tabindex: "0",
"aria-label": "Close Modal"
},
on: {
click: _vm.close,
keydown: function keydown($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
return null;
}
return _vm.accessibilityClick($event);
}
}
})], 1)])]), _vm._v(" "), _c("div", {
staticClass: "modal__body"
}, [_vm._t("default")], 2), _vm._v(" "), _vm.showFooter ? _c("div", {
staticClass: "modal__footer"
}, [_vm.$slots.footer ? _c("div", {
staticClass: "modal__footer-container"
}, [_vm._t("footer")], 2) : _vm.$slots.footerLeft || _vm.$slots.footerRight ? _c("div", {
staticClass: "modal__footer-container"
}, [_c("div", {
staticClass: "modal__footerLeft"
}, [_vm._t("footerLeft")], 2), _vm._v(" "), _c("div", {
staticClass: "modal__footerRight"
}, [_vm._t("footerRight")], 2)]) : _vm._e()]) : _vm._e()])])]);
};
var __vue_staticRenderFns__$23 = [];
__vue_render__$23._withStripped = true;
/* style */
var __vue_inject_styles__$24 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-9eb0560e_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.modal {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1000;\n display: none;\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.modal__escapable-background {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n cursor: pointer;\n}\n.modal__container {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 1px solid #C5CACD;\n border-radius: 2px;\n background-color: #FFFFFF;\n -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);\n box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);\n width: 100%;\n overflow: hidden;\n max-width: 500px;\n max-height: calc(100% - (36px * 2));\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 z-index: 1002;\n}\n.modal--active {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.modal--fixed .modal__container {\n height: 100%;\n}\n.modal__heading {\n padding: 0.75rem;\n background-color: #EDF2F5;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-bottom: 1px solid #C5CACD;\n border-radius: 2px 2px 0 0;\n height: 3rem;\n min-height: 3rem;\n font-size: 1rem;\n line-height: 1.5rem;\n font-family: \"OpenSans\", arial, sans-serif;\n font-weight: 600;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-line-pack: center;\n align-content: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n white-space: nowrap;\n}\n.modal__heading,\n.modal__footer {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.modal__footer {\n padding: 0.75rem;\n white-space: nowrap;\n}\n.modal__footer-container {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.modal__heading-title-container {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.modal__heading-icon {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.modal__heading-icon-wrapper + .modal__heading-title {\n margin-left: 8px;\n}\n.modal__heading-extra {\n -webkit-box-flex: 0;\n -ms-flex: 0 100%;\n flex: 0 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin-right: 12px;\n}\n.modal__close {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin-left: 12px;\n}\n.modal__close-separator {\n display: inline-block;\n width: 1px;\n height: 32px;\n background-color: #C5CACD;\n}\n.modal__close-icon-wrapper {\n padding-left: 12px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.modal__close-icon {\n cursor: pointer;\n}\n.modal__body {\n padding: 0.75rem;\n overflow-y: auto;\n overflow-x: hidden;\n}\n.modal--fixed .modal__footer {\n padding: 0.75rem;\n background-color: #EDF2F5;\n border-top: 1px solid #C5CACD;\n border-radius: 0 0 2px 2px;\n}\n.modal--fixed .modal__body {\n -webkit-box-flex: 1;\n -ms-flex: 1 100%;\n flex: 1 100%;\n}\n.modal--dialog .modal__heading {\n background-color: transparent;\n padding-left: 0;\n padding-right: 0;\n margin: 0 0.75rem;\n}\n@media (max-width: 751px) {\n.modal__container {\n height: 100%;\n max-height: 100%;\n}\n.modal__body {\n -webkit-box-flex: 1;\n -ms-flex: 1 100%;\n flex: 1 100%;\n}\n.modal--fixed .modal__footer {\n padding-bottom: 0.75rem;\n}\n}\n.overlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 999;\n background-color: rgba(0, 0, 0, 0.5);\n}\n.overlay--active {\n display: block;\n}\n.modal__footerLeft {\n width: 50%;\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: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.modal__footerRight {\n width: 50%;\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: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$24 = undefined;
/* module identifier */
var __vue_module_identifier__$24 = undefined;
/* functional template */
var __vue_is_functional_template__$24 = false;
/* style inject SSR */
var Modal = __vue_normalize__({
render: __vue_render__$23,
staticRenderFns: __vue_staticRenderFns__$23
}, __vue_inject_styles__$24, __vue_script__$24, __vue_scope_id__$24, __vue_is_functional_template__$24, __vue_module_identifier__$24, __vue_create_injector__, undefined);
var overlayTimeout$1 = null;
var overlay$1 = document.querySelector('.overlay');
var FishTankModalV2 =
/*#__PURE__*/
function (_mixins) {
_inherits(FishTankModalV2, _mixins);
function FishTankModalV2() {
var _this;
_classCallCheck(this, FishTankModalV2);
_this = _possibleConstructorReturn(this, _getPrototypeOf(FishTankModalV2).apply(this, arguments)); // Data
_this.overlayTransitionDuration = 650; // transition (500) + delay (150)
_this.isActive = false;
return _this;
} // Computed functions
_createClass(FishTankModalV2, [{
key: "change",
value: function change(value) {
this.updateState();
}
}, {
key: "mounted",
value: function mounted() {
this.updateState();
} // Component methods
}, {
key: "close",
value: function close() {
/**
* Change event.
*
* @type {Boolean}
*/
this.$emit('change', false);
this.$emit('close', {});
}
}, {
key: "open",
value: function open() {
/**
* Change event.
*
* @type {Boolean}
*/
this.$emit('change', true);
this.$emit('open', {});
}
}, {
key: "show",
value: function show() {
if (this.escapeable) {
document.addEventListener('keyup', this.escapeListener);
}
this.isActive = true;
this.open();
this.genOverlay();
}
}, {
key: "hide",
value: function hide() {
if (this.escapeable) {
document.removeEventListener('keyup', this.escapeListener);
} // Don't remove the overlay unless this modal is currently active
if (this.isActive) {
this.isActive = false;
this.close();
this.removeOverlay();
}
}
}, {
key: "updateState",
value: function updateState() {
if (this.active) {
document.body.classList.add('modal-locked');
this.show();
} else {
document.body.classList.remove('modal-locked');
this.hide();
}
}
}, {
key: "genOverlay",
value: function genOverlay() {
// If fn is called and timeout is active
// or overlay already exists
// cancel removal of overlay and re-add active
if (overlayTimeout$1 || overlay$1) {
this.clearTimeout(); // return overlay ?
// !!overlay.classList.add('overlay--active') :
// false
// not pretty
if (overlay$1) {
var len = overlay$1.classList.length;
overlay$1.classList.add('overlay--active');
if (overlay$1.classList.length > len) {
return true;
} else {
return false;
}
}
}
if (!overlay$1) {
overlay$1 = document.querySelector('.overlay');
}
if (!overlay$1) {
overlay$1 = document.createElement('div');
}
overlay$1.className = 'overlay';
this.hideScroll();
document.body.appendChild(overlay$1); // eslint-disable-next-line no-unused-expressions
overlay$1.clientHeight; // Force repaint
requestAnimationFrame(function () {
if (!overlay$1) return;
overlay$1.className += ' overlay--active';
});
return true;
}
}, {
key: "removeOverlay",
value: function removeOverlay() {
var _this2 = this;
if (!overlay$1) {
return this.showScroll();
}
document.body.classList.remove('modal-locked');
overlay$1.classList.remove('overlay--active');
overlayTimeout$1 = window.setTimeout(function () {
// IE11 Fix
try {
if (overlay$1 && overlay$1.parentNode) {
overlay$1.parentNode.removeChild(overlay$1);
}
overlay$1 = null;
_this2.showScroll();
_this2.clearTimeout();
} catch (e) {
// eslint-disable-next-line no-console
console.error(e);
}
}, this.overlayTransitionDuration);
}
}, {
key: "clearTimeout",
value: function (_clearTimeout) {
function clearTimeout() {
return _clearTimeout.apply(this, arguments);
}
clearTimeout.toString = function () {
return _clearTimeout.toString();
};
return clearTimeout;
}(function () {
if (overlayTimeout$1) {
clearTimeout(overlayTimeout$1);
overlayTimeout$1 = null;
}
})
}, {
key: "hideScroll",
value: function hideScroll() {
window.addEventListener('wheel', this.scrollListener);
window.addEventListener('keydown', this.scrollListener);
}
}, {
key: "showScroll",
value: function showScroll() {
document.documentElement.classList.remove('overflow-y-hidden');
window.removeEventListener('wheel', this.scrollListener);
window.removeEventListener('keydown', this.scrollListener);
}
}, {
key: "escapeListener",
value: function escapeListener(e) {
if (e.keyCode === 27) {
this.close();
}
}
}, {
key: "scrollListener",
value: function scrollListener(e) {
if (e.type === 'keydown') {
if (['INPUT', 'TEXTAREA', 'SELECT'].indexOf(e.target.tagName) >= 0) return;
var keyCodes = {
up: 38,
down: 40,
pageup: 33,
pagedown: 34
};
var up = [keyCodes.up, keyCodes.pageup];
var down = [keyCodes.down, keyCodes.pagedown];
if (up.indexOf(e.keyCode) >= 0) {
e.deltaY = -1;
} else if (down.indexOf(e.keyCode) >= 0) {
e.deltaY = 1;
} else {
return;
}
}
if (e.target === overlay$1 || e.type !== 'keydown' && e.target === document.body || this.checkPath(e)) e.preventDefault();
}
/**
* Polyfill for Event.prototype.composedPath
* @param {Event} e
* @returns Element[]
*/
}, {
key: "composedPath",
value: function composedPath(e) {
if (e.composedPath) return e.composedPath();
var path = [];
var el = e.target;
while (el) {
path.push(el);
if (el.tagName === 'HTML') {
path.push(document);
path.push(window);
return path;
}
el = el.parentElement;
}
}
/**
* @param {Event} e
* @returns void
*/
}, {
key: "hasScrollbar",
value: function hasScrollbar(el) {
if (!el || el.nodeType !== Node.ELEMENT_NODE) return false;
var style = window.getComputedStyle(el);
return ['auto', 'scroll'].indexOf(style['overflow-y']) >= 0 && el.scrollHeight > el.clientHeight;
}
}, {
key: "shouldScroll",
value: function shouldScroll(el, delta) {
if (el.scrollTop === 0 && delta < 0) return true;
return el.scrollTop + el.clientHeight === el.scrollHeight && delta > 0;
}
}, {
key: "isInside",
value: function isInside(el, parent) {
if (el === parent) {
return true;
} else if (el === null || el === document.body) {
return false;
} else {
return this.isInside(el.parentNode, parent);
}
}
/**
* @param {Event} e
* @returns boolean
*/
}, {
key: "checkPath",
value: function checkPath(e) {
var path = e.path || this.composedPath(e);
var delta = e.deltaY || -e.wheelDelta;
if (e.type === 'keydown' && path[0] === document.body) {
var dialog = this.$refs.dialog;
var selected = window.getSelection().anchorNode;
if (this.hasScrollbar(dialog) && this.isInside(selected, dialog)) {
return this.shouldScroll(dialog, delta);
}
return true;
}
for (var index = 0; index < path.length; index++) {
var el = path[index];
if (el === document) return true;
if (el === document.documentElement) return true;
if (el === this.$refs.content) return true;
if (this.hasScrollbar(el)) return this.shouldScroll(el, delta);
}
return true;
}
}, {
key: "accessibilityClick",
value: function accessibilityClick() {
this.close();
}
}, {
key: "showFooter",
get: function get() {
return this.fixed || !!this.$slots.footer || !!this.$slots.footerRight || !!this.$slots.footerLeft;
}
}, {
key: "styles",
get: function get() {
var styles = {};
if (this.width) {
styles['max-width'] = this.width;
}
return styles;
}
}, {
key: "classObj",
get: function get() {
var classObj = {
'modal--active': this.active,
'modal--fixed': this.fixed,
'modal--dialog': this.dialog
}; // This is a bit of a hack, but since our rendered modal doesn't actually appear
// as a child of the top-level in the DOM, we can't simply allow a user to apply
// a custom class and have it take effect on the modal styling. This copies any
// custom classes from the top-level item onto the actual modal div.
if (this.$el) {
var parentClasses = this.$el.className.split(' ').forEach(function (classVal) {
if (classVal !== "modal__entry-point") {
classObj[classVal] = true;
}
});
}
return classObj;
}
}]);
return FishTankModalV2;
}(mixins(Detachable));
__decorate([Model('change', {
type: Boolean,
required: true
})], FishTankModalV2.prototype, "active", void 0);
__decorate([Prop({
type: String,
required: false,
default: undefined
})], FishTankModalV2.prototype, "heading", void 0);
__decorate([Prop({
type: Boolean,
required: false,
default: false
})], FishTankModalV2.prototype, "fixed", void 0);
__decorate([Prop({
type: Boolean,
required: false,
default: false
})], FishTankModalV2.prototype, "dialog", void 0);
__decorate([Prop({
type: Boolean,
required: false,
default: true
})], FishTankModalV2.prototype, "escapeable", void 0);
__decorate([Prop({
type: String,
required: false,
default: undefined
})], FishTankModalV2.prototype, "width", void 0);
__decorate([Prop({
type: String,
required: false,
default: undefined
})], FishTankModalV2.prototype, "overflow", void 0);
__decorate([Watch('active')], FishTankModalV2.prototype, "change", null);
FishTankModalV2 = __decorate([Component({
components: {
Close24: Close24
}
})], FishTankModalV2);
var script$25 = FishTankModalV2;
/* script */
var __vue_script__$25 = script$25;
/* template */
var __vue_render__$24 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
staticClass: "modal__entry-point"
}, [_c("div", {
ref: "content",
staticClass: "modal",
class: _vm.classObj
}, [_vm.escapeable ? _c("div", {
staticClass: "modal__escapable-background",
on: {
click: _vm.close
}
}) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "modal__container",
style: _vm.styles
}, [_c("div", {
staticClass: "modal__heading"
}, [_c("div", {
staticClass: "modal__heading-title-container"
}, [_vm.$slots.headingIcon ? _c("div", {
staticClass: "modal__heading-icon-wrapper",
attrs: {
tabindex: "-1"
}
}, [_c("div", {
staticClass: "modal__heading-icon",
attrs: {
tabindex: "-1"
}
}, [_vm._t("headingIcon")], 2)]) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "modal__heading-title"
}, [_vm._t("heading")], 2)]), _vm._v(" "), _vm.$slots.headingExtra ? _c("div", {
staticClass: "modal__heading-extra"
}, [_vm._t("headingExtra")], 2) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "modal__close"
}, [!_vm.dialog ? _c("span", {
staticClass: "modal__close-separator"
}) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "modal__close-icon-wrapper"
}, [_c("Close24", {
staticClass: "modal__close-icon",
attrs: {
tabindex: "0",
"aria-label": "Close Modal"
},
on: {
click: _vm.close,
keydown: function keydown($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
return null;
}
return _vm.accessibilityClick($event);
}
}
})], 1)])]), _vm._v(" "), _c("div", {
staticClass: "modal__body",
style: _vm.overflow === undefined ? {
"overflow-y": "auto"
} : {
"overflow-y": _vm.overflow
}
}, [_vm._t("default")], 2), _vm._v(" "), _vm.showFooter ? _c("div", {
staticClass: "modal__footer"
}, [_vm.$slots.footer ? _c("div", {
staticClass: "modal__footer-container"
}, [_vm._t("footer")], 2) : _vm.$slots.footerLeft || _vm.$slots.footerRight ? _c("div", {
staticClass: "modal__footer-container"
}, [_c("div", {
staticClass: "modal__footerLeft"
}, [_vm._t("footerLeft")], 2), _vm._v(" "), _c("div", {
staticClass: "modal__footerRight"
}, [_vm._t("footerRight")], 2)]) : _vm._e()]) : _vm._e()])])]);
};
var __vue_staticRenderFns__$24 = [];
__vue_render__$24._withStripped = true;
/* style */
var __vue_inject_styles__$25 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-b3084c40_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: undefined,
media: undefined
}), inject("data-v-b3084c40_1", {
source: ".modal[data-v-b3084c40] {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1000;\n display: none;\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.modal__escapable-background[data-v-b3084c40] {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n cursor: pointer;\n}\n.modal__container[data-v-b3084c40] {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 1px solid #C5CACD;\n border-radius: 2px;\n background-color: #FFFFFF;\n -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);\n box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);\n width: 100%;\n overflow: hidden;\n max-width: 500px;\n max-height: calc(100% - (36px * 2));\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 z-index: 1002;\n}\n.modal--active[data-v-b3084c40] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.modal--fixed .modal__container[data-v-b3084c40] {\n height: 100%;\n}\n.modal__heading[data-v-b3084c40] {\n padding: 0.75rem;\n background-color: #EDF2F5;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-bottom: 1px solid #C5CACD;\n border-radius: 2px 2px 0 0;\n height: 3rem;\n min-height: 3rem;\n line-height: 1.5rem;\n font-family: \"OpenSans\", arial, sans-serif;\n font-weight: 600;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-line-pack: center;\n align-content: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n white-space: nowrap;\n}\n.modal__heading[data-v-b3084c40],\n.modal__footer[data-v-b3084c40] {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.modal__footer[data-v-b3084c40] {\n padding: 0px;\n white-space: nowrap;\n}\n.modal__footer-container[data-v-b3084c40] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.modal__heading-title-container[data-v-b3084c40] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.modal__heading-icon[data-v-b3084c40] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.modal__heading-icon-wrapper + .modal__heading-title[data-v-b3084c40] {\n margin-left: 8px;\n}\n.modal__heading-extra[data-v-b3084c40] {\n -webkit-box-flex: 0;\n -ms-flex: 0 100%;\n flex: 0 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin-right: 12px;\n}\n.modal__close[data-v-b3084c40] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin-left: 12px;\n}\n.modal__close-separator[data-v-b3084c40] {\n display: inline-block;\n width: 1px;\n height: 32px;\n background-color: #C5CACD;\n}\n.modal__close-icon-wrapper[data-v-b3084c40] {\n padding-left: 12px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.modal__close-icon[data-v-b3084c40] {\n cursor: pointer;\n}\n.modal__body[data-v-b3084c40] {\n overflow-x: hidden;\n}\n.modal--fixed .modal__footer[data-v-b3084c40] {\n background-color: #EDF2F5;\n border-top: 1px solid #C5CACD;\n border-radius: 0 0 2px 2px;\n}\n.modal--fixed .modal__body[data-v-b3084c40] {\n -webkit-box-flex: 1;\n -ms-flex: 1 100%;\n flex: 1 100%;\n}\n.modal--dialog .modal__heading[data-v-b3084c40] {\n background-color: transparent;\n padding-left: 0;\n padding-right: 0;\n margin: 0 0.75rem;\n}\n@media (max-width: 751px) {\n.modal__container[data-v-b3084c40] {\n height: 100%;\n max-height: 100%;\n}\n.modal__body[data-v-b3084c40] {\n -webkit-box-flex: 1;\n -ms-flex: 1 100%;\n flex: 1 100%;\n}\n}\n.modal__footerLeft[data-v-b3084c40] {\n width: 50%;\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: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.modal__footerRight[data-v-b3084c40] {\n width: 50%;\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: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n",
map: undefined,
media: undefined
}), inject("data-v-b3084c40_2", {
source: "\n.modal-locked {\n height: 100%;\n overflow: hidden;\n}\n.overlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 999;\n background-color: rgba(black, 0.5)\n}\n.overlay--active {\n display: block;\n}\n\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$25 = "data-v-b3084c40";
/* module identifier */
var __vue_module_identifier__$25 = undefined;
/* functional template */
var __vue_is_functional_template__$25 = false;
/* style inject SSR */
var FishTankModalV2$1 = __vue_normalize__({
render: __vue_render__$24,
staticRenderFns: __vue_staticRenderFns__$24
}, __vue_inject_styles__$25, __vue_script__$25, __vue_scope_id__$25, __vue_is_functional_template__$25, __vue_module_identifier__$25, __vue_create_injector__, undefined);
var FishTankDialogBox =
/*#__PURE__*/
function (_Vue) {
_inherits(FishTankDialogBox, _Vue);
function FishTankDialogBox() {
_classCallCheck(this, FishTankDialogBox);
return _possibleConstructorReturn(this, _getPrototypeOf(FishTankDialogBox).apply(this, arguments));
}
_createClass(FishTankDialogBox, [{
key: "onChange",
// Component methods
value: function onChange(value) {
/**
* Change event.
*
* @type {Boolean}
*/
this.$emit('change', value);
}
}]);
return FishTankDialogBox;
}(Vue$1);
__decorate([Model('change', {
type: Boolean,
required: true
})], FishTankDialogBox.prototype, "active", void 0);
__decorate([Prop({
type: String,
required: false,
default: undefined
})], FishTankDialogBox.prototype, "heading", void 0);
__decorate([Prop({
type: String,
required: false,
default: undefined
})], FishTankDialogBox.prototype, "width", void 0);
FishTankDialogBox = __decorate([Component({
components: {
Modal: Modal
}
})], FishTankDialogBox);
var script$26 = FishTankDialogBox;
/* script */
var __vue_script__$26 = script$26;
/* template */
var __vue_render__$25 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("Modal", {
attrs: {
active: _vm.active,
heading: _vm.heading,
width: _vm.width,
escapeable: "",
dialog: ""
},
on: {
change: _vm.onChange
}
}, [_vm._t("default"), _vm._v(" "), _vm._t("footer", null, {
slot: "footer"
}), _vm._v(" "), _vm._t("footerLeft", null, {
slot: "footerLeft"
}), _vm._v(" "), _vm._t("footerRight", null, {
slot: "footerRight"
})], 2);
};
var __vue_staticRenderFns__$25 = [];
__vue_render__$25._withStripped = true;
/* style */
var __vue_inject_styles__$26 = undefined;
/* scoped */
var __vue_scope_id__$26 = undefined;
/* module identifier */
var __vue_module_identifier__$26 = undefined;
/* functional template */
var __vue_is_functional_template__$26 = false;
/* style inject */
/* style inject SSR */
var FishTankDialogBox$1 = __vue_normalize__({
render: __vue_render__$25,
staticRenderFns: __vue_staticRenderFns__$25
}, __vue_inject_styles__$26, __vue_script__$26, __vue_scope_id__$26, __vue_is_functional_template__$26, __vue_module_identifier__$26, undefined, undefined);
var stops = {
'theme': ['', ''],
'bgov': [colors__default.colorBgovNavy, colors__default.colorBgovPurple],
'btax': [colors__default.colorBnaBlue, colors__default.colorBtaxBlue],
'blaw': [colors__default.colorBlawBlue, colors__default.colorBlawBlue],
'notification-1': [colors__default.colorNotification1, colors__default.colorNotification1],
'notification-2': [colors__default.colorNotification2, colors__default.colorNotification2],
'notification-3': [colors__default.colorNotification3, colors__default.colorNotification3]
};
var script$27 = Vue.extend({
name: 'FishTankLoaderSpinner',
mixins: [a11y],
props: {
theme: {
type: String,
default: "bgov",
required: false,
description: "Spinner BBNA brand color theme",
availableThemes: ["theme", "bgov", "btax", "blaw", "notification-1", "notification-2", "notification-3"]
},
size: {
type: String,
default: "medium",
required: false,
description: "Spinner size",
availableSizes: ["small", "medium", "large"]
},
align: {
type: String,
default: "center",
required: false,
description: "Spinner alignment"
},
loading: {
type: Boolean,
default: true,
required: false,
description: "Spinner loading state"
}
},
data: function data() {
return {
smallDash: 26,
smallDashMax: 52,
mediumDash: 50,
mediumDashMax: 100,
largeDash: 100,
largeDashMax: 200,
body: window.document.getElementsByName('body')
};
},
computed: {
gradientClass: function gradientClass() {
return "spinner--".concat(this.theme, "-gradient-").concat(this.identifier);
},
spinnerSize: function spinnerSize() {
return "spinner--" + this.size;
},
alignClass: function alignClass() {
return "spinner--align-" + this.align;
},
strokeDashArray: function strokeDashArray() {
var countDown = this.size === 'small' ? this.smallDash : this.size === 'medium' ? this.mediumDash : this.largeDash;
return countDown;
},
radius: function radius() {
//controls radius size of spinner svg
var r = 15;
if (this.size === "small") {
r = 8;
} else if (this.size === "medium") {
r = 15;
} else if (this.size === "large") {
r = 30;
}
return r;
},
identifier: function identifier() {
return (Math.random() * 10000).toFixed(0).toString();
},
circleTheme: function circleTheme() {
return "url(#spinner--".concat(this.theme, "-gradient-").concat(this.identifier, ")");
},
getStop1: function getStop1() {
if (this.theme === 'theme') return "var(--spinner-start-color, ".concat(stops[this.theme][0], ")");else return "".concat(stops[this.theme][0]);
},
getStop2: function getStop2() {
if (this.theme === 'theme') return "var(--spinner-stop-color, ".concat(stops[this.theme][1], ")");else return "".concat(stops[this.theme][1]);
}
},
watch: {
loading: function loading(isLoading) {
isLoading ? null : this.stopSpinner();
}
},
methods: {
stopSpinner: function stopSpinner() {
var _this = this;
var spinInt = window.setInterval(function () {
if (_this[_this.size + 'Dash'] >= _this[_this.size + 'DashMax']) {
window.clearInterval(spinInt);
_this.$emit('spinner-done');
_this.loading = false;
document.body.setAttribute('aria-busy', _this.loading);
return;
} else {
_this[_this.size + 'Dash']++;
}
}, 0.57 * ([this.size + 'Dash'] * 2));
}
}
});
/* script */
var __vue_script__$27 = script$27;
/* template */
var __vue_render__$26 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
class: ["spinner", _vm.gradientClass, _vm.spinnerSize, _vm.alignClass, {
"pause-spinner": !_vm.loading
}],
attrs: {
"aria-busy": "" + _vm.loading,
role: "alert"
}
}, [_c("svg", {
attrs: {
height: "100",
width: "100"
}
}, [_c("defs", [_c("linearGradient", {
attrs: {
id: _vm.gradientClass,
x1: "0%",
y1: "0%",
x2: "100%",
y2: "0%"
}
}, [_c("stop", {
staticClass: "stop-class-1",
style: {
stopColor: _vm.getStop1
},
attrs: {
offset: "0%"
}
}), _vm._v(" "), _c("stop", {
staticClass: "stop-class-2",
style: {
stopColor: _vm.getStop2
},
attrs: {
offset: "100%"
}
})], 1)], 1), _vm._v(" "), _c("circle", {
staticClass: "base",
attrs: {
cx: "50",
cy: "50"
}
}), _vm._v(" "), _c("circle", {
class: ["spinner-gradient"],
style: [{
strokeDasharray: "" + _vm.strokeDashArray
}, {
stroke: "" + _vm.circleTheme
}],
attrs: {
r: _vm.radius,
cx: "50",
cy: "50"
},
on: {
"stop-spinner": _vm.stopSpinner
}
})])]);
};
var __vue_staticRenderFns__$26 = [];
__vue_render__$26._withStripped = true;
/* style */
var __vue_inject_styles__$27 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-39c29fa7_0", {
source: ".spinner[data-v-39c29fa7] {\n width: 100px;\n height: 100px;\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n -webkit-transform-origin: center center;\n transform-origin: center center;\n -webkit-animation: loading-data-v-39c29fa7 .75s linear infinite;\n animation: loading-data-v-39c29fa7 .75s linear infinite;\n}\n.spinner .spinner-base[data-v-39c29fa7] {\n fill: none;\n stroke: transparent;\n}\n.spinner .spinner-gradient[data-v-39c29fa7] {\n fill: none;\n stroke-linecap: round;\n}\n.spinner.pause-spinner[data-v-39c29fa7] {\n -webkit-animation-play-state: paused;\n animation-play-state: paused;\n}\n.spinner.spinner--small circle.base[data-v-39c29fa7], .spinner.spinner--small circle.spinner-gradient[data-v-39c29fa7] {\n stroke-width: 4;\n}\n.spinner.spinner--medium circle.base[data-v-39c29fa7], .spinner.spinner--medium circle.spinner-gradient[data-v-39c29fa7] {\n stroke-width: 6;\n}\n.spinner.spinner--medium circle.spinner-gradient[data-v-39c29fa7] {\n stroke-dasharray: 50;\n}\n.spinner.spinner--large circle.base[data-v-39c29fa7], .spinner.spinner--large circle.spinner-gradient[data-v-39c29fa7] {\n stroke-width: 12;\n}\n.spinner.spinner--large circle.spinner-gradient[data-v-39c29fa7] {\n stroke-dasharray: 100;\n}\n.spinner .spinner--align-center[data-v-39c29fa7] {\n text-align: center;\n}\n.spinner .spinner--align-left[data-v-39c29fa7] {\n text-align: left;\n}\n.spinner .spinner--align-right[data-v-39c29fa7] {\n text-align: right;\n}\n@-webkit-keyframes loading-data-v-39c29fa7 {\nfrom {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n}\nto {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n}\n}\n@keyframes loading-data-v-39c29fa7 {\nfrom {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n}\nto {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n}\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$27 = "data-v-39c29fa7";
/* module identifier */
var __vue_module_identifier__$27 = undefined;
/* functional template */
var __vue_is_functional_template__$27 = false;
/* style inject SSR */
var FishTankLoaderSpinner = __vue_normalize__({
render: __vue_render__$26,
staticRenderFns: __vue_staticRenderFns__$26
}, __vue_inject_styles__$27, __vue_script__$27, __vue_scope_id__$27, __vue_is_functional_template__$27, __vue_module_identifier__$27, __vue_create_injector__, undefined);
var script$28 = Vue.extend({
name: "FishTankButton",
components: {
ftext: FishTankText
},
props: {
/**
* Button orientation, inline block, or full width block
*/
block: {
type: Boolean,
default: false,
description: "Changes Button to full width block element"
},
/**
* Disabled state
*/
disabled: {
type: Boolean,
default: false
},
/**
* Button role
*/
role: {
required: false,
type: String,
default: "standard"
},
/**
* Button size
*/
small: {
type: Boolean,
default: false,
required: false
}
},
computed: {
listeners: function listeners() {
var _this = this;
return Object.assign({}, this.$listeners, {
click: function click($event) {
if (_this.disabled) return;
/** Event fired on click
* @event click
* @type {Event}
*/
_this.$emit("click", $event);
}
});
}
}
});
var __vue_script__$28 = script$28;
/* template */
var __vue_render__$27 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("button", _vm._g(_vm._b({
class: ["button", "a11y", _vm.role, _vm.small ? "small" : "large", {
block: _vm.block
}],
attrs: {
disabled: _vm.disabled
}
}, "button", _vm.$attrs, false), _vm.listeners), [_c("ftext", {
staticClass: "text",
attrs: {
"semi-bold": _vm.role !== "secondary",
size: _vm.small ? "baseMd" : "baseLg"
}
}, [_vm._t("default")], 2)], 1);
};
var __vue_staticRenderFns__$27 = [];
__vue_render__$27._withStripped = true;
/* style */
var __vue_inject_styles__$28 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-142319a5_0", {
source: "body.user-is-tabbing .a11y:focus {\n -webkit-box-shadow: 0 0 0 2px #0D9DDB;\n box-shadow: 0 0 0 2px #0D9DDB;\n}\n",
map: undefined,
media: undefined
}), inject("data-v-142319a5_1", {
source: "body.user-is-tabbing .a11y[data-v-142319a5]:focus {\n -webkit-box-shadow: 0 0 0 2px #0D9DDB;\n box-shadow: 0 0 0 2px #0D9DDB;\n}\n.button[data-v-142319a5] {\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.button.block[data-v-142319a5] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n width: 100%;\n}\n.button.large[data-v-142319a5] {\n padding: 6px 11px 10px 11px;\n height: 2.5rem;\n}\n.button.small[data-v-142319a5] {\n padding: 1px 11px 9px 11px;\n height: 1.5rem;\n}\n.button[data-v-142319a5]:active {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.button[data-v-142319a5]:disabled {\n opacity: 0.4;\n}\n.button.theme[data-v-142319a5] {\n background-color: var(--button-background-color);\n border-color: var(--button-border-color);\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.theme[data-v-142319a5]:disabled {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.button.theme[data-v-142319a5]: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.theme .text[data-v-142319a5] {\n color: var(--button-text-color);\n}\n.button.theme[data-v-142319a5]:hover {\n background-color: var(--button-hover-color);\n}\n.button.theme[data-v-142319a5]:active {\n background-color: var(--button-active-color);\n}\n.button.theme[data-v-142319a5]:disabled:hover {\n background-color: var(--button-disabled-hover-color);\n}\n.button.standard[data-v-142319a5] {\n background-color: #0D9DDB;\n border-color: #0D9DDB;\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(13, 157, 219, 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(13, 157, 219, 0.5), 0 10px 15px -8px rgba(0, 0, 0, 0.2);\n}\n.button.standard[data-v-142319a5]:disabled {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.button.standard[data-v-142319a5]: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(13, 157, 219, 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(13, 157, 219, 0.6), 0 10px 15px -8px rgba(0, 0, 0, 0.3);\n}\n.button.standard .text[data-v-142319a5] {\n color: #FFFFFF;\n}\n.button.standard[data-v-142319a5]:hover {\n background-color: #0D9DDB;\n}\n.button.standard[data-v-142319a5]:active {\n background-color: #0D9DDB;\n}\n.button.standard[data-v-142319a5]:disabled:hover {\n background-color: #0D9DDB;\n}\n.button.primary[data-v-142319a5], .button.success[data-v-142319a5] {\n background-color: #3DA774;\n border-color: #30855C;\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[data-v-142319a5]:disabled, .button.success[data-v-142319a5]:disabled {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.button.primary[data-v-142319a5]:hover, .button.success[data-v-142319a5]: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 .text[data-v-142319a5], .button.success .text[data-v-142319a5] {\n color: #FFFFFF;\n}\n.button.primary[data-v-142319a5]:hover, .button.success[data-v-142319a5]:hover {\n background-color: #49B88B;\n}\n.button.primary[data-v-142319a5]:active, .button.success[data-v-142319a5]:active {\n background-color: #399E6E;\n}\n.button.primary[data-v-142319a5]:disabled:hover, .button.success[data-v-142319a5]:disabled:hover {\n background-color: #3DA774;\n}\n.button.secondary[data-v-142319a5], .button.cancel[data-v-142319a5] {\n background-color: #EDF2F5;\n border-color: #C5CACD;\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(237, 242, 245, 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(237, 242, 245, 0.5), 0 10px 15px -8px rgba(0, 0, 0, 0.2);\n}\n.button.secondary .text[data-v-142319a5], .button.cancel .text[data-v-142319a5] {\n color: #505558;\n}\n.button.secondary[data-v-142319a5]:disabled, .button.cancel[data-v-142319a5]:disabled {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.button.secondary[data-v-142319a5]:hover, .button.cancel[data-v-142319a5]: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(237, 242, 245, 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(237, 242, 245, 0.6), 0 10px 15px -8px rgba(0, 0, 0, 0.3);\n}\n.button.secondary[data-v-142319a5]:hover, .button.cancel[data-v-142319a5]:hover {\n background-color: #F6F8FA;\n}\n.button.secondary[data-v-142319a5]:active, .button.cancel[data-v-142319a5]:active {\n background-color: #E0E5E8;\n}\n.button.secondary[data-v-142319a5]:disabled:hover, .button.cancel[data-v-142319a5]:disabled:hover {\n background-color: #EDF2F5;\n}\n.button.destructive[data-v-142319a5], .button.danger[data-v-142319a5] {\n background-color: #E1483E;\n border-color: #B43931;\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 .text[data-v-142319a5], .button.danger .text[data-v-142319a5] {\n color: #FFFFFF;\n}\n.button.destructive[data-v-142319a5]:disabled, .button.danger[data-v-142319a5]:disabled {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.button.destructive[data-v-142319a5]:hover, .button.danger[data-v-142319a5]: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[data-v-142319a5]:hover, .button.danger[data-v-142319a5]:hover {\n background-color: #E7564A;\n}\n.button.destructive[data-v-142319a5]:active, .button.danger[data-v-142319a5]:active {\n background-color: #D5443A;\n}\n.button.destructive[data-v-142319a5]:disabled:hover, .button.danger[data-v-142319a5]:disabled:hover {\n background-color: #E1483E;\n}\n.button.warning[data-v-142319a5] {\n background-color: #FFB511;\n border-color: #CC900D;\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, 181, 17, 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, 181, 17, 0.5), 0 10px 15px -8px rgba(0, 0, 0, 0.2);\n}\n.button.warning[data-v-142319a5]:disabled {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.button.warning[data-v-142319a5]: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, 181, 17, 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, 181, 17, 0.6), 0 10px 15px -8px rgba(0, 0, 0, 0.3);\n}\n.button.warning .text[data-v-142319a5] {\n color: #FFFFFF;\n}\n.button.warning[data-v-142319a5]:hover {\n background-color: #FFC314;\n}\n.button.warning[data-v-142319a5]:active {\n background-color: #F2AB10;\n}\n.button.warning[data-v-142319a5]:disabled:hover {\n background-color: #FFB511;\n}\n.button.outline[data-v-142319a5] {\n background-color: transparent;\n border-color: #777C7F;\n border-width: 2px;\n}\n.button.outline .text[data-v-142319a5] {\n color: #777C7F;\n}\n.button.outline[data-v-142319a5]:hover {\n background-color: #777C7F;\n}\n.button.outline:hover .text[data-v-142319a5] {\n color: #FFFFFF;\n}\n.button.outline[data-v-142319a5]:disabled {\n border-color: #C5CACD;\n}\n.button.outline:disabled .text[data-v-142319a5] {\n color: #C5CACD;\n}\n.button.outline[data-v-142319a5]:disabled:hover {\n background-color: transparent;\n}\n.button.outline[data-v-142319a5]:active {\n background-color: #505558;\n border-color: #505558;\n}\n.button[data-v-142319a5]:active, .button[data-v-142319a5]:hover {\n cursor: pointer;\n}\n.button[data-v-142319a5]:active:disabled, .button[data-v-142319a5]:hover:disabled {\n cursor: default;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$28 = "data-v-142319a5";
/* module identifier */
var __vue_module_identifier__$28 = undefined;
/* functional template */
var __vue_is_functional_template__$28 = false;
/* style inject SSR */
var FishTankButton = __vue_normalize__({
render: __vue_render__$27,
staticRenderFns: __vue_staticRenderFns__$27
}, __vue_inject_styles__$28, __vue_script__$28, __vue_scope_id__$28, __vue_is_functional_template__$28, __vue_module_identifier__$28, __vue_create_injector__, undefined);
var FishTankCheckboxV2 =
/*#__PURE__*/
function (_Vue) {
_inherits(FishTankCheckboxV2, _Vue);
function FishTankCheckboxV2() {
var _this;
_classCallCheck(this, FishTankCheckboxV2);
_this = _possibleConstructorReturn(this, _getPrototypeOf(FishTankCheckboxV2).apply(this, arguments)); //data
_this.isFocused = false;
_this.name = "FishTankCheckbox";
return _this;
} // Component Methods
_createClass(FishTankCheckboxV2, [{
key: "emitChange",
value: function emitChange() {
/**
* Change event.
*
* @type {Boolean}
*/
this.$emit('change', !this.value);
} // Computed Methods
}, {
key: "keyId",
value: function keyId() {
return "checkbox-".concat(this._uid);
}
}, {
key: "returnEnabledDisabled",
value: function returnEnabledDisabled() {
return this.disabled ? "disabled" : "animationWrap__enabled";
}
}, {
key: "isSwitch",
value: function isSwitch() {
return this.switch !== undefined || this.slider !== undefined ? true : false;
}
}]);
return FishTankCheckboxV2;
}(Vue$1);
__decorate([Model('change', {
type: [Boolean, Array]
})], FishTankCheckboxV2.prototype, "value", void 0);
__decorate([Prop({
type: Boolean,
required: false,
default: false
})], FishTankCheckboxV2.prototype, "disabled", void 0);
__decorate([Prop({
type: String,
required: true
})], FishTankCheckboxV2.prototype, "label", void 0);
__decorate([Prop({
type: String,
default: null,
required: false
})], FishTankCheckboxV2.prototype, "id", void 0);
__decorate([Prop({})], FishTankCheckboxV2.prototype, "slider", void 0);
__decorate([Prop({})], FishTankCheckboxV2.prototype, "switch", void 0);
FishTankCheckboxV2 = __decorate([Component({
components: {
CheckboxSelected: CheckboxSelected24,
CheckboxUnselected: CheckboxUnselected24,
FishTankText: FishTankText
},
mixins: [a11y]
})], FishTankCheckboxV2);
var script$29 = FishTankCheckboxV2;
/* script */
var __vue_script__$29 = script$29;
/* template */
var __vue_render__$28 = function __vue_render__() {
var _obj;
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
class: [_vm.isSwitch() ? "switch" : "checkbox", (_obj = {}, _obj["disabled"] = _vm.disabled, _obj), "checked"]
}, [_c("label", {
class: ["label"],
attrs: {
for: _vm.id !== null ? _vm.id : null
}
}, [_c("input", {
staticClass: "input",
attrs: {
id: _vm.id !== null ? _vm.id : null,
disabled: _vm.disabled,
type: "checkbox"
},
domProps: {
checked: _vm.value
},
on: {
click: _vm.emitChange,
focus: function focus($event) {
_vm.isFocused = true;
},
blur: function blur($event) {
_vm.isFocused = false;
}
}
}), _vm._v(" "), _vm.isSwitch() ? [_c("div", {
class: ["inputCheckboxWrap", "a11y"]
}, [_c("div", {
staticClass: "inputCheckboxTarget"
})]), _vm._v(" "), _c("div", {
staticClass: "labelContent"
}, [_vm.$slots.default ? _vm._t("default") : _c("span", [_vm._v("\n " + _vm._s(_vm.label) + "\n ")])], 2)] : [_c("div", {
class: ["animationWrap", {
a11y: _vm.isFocused
}]
}, [_c("transition", {
attrs: {
name: "transition-scale",
"enter-active-class": "transitionScaleEnterActive",
"leave-active-class": "transitionScaleLeaveActive",
"enter-class": "transitionScaleEnter",
"leave-to-class": "transitionScaleLeaveTo"
}
}, [_vm.value ? _c("CheckboxSelected", {
key: "{$keyId}+'-svgSelected'",
class: ["svgSelected", _vm.returnEnabledDisabled]
}) : _vm._e(), _vm._v(" "), !_vm.value ? _c("CheckboxUnselected", {
key: "{$keyId}+'unselected'",
class: ["svgUnselected", _vm.returnEnabledDisabled]
}) : _vm._e()], 1)], 1), _vm._v(" "), _c("div", {
staticClass: "labelContent"
}, [_vm.$slots.default ? _vm._t("default") : _c("fish-tank-text", {
attrs: {
size: "baseMd",
color: "grayDark"
}
}, [_vm._v(_vm._s(_vm.label))])], 2)]], 2)]);
};
var __vue_staticRenderFns__$28 = [];
__vue_render__$28._withStripped = true;
/* style */
var __vue_inject_styles__$29 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-51f9ac29_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\");\nbody.user-is-tabbing .a11y:focus {\n -webkit-box-shadow: 0 0 0 2px #0D9DDB;\n box-shadow: 0 0 0 2px #0D9DDB;\n}\n",
map: undefined,
media: undefined
}), inject("data-v-51f9ac29_1", {
source: ".checkbox[data-v-51f9ac29] {\n position: relative;\n}\n.input[data-v-51f9ac29] {\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n opacity: 0;\n}\n.label[data-v-51f9ac29] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.animationWrap[data-v-51f9ac29] {\n margin-top: 4px;\n position: relative;\n width: 24px;\n height: 24px;\n}\n.svgSelected[data-v-51f9ac29], .svgUnselected[data-v-51f9ac29] {\n position: absolute;\n left: 0;\n top: 0;\n}\n.svgSelected[data-v-51f9ac29] {\n color: #0D9DDB;\n}\n.svgUnselected[data-v-51f9ac29] {\n color: #777C7F;\n}\n.labelContent[data-v-51f9ac29] {\n padding-left: 0.75rem;\n margin: 6px 0;\n}\n.labelContentLabel[data-v-51f9ac29] {\n margin: 6px 0;\n}\n.checkbox:hover .svgSelected[data-v-51f9ac29] {\n color: #0A7DAF;\n}\n.checkbox:hover .svgUnselected[data-v-51f9ac29] {\n color: #292E31;\n}\n.checkbox:hover .labelContent[data-v-51f9ac29] {\n color: #292E31;\n}\n.disabled .labelContent[data-v-51f9ac29], .disabled .svgSelected[data-v-51f9ac29], .disabled .svgUnselected[data-v-51f9ac29] {\n color: #C5CACD;\n}\n.disabled:hover .labelContent[data-v-51f9ac29], .disabled:hover .svgSelected[data-v-51f9ac29], .disabled:hover .svgUnselected[data-v-51f9ac29] {\n color: #C5CACD;\n}\n.transitionScaleLeaveActive[data-v-51f9ac29], .transitionScaleLeaveActive[data-v-51f9ac29] {\n top: 0px;\n left: 0px;\n}\n.transitionScaleEnterActive[data-v-51f9ac29] {\n -webkit-transition: opacity 0.3s, delay 0.3s, -webkit-transform 0.3s;\n transition: opacity 0.3s, delay 0.3s, -webkit-transform 0.3s;\n transition: transform 0.3s, opacity 0.3s, delay 0.3s;\n transition: transform 0.3s, opacity 0.3s, delay 0.3s, -webkit-transform 0.3s;\n}\n.transitionScaleLeaveActive[data-v-51f9ac29] {\n -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;\n transition: opacity 0.3s, -webkit-transform 0.3s;\n transition: transform 0.3s, opacity 0.3s;\n transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;\n}\n.transitionScaleEnter[data-v-51f9ac29], .transitionScaleLeaveTo[data-v-51f9ac29] {\n -webkit-transform: scale(0);\n transform: scale(0);\n opacity: 0;\n left: 0;\n top: 0px;\n}\n",
map: undefined,
media: undefined
}), inject("data-v-51f9ac29_2", {
source: ".switch .label[data-v-51f9ac29] {\n font-size: 0.875rem;\n line-height: 1.25rem;\n position: relative;\n font-family: \"OpenSans\", arial, sans-serif;\n display: block;\n}\n.switch[data-v-51f9ac29] {\n width: 100%;\n position: relative;\n padding: 6px 0;\n}\n.switch .input[data-v-51f9ac29] {\n width: 100%;\n height: 100%;\n position: absolute;\n z-index: 1;\n opacity: 0;\n margin: 0px;\n top: 0;\n left: 0;\n display: block;\n}\n.switch > label[data-v-51f9ac29] {\n top: 0px;\n color: #505558;\n}\n.switch:hover > label[data-v-51f9ac29] {\n color: #292E31;\n cursor: pointer;\n}\n.switch .inputCheckboxWrap[data-v-51f9ac29] {\n width: 33px;\n height: 18px;\n background-color: #9EA3A6;\n border-radius: 10px;\n border: 1px solid #777C7F;\n float: right;\n}\n.switch .input:disabled ~ .labelContent[data-v-51f9ac29] {\n color: #C5CACD;\n cursor: default;\n}\n.switch .input:disabled + .inputCheckboxWrap[data-v-51f9ac29] {\n background-color: #EDF2F5;\n border: 1px solid #C5CACD;\n}\n.switch .inputCheckboxTarget[data-v-51f9ac29] {\n background-color: #EDF2F5;\n width: 18px;\n height: 18px;\n border-radius: 50%;\n border: 1px solid #C5CACD;\n -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);\n position: relative;\n top: -1px;\n left: -2px;\n}\n.switch .input:disabled + .inputCheckboxWrap .inputCheckboxTarget[data-v-51f9ac29] {\n background-color: #EDF2F5;\n border: 1px solid #C5CACD;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.switch .inputCheckboxTarget[data-v-51f9ac29]:after {\n display: block;\n content: ' ';\n position: relative;\n width: 6px;\n height: 6px;\n background-color: #0D9DDB;\n border-radius: 50%;\n top: 6px;\n left: 6px;\n}\n.switch .label[data-v-51f9ac29]:after {\n display: block;\n clear: both;\n content: '';\n}\n.switch .input:disabled + .inputCheckboxWrap .inputCheckboxTarget[data-v-51f9ac29]:after {\n background-color: #C5CACD;\n}\n.switch .input:disabled:checked + .inputCheckboxWrap[data-v-51f9ac29] {\n background-color: #EDF2F5;\n border: 1px solid #C5CACD;\n}\n.switch .input:checked + .inputCheckboxWrap[data-v-51f9ac29] {\n background-color: #0D9DDB;\n border: 1px solid #0A7DAF;\n}\n.switch .input + .inputCheckboxWrap .inputCheckboxTarget[data-v-51f9ac29] {\n -webkit-transform: translateX(0px);\n transform: translateX(0px);\n -webkit-transition: all 0.3s ease;\n transition: all 0.3s ease;\n}\n.switch .input:checked + .inputCheckboxWrap .inputCheckboxTarget[data-v-51f9ac29] {\n -webkit-transform: translateX(17px);\n transform: translateX(17px);\n -webkit-transition: all 0.3s ease;\n transition: all 0.3s ease;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$29 = "data-v-51f9ac29";
/* module identifier */
var __vue_module_identifier__$29 = undefined;
/* functional template */
var __vue_is_functional_template__$29 = false;
/* style inject SSR */
var FishTankCheckboxSwitch = __vue_normalize__({
render: __vue_render__$28,
staticRenderFns: __vue_staticRenderFns__$28
}, __vue_inject_styles__$29, __vue_script__$29, __vue_scope_id__$29, __vue_is_functional_template__$29, __vue_module_identifier__$29, __vue_create_injector__, undefined);
var FishTankRadioGroup =
/*#__PURE__*/
function (_Vue) {
_inherits(FishTankRadioGroup, _Vue);
function FishTankRadioGroup() {
var _this;
_classCallCheck(this, FishTankRadioGroup);
_this = _possibleConstructorReturn(this, _getPrototypeOf(FishTankRadioGroup).apply(this, arguments));
_this.fishtankRadioGroupShared = {
register: function register(componentAsThis) {
this.registeredChildren.push(componentAsThis);
},
unregister: function unregister(componentAsThis) {
var index = this.registeredChildren.indexOf(componentAsThis);
if (index > -1) {
this.registeredChildren.splice(index, 1);
}
}
}; // Data
_this.isSmall = _this.small;
_this.isFocused = false;
_this.registeredChildren = []; // These funuctions are noe in the Provide decorator
// register(componentAsThis:any):void {
// (this as any).registeredChildren.push(componentAsThis);
// }
// unregister(componentAsThis:any):void {
// let index = ((this as any).registeredChildren as any[]).indexOf(componentAsThis);
// if (index > -1) {
// (this as any).registeredChildren.splice(index, 1);
// }
// }
return _this;
} // Computed functions
_createClass(FishTankRadioGroup, [{
key: "labelId",
value: function labelId() {
return "ft-radio-group-".concat(this._uid);
} // Component methods
}, {
key: "focusRadio",
value: function focusRadio() {
var _this2 = this;
this.registeredChildren.map(function (c) {
if (c.value === c.modelValue) {
c.setFocus();
return;
} else {
_this2.registeredChildren[0].setFocus();
}
});
}
}]);
return FishTankRadioGroup;
}(Vue$1);
__decorate([Model('change', {
type: [String, Boolean, Object, Number],
default: "",
required: true
})], FishTankRadioGroup.prototype, "modelValue", void 0);
__decorate([Provide()], FishTankRadioGroup.prototype, "fishtankRadioGroupShared", void 0);
__decorate([Prop({
required: false,
default: false,
type: Boolean
})], FishTankRadioGroup.prototype, "small", void 0);
__decorate([Prop({
type: String,
default: null,
required: false
})], FishTankRadioGroup.prototype, "id", void 0);
FishTankRadioGroup = __decorate([Component({
token: ["<fish-tank-radio-group>\n <FishTankRadio \n v-model=\"val\" \n value=\"beta\" \n label=\"beta\"\n name=\"beta\"/>\n <FishTankRadio \n v-model=\"val\" \n value=\"beta\" \n label=\"beta\"\n name=\"beta\"/>\n <fish-tank-radio-group>"],
mixins: [a11y]
})], FishTankRadioGroup);
var script$30 = FishTankRadioGroup;
/* script */
var __vue_script__$30 = script$30;
/* template */
var __vue_render__$29 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
attrs: {
id: _vm.id !== null ? _vm.id : _vm.labelId,
"aria-labelledby": _vm.id !== null ? _vm.id : _vm.labelId,
tabindex: "0",
role: "radiogroup"
},
on: {
focus: _vm.focusRadio
}
}, [_vm._t("default")], 2);
};
var __vue_staticRenderFns__$29 = [];
__vue_render__$29._withStripped = true;
/* style */
var __vue_inject_styles__$30 = undefined;
/* scoped */
var __vue_scope_id__$30 = undefined;
/* module identifier */
var __vue_module_identifier__$30 = undefined;
/* functional template */
var __vue_is_functional_template__$30 = false;
/* style inject */
/* style inject SSR */
var FishTankRadioGroup$1 = __vue_normalize__({
render: __vue_render__$29,
staticRenderFns: __vue_staticRenderFns__$29
}, __vue_inject_styles__$30, __vue_script__$30, __vue_scope_id__$30, __vue_is_functional_template__$30, __vue_module_identifier__$30, undefined, undefined);
function _arrayWithHoles(arr) {
if (isArray$1(arr)) return arr;
}
var getIterator$1 = getIterator;
function _iterableToArrayLimit(arr, i) {
var _arr = [];
var _n = true;
var _d = false;
var _e = undefined;
try {
for (var _i = getIterator$1(arr), _s; !(_n = (_s = _i.next()).done); _n = true) {
_arr.push(_s.value);
if (i && _arr.length === i) break;
}
} catch (err) {
_d = true;
_e = err;
} finally {
try {
if (!_n && _i["return"] != null) _i["return"]();
} finally {
if (_d) throw _e;
}
}
return _arr;
}
function _nonIterableRest() {
throw new TypeError("Invalid attempt to destructure non-iterable instance");
}
function _slicedToArray(arr, i) {
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
}
function _toArray(arr) {
return _arrayWithHoles(arr) || _iterableToArray(arr) || _nonIterableRest();
}
function color () {
var newColors = {};
Object.keys(colors).map(function (key, index) {
newColors[key + 'Bg'] = key + 'Bg';
});
return newColors;
}
var Columns = {
xsCol1: "xsCol1",
xsCol2: "xsCol2",
xsCol3: "xsCol3",
xsCol4: "xsCol4",
xsCol5: "xsCol5",
xsCol6: "xsCol6",
xsCol7: "xsCol7",
xsCol8: "xsCol8",
xsCol9: "xsCol9",
xsCol10: "xsCol10",
xsCol11: "xsCol11",
xsCol12: "xsCol12",
smCol1: "smCol1",
smCol2: "smCol2",
smCol3: "smCol3",
smCol4: "smCol4",
smCol5: "smCol5",
smCol6: "smCol6",
smCol7: "smCol7",
smCol8: "smCol8",
smCol9: "smCol9",
smCol10: "smCol10",
smCol11: "smCol11",
smCol12: "smCol12",
mdCol1: "mdCol1",
mdCol2: "mdCol2",
mdCol3: "mdCol3",
mdCol4: "mdCol4",
mdCol5: "mdCol5",
mdCol6: "mdCol6",
mdCol7: "mdCol7",
mdCol8: "mdCol8",
mdCol9: "mdCol9",
mdCol10: "mdCol10",
mdCol11: "mdCol11",
mdCol12: "mdCol12",
lgCol1: "lgCol1",
lgCol2: "lgCol2",
lgCol3: "lgCol3",
lgCol4: "lgCol4",
lgCol5: "lgCol5",
lgCol6: "lgCol6",
lgCol7: "lgCol7",
lgCol8: "lgCol8",
lgCol9: "lgCol9",
lgCol10: "lgCol10",
lgCol11: "lgCol11",
lgCol12: "lgCol12",
xlCol1: "xlCol1",
xlCol2: "xlCol2",
xlCol3: "xlCol3",
xlCol4: "xlCol4",
xlCol5: "xlCol5",
xlCol6: "xlCol6",
xlCol7: "xlCol7",
xlCol8: "xlCol8",
xlCol9: "xlCol9",
xlCol10: "xlCol10",
xlCol11: "xlCol11",
xlCol12: "xlCol12"
};
var _$1 = require("lodash").noConflict();
var colorMappingFunc = function colorMappingFunc(value) {
if (!value) return identity();
var allColorMappings = mapping(color());
var mapColorNameToClass = function mapColorNameToClass(colorName) {
var _ref = [colorName[0], colorName.substring(1, colorName.length)],
prefix = _ref[0],
rest = _ref[1];
var colorClassName = "color".concat(prefix.toUpperCase()).concat(rest, "Bg");
return colorClassName;
};
return allColorMappings(mapColorNameToClass(value));
};
var styles = {
xsDisplayNone: "xsDisplayNone",
xsDisplayFlex: "xsDisplayFlex",
xsDisplayBlock: "xsDisplayBlock",
xsDisplayInlineBlock: "xsDisplayInlineBlock",
xsDisplayVisuallyHidden: "xsDisplayVisuallyHidden",
smDisplayNone: "smDisplayNone",
smDisplayFlex: "smDisplayFlex",
smDisplayBlock: "smDisplayBlock",
smDisplayInlineBlock: "smDisplayInlineBlock",
smDisplayVisuallyHidden: "smDisplayVisuallyHidden",
mdDisplayNone: "mdDisplayNone",
mdDisplayFlex: "mdDisplayFlex",
mdDisplayBlock: "mdDisplayBlock",
mdDisplayInlineBlock: "mdDisplayInlineBlock",
mdDisplayVisuallyHidden: "mdDisplayVisuallyHidden",
lgDisplayNone: "lgDisplayNone",
lgDisplayFlex: "lgDisplayFlex",
lgDisplayBlock: "lgDisplayBlock",
lgDisplayInlineBlock: "lgDisplayInlineBlock",
lgDisplayVisuallyHidden: "lgDisplayVisuallyHidden",
xlDisplayNone: "xlDisplayNone",
xlDisplayFlex: "xlDisplayFlex",
xlDisplayBlock: "xlDisplayBlock",
xlDisplayInlineBlock: "xlDisplayInlineBlock",
xlDisplayVisuallyHidden: "xlDisplayVisuallyHidden"
};
var direction = {
xsDirectionRow: "xsDirectionRow",
xsDirectionColumn: "xsDirectionColumn",
xsDirectionRowReverse: "xsDirectionRowReverse",
xsDirectionColumnReverse: "xsDirectionColumnReverse",
smDirectionRow: "smDirectionRow",
smDirectionColumn: "smDirectionColumn",
smDirectionRowReverse: "smDirectionRowReverse",
smDirectionColumnReverse: "smDirectionColumnReverse",
mdDirectionRow: "mdDirectionRow",
mdDirectionColumn: "mdDirectionColumn",
mdDirectionRowReverse: "mdDirectionRowReverse",
mdDirectionColumnReverse: "mdDirectionColumnReverse",
lgDirectionRow: "lgDirectionRow",
lgDirectionColumn: "lgDirectionColumn",
lgDirectionRowReverse: "lgDirectionRowReverse",
lgDirectionColumnReverse: "lgDirectionColumnReverse",
xlDirectionRow: "xlDirectionRow",
xlDirectionColumn: "xlDirectionColumn",
xlDirectionRowReverse: "xlDirectionRowReverse",
xlDirectionColumnReverse: "xlDirectionColumnReverse"
};
var layout = {
justifyStart: "justifyStart",
justifyEnd: "justifyEnd",
justifyCenter: "justifyCenter",
justifyBetween: "justifyBetween",
justifyAround: "justifyAround",
itemsStart: "itemsStart",
itemsEnd: "itemsEnd",
itemsCenter: "itemsCenter",
itemsBaseline: "itemsBaseline",
absolute: "absolute",
relative: "relative",
fixed: "fixed",
static: "static",
top0: 'top0',
bottom0: 'bottom0',
right0: 'right0',
left0: 'left0',
overflowHidden: 'overflowHidden',
overflowScroll: 'overflowScroll',
overflowAuto: 'overflowAuto',
overflowScrollX: 'overflowScrollX',
overflowScrollY: 'overflowScrollY',
flexGrow: 'flexGrow',
flexNone: 'flexNone',
flexShrink: 'flexShrink',
flexWrap: 'flexWrap'
};
var whitespace = {
marginStart1: "marginStart1",
marginStart2: "marginStart2",
marginStart3: "marginStart3",
marginStart4: "marginStart4",
marginStart5: "marginStart5",
marginStart6: "marginStart6",
marginStart7: "marginStart7",
marginStart8: "marginStart8",
marginStart9: "marginStart9",
marginStart10: "marginStart10",
marginStart11: "marginStart11",
marginStart12: "marginStart12",
marginEnd1: "marginEnd1",
marginEnd2: "marginEnd2",
marginEnd3: "marginEnd3",
marginEnd4: "marginEnd4",
marginEnd5: "marginEnd5",
marginEnd6: "marginEnd6",
marginEnd7: "marginEnd7",
marginEnd8: "marginEnd8",
marginEnd9: "marginEnd9",
marginEnd10: "marginEnd10",
marginEnd11: "marginEnd11",
marginEnd12: "marginEnd12",
marginTop1: "marginTop1",
marginTop2: "marginTop2",
marginTop3: "marginTop3",
marginTop4: "marginTop4",
marginTop5: "marginTop5",
marginTop6: "marginTop6",
marginTop7: "marginTop7",
marginTop8: "marginTop8",
marginTop9: "marginTop9",
marginTop10: "marginTop10",
marginTop11: "marginTop11",
marginTop12: "marginTop12",
marginBottom1: "marginBottom1",
marginBottom2: "marginBottom2",
marginBottom3: "marginBottom3",
marginBottom4: "marginBottom4",
marginBottom5: "marginBottom5",
marginBottom6: "marginBottom6",
marginBottom7: "marginBottom7",
marginBottom8: "marginBottom8",
marginBottom9: "marginBottom9",
marginBottom10: "marginBottom10",
marginBottom11: "marginBottom11",
marginBottom12: "marginBottom12",
marginLeft1: "marginLeft1",
marginLeft2: "marginLeft2",
marginLeft3: "marginLeft3",
marginLeft4: "marginLeft4",
marginLeft5: "marginLeft5",
marginLeft6: "marginLeft6",
marginLeft7: "marginLeft7",
marginLeft8: "marginLeft8",
marginLeft9: "marginLeft9",
marginLeft10: "marginLeft10",
marginLeft11: "marginLeft11",
marginLeft12: "marginLeft12",
marginRight1: "marginRight1",
marginRight2: "marginRight2",
marginRight3: "marginRight3",
marginRight4: "marginRight4",
marginRight5: "marginRight5",
marginRight6: "marginRight6",
marginRight7: "marginRight7",
marginRight8: "marginRight8",
marginRight9: "marginRight9",
marginRight10: "marginRight10",
marginRight11: "marginRight11",
marginRight12: "marginRight12",
paddingX1: "paddingX1",
paddingX2: "paddingX2",
paddingX3: "paddingX3",
paddingX4: "paddingX4",
paddingX5: "paddingX5",
paddingX6: "paddingX6",
paddingX7: "paddingX7",
paddingX8: "paddingX8",
paddingX9: "paddingX9",
paddingX10: "paddingX10",
paddingX11: "paddingX11",
paddingX12: "paddingX12",
paddingY1: "paddingY1",
paddingY2: "paddingY2",
paddingY3: "paddingY3",
paddingY4: "paddingY4",
paddingY5: "paddingY5",
paddingY6: "paddingY6",
paddingY7: "paddingY7",
paddingY8: "paddingY8",
paddingY9: "paddingY9",
paddingY10: "paddingY10",
paddingY11: "paddingY11",
paddingY12: "paddingY12"
};
var responsiveSizes = ['xs', 'sm', 'md', 'lg', 'xl'];
var responsiveWhiteSpace = function responsiveWhiteSpace(prefix) {
return _$1.reduce(whitespace, function (memo, _ref2, key) {
var _ref3 = _toArray(_ref2),
first = _ref3[0],
rest = _ref3.slice(1);
memo["".concat(prefix).concat(_$1.toUpper(first)).concat(_$1.join(rest, ''))] = "".concat(prefix).concat(_$1.toUpper(first)).concat(_$1.join(rest, ''));
return memo;
}, {});
};
var _responsiveSizes$map = responsiveSizes.map(responsiveWhiteSpace),
_responsiveSizes$map2 = _slicedToArray(_responsiveSizes$map, 5),
xsWhiteSpace = _responsiveSizes$map2[0],
smWhiteSpace = _responsiveSizes$map2[1],
mdWhiteSpace = _responsiveSizes$map2[2],
lgWhiteSpace = _responsiveSizes$map2[3],
xlWhiteSpace = _responsiveSizes$map2[4];
/* transformation js */
var marginTypes = ['marginStart', 'marginEnd', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft'];
var _marginTypes$map = marginTypes.map(function (marginType) {
return bind(rangeWithoutZero(marginType), whitespace);
}),
_marginTypes$map2 = _slicedToArray(_marginTypes$map, 6),
marginStart = _marginTypes$map2[0],
marginEnd = _marginTypes$map2[1],
marginTop = _marginTypes$map2[2],
marginRight = _marginTypes$map2[3],
marginBottom = _marginTypes$map2[4],
marginLeft = _marginTypes$map2[5];
var margin = union(marginTop, marginBottom, marginLeft, marginRight);
var _marginTypes$map$map = marginTypes.map(function (_ref4) {
var _ref5 = _toArray(_ref4),
first = _ref5[0],
rest = _ref5.slice(1);
return "xs".concat(_$1.toUpper(first)).concat(_$1.join(rest, ''));
}).map(function (marginType) {
return bind(rangeWithoutZero(marginType), xsWhiteSpace);
}),
_marginTypes$map$map2 = _slicedToArray(_marginTypes$map$map, 6),
xsMarginStart = _marginTypes$map$map2[0],
xsMarginEnd = _marginTypes$map$map2[1],
xsMarginTop = _marginTypes$map$map2[2],
xsMarginRight = _marginTypes$map$map2[3],
xsMarginBottom = _marginTypes$map$map2[4],
xsMarginLeft = _marginTypes$map$map2[5];
var xsMargin = union(xsMarginTop, xsMarginBottom, xsMarginLeft, xsMarginRight);
var _marginTypes$map$map3 = marginTypes.map(function (_ref6) {
var _ref7 = _toArray(_ref6),
first = _ref7[0],
rest = _ref7.slice(1);
return "sm".concat(_$1.toUpper(first)).concat(_$1.join(rest, ''));
}).map(function (marginType) {
return bind(rangeWithoutZero(marginType), smWhiteSpace);
}),
_marginTypes$map$map4 = _slicedToArray(_marginTypes$map$map3, 6),
smMarginStart = _marginTypes$map$map4[0],
smMarginEnd = _marginTypes$map$map4[1],
smMarginTop = _marginTypes$map$map4[2],
smMarginRight = _marginTypes$map$map4[3],
smMarginBottom = _marginTypes$map$map4[4],
smMarginLeft = _marginTypes$map$map4[5];
var smMargin = union(smMarginTop, smMarginBottom, smMarginLeft, smMarginRight);
var _marginTypes$map$map5 = marginTypes.map(function (_ref8) {
var _ref9 = _toArray(_ref8),
first = _ref9[0],
rest = _ref9.slice(1);
return "md".concat(_$1.toUpper(first)).concat(_$1.join(rest, ''));
}).map(function (marginType) {
return bind(rangeWithoutZero(marginType), mdWhiteSpace);
}),
_marginTypes$map$map6 = _slicedToArray(_marginTypes$map$map5, 6),
mdMarginStart = _marginTypes$map$map6[0],
mdMarginEnd = _marginTypes$map$map6[1],
mdMarginTop = _marginTypes$map$map6[2],
mdMarginRight = _marginTypes$map$map6[3],
mdMarginBottom = _marginTypes$map$map6[4],
mdMarginLeft = _marginTypes$map$map6[5];
var mdMargin = union(mdMarginTop, mdMarginBottom, mdMarginLeft, mdMarginRight);
var _marginTypes$map$map7 = marginTypes.map(function (_ref10) {
var _ref11 = _toArray(_ref10),
first = _ref11[0],
rest = _ref11.slice(1);
return "lg".concat(_$1.toUpper(first)).concat(_$1.join(rest, ''));
}).map(function (marginType) {
return bind(rangeWithoutZero(marginType), lgWhiteSpace);
}),
_marginTypes$map$map8 = _slicedToArray(_marginTypes$map$map7, 6),
lgMarginStart = _marginTypes$map$map8[0],
lgMarginEnd = _marginTypes$map$map8[1],
lgMarginTop = _marginTypes$map$map8[2],
lgMarginRight = _marginTypes$map$map8[3],
lgMarginBottom = _marginTypes$map$map8[4],
lgMarginLeft = _marginTypes$map$map8[5];
var lgMargin = union(lgMarginTop, lgMarginBottom, lgMarginLeft, lgMarginRight);
var _marginTypes$map$map9 = marginTypes.map(function (_ref12) {
var _ref13 = _toArray(_ref12),
first = _ref13[0],
rest = _ref13.slice(1);
return "xl".concat(_$1.toUpper(first)).concat(_$1.join(rest, ''));
}).map(function (marginType) {
return bind(rangeWithoutZero(marginType), xlWhiteSpace);
}),
_marginTypes$map$map10 = _slicedToArray(_marginTypes$map$map9, 6),
xlMarginStart = _marginTypes$map$map10[0],
xlMarginEnd = _marginTypes$map$map10[1],
xlMarginTop = _marginTypes$map$map10[2],
xlMarginRight = _marginTypes$map$map10[3],
xlMarginBottom = _marginTypes$map$map10[4],
xlMarginLeft = _marginTypes$map$map10[5];
var xlMargin = union(xlMarginTop, xlMarginBottom, xlMarginLeft, xlMarginRight);
var marginValidator = {
type: Number,
default: null,
required: false,
validator: function validator(value) {
return -13 < value && 13 > value;
},
description: ''
};
var paddingX = bind(rangeWithoutZero("paddingX"), whitespace);
var paddingY = bind(rangeWithoutZero("paddingY"), whitespace);
var padding = union(paddingX, paddingY);
var props = {
display: mapping({
none: styles.xsDisplayNone,
flex: styles.xsDisplayFlex,
block: styles.xsDisplayBlock,
inlineBlock: styles.xsDisplayInlineBlock,
visuallyHidden: styles.xsDisplayVisuallyHidden
}),
xsDisplay: mapping({
none: styles.xsDisplayNone,
flex: styles.xsDisplayFlex,
block: styles.xsDisplayBlock,
inlineBlock: styles.xsDisplayInlineBlock,
visuallyHidden: styles.xsDisplayVisuallyHidden
}),
smDisplay: mapping({
none: styles.smDisplayNone,
flex: styles.smDisplayFlex,
block: styles.smDisplayBlock,
inlineBlock: styles.smDisplayInlineBlock,
visuallyHidden: styles.smDisplayVisuallyHidden
}),
mdDisplay: mapping({
none: styles.mdDisplayNone,
flex: styles.mdDisplayFlex,
block: styles.mdDisplayBlock,
inlineBlock: styles.mdDisplayInlineBlock,
visuallyHidden: styles.mdDisplayVisuallyHidden
}),
lgDisplay: mapping({
none: styles.lgDisplayNone,
flex: styles.lgDisplayFlex,
block: styles.lgDisplayBlock,
inlineBlock: styles.lgDisplayInlineBlock,
visuallyHidden: styles.lgDisplayVisuallyHidden
}),
xlDisplay: mapping({
none: styles.xlDisplayNone,
flex: styles.xlDisplayFlex,
block: styles.xlDisplayBlock,
inlineBlock: styles.xlDisplayInlineBlock,
visuallyHidden: styles.xlDisplayVisuallyHidden
}),
alignItems: mapping({
start: layout.itemsStart,
end: layout.itemsEnd,
center: layout.itemsCenter,
baseline: layout.itemsBaseline
}),
column: bind(range("xsCol"), Columns),
xsColumn: bind(range("xsCol"), Columns),
smColumn: bind(range("smCol"), Columns),
mdColumn: bind(range("mdCol"), Columns),
lgColumn: bind(range("lgCol"), Columns),
xlColumn: bind(range("xlCol"), Columns),
justifyContent: mapping({
end: layout.justifyEnd,
center: layout.justifyCenter,
between: layout.justifyBetween,
around: layout.justifyAround
}),
direction: mapping({
row: direction.xsDirectionRow,
column: direction.xsDirectionColumn,
rowReverse: direction.xsDirectionRowReverse,
columnReverse: direction.xsDirectionColumnReverse
}),
xsDirection: mapping({
row: direction.xsDirectionRow,
column: direction.xsDirectionColumn,
rowReverse: direction.xsDirectionRowReverse,
columnReverse: direction.xsDirectionColumnReverse
}),
smDirection: mapping({
row: direction.smDirectionRow,
column: direction.smDirectionColumn,
rowReverse: direction.smDirectionRowReverse,
columnReverse: direction.smDirectionColumnReverse
}),
mdDirection: mapping({
row: direction.mdDirectionRow,
column: direction.mdDirectionColumn,
rowReverse: direction.mdDirectionRowReverse,
columnReverse: direction.mdDirectionColumnReverse
}),
lgDirection: mapping({
row: direction.lgDirectionRow,
column: direction.lgDirectionColumn,
rowReverse: direction.lgDirectionRowReverse,
columnReverse: direction.lgDirectionColumnReverse
}),
xlDirection: mapping({
row: direction.xlDirectionRow,
column: direction.xlDirectionColumn,
rowReverse: direction.xlDirectionRowReverse,
columnReverse: direction.xlDirectionColumnReverse
}),
position: mapping({
absolute: layout.absolute,
relative: layout.relative,
fixed: layout.fixed
}),
marginStart: marginStart,
marginEnd: marginEnd,
margin: margin,
marginTop: marginTop,
marginRight: marginRight,
marginBottom: marginBottom,
marginLeft: marginLeft,
xsMarginStart: xsMarginStart,
xsMarginEnd: xsMarginEnd,
xsMargin: xsMargin,
xsMarginTop: xsMarginTop,
xsMarginRight: xsMarginRight,
xsMarginBottom: xsMarginBottom,
xsMarginLeft: xsMarginLeft,
smMarginStart: smMarginStart,
smMarginEnd: smMarginEnd,
smMargin: smMargin,
smMarginTop: smMarginTop,
smMarginRight: smMarginRight,
smMarginBottom: smMarginBottom,
smMarginLeft: smMarginLeft,
mdMarginStart: mdMarginStart,
mdMarginEnd: mdMarginEnd,
mdMargin: mdMargin,
mdMarginTop: mdMarginTop,
mdMarginRight: mdMarginRight,
mdMarginBottom: mdMarginBottom,
mdMarginLeft: mdMarginLeft,
lgMarginStart: lgMarginStart,
lgMarginEnd: lgMarginEnd,
lgMargin: lgMargin,
lgMarginTop: lgMarginTop,
lgMarginRight: lgMarginRight,
lgMarginBottom: lgMarginBottom,
lgMarginLeft: lgMarginLeft,
xlMarginStart: xlMarginStart,
xlMarginEnd: xlMarginEnd,
xlMargin: xlMargin,
xlMarginTop: xlMarginTop,
xlMarginRight: xlMarginRight,
xlMarginBottom: xlMarginBottom,
xlMarginLeft: xlMarginLeft,
padding: padding,
paddingX: paddingX,
paddingY: paddingY,
overflow: mapping({
hidden: layout.overflowHidden,
scroll: layout.overflowScroll,
auto: layout.overflowAuto,
scrollX: layout.overflowScrollX,
scrollY: layout.overflowScrollY
}),
right: toggle(layout.right0),
left: toggle(layout.left0),
top: toggle(layout.top0),
bottom: toggle(layout.bottom0),
maxHeight: function maxHeight(_maxHeight) {
return fromInlineStyle({
maxHeight: _maxHeight
});
},
height: function height(_height) {
return fromInlineStyle({
height: _height
});
},
flex: mapping({
grow: layout.flexGrow,
none: layout.flexNone
}),
wrap: toggle(layout.flexWrap),
width: function width(_width) {
return fromInlineStyle({
width: _width
});
},
color: colorMappingFunc
};
var script$31 = Vue.extend({
render: function render(createElement) {
return createElement(this.tagElement, this.boxProps, this.$slots.default);
},
name: 'FishTankBox',
mixins: [boxMixin],
props: {
/**
* Box semantic element
*/
tag: {
default: 'div',
required: false,
type: String,
validator: function validator(value) {
return ["div", "span", "section", "article", "aside", "footer", "header", "details", "figcaption", "figure", "main", "nav", "summary", "time"].indexOf(value) !== -1;
}
},
as: {
default: 'div',
required: false,
type: String,
validator: function validator(value) {
return ["div", "span", "section", "article", "aside", "footer", "header", "details", "figcaption", "figure", "main", "nav", "summary", "time"].indexOf(value) !== -1;
},
description: "Box semantic element"
},
column: {
type: Number,
default: undefined,
required: false,
validator: function validator(value) {
return 0 < value && 13 > value;
},
description: 'Box grid columns; maps to xs-column grid'
},
// Column, /* 1 -12 */
// // @Prop()
xsColumn: {
type: Number,
default: null,
required: false,
validator: function validator(value) {
return 0 < value && 13 > value;
},
description: 'Box grid columns - XS Breakpoint'
},
// xsColumn, /* 1 -12 */
// // @Prop()
smColumn: {
type: Number,
default: null,
required: false,
validator: function validator(value) {
return 0 < value && 13 > value;
},
description: 'Box grid columns - SM Breakpoint'
},
// smColumn, /* 1 -12 */
// // @Prop()
mdColumn: {
type: Number,
default: null,
required: false,
validator: function validator(value) {
return 0 < value && 13 > value;
},
description: 'Box grid columns - MD Breakpoint'
},
// mdColumn, /* 1 -12 */
// // @Prop()
lgColumn: {
type: Number,
default: null,
required: false,
validator: function validator(value) {
return 0 < value && 13 > value;
},
description: 'Box grid columns - LG Breakpoint'
},
// lgColumn, /* 1 -12 */
// // @Prop()
xlColumn: {
type: Number,
default: null,
required: false,
validator: function validator(value) {
return 0 < value && 13 > value;
},
description: 'Box grid columns - LG Breakpoint'
},
// xlColumn, /* 1 -12 */
// // @Prop()
alignItems: {
type: String,
default: null,
required: false,
validator: function validator(value) {
return ["start", "end", "center", "baseline", "stretch"].indexOf(value) !== -1;
},
description: 'Box flexbox align-content property sets how the browser distributes space between and around content items along the cross-axis of a Box, and the main-axis of a grid container.'
},
// AlignItemType,
// // @Prop()
display: {
type: String,
required: false,
validator: function validator(value) {
return ["none", "flex", "block", "inlineBlock", "visuallyHidden"].indexOf(value) !== -1;
},
description: 'Box display property'
},
// // @Prop()
xsDisplay: {
type: String,
default: undefined,
required: false,
validator: function validator(value) {
return ["none", "flex", "block", "inlineBlock", "visuallyHidden"].indexOf(value) !== -1;
},
description: 'Box display property'
},
// // @Prop()
smDisplay: {
type: String,
default: undefined,
required: false,
validator: function validator(value) {
return ["none", "flex", "block", "inlineBlock", "visuallyHidden"].indexOf(value) !== -1;
},
description: 'Box display property'
},
// // @Prop()
mdDisplay: {
type: String,
default: undefined,
required: false,
validator: function validator(value) {
return ["none", "flex", "block", "inlineBlock", "visuallyHidden"].indexOf(value) !== -1;
},
description: 'Box display property'
},
// // @Prop()
lgDisplay: {
type: String,
default: undefined,
required: false,
validator: function validator(value) {
return ["none", "flex", "block", "inlineBlock", "visuallyHidden"].indexOf(value) !== -1;
},
description: 'Box display property'
},
/**
* Box display property
*/
xlDisplay: {
type: String,
default: undefined,
required: false,
validator: function validator(value) {
return ["none", "flex", "block", "inlineBlock", "visuallyHidden"].indexOf(value) !== -1;
}
},
/**
* Box flex-direction property sets how flex items are placed in the Box defining the main axis; either row, rowReverse, column or columnReverse
*/
direction: {
type: String,
default: null,
required: false,
validator: function validator(value) {
return ["row", "column", "rowReverse", "columnReverse"].indexOf(value) !== -1;
}
},
/**
* Box flex-direction property sets how flex items are placed in the Box defining the main axis; either row, rowReverse, column or columnReverse
*/
xsDirection: {
type: String,
default: null,
required: false,
validator: function validator(value) {
return ["row", "column", "rowReverse", "columnReverse"].indexOf(value) !== -1;
}
},
/**
* Box flex-direction property sets how flex items are placed in the Box defining the main axis; either row, rowReverse, column or columnReverse
*/
smDirection: {
type: String,
default: null,
required: false,
validator: function validator(value) {
return ["row", "column", "rowReverse", "columnReverse"].indexOf(value) !== -1;
}
},
/**
* Box flex-direction property sets how flex items are placed in the Box defining the main axis; either row, rowReverse, column or columnReverse
*/
mdDirection: {
type: String,
default: null,
required: false,
validator: function validator(value) {
return ["row", "column", "rowReverse", "columnReverse"].indexOf(value) !== -1;
}
},
/**
* Box flex-direction property sets how flex items are placed in the Box defining the main axis; either row, rowReverse, column or columnReverse
*/
lgDirection: {
type: String,
default: null,
required: false,
validator: function validator(value) {
return ["row", "column", "rowReverse", "columnReverse"].indexOf(value) !== -1;
}
},
/**
* Box flex-direction property sets how flex items are placed in the Box defining the main axis; either row, rowReverse, column or columnReverse
*/
xlDirection: {
type: String,
default: null,
required: false,
validator: function validator(value) {
return ["row", "column", "rowReverse", "columnReverse"].indexOf(value) !== -1;
}
},
/**
* Box flexbox justify-content property defines how the browser distributes space between and around content items along the main-axis of a Box, and the inline axis of a grid container.
*/
justifyContent: {
type: String,
default: null,
required: false,
validator: function validator(value) {
return ["start", "end", "center", "between", "around"].indexOf(value) !== -1;
}
},
margin: marginValidator,
marginStart: marginValidator,
marginEnd: marginValidator,
marginTop: marginValidator,
marginRight: marginValidator,
marginBottom: marginValidator,
marginLeft: marginValidator,
xsMargin: marginValidator,
xsMarginStart: marginValidator,
xsMarginEnd: marginValidator,
xsMarginTop: marginValidator,
xsMarginRight: marginValidator,
xsMarginBottom: marginValidator,
xsMarginLeft: marginValidator,
smMargin: marginValidator,
smMarginStart: marginValidator,
smMarginEnd: marginValidator,
smMarginTop: marginValidator,
smMarginRight: marginValidator,
smMarginBottom: marginValidator,
smMarginLeft: marginValidator,
mdMargin: marginValidator,
mdMarginStart: marginValidator,
mdMarginEnd: marginValidator,
mdMarginTop: marginValidator,
mdMarginRight: marginValidator,
mdMarginBottom: marginValidator,
mdMarginLeft: marginValidator,
lgMargin: marginValidator,
lgMarginStart: marginValidator,
lgMarginEnd: marginValidator,
lgMarginTop: marginValidator,
lgMarginRight: marginValidator,
lgMarginBottom: marginValidator,
lgMarginLeft: marginValidator,
xlMargin: marginValidator,
xlMarginStart: marginValidator,
xlMarginEnd: marginValidator,
xlMarginTop: marginValidator,
xlMarginRight: marginValidator,
xlMarginBottom: marginValidator,
xlMarginLeft: marginValidator,
/**
* Box padding, applied vertically on the X and Y axis
*/
padding: marginValidator,
/**
* Box padding, applied vertically on the X axis
*/
paddingX: {
type: Number,
default: null,
required: false,
validator: function validator(value) {
return -1 < value && 13 > value;
},
description: 'Box padding, applied horizontally'
},
/**
* Box padding, applied vertically on the Y axis
*/
paddingY: {
type: Number,
default: null,
required: false,
validator: function validator(value) {
return -1 < value && 13 > value;
}
},
/**
* Box width property sets an boxes's width.
*/
width: {
type: [Number, String],
default: null,
required: false
},
/**
* Box flex-wrap property sets flex-wrap:wrap, setting flex items to wrap onto multiple lines.
*/
wrap: {
type: Boolean,
default: false,
required: false
},
/**
* Box position property sets how an element is positioned in a document. The top, right, bottom, and left properties determine the final location of positioned elements.
*/
position: {
type: String,
default: null,
required: false,
validator: function validator(value) {
return ['absolute', 'relative', 'fixed'].indexOf(value) !== -1;
}
},
/**
* Box top position property participates in specifying a vertical position of 0 of positioned element. It has no effect on non-positioned elements.
*/
top: {
type: Boolean,
default: false,
required: false
},
/**
* Box bottom position property participates in specifying a vertical position of 0 of positioned element. It has no effect on non-positioned elements.
*/
bottom: {
type: Boolean,
default: false,
required: false
},
/**
* Box left position \ property participates in specifying a horizontal position of 0 of positioned element. It has no effect on non-positioned elements.
*/
left: {
type: Boolean,
default: false,
required: false
},
/**
* Box right position \ property participates in specifying a horizontal position of 0 of positioned element. It has no effect on non-positioned elements.
*/
right: {
type: Boolean,
default: false,
required: false
},
/**
* Box max-height property sets the maximum height of an element. It prevents the used value of the height property from becoming larger than the value specified for max-height.
*/
maxHeight: {
type: [Number, String],
default: null,
required: false
},
/**
* Box height property specifies the height of an element. By default, the property defines the height of the content area.
*/
height: {
type: [Number, String],
default: null,
required: false
},
/**
* Box overflow property sets what to do when an element\'s content is too big to fit in its block formatting context.
*/
overflow: {
type: String,
default: null,
required: false,
validator: function validator(value) {
return ['visible', 'hidden', 'scroll', 'scrollX', 'scrollY', 'auto'].indexOf(value) !== -1;
}
},
/**
* Box flexbox flex property; sets how a flex type Box will grow or shrink to fit the space available in its flex container.
*/
flex: {
default: 'shrink',
type: String,
required: false,
validator: function validator(value) {
return ['grow', 'shrink', 'none'].indexOf(value) !== -1;
}
},
/**
* Box background color property
*/
color: {
type: String,
required: false,
default: null
}
},
computed: {
moduleClassNames: function moduleClassNames() {
var style = this.$style;
return style;
},
boxProps: function boxProps() {
var _this = this;
var concatenatedClasses = identity();
for (var prop in this.$props) {
if (props[prop]) {
concatenatedClasses = concat([concatenatedClasses, props[prop](this.$props[prop])]);
}
}
var boxProps = arrayToProps(concatenatedClasses);
var modulesClasses = boxProps.className.map(function (x) {
return _this.moduleClassNames[x];
});
return {
// class: boxProps.className,
class: modulesClasses.join(' '),
style: boxProps.style
};
}
}
});
/* script */
var __vue_script__$31 = script$31;
/* template */
/* style */
var __vue_inject_styles__$31 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-a554a1d4_0", {
source: ".ft-box-cxRX .ft-accessibilityOutline-222v:focus {\n -webkit-box-shadow: 0 0 0 2px #0D9DDB;\n box-shadow: 0 0 0 2px #0D9DDB;\n outline: 0;\n}\n.ft-box-cxRX .ft-accessibilityOutlineFocus-2Ta- {\n -webkit-box-shadow: 0 0 0 2px #0D9DDB;\n box-shadow: 0 0 0 2px #0D9DDB;\n outline: 0;\n}\n/* Display */\n.ft-xsDisplayNone-3SIk {\n display: none;\n}\n.ft-xsDisplayFlex-1yHh {\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}\n.ft-xsDisplayBlock-11u5 {\n display: block;\n}\n.ft-xsDisplayInline-3yMS {\n display: inline;\n}\n.ft-xsDisplayInlineBlock-z-rn {\n display: inline-block;\n}\n.ft-xsDisplayVisuallyHidden-254h {\n border: 0;\n opacity: 0;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n/* Direction */\n.ft-xsDirectionRow-2PkB {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.ft-xsDirectionColumn-UVAw {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.ft-xsDirectionRowReverse-3RuP {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n.ft-xsDirectionColumnReverse-KszH {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n@media (min-width: 480px) {\n.ft-smDisplayNone-3lWK {\n display: none;\n}\n.ft-smDisplayFlex-fjeN {\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}\n.ft-smDisplayBlock-2YLH {\n display: block;\n}\n.ft-smDisplayInlineBlock-3uCp {\n display: inline-block;\n}\n.ft-smDisplayVisuallyHidden-rbmW {\n border: 0;\n opacity: 0;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n /* Direction */\n.ft-smDirectionRow-1LHH {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.ft-smDirectionColumn-Cm5V {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.ft-smDirectionRowReverse-3qXI {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n.ft-smDirectionColumnReverse-3PKC {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n}\n@media (min-width: 752px) {\n.ft-mdDisplayNone-2r0F {\n display: none;\n}\n.ft-mdDisplayFlex-X9bS {\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}\n.ft-mdDisplayBlock-ufa- {\n display: block;\n}\n.ft-mdDisplayInlineBlock-2AUL {\n display: inline-block;\n}\n.ft-mdDisplayVisuallyHidden-a7A- {\n border: 0;\n opacity: 0;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n /* Direction */\n.ft-mdDirectionRow-1ICR {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.ft-mdDirectionColumn-35pi {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.ft-mdDirectionRowReverse-1VIA {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n.ft-mdDirectionColumnReverse-2cdH {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n}\n@media (min-width: 1008px) {\n.ft-lgDisplayNone-1z4Q {\n display: none;\n}\n.ft-lgDisplayFlex-M477 {\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}\n.ft-lgDisplayBlock--Cw9 {\n display: block;\n}\n.ft-lgDisplayInlineBlock-1XH8 {\n display: inline-block;\n}\n.ft-lgDisplayVisuallyHidden-2_1h {\n border: 0;\n opacity: 0;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n /* Direction */\n.ft-lgDirectionRow-3lFr {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.ft-lgDirectionColumn-SuzL {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.ft-lgDirectionRowReverse-24dt {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n.ft-lgDirectionColumnReverse-2ubK {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n}\n@media (min-width: 1440px) {\n.ft-xlDisplayNone-1dma {\n display: none;\n}\n.ft-xlDisplayFlex-3T16 {\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}\n.ft-xlDisplayBlock-1cxt {\n display: block;\n}\n.ft-xlDisplayInlineBlock-IFNc {\n display: inline-block;\n}\n.ft-xlDisplayVisuallyHidden-3gpa {\n border: 0;\n opacity: 0;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n /* Direction */\n.ft-xlDirectionRow-3KOL {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.ft-xlDirectionColumn-aPLE {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.ft-xlDirectionRowReverse-rWc1 {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n.ft-xlDirectionColumnReverse-1CoA {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n}\n/*\nThis file was generated by running\n\n $ ./scripts/whitespace.js\n\n*/\n:root {\n --bt: 4px;\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStart1-3FyI {\n margin-left: calc(var(--bt) * 1);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEnd1-4ZAR {\n margin-right: calc(var(--bt) * 1);\n}\nhtml[dir=\"rtl\"] .ft-marginStart1-3FyI {\n margin-right: calc(var(--bt) * 1);\n}\nhtml[dir=\"rtl\"] .ft-marginEnd1-4ZAR {\n margin-left: calc(var(--bt) * 1);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStartN1-1vH- {\n margin-left: calc(var(--bt) * -1);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEndN1-ry-S {\n margin-right: calc(var(--bt) * -1);\n}\nhtml[dir=\"rtl\"] .ft-marginStartN1-1vH- {\n margin-right: calc(var(--bt) * -1);\n}\nhtml[dir=\"rtl\"] .ft-marginEndN1-ry-S {\n margin-left: calc(var(--bt) * -1);\n}\n.ft-marginTop1-1RxA {\n margin-top: calc(var(--bt) * 1);\n}\n.ft-marginRight1-1Wb6 {\n margin-right: calc(var(--bt) * 1);\n}\n.ft-marginBottom1-eWuJ {\n margin-bottom: calc(var(--bt) * 1);\n}\n.ft-marginLeft1-209g {\n margin-left: calc(var(--bt) * 1);\n}\n.ft-marginTopN1-cimI {\n margin-top: calc(var(--bt) * -1);\n}\n.ft-marginRightN1-XsFD {\n margin-right: calc(var(--bt) * -1);\n}\n.ft-marginBottomN1-1yiY {\n margin-bottom: calc(var(--bt) * -1);\n}\n.ft-marginLeftN1-Iw1v {\n margin-left: calc(var(--bt) * -1);\n}\n.ft-paddingY1-2w2X {\n padding-bottom: calc(var(--bt) * 1);\n padding-top: calc(var(--bt) * 1);\n}\n.ft-paddingX1-jBJg {\n padding-left: calc(var(--bt) * 1);\n padding-right: calc(var(--bt) * 1);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStart2-1WHj {\n margin-left: calc(var(--bt) * 2);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEnd2-3XdM {\n margin-right: calc(var(--bt) * 2);\n}\nhtml[dir=\"rtl\"] .ft-marginStart2-1WHj {\n margin-right: calc(var(--bt) * 2);\n}\nhtml[dir=\"rtl\"] .ft-marginEnd2-3XdM {\n margin-left: calc(var(--bt) * 2);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStartN2-1-NO {\n margin-left: calc(var(--bt) * -2);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEndN2-3Wm7 {\n margin-right: calc(var(--bt) * -2);\n}\nhtml[dir=\"rtl\"] .ft-marginStartN2-1-NO {\n margin-right: calc(var(--bt) * -2);\n}\nhtml[dir=\"rtl\"] .ft-marginEndN2-3Wm7 {\n margin-left: calc(var(--bt) * -2);\n}\n.ft-marginTop2-1ihn {\n margin-top: calc(var(--bt) * 2);\n}\n.ft-marginRight2-EH33 {\n margin-right: calc(var(--bt) * 2);\n}\n.ft-marginBottom2-d5UN {\n margin-bottom: calc(var(--bt) * 2);\n}\n.ft-marginLeft2-IRRT {\n margin-left: calc(var(--bt) * 2);\n}\n.ft-marginTopN2-3W56 {\n margin-top: calc(var(--bt) * -2);\n}\n.ft-marginRightN2-1hGv {\n margin-right: calc(var(--bt) * -2);\n}\n.ft-marginBottomN2-15Lr {\n margin-bottom: calc(var(--bt) * -2);\n}\n.ft-marginLeftN2-jTkw {\n margin-left: calc(var(--bt) * -2);\n}\n.ft-paddingY2-3VfD {\n padding-bottom: calc(var(--bt) * 2);\n padding-top: calc(var(--bt) * 2);\n}\n.ft-paddingX2-3rIn {\n padding-left: calc(var(--bt) * 2);\n padding-right: calc(var(--bt) * 2);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStart3-1SbR {\n margin-left: calc(var(--bt) * 3);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEnd3--ANv {\n margin-right: calc(var(--bt) * 3);\n}\nhtml[dir=\"rtl\"] .ft-marginStart3-1SbR {\n margin-right: calc(var(--bt) * 3);\n}\nhtml[dir=\"rtl\"] .ft-marginEnd3--ANv {\n margin-left: calc(var(--bt) * 3);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStartN3-3SEp {\n margin-left: calc(var(--bt) * -3);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEndN3-13eS {\n margin-right: calc(var(--bt) * -3);\n}\nhtml[dir=\"rtl\"] .ft-marginStartN3-3SEp {\n margin-right: calc(var(--bt) * -3);\n}\nhtml[dir=\"rtl\"] .ft-marginEndN3-13eS {\n margin-left: calc(var(--bt) * -3);\n}\n.ft-marginTop3-3aWh {\n margin-top: calc(var(--bt) * 3);\n}\n.ft-marginRight3-3cvx {\n margin-right: calc(var(--bt) * 3);\n}\n.ft-marginBottom3-XCYh {\n margin-bottom: calc(var(--bt) * 3);\n}\n.ft-marginLeft3-3hh7 {\n margin-left: calc(var(--bt) * 3);\n}\n.ft-marginTopN3-2Cug {\n margin-top: calc(var(--bt) * -3);\n}\n.ft-marginRightN3-1HiQ {\n margin-right: calc(var(--bt) * -3);\n}\n.ft-marginBottomN3-1QyH {\n margin-bottom: calc(var(--bt) * -3);\n}\n.ft-marginLeftN3-XwHp {\n margin-left: calc(var(--bt) * -3);\n}\n.ft-paddingY3-13Ue {\n padding-bottom: calc(var(--bt) * 3);\n padding-top: calc(var(--bt) * 3);\n}\n.ft-paddingX3-elYs {\n padding-left: calc(var(--bt) * 3);\n padding-right: calc(var(--bt) * 3);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStart4-1aef {\n margin-left: calc(var(--bt) * 4);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEnd4-2bVQ {\n margin-right: calc(var(--bt) * 4);\n}\nhtml[dir=\"rtl\"] .ft-marginStart4-1aef {\n margin-right: calc(var(--bt) * 4);\n}\nhtml[dir=\"rtl\"] .ft-marginEnd4-2bVQ {\n margin-left: calc(var(--bt) * 4);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStartN4-3apJ {\n margin-left: calc(var(--bt) * -4);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEndN4-4pCb {\n margin-right: calc(var(--bt) * -4);\n}\nhtml[dir=\"rtl\"] .ft-marginStartN4-3apJ {\n margin-right: calc(var(--bt) * -4);\n}\nhtml[dir=\"rtl\"] .ft-marginEndN4-4pCb {\n margin-left: calc(var(--bt) * -4);\n}\n.ft-marginTop4-15ZO {\n margin-top: calc(var(--bt) * 4);\n}\n.ft-marginRight4-13z4 {\n margin-right: calc(var(--bt) * 4);\n}\n.ft-marginBottom4-3wy1 {\n margin-bottom: calc(var(--bt) * 4);\n}\n.ft-marginLeft4-1aLT {\n margin-left: calc(var(--bt) * 4);\n}\n.ft-marginTopN4-16vY {\n margin-top: calc(var(--bt) * -4);\n}\n.ft-marginRightN4-IkxG {\n margin-right: calc(var(--bt) * -4);\n}\n.ft-marginBottomN4-3oLe {\n margin-bottom: calc(var(--bt) * -4);\n}\n.ft-marginLeftN4-1a67 {\n margin-left: calc(var(--bt) * -4);\n}\n.ft-paddingY4-1Ql9 {\n padding-bottom: calc(var(--bt) * 4);\n padding-top: calc(var(--bt) * 4);\n}\n.ft-paddingX4-kqrw {\n padding-left: calc(var(--bt) * 4);\n padding-right: calc(var(--bt) * 4);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStart5-6GUG {\n margin-left: calc(var(--bt) * 5);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEnd5-3c61 {\n margin-right: calc(var(--bt) * 5);\n}\nhtml[dir=\"rtl\"] .ft-marginStart5-6GUG {\n margin-right: calc(var(--bt) * 5);\n}\nhtml[dir=\"rtl\"] .ft-marginEnd5-3c61 {\n margin-left: calc(var(--bt) * 5);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStartN5-3_pk {\n margin-left: calc(var(--bt) * -5);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEndN5-iyNW {\n margin-right: calc(var(--bt) * -5);\n}\nhtml[dir=\"rtl\"] .ft-marginStartN5-3_pk {\n margin-right: calc(var(--bt) * -5);\n}\nhtml[dir=\"rtl\"] .ft-marginEndN5-iyNW {\n margin-left: calc(var(--bt) * -5);\n}\n.ft-marginTop5-t7io {\n margin-top: calc(var(--bt) * 5);\n}\n.ft-marginRight5-Y_zG {\n margin-right: calc(var(--bt) * 5);\n}\n.ft-marginBottom5-3W9- {\n margin-bottom: calc(var(--bt) * 5);\n}\n.ft-marginLeft5-V_3W {\n margin-left: calc(var(--bt) * 5);\n}\n.ft-marginTopN5-3Ryq {\n margin-top: calc(var(--bt) * -5);\n}\n.ft-marginRightN5-AyoH {\n margin-right: calc(var(--bt) * -5);\n}\n.ft-marginBottomN5-1nSQ {\n margin-bottom: calc(var(--bt) * -5);\n}\n.ft-marginLeftN5-1uyd {\n margin-left: calc(var(--bt) * -5);\n}\n.ft-paddingY5-2dJL {\n padding-bottom: calc(var(--bt) * 5);\n padding-top: calc(var(--bt) * 5);\n}\n.ft-paddingX5-2u67 {\n padding-left: calc(var(--bt) * 5);\n padding-right: calc(var(--bt) * 5);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStart6-Ag76 {\n margin-left: calc(var(--bt) * 6);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEnd6-34Ll {\n margin-right: calc(var(--bt) * 6);\n}\nhtml[dir=\"rtl\"] .ft-marginStart6-Ag76 {\n margin-right: calc(var(--bt) * 6);\n}\nhtml[dir=\"rtl\"] .ft-marginEnd6-34Ll {\n margin-left: calc(var(--bt) * 6);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStartN6-2h-r {\n margin-left: calc(var(--bt) * -6);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEndN6-38k0 {\n margin-right: calc(var(--bt) * -6);\n}\nhtml[dir=\"rtl\"] .ft-marginStartN6-2h-r {\n margin-right: calc(var(--bt) * -6);\n}\nhtml[dir=\"rtl\"] .ft-marginEndN6-38k0 {\n margin-left: calc(var(--bt) * -6);\n}\n.ft-marginTop6-1IGu {\n margin-top: calc(var(--bt) * 6);\n}\n.ft-marginRight6-2ByF {\n margin-right: calc(var(--bt) * 6);\n}\n.ft-marginBottom6-q-QA {\n margin-bottom: calc(var(--bt) * 6);\n}\n.ft-marginLeft6-2jtO {\n margin-left: calc(var(--bt) * 6);\n}\n.ft-marginTopN6-3K53 {\n margin-top: calc(var(--bt) * -6);\n}\n.ft-marginRightN6-ngph {\n margin-right: calc(var(--bt) * -6);\n}\n.ft-marginBottomN6-3e83 {\n margin-bottom: calc(var(--bt) * -6);\n}\n.ft-marginLeftN6-3VOr {\n margin-left: calc(var(--bt) * -6);\n}\n.ft-paddingY6-92Ve {\n padding-bottom: calc(var(--bt) * 6);\n padding-top: calc(var(--bt) * 6);\n}\n.ft-paddingX6-3TrZ {\n padding-left: calc(var(--bt) * 6);\n padding-right: calc(var(--bt) * 6);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStart7-2dQA {\n margin-left: calc(var(--bt) * 7);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEnd7-2KKE {\n margin-right: calc(var(--bt) * 7);\n}\nhtml[dir=\"rtl\"] .ft-marginStart7-2dQA {\n margin-right: calc(var(--bt) * 7);\n}\nhtml[dir=\"rtl\"] .ft-marginEnd7-2KKE {\n margin-left: calc(var(--bt) * 7);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStartN7-cxmG {\n margin-left: calc(var(--bt) * -7);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEndN7-370g {\n margin-right: calc(var(--bt) * -7);\n}\nhtml[dir=\"rtl\"] .ft-marginStartN7-cxmG {\n margin-right: calc(var(--bt) * -7);\n}\nhtml[dir=\"rtl\"] .ft-marginEndN7-370g {\n margin-left: calc(var(--bt) * -7);\n}\n.ft-marginTop7-34NN {\n margin-top: calc(var(--bt) * 7);\n}\n.ft-marginRight7-2KS5 {\n margin-right: calc(var(--bt) * 7);\n}\n.ft-marginBottom7-MT05 {\n margin-bottom: calc(var(--bt) * 7);\n}\n.ft-marginLeft7-2SER {\n margin-left: calc(var(--bt) * 7);\n}\n.ft-marginTopN7-3EPr {\n margin-top: calc(var(--bt) * -7);\n}\n.ft-marginRightN7-3KVJ {\n margin-right: calc(var(--bt) * -7);\n}\n.ft-marginBottomN7-CQ0N {\n margin-bottom: calc(var(--bt) * -7);\n}\n.ft-marginLeftN7-13L5 {\n margin-left: calc(var(--bt) * -7);\n}\n.ft-paddingY7-2iAt {\n padding-bottom: calc(var(--bt) * 7);\n padding-top: calc(var(--bt) * 7);\n}\n.ft-paddingX7-3gO5 {\n padding-left: calc(var(--bt) * 7);\n padding-right: calc(var(--bt) * 7);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStart8-f7K_ {\n margin-left: calc(var(--bt) * 8);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEnd8-1diY {\n margin-right: calc(var(--bt) * 8);\n}\nhtml[dir=\"rtl\"] .ft-marginStart8-f7K_ {\n margin-right: calc(var(--bt) * 8);\n}\nhtml[dir=\"rtl\"] .ft-marginEnd8-1diY {\n margin-left: calc(var(--bt) * 8);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStartN8-3AxL {\n margin-left: calc(var(--bt) * -8);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEndN8-2wdW {\n margin-right: calc(var(--bt) * -8);\n}\nhtml[dir=\"rtl\"] .ft-marginStartN8-3AxL {\n margin-right: calc(var(--bt) * -8);\n}\nhtml[dir=\"rtl\"] .ft-marginEndN8-2wdW {\n margin-left: calc(var(--bt) * -8);\n}\n.ft-marginTop8-3pNp {\n margin-top: calc(var(--bt) * 8);\n}\n.ft-marginRight8-3Fa2 {\n margin-right: calc(var(--bt) * 8);\n}\n.ft-marginBottom8-A9Id {\n margin-bottom: calc(var(--bt) * 8);\n}\n.ft-marginLeft8-3Gfa {\n margin-left: calc(var(--bt) * 8);\n}\n.ft-marginTopN8-2Xy- {\n margin-top: calc(var(--bt) * -8);\n}\n.ft-marginRightN8-1yf0 {\n margin-right: calc(var(--bt) * -8);\n}\n.ft-marginBottomN8-Q9nq {\n margin-bottom: calc(var(--bt) * -8);\n}\n.ft-marginLeftN8-K2rr {\n margin-left: calc(var(--bt) * -8);\n}\n.ft-paddingY8-3-Nj {\n padding-bottom: calc(var(--bt) * 8);\n padding-top: calc(var(--bt) * 8);\n}\n.ft-paddingX8-sEZD {\n padding-left: calc(var(--bt) * 8);\n padding-right: calc(var(--bt) * 8);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStart9-2sSp {\n margin-left: calc(var(--bt) * 9);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEnd9-3lCX {\n margin-right: calc(var(--bt) * 9);\n}\nhtml[dir=\"rtl\"] .ft-marginStart9-2sSp {\n margin-right: calc(var(--bt) * 9);\n}\nhtml[dir=\"rtl\"] .ft-marginEnd9-3lCX {\n margin-left: calc(var(--bt) * 9);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStartN9-2RNb {\n margin-left: calc(var(--bt) * -9);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEndN9-1f81 {\n margin-right: calc(var(--bt) * -9);\n}\nhtml[dir=\"rtl\"] .ft-marginStartN9-2RNb {\n margin-right: calc(var(--bt) * -9);\n}\nhtml[dir=\"rtl\"] .ft-marginEndN9-1f81 {\n margin-left: calc(var(--bt) * -9);\n}\n.ft-marginTop9-1VX_ {\n margin-top: calc(var(--bt) * 9);\n}\n.ft-marginRight9-szl_ {\n margin-right: calc(var(--bt) * 9);\n}\n.ft-marginBottom9-14gq {\n margin-bottom: calc(var(--bt) * 9);\n}\n.ft-marginLeft9-3h6q {\n margin-left: calc(var(--bt) * 9);\n}\n.ft-marginTopN9-2r9d {\n margin-top: calc(var(--bt) * -9);\n}\n.ft-marginRightN9-3Ud4 {\n margin-right: calc(var(--bt) * -9);\n}\n.ft-marginBottomN9-3fsd {\n margin-bottom: calc(var(--bt) * -9);\n}\n.ft-marginLeftN9-2oTg {\n margin-left: calc(var(--bt) * -9);\n}\n.ft-paddingY9-3lh0 {\n padding-bottom: calc(var(--bt) * 9);\n padding-top: calc(var(--bt) * 9);\n}\n.ft-paddingX9-3YTb {\n padding-left: calc(var(--bt) * 9);\n padding-right: calc(var(--bt) * 9);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStart10-1SaX {\n margin-left: calc(var(--bt) * 10);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEnd10-2LgH {\n margin-right: calc(var(--bt) * 10);\n}\nhtml[dir=\"rtl\"] .ft-marginStart10-1SaX {\n margin-right: calc(var(--bt) * 10);\n}\nhtml[dir=\"rtl\"] .ft-marginEnd10-2LgH {\n margin-left: calc(var(--bt) * 10);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStartN10-3FfN {\n margin-left: calc(var(--bt) * -10);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEndN10-2rcp {\n margin-right: calc(var(--bt) * -10);\n}\nhtml[dir=\"rtl\"] .ft-marginStartN10-3FfN {\n margin-right: calc(var(--bt) * -10);\n}\nhtml[dir=\"rtl\"] .ft-marginEndN10-2rcp {\n margin-left: calc(var(--bt) * -10);\n}\n.ft-marginTop10-2D75 {\n margin-top: calc(var(--bt) * 10);\n}\n.ft-marginRight10-2bH3 {\n margin-right: calc(var(--bt) * 10);\n}\n.ft-marginBottom10-25H9 {\n margin-bottom: calc(var(--bt) * 10);\n}\n.ft-marginLeft10-2xPC {\n margin-left: calc(var(--bt) * 10);\n}\n.ft-marginTopN10-3-HZ {\n margin-top: calc(var(--bt) * -10);\n}\n.ft-marginRightN10-n7GV {\n margin-right: calc(var(--bt) * -10);\n}\n.ft-marginBottomN10-3FC3 {\n margin-bottom: calc(var(--bt) * -10);\n}\n.ft-marginLeftN10-3qV_ {\n margin-left: calc(var(--bt) * -10);\n}\n.ft-paddingY10-17s8 {\n padding-bottom: calc(var(--bt) * 10);\n padding-top: calc(var(--bt) * 10);\n}\n.ft-paddingX10-1olz {\n padding-left: calc(var(--bt) * 10);\n padding-right: calc(var(--bt) * 10);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStart11-2G1G {\n margin-left: calc(var(--bt) * 11);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEnd11-3WAr {\n margin-right: calc(var(--bt) * 11);\n}\nhtml[dir=\"rtl\"] .ft-marginStart11-2G1G {\n margin-right: calc(var(--bt) * 11);\n}\nhtml[dir=\"rtl\"] .ft-marginEnd11-3WAr {\n margin-left: calc(var(--bt) * 11);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStartN11-3nLC {\n margin-left: calc(var(--bt) * -11);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEndN11-VqH9 {\n margin-right: calc(var(--bt) * -11);\n}\nhtml[dir=\"rtl\"] .ft-marginStartN11-3nLC {\n margin-right: calc(var(--bt) * -11);\n}\nhtml[dir=\"rtl\"] .ft-marginEndN11-VqH9 {\n margin-left: calc(var(--bt) * -11);\n}\n.ft-marginTop11-olu4 {\n margin-top: calc(var(--bt) * 11);\n}\n.ft-marginRight11-16QJ {\n margin-right: calc(var(--bt) * 11);\n}\n.ft-marginBottom11-1XlV {\n margin-bottom: calc(var(--bt) * 11);\n}\n.ft-marginLeft11-3aL0 {\n margin-left: calc(var(--bt) * 11);\n}\n.ft-marginTopN11-t2KP {\n margin-top: calc(var(--bt) * -11);\n}\n.ft-marginRightN11-122R {\n margin-right: calc(var(--bt) * -11);\n}\n.ft-marginBottomN11-rE83 {\n margin-bottom: calc(var(--bt) * -11);\n}\n.ft-marginLeftN11-2Qsf {\n margin-left: calc(var(--bt) * -11);\n}\n.ft-paddingY11-1wfG {\n padding-bottom: calc(var(--bt) * 11);\n padding-top: calc(var(--bt) * 11);\n}\n.ft-paddingX11-1Eyj {\n padding-left: calc(var(--bt) * 11);\n padding-right: calc(var(--bt) * 11);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStart12-2gfZ {\n margin-left: calc(var(--bt) * 12);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEnd12-2uKY {\n margin-right: calc(var(--bt) * 12);\n}\nhtml[dir=\"rtl\"] .ft-marginStart12-2gfZ {\n margin-right: calc(var(--bt) * 12);\n}\nhtml[dir=\"rtl\"] .ft-marginEnd12-2uKY {\n margin-left: calc(var(--bt) * 12);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginStartN12-3Q0b {\n margin-left: calc(var(--bt) * -12);\n}\nhtml:not([dir=\"rtl\"]) .ft-marginEndN12-PSx_ {\n margin-right: calc(var(--bt) * -12);\n}\nhtml[dir=\"rtl\"] .ft-marginStartN12-3Q0b {\n margin-right: calc(var(--bt) * -12);\n}\nhtml[dir=\"rtl\"] .ft-marginEndN12-PSx_ {\n margin-left: calc(var(--bt) * -12);\n}\n.ft-marginTop12-3YYv {\n margin-top: calc(var(--bt) * 12);\n}\n.ft-marginRight12-2uou {\n margin-right: calc(var(--bt) * 12);\n}\n.ft-marginBottom12--Ows {\n margin-bottom: calc(var(--bt) * 12);\n}\n.ft-marginLeft12-3nG6 {\n margin-left: calc(var(--bt) * 12);\n}\n.ft-marginTopN12-2f9y {\n margin-top: calc(var(--bt) * -12);\n}\n.ft-marginRightN12-3cfm {\n margin-right: calc(var(--bt) * -12);\n}\n.ft-marginBottomN12-2mXc {\n margin-bottom: calc(var(--bt) * -12);\n}\n.ft-marginLeftN12-qgiK {\n margin-left: calc(var(--bt) * -12);\n}\n.ft-paddingY12-ycul {\n padding-bottom: calc(var(--bt) * 12);\n padding-top: calc(var(--bt) * 12);\n}\n.ft-paddingX12-1Tga {\n padding-left: calc(var(--bt) * 12);\n padding-right: calc(var(--bt) * 12);\n}\n@media only screen and (min-width: 0px) {\n.ft-xsMarginTop1-1V4x {\n margin-top: calc(var(--bt) * 1);\n}\n.ft-xsMarginRight1-2p3h {\n margin-right: calc(var(--bt) * 1);\n}\n.ft-xsMarginBottom1-3mgL {\n margin-bottom: calc(var(--bt) * 1);\n}\n.ft-xsMarginLeft1-8Qmy {\n margin-left: calc(var(--bt) * 1);\n}\n.ft-xsMarginTopN1-1KS8 {\n margin-top: calc(var(--bt) * -1);\n}\n.ft-xsMarginRightN1-14X8 {\n margin-right: calc(var(--bt) * -1);\n}\n.ft-xsMarginBottomN1-3WPT {\n margin-bottom: calc(var(--bt) * -1);\n}\n.ft-xsMarginLeftN1-IjnF {\n margin-left: calc(var(--bt) * -1);\n}\n.ft-xsPaddingY1-gM-I {\n padding-bottom: calc(var(--bt) * 1);\n padding-top: calc(var(--bt) * 1);\n}\n.ft-xsPaddingX1-3HTs {\n padding-left: calc(var(--bt) * 1);\n padding-right: calc(var(--bt) * 1);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginStart2-1OAA {\n margin-left: calc(var(--bt) * 2);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginEnd2-2Sml {\n margin-right: calc(var(--bt) * 2);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginStart2-1OAA {\n margin-right: calc(var(--bt) * 2);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginEnd2-2Sml {\n margin-left: calc(var(--bt) * 2);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginStartN2-3pmv {\n margin-left: calc(var(--bt) * -2);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginEndN2-3bpL {\n margin-right: calc(var(--bt) * -2);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginStartN2-3pmv {\n margin-right: calc(var(--bt) * -2);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginEndN2-3bpL {\n margin-left: calc(var(--bt) * -2);\n}\n.ft-xsMarginTop2-2JMz {\n margin-top: calc(var(--bt) * 2);\n}\n.ft-xsMarginRight2-3DKW {\n margin-right: calc(var(--bt) * 2);\n}\n.ft-xsMarginBottom2-2cpc {\n margin-bottom: calc(var(--bt) * 2);\n}\n.ft-xsMarginLeft2-YwK_ {\n margin-left: calc(var(--bt) * 2);\n}\n.ft-xsMarginTopN2-CfBx {\n margin-top: calc(var(--bt) * -2);\n}\n.ft-xsMarginRightN2-rAap {\n margin-right: calc(var(--bt) * -2);\n}\n.ft-xsMarginBottomN2-1ZiB {\n margin-bottom: calc(var(--bt) * -2);\n}\n.ft-xsMarginLeftN2-3iG3 {\n margin-left: calc(var(--bt) * -2);\n}\n.ft-xsPaddingY2-2_2H {\n padding-bottom: calc(var(--bt) * 2);\n padding-top: calc(var(--bt) * 2);\n}\n.ft-xsPaddingX2-11Iu {\n padding-left: calc(var(--bt) * 2);\n padding-right: calc(var(--bt) * 2);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginStart3-3I4R {\n margin-left: calc(var(--bt) * 3);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginEnd3-3WA1 {\n margin-right: calc(var(--bt) * 3);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginStart3-3I4R {\n margin-right: calc(var(--bt) * 3);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginEnd3-3WA1 {\n margin-left: calc(var(--bt) * 3);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginStartN3-g7qt {\n margin-left: calc(var(--bt) * -3);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginEndN3-1C1y {\n margin-right: calc(var(--bt) * -3);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginStartN3-g7qt {\n margin-right: calc(var(--bt) * -3);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginEndN3-1C1y {\n margin-left: calc(var(--bt) * -3);\n}\n.ft-xsMarginTop3-2tWw {\n margin-top: calc(var(--bt) * 3);\n}\n.ft-xsMarginRight3-1Nom {\n margin-right: calc(var(--bt) * 3);\n}\n.ft-xsMarginBottom3-Gk0_ {\n margin-bottom: calc(var(--bt) * 3);\n}\n.ft-xsMarginLeft3-1QSg {\n margin-left: calc(var(--bt) * 3);\n}\n.ft-xsMarginTopN3-jUmH {\n margin-top: calc(var(--bt) * -3);\n}\n.ft-xsMarginRightN3-2lca {\n margin-right: calc(var(--bt) * -3);\n}\n.ft-xsMarginBottomN3-KVS1 {\n margin-bottom: calc(var(--bt) * -3);\n}\n.ft-xsMarginLeftN3-18si {\n margin-left: calc(var(--bt) * -3);\n}\n.ft-xsPaddingY3-3phE {\n padding-bottom: calc(var(--bt) * 3);\n padding-top: calc(var(--bt) * 3);\n}\n.ft-xsPaddingX3-2OS0 {\n padding-left: calc(var(--bt) * 3);\n padding-right: calc(var(--bt) * 3);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginStart4-2Fll {\n margin-left: calc(var(--bt) * 4);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginEnd4-2uL0 {\n margin-right: calc(var(--bt) * 4);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginStart4-2Fll {\n margin-right: calc(var(--bt) * 4);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginEnd4-2uL0 {\n margin-left: calc(var(--bt) * 4);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginStartN4-2kbn {\n margin-left: calc(var(--bt) * -4);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginEndN4-2jNu {\n margin-right: calc(var(--bt) * -4);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginStartN4-2kbn {\n margin-right: calc(var(--bt) * -4);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginEndN4-2jNu {\n margin-left: calc(var(--bt) * -4);\n}\n.ft-xsMarginTop4-2VpP {\n margin-top: calc(var(--bt) * 4);\n}\n.ft-xsMarginRight4-qvAV {\n margin-right: calc(var(--bt) * 4);\n}\n.ft-xsMarginBottom4-214V {\n margin-bottom: calc(var(--bt) * 4);\n}\n.ft-xsMarginLeft4-p_j8 {\n margin-left: calc(var(--bt) * 4);\n}\n.ft-xsMarginTopN4-3XJY {\n margin-top: calc(var(--bt) * -4);\n}\n.ft-xsMarginRightN4-2P_j {\n margin-right: calc(var(--bt) * -4);\n}\n.ft-xsMarginBottomN4-2FDF {\n margin-bottom: calc(var(--bt) * -4);\n}\n.ft-xsMarginLeftN4-1cTx {\n margin-left: calc(var(--bt) * -4);\n}\n.ft-xsPaddingY4-3vZb {\n padding-bottom: calc(var(--bt) * 4);\n padding-top: calc(var(--bt) * 4);\n}\n.ft-xsPaddingX4-3Q-5 {\n padding-left: calc(var(--bt) * 4);\n padding-right: calc(var(--bt) * 4);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginStart5-33Wy {\n margin-left: calc(var(--bt) * 5);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginEnd5-s5un {\n margin-right: calc(var(--bt) * 5);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginStart5-33Wy {\n margin-right: calc(var(--bt) * 5);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginEnd5-s5un {\n margin-left: calc(var(--bt) * 5);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginStartN5-3Xey {\n margin-left: calc(var(--bt) * -5);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginEndN5-2W-F {\n margin-right: calc(var(--bt) * -5);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginStartN5-3Xey {\n margin-right: calc(var(--bt) * -5);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginEndN5-2W-F {\n margin-left: calc(var(--bt) * -5);\n}\n.ft-xsMarginTop5-3Ebj {\n margin-top: calc(var(--bt) * 5);\n}\n.ft-xsMarginRight5-ULa2 {\n margin-right: calc(var(--bt) * 5);\n}\n.ft-xsMarginBottom5-OJ5p {\n margin-bottom: calc(var(--bt) * 5);\n}\n.ft-xsMarginLeft5-sOo0 {\n margin-left: calc(var(--bt) * 5);\n}\n.ft-xsMarginTopN5-3Bhj {\n margin-top: calc(var(--bt) * -5);\n}\n.ft-xsMarginRightN5-1fZM {\n margin-right: calc(var(--bt) * -5);\n}\n.ft-xsMarginBottomN5-rG1Q {\n margin-bottom: calc(var(--bt) * -5);\n}\n.ft-xsMarginLeftN5-2qRX {\n margin-left: calc(var(--bt) * -5);\n}\n.ft-xsPaddingY5-17bk {\n padding-bottom: calc(var(--bt) * 5);\n padding-top: calc(var(--bt) * 5);\n}\n.ft-xsPaddingX5-sHY9 {\n padding-left: calc(var(--bt) * 5);\n padding-right: calc(var(--bt) * 5);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginStart6-2j0Y {\n margin-left: calc(var(--bt) * 6);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginEnd6-1bPf {\n margin-right: calc(var(--bt) * 6);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginStart6-2j0Y {\n margin-right: calc(var(--bt) * 6);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginEnd6-1bPf {\n margin-left: calc(var(--bt) * 6);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginStartN6-31z9 {\n margin-left: calc(var(--bt) * -6);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginEndN6-2QMz {\n margin-right: calc(var(--bt) * -6);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginStartN6-31z9 {\n margin-right: calc(var(--bt) * -6);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginEndN6-2QMz {\n margin-left: calc(var(--bt) * -6);\n}\n.ft-xsMarginTop6-31sM {\n margin-top: calc(var(--bt) * 6);\n}\n.ft-xsMarginRight6-3Zqb {\n margin-right: calc(var(--bt) * 6);\n}\n.ft-xsMarginBottom6-1HA0 {\n margin-bottom: calc(var(--bt) * 6);\n}\n.ft-xsMarginLeft6-36ea {\n margin-left: calc(var(--bt) * 6);\n}\n.ft-xsMarginTopN6-2305 {\n margin-top: calc(var(--bt) * -6);\n}\n.ft-xsMarginRightN6-14ez {\n margin-right: calc(var(--bt) * -6);\n}\n.ft-xsMarginBottomN6-pqth {\n margin-bottom: calc(var(--bt) * -6);\n}\n.ft-xsMarginLeftN6-1Ox3 {\n margin-left: calc(var(--bt) * -6);\n}\n.ft-xsPaddingY6-TLKZ {\n padding-bottom: calc(var(--bt) * 6);\n padding-top: calc(var(--bt) * 6);\n}\n.ft-xsPaddingX6-2kqa {\n padding-left: calc(var(--bt) * 6);\n padding-right: calc(var(--bt) * 6);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginStart7-3PL9 {\n margin-left: calc(var(--bt) * 7);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginEnd7-3MAf {\n margin-right: calc(var(--bt) * 7);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginStart7-3PL9 {\n margin-right: calc(var(--bt) * 7);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginEnd7-3MAf {\n margin-left: calc(var(--bt) * 7);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginStartN7-85VM {\n margin-left: calc(var(--bt) * -7);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginEndN7-Wcvq {\n margin-right: calc(var(--bt) * -7);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginStartN7-85VM {\n margin-right: calc(var(--bt) * -7);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginEndN7-Wcvq {\n margin-left: calc(var(--bt) * -7);\n}\n.ft-xsMarginTop7-PV8D {\n margin-top: calc(var(--bt) * 7);\n}\n.ft-xsMarginRight7-2BNE {\n margin-right: calc(var(--bt) * 7);\n}\n.ft-xsMarginBottom7-2wiX {\n margin-bottom: calc(var(--bt) * 7);\n}\n.ft-xsMarginLeft7-2Z6C {\n margin-left: calc(var(--bt) * 7);\n}\n.ft-xsMarginTopN7-1m07 {\n margin-top: calc(var(--bt) * -7);\n}\n.ft-xsMarginRightN7-3v4J {\n margin-right: calc(var(--bt) * -7);\n}\n.ft-xsMarginBottomN7-11Mq {\n margin-bottom: calc(var(--bt) * -7);\n}\n.ft-xsMarginLeftN7-2OdY {\n margin-left: calc(var(--bt) * -7);\n}\n.ft-xsPaddingY7-1785 {\n padding-bottom: calc(var(--bt) * 7);\n padding-top: calc(var(--bt) * 7);\n}\n.ft-xsPaddingX7-2NgI {\n padding-left: calc(var(--bt) * 7);\n padding-right: calc(var(--bt) * 7);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginStart8-1lIF {\n margin-left: calc(var(--bt) * 8);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginEnd8-2mIT {\n margin-right: calc(var(--bt) * 8);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginStart8-1lIF {\n margin-right: calc(var(--bt) * 8);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginEnd8-2mIT {\n margin-left: calc(var(--bt) * 8);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginStartN8-1j-R {\n margin-left: calc(var(--bt) * -8);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginEndN8-3i1z {\n margin-right: calc(var(--bt) * -8);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginStartN8-1j-R {\n margin-right: calc(var(--bt) * -8);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginEndN8-3i1z {\n margin-left: calc(var(--bt) * -8);\n}\n.ft-xsMarginTop8-1vJm {\n margin-top: calc(var(--bt) * 8);\n}\n.ft-xsMarginRight8-37YC {\n margin-right: calc(var(--bt) * 8);\n}\n.ft-xsMarginBottom8-1j-U {\n margin-bottom: calc(var(--bt) * 8);\n}\n.ft-xsMarginLeft8-297n {\n margin-left: calc(var(--bt) * 8);\n}\n.ft-xsMarginTopN8-1gq9 {\n margin-top: calc(var(--bt) * -8);\n}\n.ft-xsMarginRightN8-LwUf {\n margin-right: calc(var(--bt) * -8);\n}\n.ft-xsMarginBottomN8-3GbU {\n margin-bottom: calc(var(--bt) * -8);\n}\n.ft-xsMarginLeftN8-qcvd {\n margin-left: calc(var(--bt) * -8);\n}\n.ft-xsPaddingY8-1ojJ {\n padding-bottom: calc(var(--bt) * 8);\n padding-top: calc(var(--bt) * 8);\n}\n.ft-xsPaddingX8-1hZH {\n padding-left: calc(var(--bt) * 8);\n padding-right: calc(var(--bt) * 8);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginStart9-1pbk {\n margin-left: calc(var(--bt) * 9);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginEnd9-2X_T {\n margin-right: calc(var(--bt) * 9);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginStart9-1pbk {\n margin-right: calc(var(--bt) * 9);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginEnd9-2X_T {\n margin-left: calc(var(--bt) * 9);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginStartN9-1gA9 {\n margin-left: calc(var(--bt) * -9);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginEndN9-sTlV {\n margin-right: calc(var(--bt) * -9);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginStartN9-1gA9 {\n margin-right: calc(var(--bt) * -9);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginEndN9-sTlV {\n margin-left: calc(var(--bt) * -9);\n}\n.ft-xsMarginTop9-2Eg6 {\n margin-top: calc(var(--bt) * 9);\n}\n.ft-xsMarginRight9-3_9b {\n margin-right: calc(var(--bt) * 9);\n}\n.ft-xsMarginBottom9-25-i {\n margin-bottom: calc(var(--bt) * 9);\n}\n.ft-xsMarginLeft9-Zj1F {\n margin-left: calc(var(--bt) * 9);\n}\n.ft-xsMarginTopN9-1fED {\n margin-top: calc(var(--bt) * -9);\n}\n.ft-xsMarginRightN9-3k7r {\n margin-right: calc(var(--bt) * -9);\n}\n.ft-xsMarginBottomN9-2BFa {\n margin-bottom: calc(var(--bt) * -9);\n}\n.ft-xsMarginLeftN9-2Asp {\n margin-left: calc(var(--bt) * -9);\n}\n.ft-xsPaddingY9-5EeZ {\n padding-bottom: calc(var(--bt) * 9);\n padding-top: calc(var(--bt) * 9);\n}\n.ft-xsPaddingX9-Enif {\n padding-left: calc(var(--bt) * 9);\n padding-right: calc(var(--bt) * 9);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginStart10-3gLS {\n margin-left: calc(var(--bt) * 10);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginEnd10-LL_z {\n margin-right: calc(var(--bt) * 10);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginStart10-3gLS {\n margin-right: calc(var(--bt) * 10);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginEnd10-LL_z {\n margin-left: calc(var(--bt) * 10);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginStartN10-1ANf {\n margin-left: calc(var(--bt) * -10);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginEndN10-KpcX {\n margin-right: calc(var(--bt) * -10);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginStartN10-1ANf {\n margin-right: calc(var(--bt) * -10);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginEndN10-KpcX {\n margin-left: calc(var(--bt) * -10);\n}\n.ft-xsMarginTop10--t8P {\n margin-top: calc(var(--bt) * 10);\n}\n.ft-xsMarginRight10-2044 {\n margin-right: calc(var(--bt) * 10);\n}\n.ft-xsMarginBottom10-3hdd {\n margin-bottom: calc(var(--bt) * 10);\n}\n.ft-xsMarginLeft10-13wb {\n margin-left: calc(var(--bt) * 10);\n}\n.ft-xsMarginTopN10-2365 {\n margin-top: calc(var(--bt) * -10);\n}\n.ft-xsMarginRightN10-6K0- {\n margin-right: calc(var(--bt) * -10);\n}\n.ft-xsMarginBottomN10-3R5K {\n margin-bottom: calc(var(--bt) * -10);\n}\n.ft-xsMarginLeftN10-1MDa {\n margin-left: calc(var(--bt) * -10);\n}\n.ft-xsPaddingY10-254L {\n padding-bottom: calc(var(--bt) * 10);\n padding-top: calc(var(--bt) * 10);\n}\n.ft-xsPaddingX10-1-el {\n padding-left: calc(var(--bt) * 10);\n padding-right: calc(var(--bt) * 10);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginStart11-33V6 {\n margin-left: calc(var(--bt) * 11);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginEnd11-3FKP {\n margin-right: calc(var(--bt) * 11);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginStart11-33V6 {\n margin-right: calc(var(--bt) * 11);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginEnd11-3FKP {\n margin-left: calc(var(--bt) * 11);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginStartN11-3HLG {\n margin-left: calc(var(--bt) * -11);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginEndN11-kch9 {\n margin-right: calc(var(--bt) * -11);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginStartN11-3HLG {\n margin-right: calc(var(--bt) * -11);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginEndN11-kch9 {\n margin-left: calc(var(--bt) * -11);\n}\n.ft-xsMarginTop11-3Ulg {\n margin-top: calc(var(--bt) * 11);\n}\n.ft-xsMarginRight11-36os {\n margin-right: calc(var(--bt) * 11);\n}\n.ft-xsMarginBottom11-3MMs {\n margin-bottom: calc(var(--bt) * 11);\n}\n.ft-xsMarginLeft11-iNC3 {\n margin-left: calc(var(--bt) * 11);\n}\n.ft-xsMarginTopN11-2NRx {\n margin-top: calc(var(--bt) * -11);\n}\n.ft-xsMarginRightN11-T0Gc {\n margin-right: calc(var(--bt) * -11);\n}\n.ft-xsMarginBottomN11-3DlS {\n margin-bottom: calc(var(--bt) * -11);\n}\n.ft-xsMarginLeftN11-1Tth {\n margin-left: calc(var(--bt) * -11);\n}\n.ft-xsPaddingY11-2BKb {\n padding-bottom: calc(var(--bt) * 11);\n padding-top: calc(var(--bt) * 11);\n}\n.ft-xsPaddingX11-38P4 {\n padding-left: calc(var(--bt) * 11);\n padding-right: calc(var(--bt) * 11);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginStart12-3bZI {\n margin-left: calc(var(--bt) * 12);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginEnd12-3fNm {\n margin-right: calc(var(--bt) * 12);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginStart12-3bZI {\n margin-right: calc(var(--bt) * 12);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginEnd12-3fNm {\n margin-left: calc(var(--bt) * 12);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginStartN12-38IK {\n margin-left: calc(var(--bt) * -12);\n}\nhtml:not([dir=\"rtl\"]) .ft-xsMarginEndN12-2dAT {\n margin-right: calc(var(--bt) * -12);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginStartN12-38IK {\n margin-right: calc(var(--bt) * -12);\n}\nhtml[dir=\"rtl\"] .ft-xsMarginEndN12-2dAT {\n margin-left: calc(var(--bt) * -12);\n}\n.ft-xsMarginTop12-1w0i {\n margin-top: calc(var(--bt) * 12);\n}\n.ft-xsMarginRight12-3FZB {\n margin-right: calc(var(--bt) * 12);\n}\n.ft-xsMarginBottom12-3318 {\n margin-bottom: calc(var(--bt) * 12);\n}\n.ft-xsMarginLeft12-3Y5s {\n margin-left: calc(var(--bt) * 12);\n}\n.ft-xsMarginTopN12-25ak {\n margin-top: calc(var(--bt) * -12);\n}\n.ft-xsMarginRightN12-3Z9W {\n margin-right: calc(var(--bt) * -12);\n}\n.ft-xsMarginBottomN12-2eKx {\n margin-bottom: calc(var(--bt) * -12);\n}\n.ft-xsMarginLeftN12-quFO {\n margin-left: calc(var(--bt) * -12);\n}\n.ft-xsPaddingY12-127N {\n padding-bottom: calc(var(--bt) * 12);\n padding-top: calc(var(--bt) * 12);\n}\n.ft-xsPaddingX12-3VJH {\n padding-left: calc(var(--bt) * 12);\n padding-right: calc(var(--bt) * 12);\n}\n}\n@media only screen and (min-width: 480px) {\nhtml:not([dir=\"rtl\"]) .ft-smMarginStart1-2HyP {\n margin-left: calc(var(--bt) * 1);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEnd1-2Tsk {\n margin-right: calc(var(--bt) * 1);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStart1-2HyP {\n margin-right: calc(var(--bt) * 1);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEnd1-2Tsk {\n margin-left: calc(var(--bt) * 1);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStartN1-blqy {\n margin-left: calc(var(--bt) * -1);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEndN1-3N3M {\n margin-right: calc(var(--bt) * -1);\n}\n.ft-smMarginTop1-1DQJ {\n margin-top: calc(var(--bt) * 1);\n}\n.ft-smMarginRight1-1yKC {\n margin-right: calc(var(--bt) * 1);\n}\n.ft-smMarginBottom1-32yE {\n margin-bottom: calc(var(--bt) * 1);\n}\n.ft-smMarginLeft1-22F6 {\n margin-left: calc(var(--bt) * 1);\n}\n.ft-smMarginTopN1-_U88 {\n margin-top: calc(var(--bt) * -1);\n}\n.ft-smMarginRightN1-1jJM {\n margin-right: calc(var(--bt) * -1);\n}\n.ft-smMarginBottomN1-afM- {\n margin-bottom: calc(var(--bt) * -1);\n}\n.ft-smMarginLeftN1-3lq8 {\n margin-left: calc(var(--bt) * -1);\n}\n.ft-smPaddingY1-2WFO {\n padding-bottom: calc(var(--bt) * 1);\n padding-top: calc(var(--bt) * 1);\n}\n.ft-smPaddingX1-UK5j {\n padding-left: calc(var(--bt) * 1);\n padding-right: calc(var(--bt) * 1);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStart2-3dti {\n margin-left: calc(var(--bt) * 2);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEnd2-1yzd {\n margin-right: calc(var(--bt) * 2);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStart2-3dti {\n margin-right: calc(var(--bt) * 2);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEnd2-1yzd {\n margin-left: calc(var(--bt) * 2);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStartN2-2o_c {\n margin-left: calc(var(--bt) * -2);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEndN2-1zdM {\n margin-right: calc(var(--bt) * -2);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStartN2-2o_c {\n margin-right: calc(var(--bt) * -2);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEndN2-1zdM {\n margin-left: calc(var(--bt) * -2);\n}\n.ft-smMarginTop2-3s8M {\n margin-top: calc(var(--bt) * 2);\n}\n.ft-smMarginRight2-2ZY7 {\n margin-right: calc(var(--bt) * 2);\n}\n.ft-smMarginBottom2-2S7W {\n margin-bottom: calc(var(--bt) * 2);\n}\n.ft-smMarginLeft2-16Vq {\n margin-left: calc(var(--bt) * 2);\n}\n.ft-smMarginTopN2-xzA- {\n margin-top: calc(var(--bt) * -2);\n}\n.ft-smMarginRightN2-2WwE {\n margin-right: calc(var(--bt) * -2);\n}\n.ft-smMarginBottomN2-2dAj {\n margin-bottom: calc(var(--bt) * -2);\n}\n.ft-smMarginLeftN2-2gQy {\n margin-left: calc(var(--bt) * -2);\n}\n.ft-smPaddingY2-1gFn {\n padding-bottom: calc(var(--bt) * 2);\n padding-top: calc(var(--bt) * 2);\n}\n.ft-smPaddingX2-A0KD {\n padding-left: calc(var(--bt) * 2);\n padding-right: calc(var(--bt) * 2);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStart3-3E-g {\n margin-left: calc(var(--bt) * 3);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEnd3-UlCg {\n margin-right: calc(var(--bt) * 3);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStart3-3E-g {\n margin-right: calc(var(--bt) * 3);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEnd3-UlCg {\n margin-left: calc(var(--bt) * 3);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStartN3-1k8F {\n margin-left: calc(var(--bt) * -3);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEndN3-3r7N {\n margin-right: calc(var(--bt) * -3);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStartN3-1k8F {\n margin-right: calc(var(--bt) * -3);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEndN3-3r7N {\n margin-left: calc(var(--bt) * -3);\n}\n.ft-smMarginTop3-3H0V {\n margin-top: calc(var(--bt) * 3);\n}\n.ft-smMarginRight3-2RNw {\n margin-right: calc(var(--bt) * 3);\n}\n.ft-smMarginBottom3-1uOP {\n margin-bottom: calc(var(--bt) * 3);\n}\n.ft-smMarginLeft3-2D1c {\n margin-left: calc(var(--bt) * 3);\n}\n.ft-smMarginTopN3-213B {\n margin-top: calc(var(--bt) * -3);\n}\n.ft-smMarginRightN3-d91A {\n margin-right: calc(var(--bt) * -3);\n}\n.ft-smMarginBottomN3-3kYV {\n margin-bottom: calc(var(--bt) * -3);\n}\n.ft-smMarginLeftN3-25k6 {\n margin-left: calc(var(--bt) * -3);\n}\n.ft-smPaddingY3-8JPv {\n padding-bottom: calc(var(--bt) * 3);\n padding-top: calc(var(--bt) * 3);\n}\n.ft-smPaddingX3-qmxI {\n padding-left: calc(var(--bt) * 3);\n padding-right: calc(var(--bt) * 3);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStart4-263t {\n margin-left: calc(var(--bt) * 4);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEnd4-1y0T {\n margin-right: calc(var(--bt) * 4);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStart4-263t {\n margin-right: calc(var(--bt) * 4);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEnd4-1y0T {\n margin-left: calc(var(--bt) * 4);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStartN4-3hKO {\n margin-left: calc(var(--bt) * -4);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEndN4-3XmL {\n margin-right: calc(var(--bt) * -4);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStartN4-3hKO {\n margin-right: calc(var(--bt) * -4);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEndN4-3XmL {\n margin-left: calc(var(--bt) * -4);\n}\n.ft-smMarginTop4-_Nq9 {\n margin-top: calc(var(--bt) * 4);\n}\n.ft-smMarginRight4-3TYb {\n margin-right: calc(var(--bt) * 4);\n}\n.ft-smMarginBottom4-2IFc {\n margin-bottom: calc(var(--bt) * 4);\n}\n.ft-smMarginLeft4-1DDw {\n margin-left: calc(var(--bt) * 4);\n}\n.ft-smMarginTopN4-1zBN {\n margin-top: calc(var(--bt) * -4);\n}\n.ft-smMarginRightN4-J0_w {\n margin-right: calc(var(--bt) * -4);\n}\n.ft-smMarginBottomN4-1DC9 {\n margin-bottom: calc(var(--bt) * -4);\n}\n.ft-smMarginLeftN4-xe0t {\n margin-left: calc(var(--bt) * -4);\n}\n.ft-smPaddingY4-2vIc {\n padding-bottom: calc(var(--bt) * 4);\n padding-top: calc(var(--bt) * 4);\n}\n.ft-smPaddingX4-KwEt {\n padding-left: calc(var(--bt) * 4);\n padding-right: calc(var(--bt) * 4);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStart5-1uey {\n margin-left: calc(var(--bt) * 5);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEnd5-3Jai {\n margin-right: calc(var(--bt) * 5);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStart5-1uey {\n margin-right: calc(var(--bt) * 5);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEnd5-3Jai {\n margin-left: calc(var(--bt) * 5);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStartN5-3KnG {\n margin-left: calc(var(--bt) * -5);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEndN5-2XqP {\n margin-right: calc(var(--bt) * -5);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStartN5-3KnG {\n margin-right: calc(var(--bt) * -5);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEndN5-2XqP {\n margin-left: calc(var(--bt) * -5);\n}\n.ft-smMarginTop5-29TZ {\n margin-top: calc(var(--bt) * 5);\n}\n.ft-smMarginRight5-QdNx {\n margin-right: calc(var(--bt) * 5);\n}\n.ft-smMarginBottom5-1D0L {\n margin-bottom: calc(var(--bt) * 5);\n}\n.ft-smMarginLeft5-25WW {\n margin-left: calc(var(--bt) * 5);\n}\n.ft-smMarginTopN5-2WWy {\n margin-top: calc(var(--bt) * -5);\n}\n.ft-smMarginRightN5-essC {\n margin-right: calc(var(--bt) * -5);\n}\n.ft-smMarginBottomN5-1ReP {\n margin-bottom: calc(var(--bt) * -5);\n}\n.ft-smMarginLeftN5-3DgC {\n margin-left: calc(var(--bt) * -5);\n}\n.ft-smPaddingY5-5m8X {\n padding-bottom: calc(var(--bt) * 5);\n padding-top: calc(var(--bt) * 5);\n}\n.ft-smPaddingX5-2n64 {\n padding-left: calc(var(--bt) * 5);\n padding-right: calc(var(--bt) * 5);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStart6-3pGN {\n margin-left: calc(var(--bt) * 6);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEnd6-1gU6 {\n margin-right: calc(var(--bt) * 6);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStart6-3pGN {\n margin-right: calc(var(--bt) * 6);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEnd6-1gU6 {\n margin-left: calc(var(--bt) * 6);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStartN6-3YDF {\n margin-left: calc(var(--bt) * -6);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEndN6-uyku {\n margin-right: calc(var(--bt) * -6);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStartN6-3YDF {\n margin-right: calc(var(--bt) * -6);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEndN6-uyku {\n margin-left: calc(var(--bt) * -6);\n}\n.ft-smMarginTop6-3q4f {\n margin-top: calc(var(--bt) * 6);\n}\n.ft-smMarginRight6-1pO1 {\n margin-right: calc(var(--bt) * 6);\n}\n.ft-smMarginBottom6-1y_l {\n margin-bottom: calc(var(--bt) * 6);\n}\n.ft-smMarginLeft6-e0x7 {\n margin-left: calc(var(--bt) * 6);\n}\n.ft-smMarginTopN6-1994 {\n margin-top: calc(var(--bt) * -6);\n}\n.ft-smMarginRightN6-t06F {\n margin-right: calc(var(--bt) * -6);\n}\n.ft-smMarginBottomN6-3E8M {\n margin-bottom: calc(var(--bt) * -6);\n}\n.ft-smMarginLeftN6-3J_8 {\n margin-left: calc(var(--bt) * -6);\n}\n.ft-smPaddingY6-1FxZ {\n padding-bottom: calc(var(--bt) * 6);\n padding-top: calc(var(--bt) * 6);\n}\n.ft-smPaddingX6-1gNe {\n padding-left: calc(var(--bt) * 6);\n padding-right: calc(var(--bt) * 6);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStart7-32y5 {\n margin-left: calc(var(--bt) * 7);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEnd7-3KFu {\n margin-right: calc(var(--bt) * 7);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStart7-32y5 {\n margin-right: calc(var(--bt) * 7);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEnd7-3KFu {\n margin-left: calc(var(--bt) * 7);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStartN7-3Wzy {\n margin-left: calc(var(--bt) * -7);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEndN7-2-k8 {\n margin-right: calc(var(--bt) * -7);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStartN7-3Wzy {\n margin-right: calc(var(--bt) * -7);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEndN7-2-k8 {\n margin-left: calc(var(--bt) * -7);\n}\n.ft-smMarginTop7-3WPy {\n margin-top: calc(var(--bt) * 7);\n}\n.ft-smMarginRight7-1tPN {\n margin-right: calc(var(--bt) * 7);\n}\n.ft-smMarginBottom7-3gdX {\n margin-bottom: calc(var(--bt) * 7);\n}\n.ft-smMarginLeft7-1GE0 {\n margin-left: calc(var(--bt) * 7);\n}\n.ft-smMarginTopN7-2RYn {\n margin-top: calc(var(--bt) * -7);\n}\n.ft-smMarginRightN7-1XM2 {\n margin-right: calc(var(--bt) * -7);\n}\n.ft-smMarginBottomN7-3Ht0 {\n margin-bottom: calc(var(--bt) * -7);\n}\n.ft-smMarginLeftN7-EW0K {\n margin-left: calc(var(--bt) * -7);\n}\n.ft-smPaddingY7-36wz {\n padding-bottom: calc(var(--bt) * 7);\n padding-top: calc(var(--bt) * 7);\n}\n.ft-smPaddingX7-2pli {\n padding-left: calc(var(--bt) * 7);\n padding-right: calc(var(--bt) * 7);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStart8-2S6_ {\n margin-left: calc(var(--bt) * 8);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEnd8-1X19 {\n margin-right: calc(var(--bt) * 8);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStart8-2S6_ {\n margin-right: calc(var(--bt) * 8);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEnd8-1X19 {\n margin-left: calc(var(--bt) * 8);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStartN8-epMc {\n margin-left: calc(var(--bt) * -8);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEndN8-275g {\n margin-right: calc(var(--bt) * -8);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStartN8-epMc {\n margin-right: calc(var(--bt) * -8);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEndN8-275g {\n margin-left: calc(var(--bt) * -8);\n}\n.ft-smMarginTop8-2die {\n margin-top: calc(var(--bt) * 8);\n}\n.ft-smMarginRight8-EONf {\n margin-right: calc(var(--bt) * 8);\n}\n.ft-smMarginBottom8-3Thf {\n margin-bottom: calc(var(--bt) * 8);\n}\n.ft-smMarginLeft8-11R7 {\n margin-left: calc(var(--bt) * 8);\n}\n.ft-smMarginTopN8-2vQf {\n margin-top: calc(var(--bt) * -8);\n}\n.ft-smMarginRightN8-1qEJ {\n margin-right: calc(var(--bt) * -8);\n}\n.ft-smMarginBottomN8-PIOz {\n margin-bottom: calc(var(--bt) * -8);\n}\n.ft-smMarginLeftN8-3ATB {\n margin-left: calc(var(--bt) * -8);\n}\n.ft-smPaddingY8-21mA {\n padding-bottom: calc(var(--bt) * 8);\n padding-top: calc(var(--bt) * 8);\n}\n.ft-smPaddingX8-3vrz {\n padding-left: calc(var(--bt) * 8);\n padding-right: calc(var(--bt) * 8);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStart9-1rvw {\n margin-left: calc(var(--bt) * 9);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEnd9-oVfa {\n margin-right: calc(var(--bt) * 9);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStart9-1rvw {\n margin-right: calc(var(--bt) * 9);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEnd9-oVfa {\n margin-left: calc(var(--bt) * 9);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStartN9-3kWm {\n margin-left: calc(var(--bt) * -9);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEndN9-TQ2l {\n margin-right: calc(var(--bt) * -9);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStartN9-3kWm {\n margin-right: calc(var(--bt) * -9);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEndN9-TQ2l {\n margin-left: calc(var(--bt) * -9);\n}\n.ft-smMarginTop9-2rg6 {\n margin-top: calc(var(--bt) * 9);\n}\n.ft-smMarginRight9-1Jd6 {\n margin-right: calc(var(--bt) * 9);\n}\n.ft-smMarginBottom9-MmXl {\n margin-bottom: calc(var(--bt) * 9);\n}\n.ft-smMarginLeft9-3WE_ {\n margin-left: calc(var(--bt) * 9);\n}\n.ft-smMarginTopN9-3yS9 {\n margin-top: calc(var(--bt) * -9);\n}\n.ft-smMarginRightN9-3fDi {\n margin-right: calc(var(--bt) * -9);\n}\n.ft-smMarginBottomN9-LXRT {\n margin-bottom: calc(var(--bt) * -9);\n}\n.ft-smMarginLeftN9-2BOd {\n margin-left: calc(var(--bt) * -9);\n}\n.ft-smPaddingY9-2jPt {\n padding-bottom: calc(var(--bt) * 9);\n padding-top: calc(var(--bt) * 9);\n}\n.ft-smPaddingX9-NKl5 {\n padding-left: calc(var(--bt) * 9);\n padding-right: calc(var(--bt) * 9);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStart10-d-ja {\n margin-left: calc(var(--bt) * 10);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEnd10-2m1V {\n margin-right: calc(var(--bt) * 10);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStart10-d-ja {\n margin-right: calc(var(--bt) * 10);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEnd10-2m1V {\n margin-left: calc(var(--bt) * 10);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStartN10-288T {\n margin-left: calc(var(--bt) * -10);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEndN10-172X {\n margin-right: calc(var(--bt) * -10);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStartN10-288T {\n margin-right: calc(var(--bt) * -10);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEndN10-172X {\n margin-left: calc(var(--bt) * -10);\n}\n.ft-smMarginTop10-2Yub {\n margin-top: calc(var(--bt) * 10);\n}\n.ft-smMarginRight10-1cU7 {\n margin-right: calc(var(--bt) * 10);\n}\n.ft-smMarginBottom10-1a2o {\n margin-bottom: calc(var(--bt) * 10);\n}\n.ft-smMarginLeft10-2P40 {\n margin-left: calc(var(--bt) * 10);\n}\n.ft-smMarginTopN10-gk4g {\n margin-top: calc(var(--bt) * -10);\n}\n.ft-smMarginRightN10-2Biy {\n margin-right: calc(var(--bt) * -10);\n}\n.ft-smMarginBottomN10-2o47 {\n margin-bottom: calc(var(--bt) * -10);\n}\n.ft-smMarginLeftN10-3xPV {\n margin-left: calc(var(--bt) * -10);\n}\n.ft-smPaddingY10-1hJ1 {\n padding-bottom: calc(var(--bt) * 10);\n padding-top: calc(var(--bt) * 10);\n}\n.ft-smPaddingX10-1-25 {\n padding-left: calc(var(--bt) * 10);\n padding-right: calc(var(--bt) * 10);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStart11-3voG {\n margin-left: calc(var(--bt) * 11);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEnd11-12hN {\n margin-right: calc(var(--bt) * 11);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStart11-3voG {\n margin-right: calc(var(--bt) * 11);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEnd11-12hN {\n margin-left: calc(var(--bt) * 11);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStartN11-1DlO {\n margin-left: calc(var(--bt) * -11);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEndN11-yWzN {\n margin-right: calc(var(--bt) * -11);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStartN11-1DlO {\n margin-right: calc(var(--bt) * -11);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEndN11-yWzN {\n margin-left: calc(var(--bt) * -11);\n}\n.ft-smMarginTop11-38nX {\n margin-top: calc(var(--bt) * 11);\n}\n.ft-smMarginRight11-3VQe {\n margin-right: calc(var(--bt) * 11);\n}\n.ft-smMarginBottom11-MnED {\n margin-bottom: calc(var(--bt) * 11);\n}\n.ft-smMarginLeft11-1QVK {\n margin-left: calc(var(--bt) * 11);\n}\n.ft-smMarginTopN11-1i86 {\n margin-top: calc(var(--bt) * -11);\n}\n.ft-smMarginRightN11-UTin {\n margin-right: calc(var(--bt) * -11);\n}\n.ft-smMarginBottomN11-172Y {\n margin-bottom: calc(var(--bt) * -11);\n}\n.ft-smMarginLeftN11-3noZ {\n margin-left: calc(var(--bt) * -11);\n}\n.ft-smPaddingY11-LYTs {\n padding-bottom: calc(var(--bt) * 11);\n padding-top: calc(var(--bt) * 11);\n}\n.ft-smPaddingX11-2kie {\n padding-left: calc(var(--bt) * 11);\n padding-right: calc(var(--bt) * 11);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStart12-1kTT {\n margin-left: calc(var(--bt) * 12);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEnd12-7uZt {\n margin-right: calc(var(--bt) * 12);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStart12-1kTT {\n margin-right: calc(var(--bt) * 12);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEnd12-7uZt {\n margin-left: calc(var(--bt) * 12);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginStartN12-3vpl {\n margin-left: calc(var(--bt) * -12);\n}\nhtml:not([dir=\"rtl\"]) .ft-smMarginEndN12-1Cic {\n margin-right: calc(var(--bt) * -12);\n}\nhtml[dir=\"rtl\"] .ft-smMarginStartN12-3vpl {\n margin-right: calc(var(--bt) * -12);\n}\nhtml[dir=\"rtl\"] .ft-smMarginEndN12-1Cic {\n margin-left: calc(var(--bt) * -12);\n}\n.ft-smMarginTop12-1_VJ {\n margin-top: calc(var(--bt) * 12);\n}\n.ft-smMarginRight12-dvgb {\n margin-right: calc(var(--bt) * 12);\n}\n.ft-smMarginBottom12-24Hc {\n margin-bottom: calc(var(--bt) * 12);\n}\n.ft-smMarginLeft12-1L37 {\n margin-left: calc(var(--bt) * 12);\n}\n.ft-smMarginTopN12-9mZi {\n margin-top: calc(var(--bt) * -12);\n}\n.ft-smMarginRightN12-3wCw {\n margin-right: calc(var(--bt) * -12);\n}\n.ft-smMarginBottomN12-2_hV {\n margin-bottom: calc(var(--bt) * -12);\n}\n.ft-smMarginLeftN12-1V0a {\n margin-left: calc(var(--bt) * -12);\n}\n.ft-smPaddingY12-1Pgw {\n padding-bottom: calc(var(--bt) * 12);\n padding-top: calc(var(--bt) * 12);\n}\n.ft-smPaddingX12-R6bH {\n padding-left: calc(var(--bt) * 12);\n padding-right: calc(var(--bt) * 12);\n}\n}\n@media only screen and (min-width: 752px) {\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStart1-3hR4 {\n margin-left: calc(var(--bt) * 1);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEnd1-_I_n {\n margin-right: calc(var(--bt) * 1);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStartN1-2cLK {\n margin-left: calc(var(--bt) * -1);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEndN1-21DD {\n margin-right: calc(var(--bt) * -1);\n}\n.ft-mdMarginTop1-3odT {\n margin-top: calc(var(--bt) * 1);\n}\n.ft-mdMarginRight1-32_h {\n margin-right: calc(var(--bt) * 1);\n}\n.ft-mdMarginBottom1-22Cq {\n margin-bottom: calc(var(--bt) * 1);\n}\n.ft-mdMarginLeft1-1RyV {\n margin-left: calc(var(--bt) * 1);\n}\n.ft-mdMarginTopN1-vrO0 {\n margin-top: calc(var(--bt) * -1);\n}\n.ft-mdMarginRightN1-3PAD {\n margin-right: calc(var(--bt) * -1);\n}\n.ft-mdMarginBottomN1-3HAL {\n margin-bottom: calc(var(--bt) * -1);\n}\n.ft-mdMarginLeftN1-8YRk {\n margin-left: calc(var(--bt) * -1);\n}\n.ft-mdPaddingY1-2e2L {\n padding-bottom: calc(var(--bt) * 1);\n padding-top: calc(var(--bt) * 1);\n}\n.ft-mdPaddingX1-2sSQ {\n padding-left: calc(var(--bt) * 1);\n padding-right: calc(var(--bt) * 1);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStart2-34CP {\n margin-left: calc(var(--bt) * 2);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEnd2-1rUU {\n margin-right: calc(var(--bt) * 2);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginStart2-34CP {\n margin-right: calc(var(--bt) * 2);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginEnd2-1rUU {\n margin-left: calc(var(--bt) * 2);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStartN2-3YPM {\n margin-left: calc(var(--bt) * -2);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEndN2-3ysI {\n margin-right: calc(var(--bt) * -2);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginStartN2-3YPM {\n margin-right: calc(var(--bt) * -2);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginEndN2-3ysI {\n margin-left: calc(var(--bt) * -2);\n}\n.ft-mdMarginTop2-2X_M {\n margin-top: calc(var(--bt) * 2);\n}\n.ft-mdMarginRight2-2Z6f {\n margin-right: calc(var(--bt) * 2);\n}\n.ft-mdMarginBottom2-95Bv {\n margin-bottom: calc(var(--bt) * 2);\n}\n.ft-mdMarginLeft2-2MuR {\n margin-left: calc(var(--bt) * 2);\n}\n.ft-mdMarginTopN2-3Oax {\n margin-top: calc(var(--bt) * -2);\n}\n.ft-mdMarginRightN2-2aN8 {\n margin-right: calc(var(--bt) * -2);\n}\n.ft-mdMarginBottomN2-2gB3 {\n margin-bottom: calc(var(--bt) * -2);\n}\n.ft-mdMarginLeftN2-1Fnz {\n margin-left: calc(var(--bt) * -2);\n}\n.ft-mdPaddingY2-34aN {\n padding-bottom: calc(var(--bt) * 2);\n padding-top: calc(var(--bt) * 2);\n}\n.ft-mdPaddingX2-4otF {\n padding-left: calc(var(--bt) * 2);\n padding-right: calc(var(--bt) * 2);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStart3-2AB1 {\n margin-left: calc(var(--bt) * 3);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEnd3-1FF0 {\n margin-right: calc(var(--bt) * 3);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginStart3-2AB1 {\n margin-right: calc(var(--bt) * 3);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginEnd3-1FF0 {\n margin-left: calc(var(--bt) * 3);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStartN3-y8P- {\n margin-left: calc(var(--bt) * -3);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEndN3-1S0U {\n margin-right: calc(var(--bt) * -3);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginStartN3-y8P- {\n margin-right: calc(var(--bt) * -3);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginEndN3-1S0U {\n margin-left: calc(var(--bt) * -3);\n}\n.ft-mdMarginTop3-1NiX {\n margin-top: calc(var(--bt) * 3);\n}\n.ft-mdMarginRight3-28f1 {\n margin-right: calc(var(--bt) * 3);\n}\n.ft-mdMarginBottom3-2w4P {\n margin-bottom: calc(var(--bt) * 3);\n}\n.ft-mdMarginLeft3-34eC {\n margin-left: calc(var(--bt) * 3);\n}\n.ft-mdMarginTopN3-2E6x {\n margin-top: calc(var(--bt) * -3);\n}\n.ft-mdMarginRightN3-JbEL {\n margin-right: calc(var(--bt) * -3);\n}\n.ft-mdMarginBottomN3-1WkN {\n margin-bottom: calc(var(--bt) * -3);\n}\n.ft-mdMarginLeftN3-10RK {\n margin-left: calc(var(--bt) * -3);\n}\n.ft-mdPaddingY3-2xkh {\n padding-bottom: calc(var(--bt) * 3);\n padding-top: calc(var(--bt) * 3);\n}\n.ft-mdPaddingX3-3ms4 {\n padding-left: calc(var(--bt) * 3);\n padding-right: calc(var(--bt) * 3);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStart4-2liS {\n margin-left: calc(var(--bt) * 4);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEnd4-2uRe {\n margin-right: calc(var(--bt) * 4);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginStart4-2liS {\n margin-right: calc(var(--bt) * 4);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginEnd4-2uRe {\n margin-left: calc(var(--bt) * 4);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStartN4-9Qsn {\n margin-left: calc(var(--bt) * -4);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEndN4-F_t1 {\n margin-right: calc(var(--bt) * -4);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginStartN4-9Qsn {\n margin-right: calc(var(--bt) * -4);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginEndN4-F_t1 {\n margin-left: calc(var(--bt) * -4);\n}\n.ft-mdMarginTop4-3Qh1 {\n margin-top: calc(var(--bt) * 4);\n}\n.ft-mdMarginRight4-2AUU {\n margin-right: calc(var(--bt) * 4);\n}\n.ft-mdMarginBottom4-2Q2l {\n margin-bottom: calc(var(--bt) * 4);\n}\n.ft-mdMarginLeft4-2vkw {\n margin-left: calc(var(--bt) * 4);\n}\n.ft-mdMarginTopN4-2VnV {\n margin-top: calc(var(--bt) * -4);\n}\n.ft-mdMarginRightN4-2Rq0 {\n margin-right: calc(var(--bt) * -4);\n}\n.ft-mdMarginBottomN4-1_PK {\n margin-bottom: calc(var(--bt) * -4);\n}\n.ft-mdMarginLeftN4-2lom {\n margin-left: calc(var(--bt) * -4);\n}\n.ft-mdPaddingY4-2W0R {\n padding-bottom: calc(var(--bt) * 4);\n padding-top: calc(var(--bt) * 4);\n}\n.ft-mdPaddingX4-1hsd {\n padding-left: calc(var(--bt) * 4);\n padding-right: calc(var(--bt) * 4);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStart5-29zh {\n margin-left: calc(var(--bt) * 5);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEnd5-36Ua {\n margin-right: calc(var(--bt) * 5);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginStart5-29zh {\n margin-right: calc(var(--bt) * 5);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginEnd5-36Ua {\n margin-left: calc(var(--bt) * 5);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStartN5-1Nmw {\n margin-left: calc(var(--bt) * -5);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEndN5-2_Yw {\n margin-right: calc(var(--bt) * -5);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginStartN5-1Nmw {\n margin-right: calc(var(--bt) * -5);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginEndN5-2_Yw {\n margin-left: calc(var(--bt) * -5);\n}\n.ft-mdMarginTop5-2gG6 {\n margin-top: calc(var(--bt) * 5);\n}\n.ft-mdMarginRight5-1JK8 {\n margin-right: calc(var(--bt) * 5);\n}\n.ft-mdMarginBottom5-3xFI {\n margin-bottom: calc(var(--bt) * 5);\n}\n.ft-mdMarginLeft5-2WoA {\n margin-left: calc(var(--bt) * 5);\n}\n.ft-mdMarginTopN5-2cnk {\n margin-top: calc(var(--bt) * -5);\n}\n.ft-mdMarginRightN5-jhHx {\n margin-right: calc(var(--bt) * -5);\n}\n.ft-mdMarginBottomN5-2z6O {\n margin-bottom: calc(var(--bt) * -5);\n}\n.ft-mdMarginLeftN5-2qCm {\n margin-left: calc(var(--bt) * -5);\n}\n.ft-mdPaddingY5-1AUH {\n padding-bottom: calc(var(--bt) * 5);\n padding-top: calc(var(--bt) * 5);\n}\n.ft-mdPaddingX5-de_X {\n padding-left: calc(var(--bt) * 5);\n padding-right: calc(var(--bt) * 5);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStart6-JzF1 {\n margin-left: calc(var(--bt) * 6);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEnd6--rhM {\n margin-right: calc(var(--bt) * 6);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginStart6-JzF1 {\n margin-right: calc(var(--bt) * 6);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginEnd6--rhM {\n margin-left: calc(var(--bt) * 6);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStartN6-1OUi {\n margin-left: calc(var(--bt) * -6);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEndN6-2sub {\n margin-right: calc(var(--bt) * -6);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginStartN6-1OUi {\n margin-right: calc(var(--bt) * -6);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginEndN6-2sub {\n margin-left: calc(var(--bt) * -6);\n}\n.ft-mdMarginTop6-1F89 {\n margin-top: calc(var(--bt) * 6);\n}\n.ft-mdMarginRight6-bCNA {\n margin-right: calc(var(--bt) * 6);\n}\n.ft-mdMarginBottom6-Rb-5 {\n margin-bottom: calc(var(--bt) * 6);\n}\n.ft-mdMarginLeft6-tnYN {\n margin-left: calc(var(--bt) * 6);\n}\n.ft-mdMarginTopN6-2e1X {\n margin-top: calc(var(--bt) * -6);\n}\n.ft-mdMarginRightN6-_vb8 {\n margin-right: calc(var(--bt) * -6);\n}\n.ft-mdMarginBottomN6-S52_ {\n margin-bottom: calc(var(--bt) * -6);\n}\n.ft-mdMarginLeftN6-3s7I {\n margin-left: calc(var(--bt) * -6);\n}\n.ft-mdPaddingY6-2Kwn {\n padding-bottom: calc(var(--bt) * 6);\n padding-top: calc(var(--bt) * 6);\n}\n.ft-mdPaddingX6-ba-K {\n padding-left: calc(var(--bt) * 6);\n padding-right: calc(var(--bt) * 6);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStart7-1npd {\n margin-left: calc(var(--bt) * 7);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEnd7-2Kkt {\n margin-right: calc(var(--bt) * 7);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginStart7-1npd {\n margin-right: calc(var(--bt) * 7);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginEnd7-2Kkt {\n margin-left: calc(var(--bt) * 7);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStartN7-28Nr {\n margin-left: calc(var(--bt) * -7);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEndN7-1tYu {\n margin-right: calc(var(--bt) * -7);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginStartN7-28Nr {\n margin-right: calc(var(--bt) * -7);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginEndN7-1tYu {\n margin-left: calc(var(--bt) * -7);\n}\n.ft-mdMarginTop7-X9hm {\n margin-top: calc(var(--bt) * 7);\n}\n.ft-mdMarginRight7-3enD {\n margin-right: calc(var(--bt) * 7);\n}\n.ft-mdMarginBottom7-1AfA {\n margin-bottom: calc(var(--bt) * 7);\n}\n.ft-mdMarginLeft7-3o-K {\n margin-left: calc(var(--bt) * 7);\n}\n.ft-mdMarginTopN7-1x-J {\n margin-top: calc(var(--bt) * -7);\n}\n.ft-mdMarginRightN7-1fgc {\n margin-right: calc(var(--bt) * -7);\n}\n.ft-mdMarginBottomN7-3TGE {\n margin-bottom: calc(var(--bt) * -7);\n}\n.ft-mdMarginLeftN7-3tWc {\n margin-left: calc(var(--bt) * -7);\n}\n.ft-mdPaddingY7-1aWr {\n padding-bottom: calc(var(--bt) * 7);\n padding-top: calc(var(--bt) * 7);\n}\n.ft-mdPaddingX7-1ue0 {\n padding-left: calc(var(--bt) * 7);\n padding-right: calc(var(--bt) * 7);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStart8-2byw {\n margin-left: calc(var(--bt) * 8);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEnd8-2wXA {\n margin-right: calc(var(--bt) * 8);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginStart8-2byw {\n margin-right: calc(var(--bt) * 8);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginEnd8-2wXA {\n margin-left: calc(var(--bt) * 8);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStartN8-1yxL {\n margin-left: calc(var(--bt) * -8);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEndN8-1TZx {\n margin-right: calc(var(--bt) * -8);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginStartN8-1yxL {\n margin-right: calc(var(--bt) * -8);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginEndN8-1TZx {\n margin-left: calc(var(--bt) * -8);\n}\n.ft-mdMarginTop8-YLME {\n margin-top: calc(var(--bt) * 8);\n}\n.ft-mdMarginRight8-3M6D {\n margin-right: calc(var(--bt) * 8);\n}\n.ft-mdMarginBottom8-3bIR {\n margin-bottom: calc(var(--bt) * 8);\n}\n.ft-mdMarginLeft8-3oCe {\n margin-left: calc(var(--bt) * 8);\n}\n.ft-mdMarginTopN8-3Xf4 {\n margin-top: calc(var(--bt) * -8);\n}\n.ft-mdMarginRightN8-81gm {\n margin-right: calc(var(--bt) * -8);\n}\n.ft-mdMarginBottomN8-3S2v {\n margin-bottom: calc(var(--bt) * -8);\n}\n.ft-mdMarginLeftN8-3aKQ {\n margin-left: calc(var(--bt) * -8);\n}\n.ft-mdPaddingY8-2-wb {\n padding-bottom: calc(var(--bt) * 8);\n padding-top: calc(var(--bt) * 8);\n}\n.ft-mdPaddingX8-3Ipc {\n padding-left: calc(var(--bt) * 8);\n padding-right: calc(var(--bt) * 8);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStart9-3dam {\n margin-left: calc(var(--bt) * 9);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEnd9-1MEu {\n margin-right: calc(var(--bt) * 9);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginStart9-3dam {\n margin-right: calc(var(--bt) * 9);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginEnd9-1MEu {\n margin-left: calc(var(--bt) * 9);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStartN9-1DHq {\n margin-left: calc(var(--bt) * -9);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEndN9-3XUP {\n margin-right: calc(var(--bt) * -9);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginStartN9-1DHq {\n margin-right: calc(var(--bt) * -9);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginEndN9-3XUP {\n margin-left: calc(var(--bt) * -9);\n}\n.ft-mdMarginTop9-17D0 {\n margin-top: calc(var(--bt) * 9);\n}\n.ft-mdMarginRight9-7Elo {\n margin-right: calc(var(--bt) * 9);\n}\n.ft-mdMarginBottom9-1Uvu {\n margin-bottom: calc(var(--bt) * 9);\n}\n.ft-mdMarginLeft9-JkVI {\n margin-left: calc(var(--bt) * 9);\n}\n.ft-mdMarginTopN9-1Bfl {\n margin-top: calc(var(--bt) * -9);\n}\n.ft-mdMarginRightN9-2Y59 {\n margin-right: calc(var(--bt) * -9);\n}\n.ft-mdMarginBottomN9-kJpt {\n margin-bottom: calc(var(--bt) * -9);\n}\n.ft-mdMarginLeftN9-3yiE {\n margin-left: calc(var(--bt) * -9);\n}\n.ft-mdPaddingY9-sWGL {\n padding-bottom: calc(var(--bt) * 9);\n padding-top: calc(var(--bt) * 9);\n}\n.ft-mdPaddingX9-2j70 {\n padding-left: calc(var(--bt) * 9);\n padding-right: calc(var(--bt) * 9);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStart10-3eIP {\n margin-left: calc(var(--bt) * 10);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEnd10-14ue {\n margin-right: calc(var(--bt) * 10);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginStart10-3eIP {\n margin-right: calc(var(--bt) * 10);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginEnd10-14ue {\n margin-left: calc(var(--bt) * 10);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStartN10-3n4l {\n margin-left: calc(var(--bt) * -10);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEndN10-Ii7z {\n margin-right: calc(var(--bt) * -10);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginStartN10-3n4l {\n margin-right: calc(var(--bt) * -10);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginEndN10-Ii7z {\n margin-left: calc(var(--bt) * -10);\n}\n.ft-mdMarginTop10-35hg {\n margin-top: calc(var(--bt) * 10);\n}\n.ft-mdMarginRight10-3zRE {\n margin-right: calc(var(--bt) * 10);\n}\n.ft-mdMarginBottom10-34c1 {\n margin-bottom: calc(var(--bt) * 10);\n}\n.ft-mdMarginLeft10-3Bjq {\n margin-left: calc(var(--bt) * 10);\n}\n.ft-mdMarginTopN10-327B {\n margin-top: calc(var(--bt) * -10);\n}\n.ft-mdMarginRightN10-13is {\n margin-right: calc(var(--bt) * -10);\n}\n.ft-mdMarginBottomN10-3chc {\n margin-bottom: calc(var(--bt) * -10);\n}\n.ft-mdMarginLeftN10-3v7L {\n margin-left: calc(var(--bt) * -10);\n}\n.ft-mdPaddingY10-3Q5k {\n padding-bottom: calc(var(--bt) * 10);\n padding-top: calc(var(--bt) * 10);\n}\n.ft-mdPaddingX10-257N {\n padding-left: calc(var(--bt) * 10);\n padding-right: calc(var(--bt) * 10);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStart11-F0_3 {\n margin-left: calc(var(--bt) * 11);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEnd11-1eAO {\n margin-right: calc(var(--bt) * 11);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginStart11-F0_3 {\n margin-right: calc(var(--bt) * 11);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginEnd11-1eAO {\n margin-left: calc(var(--bt) * 11);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStartN11-463Z {\n margin-left: calc(var(--bt) * -11);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEndN11-TNzj {\n margin-right: calc(var(--bt) * -11);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginStartN11-463Z {\n margin-right: calc(var(--bt) * -11);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginEndN11-TNzj {\n margin-left: calc(var(--bt) * -11);\n}\n.ft-mdMarginTop11-3aih {\n margin-top: calc(var(--bt) * 11);\n}\n.ft-mdMarginRight11-1Tvh {\n margin-right: calc(var(--bt) * 11);\n}\n.ft-mdMarginBottom11-2UwI {\n margin-bottom: calc(var(--bt) * 11);\n}\n.ft-mdMarginLeft11-2_3I {\n margin-left: calc(var(--bt) * 11);\n}\n.ft-mdMarginTopN11-3rK6 {\n margin-top: calc(var(--bt) * -11);\n}\n.ft-mdMarginRightN11-1LyA {\n margin-right: calc(var(--bt) * -11);\n}\n.ft-mdMarginBottomN11-1lgG {\n margin-bottom: calc(var(--bt) * -11);\n}\n.ft-mdMarginLeftN11-ozqw {\n margin-left: calc(var(--bt) * -11);\n}\n.ft-mdPaddingY11-2asm {\n padding-bottom: calc(var(--bt) * 11);\n padding-top: calc(var(--bt) * 11);\n}\n.ft-mdPaddingX11-3qa9 {\n padding-left: calc(var(--bt) * 11);\n padding-right: calc(var(--bt) * 11);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStart12-3hA7 {\n margin-left: calc(var(--bt) * 12);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEnd12-12D0 {\n margin-right: calc(var(--bt) * 12);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginStart12-3hA7 {\n margin-right: calc(var(--bt) * 12);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginEnd12-12D0 {\n margin-left: calc(var(--bt) * 12);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginStartN12-28MA {\n margin-left: calc(var(--bt) * -12);\n}\nhtml:not([dir=\"rtl\"]) .ft-mdMarginEndN12-1zvX {\n margin-right: calc(var(--bt) * -12);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginStartN12-28MA {\n margin-right: calc(var(--bt) * -12);\n}\nhtml[dir=\"rtl\"] .ft-mdMarginEndN12-1zvX {\n margin-left: calc(var(--bt) * -12);\n}\n.ft-mdMarginTop12-1AMn {\n margin-top: calc(var(--bt) * 12);\n}\n.ft-mdMarginRight12-29ko {\n margin-right: calc(var(--bt) * 12);\n}\n.ft-mdMarginBottom12-2Qiw {\n margin-bottom: calc(var(--bt) * 12);\n}\n.ft-mdMarginLeft12-3c1i {\n margin-left: calc(var(--bt) * 12);\n}\n.ft-mdMarginTopN12-1gqn {\n margin-top: calc(var(--bt) * -12);\n}\n.ft-mdMarginRightN12-337k {\n margin-right: calc(var(--bt) * -12);\n}\n.ft-mdMarginBottomN12-EtNm {\n margin-bottom: calc(var(--bt) * -12);\n}\n.ft-mdMarginLeftN12-2WlP {\n margin-left: calc(var(--bt) * -12);\n}\n.ft-mdPaddingY12-3y-R {\n padding-bottom: calc(var(--bt) * 12);\n padding-top: calc(var(--bt) * 12);\n}\n.ft-mdPaddingX12-2id2 {\n padding-left: calc(var(--bt) * 12);\n padding-right: calc(var(--bt) * 12);\n}\n}\n@media only screen and (min-width: 1008px) {\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStart1-3Jwj {\n margin-left: calc(var(--bt) * 1);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEnd1-1xF8 {\n margin-right: calc(var(--bt) * 1);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStartN1-uRsb {\n margin-left: calc(var(--bt) * -1);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEndN1-2_2K {\n margin-right: calc(var(--bt) * -1);\n}\n.ft-lgMarginTop1-2sGP {\n margin-top: calc(var(--bt) * 1);\n}\n.ft-lgMarginRight1-3Teq {\n margin-right: calc(var(--bt) * 1);\n}\n.ft-lgMarginBottom1-3Xdz {\n margin-bottom: calc(var(--bt) * 1);\n}\n.ft-lgMarginLeft1-1YcF {\n margin-left: calc(var(--bt) * 1);\n}\n.ft-lgMarginTopN1-97c- {\n margin-top: calc(var(--bt) * -1);\n}\n.ft-lgMarginRightN1-2LYJ {\n margin-right: calc(var(--bt) * -1);\n}\n.ft-lgMarginBottomN1-29wt {\n margin-bottom: calc(var(--bt) * -1);\n}\n.ft-lgMarginLeftN1-29f_ {\n margin-left: calc(var(--bt) * -1);\n}\n.ft-lgPaddingY1-11hQ {\n padding-bottom: calc(var(--bt) * 1);\n padding-top: calc(var(--bt) * 1);\n}\n.ft-lgPaddingX1-G96d {\n padding-left: calc(var(--bt) * 1);\n padding-right: calc(var(--bt) * 1);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStart2-15l7 {\n margin-left: calc(var(--bt) * 2);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEnd2-2vbk {\n margin-right: calc(var(--bt) * 2);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginStart2-15l7 {\n margin-right: calc(var(--bt) * 2);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginEnd2-2vbk {\n margin-left: calc(var(--bt) * 2);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStartN2-21oi {\n margin-left: calc(var(--bt) * -2);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEndN2-1jvL {\n margin-right: calc(var(--bt) * -2);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginStartN2-21oi {\n margin-right: calc(var(--bt) * -2);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginEndN2-1jvL {\n margin-left: calc(var(--bt) * -2);\n}\n.ft-lgMarginTop2-L0wO {\n margin-top: calc(var(--bt) * 2);\n}\n.ft-lgMarginRight2-1ygq {\n margin-right: calc(var(--bt) * 2);\n}\n.ft-lgMarginBottom2-1hPC {\n margin-bottom: calc(var(--bt) * 2);\n}\n.ft-lgMarginLeft2-230U {\n margin-left: calc(var(--bt) * 2);\n}\n.ft-lgMarginTopN2-JalD {\n margin-top: calc(var(--bt) * -2);\n}\n.ft-lgMarginRightN2-36G_ {\n margin-right: calc(var(--bt) * -2);\n}\n.ft-lgMarginBottomN2-5Z36 {\n margin-bottom: calc(var(--bt) * -2);\n}\n.ft-lgMarginLeftN2-1zhO {\n margin-left: calc(var(--bt) * -2);\n}\n.ft-lgPaddingY2-65L4 {\n padding-bottom: calc(var(--bt) * 2);\n padding-top: calc(var(--bt) * 2);\n}\n.ft-lgPaddingX2-3QEj {\n padding-left: calc(var(--bt) * 2);\n padding-right: calc(var(--bt) * 2);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStart3-38lW {\n margin-left: calc(var(--bt) * 3);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEnd3-3LHZ {\n margin-right: calc(var(--bt) * 3);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginStart3-38lW {\n margin-right: calc(var(--bt) * 3);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginEnd3-3LHZ {\n margin-left: calc(var(--bt) * 3);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStartN3-1Q6R {\n margin-left: calc(var(--bt) * -3);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEndN3-2FBu {\n margin-right: calc(var(--bt) * -3);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginStartN3-1Q6R {\n margin-right: calc(var(--bt) * -3);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginEndN3-2FBu {\n margin-left: calc(var(--bt) * -3);\n}\n.ft-lgMarginTop3-AyIv {\n margin-top: calc(var(--bt) * 3);\n}\n.ft-lgMarginRight3-2ZLe {\n margin-right: calc(var(--bt) * 3);\n}\n.ft-lgMarginBottom3-34ZM {\n margin-bottom: calc(var(--bt) * 3);\n}\n.ft-lgMarginLeft3-g-qG {\n margin-left: calc(var(--bt) * 3);\n}\n.ft-lgMarginTopN3-2c1w {\n margin-top: calc(var(--bt) * -3);\n}\n.ft-lgMarginRightN3-s8Rh {\n margin-right: calc(var(--bt) * -3);\n}\n.ft-lgMarginBottomN3-3Ibl {\n margin-bottom: calc(var(--bt) * -3);\n}\n.ft-lgMarginLeftN3-1Tyw {\n margin-left: calc(var(--bt) * -3);\n}\n.ft-lgPaddingY3-3t4L {\n padding-bottom: calc(var(--bt) * 3);\n padding-top: calc(var(--bt) * 3);\n}\n.ft-lgPaddingX3-3AM4 {\n padding-left: calc(var(--bt) * 3);\n padding-right: calc(var(--bt) * 3);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStart4-1pUf {\n margin-left: calc(var(--bt) * 4);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEnd4-dtnU {\n margin-right: calc(var(--bt) * 4);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginStart4-1pUf {\n margin-right: calc(var(--bt) * 4);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginEnd4-dtnU {\n margin-left: calc(var(--bt) * 4);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStartN4-1odk {\n margin-left: calc(var(--bt) * -4);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEndN4-25ld {\n margin-right: calc(var(--bt) * -4);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginStartN4-1odk {\n margin-right: calc(var(--bt) * -4);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginEndN4-25ld {\n margin-left: calc(var(--bt) * -4);\n}\n.ft-lgMarginTop4-2PYk {\n margin-top: calc(var(--bt) * 4);\n}\n.ft-lgMarginRight4-1i1U {\n margin-right: calc(var(--bt) * 4);\n}\n.ft-lgMarginBottom4-G-QP {\n margin-bottom: calc(var(--bt) * 4);\n}\n.ft-lgMarginLeft4-2HA4 {\n margin-left: calc(var(--bt) * 4);\n}\n.ft-lgMarginTopN4-3zi8 {\n margin-top: calc(var(--bt) * -4);\n}\n.ft-lgMarginRightN4-2aWk {\n margin-right: calc(var(--bt) * -4);\n}\n.ft-lgMarginBottomN4-3aih {\n margin-bottom: calc(var(--bt) * -4);\n}\n.ft-lgMarginLeftN4-2u1E {\n margin-left: calc(var(--bt) * -4);\n}\n.ft-lgPaddingY4-2-2b {\n padding-bottom: calc(var(--bt) * 4);\n padding-top: calc(var(--bt) * 4);\n}\n.ft-lgPaddingX4-1YTr {\n padding-left: calc(var(--bt) * 4);\n padding-right: calc(var(--bt) * 4);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStart5-3zc3 {\n margin-left: calc(var(--bt) * 5);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEnd5-1nbl {\n margin-right: calc(var(--bt) * 5);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginStart5-3zc3 {\n margin-right: calc(var(--bt) * 5);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginEnd5-1nbl {\n margin-left: calc(var(--bt) * 5);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStartN5-2lqr {\n margin-left: calc(var(--bt) * -5);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEndN5-2MzT {\n margin-right: calc(var(--bt) * -5);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginStartN5-2lqr {\n margin-right: calc(var(--bt) * -5);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginEndN5-2MzT {\n margin-left: calc(var(--bt) * -5);\n}\n.ft-lgMarginTop5-2eB3 {\n margin-top: calc(var(--bt) * 5);\n}\n.ft-lgMarginRight5-e4fy {\n margin-right: calc(var(--bt) * 5);\n}\n.ft-lgMarginBottom5-R45p {\n margin-bottom: calc(var(--bt) * 5);\n}\n.ft-lgMarginLeft5-393u {\n margin-left: calc(var(--bt) * 5);\n}\n.ft-lgMarginTopN5-1dsV {\n margin-top: calc(var(--bt) * -5);\n}\n.ft-lgMarginRightN5-3C1C {\n margin-right: calc(var(--bt) * -5);\n}\n.ft-lgMarginBottomN5-Tf7C {\n margin-bottom: calc(var(--bt) * -5);\n}\n.ft-lgMarginLeftN5-2b2I {\n margin-left: calc(var(--bt) * -5);\n}\n.ft-lgPaddingY5-1eN5 {\n padding-bottom: calc(var(--bt) * 5);\n padding-top: calc(var(--bt) * 5);\n}\n.ft-lgPaddingX5-3Onr {\n padding-left: calc(var(--bt) * 5);\n padding-right: calc(var(--bt) * 5);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStart6-4YLj {\n margin-left: calc(var(--bt) * 6);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEnd6-1RqM {\n margin-right: calc(var(--bt) * 6);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginStart6-4YLj {\n margin-right: calc(var(--bt) * 6);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginEnd6-1RqM {\n margin-left: calc(var(--bt) * 6);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStartN6-2Qxg {\n margin-left: calc(var(--bt) * -6);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEndN6-2F1w {\n margin-right: calc(var(--bt) * -6);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginStartN6-2Qxg {\n margin-right: calc(var(--bt) * -6);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginEndN6-2F1w {\n margin-left: calc(var(--bt) * -6);\n}\n.ft-lgMarginTop6-1wig {\n margin-top: calc(var(--bt) * 6);\n}\n.ft-lgMarginRight6-3tb- {\n margin-right: calc(var(--bt) * 6);\n}\n.ft-lgMarginBottom6-3KO5 {\n margin-bottom: calc(var(--bt) * 6);\n}\n.ft-lgMarginLeft6-3Lxj {\n margin-left: calc(var(--bt) * 6);\n}\n.ft-lgMarginTopN6-1Jff {\n margin-top: calc(var(--bt) * -6);\n}\n.ft-lgMarginRightN6-rmJH {\n margin-right: calc(var(--bt) * -6);\n}\n.ft-lgMarginBottomN6-2n9u {\n margin-bottom: calc(var(--bt) * -6);\n}\n.ft-lgMarginLeftN6-srZC {\n margin-left: calc(var(--bt) * -6);\n}\n.ft-lgPaddingY6-cuGW {\n padding-bottom: calc(var(--bt) * 6);\n padding-top: calc(var(--bt) * 6);\n}\n.ft-lgPaddingX6-ZOTY {\n padding-left: calc(var(--bt) * 6);\n padding-right: calc(var(--bt) * 6);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStart7-1h_H {\n margin-left: calc(var(--bt) * 7);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEnd7-33XH {\n margin-right: calc(var(--bt) * 7);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginStart7-1h_H {\n margin-right: calc(var(--bt) * 7);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginEnd7-33XH {\n margin-left: calc(var(--bt) * 7);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStartN7-3tlc {\n margin-left: calc(var(--bt) * -7);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEndN7-YKdy {\n margin-right: calc(var(--bt) * -7);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginStartN7-3tlc {\n margin-right: calc(var(--bt) * -7);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginEndN7-YKdy {\n margin-left: calc(var(--bt) * -7);\n}\n.ft-lgMarginTop7-1HED {\n margin-top: calc(var(--bt) * 7);\n}\n.ft-lgMarginRight7-2DM_ {\n margin-right: calc(var(--bt) * 7);\n}\n.ft-lgMarginBottom7-Ra3B {\n margin-bottom: calc(var(--bt) * 7);\n}\n.ft-lgMarginLeft7-3Ycd {\n margin-left: calc(var(--bt) * 7);\n}\n.ft-lgMarginTopN7-1BE8 {\n margin-top: calc(var(--bt) * -7);\n}\n.ft-lgMarginRightN7-YFI9 {\n margin-right: calc(var(--bt) * -7);\n}\n.ft-lgMarginBottomN7-38qJ {\n margin-bottom: calc(var(--bt) * -7);\n}\n.ft-lgMarginLeftN7-2DwQ {\n margin-left: calc(var(--bt) * -7);\n}\n.ft-lgPaddingY7-2HuP {\n padding-bottom: calc(var(--bt) * 7);\n padding-top: calc(var(--bt) * 7);\n}\n.ft-lgPaddingX7-2orW {\n padding-left: calc(var(--bt) * 7);\n padding-right: calc(var(--bt) * 7);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStart8-35uK {\n margin-left: calc(var(--bt) * 8);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEnd8-1O2Y {\n margin-right: calc(var(--bt) * 8);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginStart8-35uK {\n margin-right: calc(var(--bt) * 8);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginEnd8-1O2Y {\n margin-left: calc(var(--bt) * 8);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStartN8-16JA {\n margin-left: calc(var(--bt) * -8);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEndN8-2hiT {\n margin-right: calc(var(--bt) * -8);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginStartN8-16JA {\n margin-right: calc(var(--bt) * -8);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginEndN8-2hiT {\n margin-left: calc(var(--bt) * -8);\n}\n.ft-lgMarginTop8-wxRu {\n margin-top: calc(var(--bt) * 8);\n}\n.ft-lgMarginRight8-NUf0 {\n margin-right: calc(var(--bt) * 8);\n}\n.ft-lgMarginBottom8-3eNN {\n margin-bottom: calc(var(--bt) * 8);\n}\n.ft-lgMarginLeft8-2kB- {\n margin-left: calc(var(--bt) * 8);\n}\n.ft-lgMarginTopN8-2pjL {\n margin-top: calc(var(--bt) * -8);\n}\n.ft-lgMarginRightN8-39Mp {\n margin-right: calc(var(--bt) * -8);\n}\n.ft-lgMarginBottomN8-38QI {\n margin-bottom: calc(var(--bt) * -8);\n}\n.ft-lgMarginLeftN8-PaGB {\n margin-left: calc(var(--bt) * -8);\n}\n.ft-lgPaddingY8-kH31 {\n padding-bottom: calc(var(--bt) * 8);\n padding-top: calc(var(--bt) * 8);\n}\n.ft-lgPaddingX8-28oL {\n padding-left: calc(var(--bt) * 8);\n padding-right: calc(var(--bt) * 8);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStart9-1NGL {\n margin-left: calc(var(--bt) * 9);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEnd9-ED6R {\n margin-right: calc(var(--bt) * 9);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginStart9-1NGL {\n margin-right: calc(var(--bt) * 9);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginEnd9-ED6R {\n margin-left: calc(var(--bt) * 9);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStartN9-1dbE {\n margin-left: calc(var(--bt) * -9);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEndN9-1ZwO {\n margin-right: calc(var(--bt) * -9);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginStartN9-1dbE {\n margin-right: calc(var(--bt) * -9);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginEndN9-1ZwO {\n margin-left: calc(var(--bt) * -9);\n}\n.ft-lgMarginTop9-SN1X {\n margin-top: calc(var(--bt) * 9);\n}\n.ft-lgMarginRight9-1ba9 {\n margin-right: calc(var(--bt) * 9);\n}\n.ft-lgMarginBottom9-29C7 {\n margin-bottom: calc(var(--bt) * 9);\n}\n.ft-lgMarginLeft9-HHY5 {\n margin-left: calc(var(--bt) * 9);\n}\n.ft-lgMarginTopN9-3hZz {\n margin-top: calc(var(--bt) * -9);\n}\n.ft-lgMarginRightN9-1Jx1 {\n margin-right: calc(var(--bt) * -9);\n}\n.ft-lgMarginBottomN9-3RJA {\n margin-bottom: calc(var(--bt) * -9);\n}\n.ft-lgMarginLeftN9-1q4_ {\n margin-left: calc(var(--bt) * -9);\n}\n.ft-lgPaddingY9-3fpb {\n padding-bottom: calc(var(--bt) * 9);\n padding-top: calc(var(--bt) * 9);\n}\n.ft-lgPaddingX9-2Lhs {\n padding-left: calc(var(--bt) * 9);\n padding-right: calc(var(--bt) * 9);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStart10-1MHf {\n margin-left: calc(var(--bt) * 10);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEnd10-1V7L {\n margin-right: calc(var(--bt) * 10);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginStart10-1MHf {\n margin-right: calc(var(--bt) * 10);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginEnd10-1V7L {\n margin-left: calc(var(--bt) * 10);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStartN10-120P {\n margin-left: calc(var(--bt) * -10);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEndN10-1akC {\n margin-right: calc(var(--bt) * -10);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginStartN10-120P {\n margin-right: calc(var(--bt) * -10);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginEndN10-1akC {\n margin-left: calc(var(--bt) * -10);\n}\n.ft-lgMarginTop10-ClHr {\n margin-top: calc(var(--bt) * 10);\n}\n.ft-lgMarginRight10-1FSe {\n margin-right: calc(var(--bt) * 10);\n}\n.ft-lgMarginBottom10-vgP4 {\n margin-bottom: calc(var(--bt) * 10);\n}\n.ft-lgMarginLeft10-nrsz {\n margin-left: calc(var(--bt) * 10);\n}\n.ft-lgMarginTopN10-7nEj {\n margin-top: calc(var(--bt) * -10);\n}\n.ft-lgMarginRightN10-3hac {\n margin-right: calc(var(--bt) * -10);\n}\n.ft-lgMarginBottomN10-LDjO {\n margin-bottom: calc(var(--bt) * -10);\n}\n.ft-lgMarginLeftN10-rz6N {\n margin-left: calc(var(--bt) * -10);\n}\n.ft-lgPaddingY10-10HC {\n padding-bottom: calc(var(--bt) * 10);\n padding-top: calc(var(--bt) * 10);\n}\n.ft-lgPaddingX10-1iZy {\n padding-left: calc(var(--bt) * 10);\n padding-right: calc(var(--bt) * 10);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStart11-2MSz {\n margin-left: calc(var(--bt) * 11);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEnd11-3g4o {\n margin-right: calc(var(--bt) * 11);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginStart11-2MSz {\n margin-right: calc(var(--bt) * 11);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginEnd11-3g4o {\n margin-left: calc(var(--bt) * 11);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStartN11-33gH {\n margin-left: calc(var(--bt) * -11);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEndN11-2CLv {\n margin-right: calc(var(--bt) * -11);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginStartN11-33gH {\n margin-right: calc(var(--bt) * -11);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginEndN11-2CLv {\n margin-left: calc(var(--bt) * -11);\n}\n.ft-lgMarginTop11-2st4 {\n margin-top: calc(var(--bt) * 11);\n}\n.ft-lgMarginRight11-1OCQ {\n margin-right: calc(var(--bt) * 11);\n}\n.ft-lgMarginBottom11-1w6F {\n margin-bottom: calc(var(--bt) * 11);\n}\n.ft-lgMarginLeft11-1c3v {\n margin-left: calc(var(--bt) * 11);\n}\n.ft-lgMarginTopN11-2-Uv {\n margin-top: calc(var(--bt) * -11);\n}\n.ft-lgMarginRightN11-1Zs3 {\n margin-right: calc(var(--bt) * -11);\n}\n.ft-lgMarginBottomN11-3jcw {\n margin-bottom: calc(var(--bt) * -11);\n}\n.ft-lgMarginLeftN11-1wAe {\n margin-left: calc(var(--bt) * -11);\n}\n.ft-lgPaddingY11-3pmg {\n padding-bottom: calc(var(--bt) * 11);\n padding-top: calc(var(--bt) * 11);\n}\n.ft-lgPaddingX11-JUf6 {\n padding-left: calc(var(--bt) * 11);\n padding-right: calc(var(--bt) * 11);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStart12-1v3q {\n margin-left: calc(var(--bt) * 12);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEnd12-1G5u {\n margin-right: calc(var(--bt) * 12);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginStart12-1v3q {\n margin-right: calc(var(--bt) * 12);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginEnd12-1G5u {\n margin-left: calc(var(--bt) * 12);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginStartN12-2LYs {\n margin-left: calc(var(--bt) * -12);\n}\nhtml:not([dir=\"rtl\"]) .ft-lgMarginEndN12-3ua8 {\n margin-right: calc(var(--bt) * -12);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginStartN12-2LYs {\n margin-right: calc(var(--bt) * -12);\n}\nhtml[dir=\"rtl\"] .ft-lgMarginEndN12-3ua8 {\n margin-left: calc(var(--bt) * -12);\n}\n.ft-lgMarginTop12-1MWk {\n margin-top: calc(var(--bt) * 12);\n}\n.ft-lgMarginRight12-15l0 {\n margin-right: calc(var(--bt) * 12);\n}\n.ft-lgMarginBottom12-3llh {\n margin-bottom: calc(var(--bt) * 12);\n}\n.ft-lgMarginLeft12-1q45 {\n margin-left: calc(var(--bt) * 12);\n}\n.ft-lgMarginTopN12-Ly-9 {\n margin-top: calc(var(--bt) * -12);\n}\n.ft-lgMarginRightN12-2hv- {\n margin-right: calc(var(--bt) * -12);\n}\n.ft-lgMarginBottomN12-3dC6 {\n margin-bottom: calc(var(--bt) * -12);\n}\n.ft-lgMarginLeftN12-x0bn {\n margin-left: calc(var(--bt) * -12);\n}\n.ft-lgPaddingY12-5g8i {\n padding-bottom: calc(var(--bt) * 12);\n padding-top: calc(var(--bt) * 12);\n}\n.ft-lgPaddingX12-1E7- {\n padding-left: calc(var(--bt) * 12);\n padding-right: calc(var(--bt) * 12);\n}\n}\n@media only screen and (min-width: 1440px) {\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStart1-XPFZ {\n margin-left: calc(var(--bt) * 1);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEnd1-16aL {\n margin-right: calc(var(--bt) * 1);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStart1-XPFZ {\n margin-right: calc(var(--bt) * 1);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEnd1-16aL {\n margin-left: calc(var(--bt) * 1);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStartN1-7XJ2 {\n margin-left: calc(var(--bt) * -1);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEndN1-3Sve {\n margin-right: calc(var(--bt) * -1);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStartN1-7XJ2 {\n margin-right: calc(var(--bt) * -1);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEndN1-3Sve {\n margin-left: calc(var(--bt) * -1);\n}\n.ft-xlMarginTop1-2IA3 {\n margin-top: calc(var(--bt) * 1);\n}\n.ft-xlMarginRight1-1qAn {\n margin-right: calc(var(--bt) * 1);\n}\n.ft-xlMarginBottom1-1J7M {\n margin-bottom: calc(var(--bt) * 1);\n}\n.ft-xlMarginLeft1-1yhP {\n margin-left: calc(var(--bt) * 1);\n}\n.ft-xlMarginTopN1-fduV {\n margin-top: calc(var(--bt) * -1);\n}\n.ft-xlMarginRightN1-1nzm {\n margin-right: calc(var(--bt) * -1);\n}\n.ft-xlMarginBottomN1-1-c6 {\n margin-bottom: calc(var(--bt) * -1);\n}\n.ft-xlMarginLeftN1-2jyi {\n margin-left: calc(var(--bt) * -1);\n}\n.ft-xlPaddingY1-3I2l {\n padding-bottom: calc(var(--bt) * 1);\n padding-top: calc(var(--bt) * 1);\n}\n.ft-xlPaddingX1-1dn7 {\n padding-left: calc(var(--bt) * 1);\n padding-right: calc(var(--bt) * 1);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStart2-2ZrL {\n margin-left: calc(var(--bt) * 2);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEnd2-1EtJ {\n margin-right: calc(var(--bt) * 2);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStart2-2ZrL {\n margin-right: calc(var(--bt) * 2);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEnd2-1EtJ {\n margin-left: calc(var(--bt) * 2);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStartN2--738 {\n margin-left: calc(var(--bt) * -2);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEndN2-2Mx6 {\n margin-right: calc(var(--bt) * -2);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStartN2--738 {\n margin-right: calc(var(--bt) * -2);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEndN2-2Mx6 {\n margin-left: calc(var(--bt) * -2);\n}\n.ft-xlMarginTop2-1RwX {\n margin-top: calc(var(--bt) * 2);\n}\n.ft-xlMarginRight2-1tPD {\n margin-right: calc(var(--bt) * 2);\n}\n.ft-xlMarginBottom2-m9y1 {\n margin-bottom: calc(var(--bt) * 2);\n}\n.ft-xlMarginLeft2-2oKl {\n margin-left: calc(var(--bt) * 2);\n}\n.ft-xlMarginTopN2-CQ9_ {\n margin-top: calc(var(--bt) * -2);\n}\n.ft-xlMarginRightN2-23Uv {\n margin-right: calc(var(--bt) * -2);\n}\n.ft-xlMarginBottomN2-3h_U {\n margin-bottom: calc(var(--bt) * -2);\n}\n.ft-xlMarginLeftN2-2n0l {\n margin-left: calc(var(--bt) * -2);\n}\n.ft-xlPaddingY2-39IF {\n padding-bottom: calc(var(--bt) * 2);\n padding-top: calc(var(--bt) * 2);\n}\n.ft-xlPaddingX2-2lnf {\n padding-left: calc(var(--bt) * 2);\n padding-right: calc(var(--bt) * 2);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStart3-1MNN {\n margin-left: calc(var(--bt) * 3);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEnd3-3Hjn {\n margin-right: calc(var(--bt) * 3);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStart3-1MNN {\n margin-right: calc(var(--bt) * 3);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEnd3-3Hjn {\n margin-left: calc(var(--bt) * 3);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStartN3-zREx {\n margin-left: calc(var(--bt) * -3);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEndN3-sQFz {\n margin-right: calc(var(--bt) * -3);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStartN3-zREx {\n margin-right: calc(var(--bt) * -3);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEndN3-sQFz {\n margin-left: calc(var(--bt) * -3);\n}\n.ft-xlMarginTop3-1CWK {\n margin-top: calc(var(--bt) * 3);\n}\n.ft-xlMarginRight3-9rx5 {\n margin-right: calc(var(--bt) * 3);\n}\n.ft-xlMarginBottom3-2t5s {\n margin-bottom: calc(var(--bt) * 3);\n}\n.ft-xlMarginLeft3-2ENk {\n margin-left: calc(var(--bt) * 3);\n}\n.ft-xlMarginTopN3-1NiA {\n margin-top: calc(var(--bt) * -3);\n}\n.ft-xlMarginRightN3-138P {\n margin-right: calc(var(--bt) * -3);\n}\n.ft-xlMarginBottomN3-3SZr {\n margin-bottom: calc(var(--bt) * -3);\n}\n.ft-xlMarginLeftN3-1cj3 {\n margin-left: calc(var(--bt) * -3);\n}\n.ft-xlPaddingY3-26d4 {\n padding-bottom: calc(var(--bt) * 3);\n padding-top: calc(var(--bt) * 3);\n}\n.ft-xlPaddingX3-2Zsl {\n padding-left: calc(var(--bt) * 3);\n padding-right: calc(var(--bt) * 3);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStart4-2nsm {\n margin-left: calc(var(--bt) * 4);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEnd4-1891 {\n margin-right: calc(var(--bt) * 4);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStart4-2nsm {\n margin-right: calc(var(--bt) * 4);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEnd4-1891 {\n margin-left: calc(var(--bt) * 4);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStartN4-12om {\n margin-left: calc(var(--bt) * -4);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEndN4-VRWk {\n margin-right: calc(var(--bt) * -4);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStartN4-12om {\n margin-right: calc(var(--bt) * -4);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEndN4-VRWk {\n margin-left: calc(var(--bt) * -4);\n}\n.ft-xlMarginTop4-1bpq {\n margin-top: calc(var(--bt) * 4);\n}\n.ft-xlMarginRight4-RyLt {\n margin-right: calc(var(--bt) * 4);\n}\n.ft-xlMarginBottom4-1VKY {\n margin-bottom: calc(var(--bt) * 4);\n}\n.ft-xlMarginLeft4-BLma {\n margin-left: calc(var(--bt) * 4);\n}\n.ft-xlMarginTopN4-3bwd {\n margin-top: calc(var(--bt) * -4);\n}\n.ft-xlMarginRightN4-3K3n {\n margin-right: calc(var(--bt) * -4);\n}\n.ft-xlMarginBottomN4-1_yA {\n margin-bottom: calc(var(--bt) * -4);\n}\n.ft-xlMarginLeftN4-DyUy {\n margin-left: calc(var(--bt) * -4);\n}\n.ft-xlPaddingY4-VeFm {\n padding-bottom: calc(var(--bt) * 4);\n padding-top: calc(var(--bt) * 4);\n}\n.ft-xlPaddingX4-1IrA {\n padding-left: calc(var(--bt) * 4);\n padding-right: calc(var(--bt) * 4);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStart5-2oee {\n margin-left: calc(var(--bt) * 5);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEnd5-2cgU {\n margin-right: calc(var(--bt) * 5);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStart5-2oee {\n margin-right: calc(var(--bt) * 5);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEnd5-2cgU {\n margin-left: calc(var(--bt) * 5);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStartN5-2TYF {\n margin-left: calc(var(--bt) * -5);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEndN5-2I3T {\n margin-right: calc(var(--bt) * -5);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStartN5-2TYF {\n margin-right: calc(var(--bt) * -5);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEndN5-2I3T {\n margin-left: calc(var(--bt) * -5);\n}\n.ft-xlMarginTop5-1vJC {\n margin-top: calc(var(--bt) * 5);\n}\n.ft-xlMarginRight5-2_2M {\n margin-right: calc(var(--bt) * 5);\n}\n.ft-xlMarginBottom5-2p7e {\n margin-bottom: calc(var(--bt) * 5);\n}\n.ft-xlMarginLeft5-3q5B {\n margin-left: calc(var(--bt) * 5);\n}\n.ft-xlMarginTopN5-1Aas {\n margin-top: calc(var(--bt) * -5);\n}\n.ft-xlMarginRightN5-2wgC {\n margin-right: calc(var(--bt) * -5);\n}\n.ft-xlMarginBottomN5-1jju {\n margin-bottom: calc(var(--bt) * -5);\n}\n.ft-xlMarginLeftN5-EmHD {\n margin-left: calc(var(--bt) * -5);\n}\n.ft-xlPaddingY5-1EwN {\n padding-bottom: calc(var(--bt) * 5);\n padding-top: calc(var(--bt) * 5);\n}\n.ft-xlPaddingX5-3SW3 {\n padding-left: calc(var(--bt) * 5);\n padding-right: calc(var(--bt) * 5);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStart6-OytX {\n margin-left: calc(var(--bt) * 6);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEnd6-2hzN {\n margin-right: calc(var(--bt) * 6);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStart6-OytX {\n margin-right: calc(var(--bt) * 6);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEnd6-2hzN {\n margin-left: calc(var(--bt) * 6);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStartN6-3gIU {\n margin-left: calc(var(--bt) * -6);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEndN6-1sB7 {\n margin-right: calc(var(--bt) * -6);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStartN6-3gIU {\n margin-right: calc(var(--bt) * -6);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEndN6-1sB7 {\n margin-left: calc(var(--bt) * -6);\n}\n.ft-xlMarginTop6-3y5- {\n margin-top: calc(var(--bt) * 6);\n}\n.ft-xlMarginRight6-2Y1N {\n margin-right: calc(var(--bt) * 6);\n}\n.ft-xlMarginBottom6-3yJS {\n margin-bottom: calc(var(--bt) * 6);\n}\n.ft-xlMarginLeft6-xQwM {\n margin-left: calc(var(--bt) * 6);\n}\n.ft-xlMarginTopN6-1oL_ {\n margin-top: calc(var(--bt) * -6);\n}\n.ft-xlMarginRightN6-12S2 {\n margin-right: calc(var(--bt) * -6);\n}\n.ft-xlMarginBottomN6-1RTN {\n margin-bottom: calc(var(--bt) * -6);\n}\n.ft-xlMarginLeftN6-XvdD {\n margin-left: calc(var(--bt) * -6);\n}\n.ft-xlPaddingY6-2-2W {\n padding-bottom: calc(var(--bt) * 6);\n padding-top: calc(var(--bt) * 6);\n}\n.ft-xlPaddingX6-3U-b {\n padding-left: calc(var(--bt) * 6);\n padding-right: calc(var(--bt) * 6);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStart7-3UAt {\n margin-left: calc(var(--bt) * 7);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEnd7-Q1FV {\n margin-right: calc(var(--bt) * 7);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStart7-3UAt {\n margin-right: calc(var(--bt) * 7);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEnd7-Q1FV {\n margin-left: calc(var(--bt) * 7);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStartN7-PpZq {\n margin-left: calc(var(--bt) * -7);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEndN7-1-RI {\n margin-right: calc(var(--bt) * -7);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStartN7-PpZq {\n margin-right: calc(var(--bt) * -7);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEndN7-1-RI {\n margin-left: calc(var(--bt) * -7);\n}\n.ft-xlMarginTop7-_Ml3 {\n margin-top: calc(var(--bt) * 7);\n}\n.ft-xlMarginRight7-CDoG {\n margin-right: calc(var(--bt) * 7);\n}\n.ft-xlMarginBottom7-3HcD {\n margin-bottom: calc(var(--bt) * 7);\n}\n.ft-xlMarginLeft7-3RkY {\n margin-left: calc(var(--bt) * 7);\n}\n.ft-xlMarginTopN7-8cfV {\n margin-top: calc(var(--bt) * -7);\n}\n.ft-xlMarginRightN7-2T6L {\n margin-right: calc(var(--bt) * -7);\n}\n.ft-xlMarginBottomN7-Yiu8 {\n margin-bottom: calc(var(--bt) * -7);\n}\n.ft-xlMarginLeftN7-16yK {\n margin-left: calc(var(--bt) * -7);\n}\n.ft-xlPaddingY7-2uBs {\n padding-bottom: calc(var(--bt) * 7);\n padding-top: calc(var(--bt) * 7);\n}\n.ft-xlPaddingX7-1pD7 {\n padding-left: calc(var(--bt) * 7);\n padding-right: calc(var(--bt) * 7);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStart8-3AdC {\n margin-left: calc(var(--bt) * 8);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEnd8-Yk4G {\n margin-right: calc(var(--bt) * 8);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStart8-3AdC {\n margin-right: calc(var(--bt) * 8);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEnd8-Yk4G {\n margin-left: calc(var(--bt) * 8);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStartN8-2EuI {\n margin-left: calc(var(--bt) * -8);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEndN8-O1cR {\n margin-right: calc(var(--bt) * -8);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStartN8-2EuI {\n margin-right: calc(var(--bt) * -8);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEndN8-O1cR {\n margin-left: calc(var(--bt) * -8);\n}\n.ft-xlMarginTop8-H5YH {\n margin-top: calc(var(--bt) * 8);\n}\n.ft-xlMarginRight8-2P1k {\n margin-right: calc(var(--bt) * 8);\n}\n.ft-xlMarginBottom8-3Vzd {\n margin-bottom: calc(var(--bt) * 8);\n}\n.ft-xlMarginLeft8-2jov {\n margin-left: calc(var(--bt) * 8);\n}\n.ft-xlMarginTopN8-2jN- {\n margin-top: calc(var(--bt) * -8);\n}\n.ft-xlMarginRightN8-1w5g {\n margin-right: calc(var(--bt) * -8);\n}\n.ft-xlMarginBottomN8-3JKo {\n margin-bottom: calc(var(--bt) * -8);\n}\n.ft-xlMarginLeftN8-R5g2 {\n margin-left: calc(var(--bt) * -8);\n}\n.ft-xlPaddingY8-2aNu {\n padding-bottom: calc(var(--bt) * 8);\n padding-top: calc(var(--bt) * 8);\n}\n.ft-xlPaddingX8-3LhE {\n padding-left: calc(var(--bt) * 8);\n padding-right: calc(var(--bt) * 8);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStart9-2WSF {\n margin-left: calc(var(--bt) * 9);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEnd9-_TBw {\n margin-right: calc(var(--bt) * 9);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStart9-2WSF {\n margin-right: calc(var(--bt) * 9);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEnd9-_TBw {\n margin-left: calc(var(--bt) * 9);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStartN9-1PDz {\n margin-left: calc(var(--bt) * -9);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEndN9-3fyc {\n margin-right: calc(var(--bt) * -9);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStartN9-1PDz {\n margin-right: calc(var(--bt) * -9);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEndN9-3fyc {\n margin-left: calc(var(--bt) * -9);\n}\n.ft-xlMarginTop9-88lI {\n margin-top: calc(var(--bt) * 9);\n}\n.ft-xlMarginRight9-1Om2 {\n margin-right: calc(var(--bt) * 9);\n}\n.ft-xlMarginBottom9-20XH {\n margin-bottom: calc(var(--bt) * 9);\n}\n.ft-xlMarginLeft9-SPUa {\n margin-left: calc(var(--bt) * 9);\n}\n.ft-xlMarginTopN9-1yOC {\n margin-top: calc(var(--bt) * -9);\n}\n.ft-xlMarginRightN9-3vHM {\n margin-right: calc(var(--bt) * -9);\n}\n.ft-xlMarginBottomN9-HKvw {\n margin-bottom: calc(var(--bt) * -9);\n}\n.ft-xlMarginLeftN9-2ahf {\n margin-left: calc(var(--bt) * -9);\n}\n.ft-xlPaddingY9-22lY {\n padding-bottom: calc(var(--bt) * 9);\n padding-top: calc(var(--bt) * 9);\n}\n.ft-xlPaddingX9-3MAv {\n padding-left: calc(var(--bt) * 9);\n padding-right: calc(var(--bt) * 9);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStart10-1hAP {\n margin-left: calc(var(--bt) * 10);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEnd10-7QIO {\n margin-right: calc(var(--bt) * 10);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStart10-1hAP {\n margin-right: calc(var(--bt) * 10);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEnd10-7QIO {\n margin-left: calc(var(--bt) * 10);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStartN10-355x {\n margin-left: calc(var(--bt) * -10);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEndN10-1dvC {\n margin-right: calc(var(--bt) * -10);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStartN10-355x {\n margin-right: calc(var(--bt) * -10);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEndN10-1dvC {\n margin-left: calc(var(--bt) * -10);\n}\n.ft-xlMarginTop10-1KSY {\n margin-top: calc(var(--bt) * 10);\n}\n.ft-xlMarginRight10-17R- {\n margin-right: calc(var(--bt) * 10);\n}\n.ft-xlMarginBottom10-2kDr {\n margin-bottom: calc(var(--bt) * 10);\n}\n.ft-xlMarginLeft10-2D_G {\n margin-left: calc(var(--bt) * 10);\n}\n.ft-xlMarginTopN10-2Uzm {\n margin-top: calc(var(--bt) * -10);\n}\n.ft-xlMarginRightN10-3hG9 {\n margin-right: calc(var(--bt) * -10);\n}\n.ft-xlMarginBottomN10-1zts {\n margin-bottom: calc(var(--bt) * -10);\n}\n.ft-xlMarginLeftN10-UQq0 {\n margin-left: calc(var(--bt) * -10);\n}\n.ft-xlPaddingY10-1zUl {\n padding-bottom: calc(var(--bt) * 10);\n padding-top: calc(var(--bt) * 10);\n}\n.ft-xlPaddingX10-3UiL {\n padding-left: calc(var(--bt) * 10);\n padding-right: calc(var(--bt) * 10);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStart11-2gXx {\n margin-left: calc(var(--bt) * 11);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEnd11-CViH {\n margin-right: calc(var(--bt) * 11);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStart11-2gXx {\n margin-right: calc(var(--bt) * 11);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEnd11-CViH {\n margin-left: calc(var(--bt) * 11);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStartN11-2You {\n margin-left: calc(var(--bt) * -11);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEndN11-1Kbr {\n margin-right: calc(var(--bt) * -11);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStartN11-2You {\n margin-right: calc(var(--bt) * -11);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEndN11-1Kbr {\n margin-left: calc(var(--bt) * -11);\n}\n.ft-xlMarginTop11-1Yhm {\n margin-top: calc(var(--bt) * 11);\n}\n.ft-xlMarginRight11-32i- {\n margin-right: calc(var(--bt) * 11);\n}\n.ft-xlMarginBottom11-1l69 {\n margin-bottom: calc(var(--bt) * 11);\n}\n.ft-xlMarginLeft11-3bp0 {\n margin-left: calc(var(--bt) * 11);\n}\n.ft-xlMarginTopN11-iCCZ {\n margin-top: calc(var(--bt) * -11);\n}\n.ft-xlMarginRightN11-1CVA {\n margin-right: calc(var(--bt) * -11);\n}\n.ft-xlMarginBottomN11-2D2q {\n margin-bottom: calc(var(--bt) * -11);\n}\n.ft-xlMarginLeftN11-gCbQ {\n margin-left: calc(var(--bt) * -11);\n}\n.ft-xlPaddingY11-1mQt {\n padding-bottom: calc(var(--bt) * 11);\n padding-top: calc(var(--bt) * 11);\n}\n.ft-xlPaddingX11-S8wc {\n padding-left: calc(var(--bt) * 11);\n padding-right: calc(var(--bt) * 11);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStart12-Ztj7 {\n margin-left: calc(var(--bt) * 12);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEnd12-701h {\n margin-right: calc(var(--bt) * 12);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStart12-Ztj7 {\n margin-right: calc(var(--bt) * 12);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEnd12-701h {\n margin-left: calc(var(--bt) * 12);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginStartN12-20db {\n margin-left: calc(var(--bt) * -12);\n}\nhtml:not([dir=\"rtl\"]) .ft-xlMarginEndN12-1JzB {\n margin-right: calc(var(--bt) * -12);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginStartN12-20db {\n margin-right: calc(var(--bt) * -12);\n}\nhtml[dir=\"rtl\"] .ft-xlMarginEndN12-1JzB {\n margin-left: calc(var(--bt) * -12);\n}\n.ft-xlMarginTop12-2_c2 {\n margin-top: calc(var(--bt) * 12);\n}\n.ft-xlMarginRight12-1iEg {\n margin-right: calc(var(--bt) * 12);\n}\n.ft-xlMarginBottom12-hegN {\n margin-bottom: calc(var(--bt) * 12);\n}\n.ft-xlMarginLeft12-21jc {\n margin-left: calc(var(--bt) * 12);\n}\n.ft-xlMarginTopN12-11O- {\n margin-top: calc(var(--bt) * -12);\n}\n.ft-xlMarginRightN12-13Mb {\n margin-right: calc(var(--bt) * -12);\n}\n.ft-xlMarginBottomN12-IMlv {\n margin-bottom: calc(var(--bt) * -12);\n}\n.ft-xlMarginLeftN12-1vNJ {\n margin-left: calc(var(--bt) * -12);\n}\n.ft-xlPaddingY12-iM8H {\n padding-bottom: calc(var(--bt) * 12);\n padding-top: calc(var(--bt) * 12);\n}\n.ft-xlPaddingX12-A1So {\n padding-left: calc(var(--bt) * 12);\n padding-right: calc(var(--bt) * 12);\n}\n}\n/* display */\n.ft-block-2L6n {\n display: block;\n}\n.ft-inline-2UPl {\n display: inline;\n}\n.ft-inlineBlock-RaNl {\n display: inline-block;\n}\n.ft-table-2UUn {\n display: table;\n}\n/* overflow */\n.ft-overflowHidden-v1p3 {\n overflow: hidden;\n}\n.ft-overflowScroll-3QFN {\n overflow: scroll;\n}\n.ft-overflowScrollX-333D {\n overflow-x: scroll;\n overflow-y: hidden;\n}\n.ft-overflowScrollY-pKX6 {\n overflow-x: hidden;\n overflow-y: scroll;\n}\n.ft-overflowAuto-3P7Z {\n overflow: auto;\n}\n.ft-fit-mf0i {\n max-width: 100%;\n}\n/* position */\n.ft-relative-34Rd {\n position: relative;\n}\n.ft-fixed-3P3C {\n position: fixed;\n}\n.ft-absolute-3WNJ {\n position: absolute;\n}\n.ft-sticky-DPAu {\n /*\n IE11 Fallback: when sticky is not supported, fall back to relative positioning.\n We do this so if there is a zIndex set on sticky, the stacking context will be correct\n */\n position: relative;\n position: -webkit-sticky;\n position: sticky;\n}\n.ft-top0-jaHV {\n top: 0;\n}\n.ft-right0-1kWo {\n right: 0;\n}\n.ft-bottom0-3sO0 {\n bottom: 0;\n}\n.ft-left0-3LfJ {\n left: 0;\n}\n/* size */\n.ft-small-1_zh {\n min-height: 36px;\n}\n.ft-medium-3tTa {\n min-height: 40px;\n}\n.ft-large-273Z {\n min-height: 48px;\n}\n/* box model */\n.ft-borderBox-3soS {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.ft-contentBox-U3ZT {\n -webkit-box-sizing: content-box;\n box-sizing: content-box;\n}\n.ft-flex-25YM {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.ft-xsFlex-38u6 {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n@media (min-width: 480px) {\n.ft-smFlex-1qt_ {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n}\n@media (min-width: 752px) {\n.ft-mdFlex-3F7u {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n}\n@media (min-width: 1008px) {\n.ft-lgFlex-1qXl {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n}\n@media (min-width: 1440px) {\n.ft-xlFlex-3Ki1 {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n}\n.ft-flexColumn-1HTk {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.ft-flexWrap-120I {\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.ft-itemsStart-3z4Q {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.ft-itemsEnd-37SW {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.ft-itemsCenter-3mb1 {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.ft-itemsBaseline-3c-D {\n -webkit-box-align: baseline;\n -ms-flex-align: baseline;\n align-items: baseline;\n}\n.ft-itemsStretch-3Rwn {\n -webkit-box-align: stretch;\n -ms-flex-align: stretch;\n align-items: stretch;\n}\n.ft-selfStart-bi4y {\n -ms-flex-item-align: start;\n align-self: flex-start;\n}\n.ft-selfEnd-NkZS {\n -ms-flex-item-align: end;\n align-self: flex-end;\n}\n.ft-selfCenter-3DL7 {\n -ms-flex-item-align: center;\n align-self: center;\n}\n.ft-selfBaseline-1QJf {\n -ms-flex-item-align: baseline;\n align-self: baseline;\n}\n.ft-selfStretch-VcZY {\n -ms-flex-item-align: stretch;\n align-self: stretch;\n}\n.ft-justifyStart-30lo {\n -webkit-box-pack: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\n.ft-justifyEnd-3uH6 {\n -webkit-box-pack: end;\n -ms-flex-pack: end;\n justify-content: flex-end;\n}\n.ft-justifyCenter-2E-G {\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.ft-justifyBetween-1rBI {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n.ft-justifyAround-2XYX {\n -ms-flex-pack: distribute;\n justify-content: space-around;\n}\n.ft-contentStart-EGor {\n -ms-flex-line-pack: start;\n align-content: flex-start;\n}\n.ft-contentEnd-2D7t {\n -ms-flex-line-pack: end;\n align-content: flex-end;\n}\n.ft-contentCenter-3X0g {\n -ms-flex-line-pack: center;\n align-content: center;\n}\n.ft-contentBetween-2Hoa {\n -ms-flex-line-pack: justify;\n align-content: space-between;\n}\n.ft-contentAround-385l {\n -ms-flex-line-pack: distribute;\n align-content: space-around;\n}\n.ft-contentStretch-283Q {\n -ms-flex-line-pack: stretch;\n align-content: stretch;\n}\n/* Fix for Chrome 44 bug: https://code.google.com/p/chromium/issues/detail?id=506893 */\n.ft-flexGrow-1bwn {\n -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto;\n /* 1 */\n min-height: 0;\n min-width: 0;\n}\n.ft-flexNone-18ON {\n -webkit-box-flex: 0;\n -ms-flex: 0 0 auto;\n flex: 0 0 auto;\n}\n.ft-orderFirst-1gcl {\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n}\n.ft-orderLast-2S5K {\n -webkit-box-ordinal-group: 100000;\n -ms-flex-order: 99999;\n order: 99999;\n}\n.ft-col-1D1v {\n vertical-align: top;\n}\n.ft-xsCol1--D3A {\n width: calc(1 / 12 * 100% - 32px);\n}\n.ft-xsCol2-2Ndf {\n width: calc(2 / 12 * 100% - 32px);\n}\n.ft-xsCol3-3Fdq {\n width: calc(3 / 12 * 100% - 32px);\n}\n.ft-xsCol4-2-_W {\n width: calc(4 / 12 * 100% - 32px);\n}\n.ft-xsCol5-18xn {\n width: calc(5 / 12 * 100% - 32px);\n}\n.ft-xsCol6-1lbt {\n width: calc(6 / 12 * 100% - 32px);\n}\n.ft-xsCol7-3WYy {\n width: calc(7 / 12 * 100% - 32px);\n}\n.ft-xsCol8-34vy {\n width: calc(8 / 12 * 100% - 32px);\n}\n.ft-xsCol9-1Du5 {\n width: calc(9 / 12 * 100% - 32px);\n}\n.ft-xsCol10-2Pwf {\n width: calc(10 / 12 * 100% - 32px);\n}\n.ft-xsCol11-1j7l {\n width: calc(11 / 12 * 100% - 32px);\n}\n.ft-xsCol12-3U_e {\n width: calc((12 / 12 * 100% - 32px));\n}\n@media (min-width: 480px) {\n.ft-smCol1-2Yw5 {\n width: calc(1 / 12 * 100% - 32px);\n}\n.ft-smCol2-t6nc {\n width: calc(2 / 12 * 100% - 32px);\n}\n.ft-smCol3-1dHM {\n width: calc(3 / 12 * 100% - 32px);\n}\n.ft-smCol4-1bKu {\n width: calc(4 / 12 * 100% - 32px);\n}\n.ft-smCol5-3x9c {\n width: calc(5 / 12 * 100% - 32px);\n}\n.ft-smCol6-20cH {\n width: calc(6 / 12 * 100% - 32px);\n}\n.ft-smCol7-sYiB {\n width: calc(7 / 12 * 100% - 32px);\n}\n.ft-smCol8-1KO5 {\n width: calc(8 / 12 * 100% - 32px);\n}\n.ft-smCol9-1CnG {\n width: calc(9 / 12 * 100% - 32px);\n}\n.ft-smCol10-2nid {\n width: calc(10 / 12 * 100% - 32px);\n}\n.ft-smCol11-X5TR {\n width: calc(11 / 12 * 100% - 32px);\n}\n.ft-smCol12-1pcN {\n width: calc(12 / 12 * 100% - 32px);\n}\n}\n@media (min-width: 752px) {\n.ft-mdCol1-2AqV {\n width: calc(1 / 12 * 100% - 32px);\n}\n.ft-mdCol2-YWvE {\n width: calc(2 / 12 * 100% - 32px);\n}\n.ft-mdCol3-1JTe {\n width: calc(3 / 12 * 100% - 32px);\n}\n.ft-mdCol4-ALGz {\n width: calc(4 / 12 * 100% - 32px);\n}\n.ft-mdCol5-ONwG {\n width: calc(5 / 12 * 100% - 32px);\n}\n.ft-mdCol6-2raz {\n width: calc(6 / 12 * 100% - 32px);\n}\n.ft-mdCol7-1U6s {\n width: calc(7 / 12 * 100% - 32px);\n}\n.ft-mdCol8-1dIT {\n width: calc(8 / 12 * 100% - 32px);\n}\n.ft-mdCol9-1Nfb {\n width: calc(9 / 12 * 100% - 32px);\n}\n.ft-mdCol10-7Pnw {\n width: calc(10 / 12 * 100% - 32px);\n}\n.ft-mdCol11-1BK2 {\n width: calc(11 / 12 * 100% - 32px);\n}\n.ft-mdCol12-1cWf {\n width: calc(12 / 12 * 100% - 32px);\n}\n}\n@media (min-width: 1008px) {\n.ft-lgCol1-vrdA {\n width: calc(1 / 12 * 100% - 32px);\n}\n.ft-lgCol2-1KRl {\n width: calc(2 / 12 * 100% - 32px);\n}\n.ft-lgCol3-3biE {\n width: calc(3 / 12 * 100% - 32px);\n}\n.ft-lgCol4-3ZFU {\n width: calc(4 / 12 * 100% - 32px);\n}\n.ft-lgCol5-1yVz {\n width: calc(5 / 12 * 100% - 32px);\n}\n.ft-lgCol6--qs5 {\n width: calc(6 / 12 * 100% - 32px);\n}\n.ft-lgCol7-2eXR {\n width: calc(7 / 12 * 100% - 32px);\n}\n.ft-lgCol8-OnGL {\n width: calc(8 / 12 * 100% - 32px);\n}\n.ft-lgCol9-3Kiy {\n width: calc(9 / 12 * 100% - 32px);\n}\n.ft-lgCol10-3Fyf {\n width: calc(10 / 12 * 100% - 32px);\n}\n.ft-lgCol11-1M9H {\n width: calc(11 / 12 * 100% - 32px);\n}\n.ft-lgCol12-dKS9 {\n width: calc(12 / 12 * 100% - 32px);\n}\n}\n@media (min-width: 1440px) {\n.ft-xlCol1-Rp9h {\n width: calc(1 / 12 * 100% - 32px);\n}\n.ft-xlCol2-3CPm {\n width: calc(2 / 12 * 100% - 32px);\n}\n.ft-xlCol3-1tcs {\n width: calc(3 / 12 * 100% - 32px);\n}\n.ft-xlCol4-3Twl {\n width: calc(4 / 12 * 100% - 32px);\n}\n.ft-xlCol5-1c-J {\n width: calc(5 / 12 * 100% - 32px);\n}\n.ft-xlCol6-18Vo {\n width: calc(6 / 12 * 100% - 32px);\n}\n.ft-xlCol7-32FC {\n width: calc(7 / 12 * 100% - 32px);\n}\n.ft-xlCol8-qG6H {\n width: calc(8 / 12 * 100% - 32px);\n}\n.ft-xlCol9-3wvj {\n width: calc(9 / 12 * 100% - 32px);\n}\n.ft-xlCol10-77CN {\n width: calc(10 / 12 * 100% - 32px);\n}\n.ft-xlCol11-2GQU {\n width: calc(11 / 12 * 100% - 32px);\n}\n.ft-xlCol12-3JKr {\n width: calc(12 / 12 * 100% - 32px);\n}\n}\n:root {\n --color-black: #292E31;\n --color-gray-dark: #505558;\n --color-gray: #777C7F;\n --color-gray-light: #9EA3A6;\n --color-gray-lighter: #C5CACD;\n --color-gray-lightest: #EDF2F5;\n --color-white: #FFFFFF;\n --color-background-darker: #F2F2F2;\n --color-background: #F8F8F8;\n --color-link: #267ABD;\n --color-link-visited: #7F57B8;\n --color-link-dark-bg: #ACCCE5;\n --color-disabled: #C5CACD;\n --color-notification-1: #EA60A7;\n --color-notification-2: #FFB511;\n --color-notification-3: #0D9DDB;\n --color-highlight-1: #FFF8B0;\n --color-highlight-2: #E3F7FF;\n --color-highlight-3: #E0FFE0;\n --color-action-darkest: #30855C;\n --color-action-darker: #399E6E;\n --color-action: #3DA774;\n --color-action-lighter: #49B88B;\n --color-action-lightest: #EBF6F1;\n --color-selected-darkest: #0A7DAF;\n --color-selected-darker: #0D94CF;\n --color-selected: #0D9DDB;\n --color-selected-lighter: #0FB0E2;\n --color-selected-lightest: #E7F5FB;\n --color-error-darkest: #B43931;\n --color-error-darker: #D5443A;\n --color-error: #E1483E;\n --color-error-lighter: #E7564A;\n --color-error-lightest: #FBECEB;\n --color-warning-darkest: #CC900D;\n --color-warning-darker: #F2AB10;\n --color-warning: #FFB511;\n --color-warning-lighter: #FFC314;\n --color-warning-lightest: #FFF7E7;\n --color-secondary-darker: #E0E5E8;\n --color-secondary: #EDF2F5;\n --color-secondary-lighter: #F6F8FA;\n --color-bna-blue: #17509F;\n --color-blaw-blue: #0D9DDB;\n --color-btax-orange: #EA7815;\n --color-btax-blue: #2785D6;\n --color-bgov-navy: #0018AB;\n --color-bgov-purple: #9933CC;\n --color-btax-dark-blue: #17509F;\n --color-btax-light-blue: #2785D6;\n --color-theme-antitrust: #57534A;\n --color-theme-banking: #379851;\n --color-theme-bankruptcy: #C52700;\n --color-theme-benefits: #EA6A02;\n --color-theme-corporate: #8A5BB6;\n --color-theme-ediscovery: #F64A56;\n --color-theme-environment: #6DC470;\n --color-theme-health: #0D3B91;\n --color-theme-ip: #1E95C1;\n --color-theme-labor: #00C18C;\n --color-theme-securities: #45BDE9;\n --color-theme-telecom: #6A8C8A;\n --color-dataviz-1: #63B995;\n --color-dataviz-2: #1E4882;\n --color-dataviz-3: #F87060;\n --color-dataviz-4: #1AA2AF;\n --color-dataviz-5: #FFB511;\n --color-dataviz-6: #9357C8;\n --color-dataviz-7: #F697C0;\n --color-dataviz-8: #2ECC71;\n --color-dataviz-9: #34495E;\n --color-dataviz-10: #FF6D10;\n --color-dataviz-positive: #2ECC71;\n --color-dataviz-negative: #F87060;\n --color-democrat: #0A54C2;\n --color-republican: #D3301A;\n --color-independent: #FFB00D;\n}\n.ft-colorBlack-Ghc5 {\n color: var(--color-black);\n}\n.ft-colorGrayDark-E-D2 {\n color: var(--color-gray-dark);\n}\n.ft-colorGray-3wCx {\n color: var(--color-gray);\n}\n.ft-colorGrayLight-3h82 {\n color: var(--color-gray-light);\n}\n.ft-colorGrayLighter-t2lc {\n color: var(--color-gray-lighter);\n}\n.ft-colorGrayLightest-1N6b {\n color: var(--color-gray-lightest);\n}\n.ft-colorWhite-3SlT {\n color: var(--color-white);\n}\n.ft-colorBackgroundDarker-onLK {\n color: var(--color-background-darker);\n}\n.ft-colorBackground-ADQy {\n color: var(--color-background);\n}\n.ft-colorLink-o2EC {\n color: var(--color-link);\n}\n.ft-colorLinkVisited-3nnH {\n color: var(--color-link-visited);\n}\n.ft-colorLinkDarkBg-2eSY {\n color: var(--color-link-dark-bg);\n}\n.ft-colorDisabled-2zDr {\n color: var(--color-disabled);\n}\n.ft-colorNotification1-16A7 {\n color: var(--color-notification-1);\n}\n.ft-colorNotification2-1qi9 {\n color: var(--color-notification-2);\n}\n.ft-colorNotification3-3jaM {\n color: var(--color-notification-3);\n}\n.ft-colorHighlight1-S-lo {\n color: var(--color-highlight-1);\n}\n.ft-colorHighlight2-2L3L {\n color: var(--color-highlight-2);\n}\n.ft-colorHighlight3-1GG5 {\n color: var(--color-highlight-3);\n}\n.ft-colorActionDarkest-290_ {\n color: var(--color-action-darkest);\n}\n.ft-colorActionDarker-X__t {\n color: var(--color-action-darker);\n}\n.ft-colorAction-26AI {\n color: var(--color-action);\n}\n.ft-colorActionLighter-3ZCQ {\n color: var(--color-action-lighter);\n}\n.ft-colorActionLightest-JYKr {\n color: var(--color-action-lightest);\n}\n.ft-colorSelectedDarkest-3A7h {\n color: var(--color-selected-darkest);\n}\n.ft-colorSelectedDarker-zMY8 {\n color: var(--color-selected-darker);\n}\n.ft-colorSelected-1_wg {\n color: var(--color-selected);\n}\n.ft-colorSelectedLighter-2JtV {\n color: var(--color-selected-lighter);\n}\n.ft-colorSelectedLightest-1hfQ {\n color: var(--color-selected-lightest);\n}\n.ft-colorErrorDarkest-28PB {\n color: var(--color-error-darkest);\n}\n.ft-colorErrorDarker-BUT2 {\n color: var(--color-error-darker);\n}\n.ft-colorError-EOn2 {\n color: var(--color-error);\n}\n.ft-colorErrorLighter-1Lp2 {\n color: var(--color-error-lighter);\n}\n.ft-colorErrorLightest-3hvJ {\n color: var(--color-error-lightest);\n}\n.ft-colorWarningDarkest-2cNc {\n color: var(--color-warning-darkest);\n}\n.ft-colorWarningDarker-1Tfl {\n color: var(--color-warning-darker);\n}\n.ft-colorWarning-r7g0 {\n color: var(--color-warning);\n}\n.ft-colorWarningLighter-ELyF {\n color: var(--color-warning-lighter);\n}\n.ft-colorWarningLightest-pYcx {\n color: var(--color-warning-lightest);\n}\n.ft-colorSecondaryDarker-8cUk {\n color: var(--color-secondary-darker);\n}\n.ft-colorSecondary-2g3i {\n color: var(--color-secondary);\n}\n.ft-colorSecondaryLighter-1AwU {\n color: var(--color-secondary-lighter);\n}\n.ft-colorBnaBlue-3tA_ {\n color: var(--color-bna-blue);\n}\n.ft-colorBlawBlue-1qmi {\n color: var(--color-blaw-blue);\n}\n.ft-colorBtaxOrange-1OY- {\n color: var(--color-btax-orange);\n}\n.ft-colorBtaxBlue-2PQc {\n color: var(--color-btax-blue);\n}\n.ft-colorBgovNavy-2cD1 {\n color: var(--color-bgov-navy);\n}\n.ft-colorBgovPurple-1Smk {\n color: var(--color-bgov-purple);\n}\n.ft-colorBtaxDarkBlue-1fK6 {\n color: var(--color-btax-dark-blue);\n}\n.ft-colorBtaxLightBlue-3h8t {\n color: var(--color-btax-light-blue);\n}\n.ft-colorThemeAntitrust-14RR {\n color: var(--color-theme-antitrust);\n}\n.ft-colorThemeBanking-1evK {\n color: var(--color-theme-banking);\n}\n.ft-colorThemeBankruptcy-32HN {\n color: var(--color-theme-bankruptcy);\n}\n.ft-colorThemeBenefits-2pSN {\n color: var(--color-theme-benefits);\n}\n.ft-colorThemeCorporate-3s4_ {\n color: var(--color-theme-corporate);\n}\n.ft-colorThemeEdiscovery-31p9 {\n color: var(--color-theme-ediscovery);\n}\n.ft-colorThemeEnvironment-2q5J {\n color: var(--color-theme-environment);\n}\n.ft-colorThemeHealth-34T3 {\n color: var(--color-theme-health);\n}\n.ft-colorThemeIp-2JVI {\n color: var(--color-theme-ip);\n}\n.ft-colorThemeLabor-7OV3 {\n color: var(--color-theme-labor);\n}\n.ft-colorThemeSecurities-2GEa {\n color: var(--color-theme-securities);\n}\n.ft-colorThemeTelecom-1DLw {\n color: var(--color-theme-telecom);\n}\n.ft-colorDataviz1-2wXr {\n color: var(--color-dataviz-1);\n}\n.ft-colorDataviz2-RhI6 {\n color: var(--color-dataviz-2);\n}\n.ft-colorDataviz3-YbMw {\n color: var(--color-dataviz-3);\n}\n.ft-colorDataviz4-daVZ {\n color: var(--color-dataviz-4);\n}\n.ft-colorDataviz5-PXIM {\n color: var(--color-dataviz-5);\n}\n.ft-colorDataviz6-2po8 {\n color: var(--color-dataviz-6);\n}\n.ft-colorDataviz7-3-vq {\n color: var(--color-dataviz-7);\n}\n.ft-colorDataviz8-FhRy {\n color: var(--color-dataviz-8);\n}\n.ft-colorDataviz9-30ai {\n color: var(--color-dataviz-9);\n}\n.ft-colorDataviz10-2Huc {\n color: var(--color-dataviz-10);\n}\n.ft-colorDatavizPositive-3R9v {\n color: var(--color-dataviz-positive);\n}\n.ft-colorDatavizNegative-2Gb3 {\n color: var(--color-dataviz-negative);\n}\n.ft-colorDemocrat-3oLQ {\n color: var(--color-democrat);\n}\n.ft-colorRepublican-2et6 {\n color: var(--color-republican);\n}\n.ft-colorIndependent-38na {\n color: var(--color-independent);\n}\n.ft-colorBlackBg-1oVF {\n background: var(--color-black);\n}\n.ft-colorGrayDarkBg-14w8 {\n background: var(--color-gray-dark);\n}\n.ft-colorGrayBg-9u9y {\n background: var(--color-gray);\n}\n.ft-colorGrayLightBg-3MwK {\n background: var(--color-gray-light);\n}\n.ft-colorGrayLighterBg-BRUN {\n background: var(--color-gray-lighter);\n}\n.ft-colorGrayLightestBg-3aHB {\n background: var(--color-gray-lightest);\n}\n.ft-colorWhiteBg-3fkb {\n background: var(--color-white);\n}\n.ft-colorBackgroundDarkerBg-1QLF {\n background: var(--color-background-darker);\n}\n.ft-colorBackgroundBg-1Emi {\n background: var(--color-background);\n}\n.ft-colorLinkBg-3gr- {\n background: var(--color-link);\n}\n.ft-colorLinkVisitedBg-PN-m {\n background: var(--color-link-visited);\n}\n.ft-colorLinkDarkBgBg-qD21 {\n background: var(--color-link-dark-bg);\n}\n.ft-colorDisabledBg-2xwQ {\n background: var(--color-disabled);\n}\n.ft-colorNotification1Bg-ZpF1 {\n background: var(--color-notification-1);\n}\n.ft-colorNotification2Bg-3Wxt {\n background: var(--color-notification-2);\n}\n.ft-colorNotification3Bg-2S3y {\n background: var(--color-notification-3);\n}\n.ft-colorHighlight1Bg-ca-r {\n background: var(--color-highlight-1);\n}\n.ft-colorHighlight2Bg-3a4K {\n background: var(--color-highlight-2);\n}\n.ft-colorHighlight3Bg-1JBr {\n background: var(--color-highlight-3);\n}\n.ft-colorActionDarkestBg-KzsK {\n background: var(--color-action-darkest);\n}\n.ft-colorActionDarkerBg-3n88 {\n background: var(--color-action-darker);\n}\n.ft-colorActionBg-2Z_K {\n background: var(--color-action);\n}\n.ft-colorActionLighterBg-1LBO {\n background: var(--color-action-lighter);\n}\n.ft-colorActionLightestBg-1o71 {\n background: var(--color-action-lightest);\n}\n.ft-colorSelectedDarkestBg-3rWP {\n background: var(--color-selected-darkest);\n}\n.ft-colorSelectedDarkerBg-2Pqc {\n background: var(--color-selected-darker);\n}\n.ft-colorSelectedBg-2Nn0 {\n background: var(--color-selected);\n}\n.ft-colorSelectedLighterBg-3eoD {\n background: var(--color-selected-lighter);\n}\n.ft-colorSelectedLightestBg-3IpO {\n background: var(--color-selected-lightest);\n}\n.ft-colorErrorDarkestBg-2E2c {\n background: var(--color-error-darkest);\n}\n.ft-colorErrorDarkerBg-3tWg {\n background: var(--color-error-darker);\n}\n.ft-colorErrorBg-d9js {\n background: var(--color-error);\n}\n.ft-colorErrorLighterBg-2niD {\n background: var(--color-error-lighter);\n}\n.ft-colorErrorLightestBg-24IW {\n background: var(--color-error-lightest);\n}\n.ft-colorWarningDarkestBg-l-Vo {\n background: var(--color-warning-darkest);\n}\n.ft-colorWarningDarkerBg-1Vr_ {\n background: var(--color-warning-darker);\n}\n.ft-colorWarningBg-2y6q {\n background: var(--color-warning);\n}\n.ft-colorWarningLighterBg-2Q3t {\n background: var(--color-warning-lighter);\n}\n.ft-colorWarningLightestBg-2Qg1 {\n background: var(--color-warning-lightest);\n}\n.ft-colorSecondaryDarkerBg-3zVW {\n background: var(--color-secondary-darker);\n}\n.ft-colorSecondaryBg-1PW- {\n background: var(--color-secondary);\n}\n.ft-colorSecondaryLighterBg-376W {\n background: var(--color-secondary-lighter);\n}\n.ft-colorBnaBlueBg-2wxb {\n background: var(--color-bna-blue);\n}\n.ft-colorBlawBlueBg-1MIU {\n background: var(--color-blaw-blue);\n}\n.ft-colorBtaxOrangeBg-3KSW {\n background: var(--color-btax-orange);\n}\n.ft-colorBtaxBlueBg-1skQ {\n background: var(--color-btax-blue);\n}\n.ft-colorBgovNavyBg-7Vz- {\n background: var(--color-bgov-navy);\n}\n.ft-colorBgovPurpleBg-2Ob6 {\n background: var(--color-bgov-purple);\n}\n.ft-colorBtaxDarkBlueBg-jcB1 {\n background: var(--color-btax-dark-blue);\n}\n.ft-colorBtaxLightBlueBg-3pcW {\n background: var(--color-btax-light-blue);\n}\n.ft-colorThemeAntitrustBg-32Uk {\n background: var(--color-theme-antitrust);\n}\n.ft-colorThemeBankingBg-2rJl {\n background: var(--color-theme-banking);\n}\n.ft-colorThemeBankruptcyBg-reOj {\n background: var(--color-theme-bankruptcy);\n}\n.ft-colorThemeBenefitsBg-1KrS {\n background: var(--color-theme-benefits);\n}\n.ft-colorThemeCorporateBg-BVHk {\n background: var(--color-theme-corporate);\n}\n.ft-colorThemeEdiscoveryBg-1M1z {\n background: var(--color-theme-ediscovery);\n}\n.ft-colorThemeEnvironmentBg-TFAW {\n background: var(--color-theme-environment);\n}\n.ft-colorThemeHealthBg-3bl5 {\n background: var(--color-theme-health);\n}\n.ft-colorThemeIpBg-26xc {\n background: var(--color-theme-ip);\n}\n.ft-colorThemeLaborBg-14lx {\n background: var(--color-theme-labor);\n}\n.ft-colorThemeSecuritiesBg-1Xae {\n background: var(--color-theme-securities);\n}\n.ft-colorThemeTelecomBg-2eQW {\n background: var(--color-theme-telecom);\n}\n.ft-colorDataviz1Bg-12oC {\n background: var(--color-dataviz-1);\n}\n.ft-colorDataviz2Bg-2utg {\n background: var(--color-dataviz-2);\n}\n.ft-colorDataviz3Bg-vGoe {\n background: var(--color-dataviz-3);\n}\n.ft-colorDataviz4Bg-2c0T {\n background: var(--color-dataviz-4);\n}\n.ft-colorDataviz5Bg-isdL {\n background: var(--color-dataviz-5);\n}\n.ft-colorDataviz6Bg-1G26 {\n background: var(--color-dataviz-6);\n}\n.ft-colorDataviz7Bg-3ZZw {\n background: var(--color-dataviz-7);\n}\n.ft-colorDataviz8Bg-WySk {\n background: var(--color-dataviz-8);\n}\n.ft-colorDataviz9Bg-2rNy {\n background: var(--color-dataviz-9);\n}\n.ft-colorDataviz10Bg-4NNR {\n background: var(--color-dataviz-10);\n}\n.ft-colorDatavizPositiveBg-1RhE {\n background: var(--color-dataviz-positive);\n}\n.ft-colorDatavizNegativeBg-2svi {\n background: var(--color-dataviz-negative);\n}\n.ft-colorDemocratBg-1Q4L {\n background: var(--color-democrat);\n}\n.ft-colorRepublicanBg-fZvx {\n background: var(--color-republican);\n}\n.ft-colorIndependentBg-3xDs {\n background: var(--color-independent);\n}\n",
map: undefined,
media: undefined
});
Object.defineProperty(this, "$style", {
value: {
"box": "ft-box-cxRX",
"accessibilityOutline": "ft-accessibilityOutline-222v",
"accessibilityOutlineFocus": "ft-accessibilityOutlineFocus-2Ta-",
"xsDisplayNone": "ft-xsDisplayNone-3SIk",
"xsDisplayFlex": "ft-xsDisplayFlex-1yHh",
"xsDisplayBlock": "ft-xsDisplayBlock-11u5",
"xsDisplayInline": "ft-xsDisplayInline-3yMS",
"xsDisplayInlineBlock": "ft-xsDisplayInlineBlock-z-rn",
"xsDisplayVisuallyHidden": "ft-xsDisplayVisuallyHidden-254h",
"xsDirectionRow": "ft-xsDirectionRow-2PkB",
"xsDirectionColumn": "ft-xsDirectionColumn-UVAw",
"xsDirectionRowReverse": "ft-xsDirectionRowReverse-3RuP",
"xsDirectionColumnReverse": "ft-xsDirectionColumnReverse-KszH",
"smDisplayNone": "ft-smDisplayNone-3lWK",
"smDisplayFlex": "ft-smDisplayFlex-fjeN",
"smDisplayBlock": "ft-smDisplayBlock-2YLH",
"smDisplayInlineBlock": "ft-smDisplayInlineBlock-3uCp",
"smDisplayVisuallyHidden": "ft-smDisplayVisuallyHidden-rbmW",
"smDirectionRow": "ft-smDirectionRow-1LHH",
"smDirectionColumn": "ft-smDirectionColumn-Cm5V",
"smDirectionRowReverse": "ft-smDirectionRowReverse-3qXI",
"smDirectionColumnReverse": "ft-smDirectionColumnReverse-3PKC",
"mdDisplayNone": "ft-mdDisplayNone-2r0F",
"mdDisplayFlex": "ft-mdDisplayFlex-X9bS",
"mdDisplayBlock": "ft-mdDisplayBlock-ufa-",
"mdDisplayInlineBlock": "ft-mdDisplayInlineBlock-2AUL",
"mdDisplayVisuallyHidden": "ft-mdDisplayVisuallyHidden-a7A-",
"mdDirectionRow": "ft-mdDirectionRow-1ICR",
"mdDirectionColumn": "ft-mdDirectionColumn-35pi",
"mdDirectionRowReverse": "ft-mdDirectionRowReverse-1VIA",
"mdDirectionColumnReverse": "ft-mdDirectionColumnReverse-2cdH",
"lgDisplayNone": "ft-lgDisplayNone-1z4Q",
"lgDisplayFlex": "ft-lgDisplayFlex-M477",
"lgDisplayBlock": "ft-lgDisplayBlock--Cw9",
"lgDisplayInlineBlock": "ft-lgDisplayInlineBlock-1XH8",
"lgDisplayVisuallyHidden": "ft-lgDisplayVisuallyHidden-2_1h",
"lgDirectionRow": "ft-lgDirectionRow-3lFr",
"lgDirectionColumn": "ft-lgDirectionColumn-SuzL",
"lgDirectionRowReverse": "ft-lgDirectionRowReverse-24dt",
"lgDirectionColumnReverse": "ft-lgDirectionColumnReverse-2ubK",
"xlDisplayNone": "ft-xlDisplayNone-1dma",
"xlDisplayFlex": "ft-xlDisplayFlex-3T16",
"xlDisplayBlock": "ft-xlDisplayBlock-1cxt",
"xlDisplayInlineBlock": "ft-xlDisplayInlineBlock-IFNc",
"xlDisplayVisuallyHidden": "ft-xlDisplayVisuallyHidden-3gpa",
"xlDirectionRow": "ft-xlDirectionRow-3KOL",
"xlDirectionColumn": "ft-xlDirectionColumn-aPLE",
"xlDirectionRowReverse": "ft-xlDirectionRowReverse-rWc1",
"xlDirectionColumnReverse": "ft-xlDirectionColumnReverse-1CoA",
"marginStart1": "ft-marginStart1-3FyI",
"marginEnd1": "ft-marginEnd1-4ZAR",
"marginStartN1": "ft-marginStartN1-1vH-",
"marginEndN1": "ft-marginEndN1-ry-S",
"marginTop1": "ft-marginTop1-1RxA",
"marginRight1": "ft-marginRight1-1Wb6",
"marginBottom1": "ft-marginBottom1-eWuJ",
"marginLeft1": "ft-marginLeft1-209g",
"marginTopN1": "ft-marginTopN1-cimI",
"marginRightN1": "ft-marginRightN1-XsFD",
"marginBottomN1": "ft-marginBottomN1-1yiY",
"marginLeftN1": "ft-marginLeftN1-Iw1v",
"paddingY1": "ft-paddingY1-2w2X",
"paddingX1": "ft-paddingX1-jBJg",
"marginStart2": "ft-marginStart2-1WHj",
"marginEnd2": "ft-marginEnd2-3XdM",
"marginStartN2": "ft-marginStartN2-1-NO",
"marginEndN2": "ft-marginEndN2-3Wm7",
"marginTop2": "ft-marginTop2-1ihn",
"marginRight2": "ft-marginRight2-EH33",
"marginBottom2": "ft-marginBottom2-d5UN",
"marginLeft2": "ft-marginLeft2-IRRT",
"marginTopN2": "ft-marginTopN2-3W56",
"marginRightN2": "ft-marginRightN2-1hGv",
"marginBottomN2": "ft-marginBottomN2-15Lr",
"marginLeftN2": "ft-marginLeftN2-jTkw",
"paddingY2": "ft-paddingY2-3VfD",
"paddingX2": "ft-paddingX2-3rIn",
"marginStart3": "ft-marginStart3-1SbR",
"marginEnd3": "ft-marginEnd3--ANv",
"marginStartN3": "ft-marginStartN3-3SEp",
"marginEndN3": "ft-marginEndN3-13eS",
"marginTop3": "ft-marginTop3-3aWh",
"marginRight3": "ft-marginRight3-3cvx",
"marginBottom3": "ft-marginBottom3-XCYh",
"marginLeft3": "ft-marginLeft3-3hh7",
"marginTopN3": "ft-marginTopN3-2Cug",
"marginRightN3": "ft-marginRightN3-1HiQ",
"marginBottomN3": "ft-marginBottomN3-1QyH",
"marginLeftN3": "ft-marginLeftN3-XwHp",
"paddingY3": "ft-paddingY3-13Ue",
"paddingX3": "ft-paddingX3-elYs",
"marginStart4": "ft-marginStart4-1aef",
"marginEnd4": "ft-marginEnd4-2bVQ",
"marginStartN4": "ft-marginStartN4-3apJ",
"marginEndN4": "ft-marginEndN4-4pCb",
"marginTop4": "ft-marginTop4-15ZO",
"marginRight4": "ft-marginRight4-13z4",
"marginBottom4": "ft-marginBottom4-3wy1",
"marginLeft4": "ft-marginLeft4-1aLT",
"marginTopN4": "ft-marginTopN4-16vY",
"marginRightN4": "ft-marginRightN4-IkxG",
"marginBottomN4": "ft-marginBottomN4-3oLe",
"marginLeftN4": "ft-marginLeftN4-1a67",
"paddingY4": "ft-paddingY4-1Ql9",
"paddingX4": "ft-paddingX4-kqrw",
"marginStart5": "ft-marginStart5-6GUG",
"marginEnd5": "ft-marginEnd5-3c61",
"marginStartN5": "ft-marginStartN5-3_pk",
"marginEndN5": "ft-marginEndN5-iyNW",
"marginTop5": "ft-marginTop5-t7io",
"marginRight5": "ft-marginRight5-Y_zG",
"marginBottom5": "ft-marginBottom5-3W9-",
"marginLeft5": "ft-marginLeft5-V_3W",
"marginTopN5": "ft-marginTopN5-3Ryq",
"marginRightN5": "ft-marginRightN5-AyoH",
"marginBottomN5": "ft-marginBottomN5-1nSQ",
"marginLeftN5": "ft-marginLeftN5-1uyd",
"paddingY5": "ft-paddingY5-2dJL",
"paddingX5": "ft-paddingX5-2u67",
"marginStart6": "ft-marginStart6-Ag76",
"marginEnd6": "ft-marginEnd6-34Ll",
"marginStartN6": "ft-marginStartN6-2h-r",
"marginEndN6": "ft-marginEndN6-38k0",
"marginTop6": "ft-marginTop6-1IGu",
"marginRight6": "ft-marginRight6-2ByF",
"marginBottom6": "ft-marginBottom6-q-QA",
"marginLeft6": "ft-marginLeft6-2jtO",
"marginTopN6": "ft-marginTopN6-3K53",
"marginRightN6": "ft-marginRightN6-ngph",
"marginBottomN6": "ft-marginBottomN6-3e83",
"marginLeftN6": "ft-marginLeftN6-3VOr",
"paddingY6": "ft-paddingY6-92Ve",
"paddingX6": "ft-paddingX6-3TrZ",
"marginStart7": "ft-marginStart7-2dQA",
"marginEnd7": "ft-marginEnd7-2KKE",
"marginStartN7": "ft-marginStartN7-cxmG",
"marginEndN7": "ft-marginEndN7-370g",
"marginTop7": "ft-marginTop7-34NN",
"marginRight7": "ft-marginRight7-2KS5",
"marginBottom7": "ft-marginBottom7-MT05",
"marginLeft7": "ft-marginLeft7-2SER",
"marginTopN7": "ft-marginTopN7-3EPr",
"marginRightN7": "ft-marginRightN7-3KVJ",
"marginBottomN7": "ft-marginBottomN7-CQ0N",
"marginLeftN7": "ft-marginLeftN7-13L5",
"paddingY7": "ft-paddingY7-2iAt",
"paddingX7": "ft-paddingX7-3gO5",
"marginStart8": "ft-marginStart8-f7K_",
"marginEnd8": "ft-marginEnd8-1diY",
"marginStartN8": "ft-marginStartN8-3AxL",
"marginEndN8": "ft-marginEndN8-2wdW",
"marginTop8": "ft-marginTop8-3pNp",
"marginRight8": "ft-marginRight8-3Fa2",
"marginBottom8": "ft-marginBottom8-A9Id",
"marginLeft8": "ft-marginLeft8-3Gfa",
"marginTopN8": "ft-marginTopN8-2Xy-",
"marginRightN8": "ft-marginRightN8-1yf0",
"marginBottomN8": "ft-marginBottomN8-Q9nq",
"marginLeftN8": "ft-marginLeftN8-K2rr",
"paddingY8": "ft-paddingY8-3-Nj",
"paddingX8": "ft-paddingX8-sEZD",
"marginStart9": "ft-marginStart9-2sSp",
"marginEnd9": "ft-marginEnd9-3lCX",
"marginStartN9": "ft-marginStartN9-2RNb",
"marginEndN9": "ft-marginEndN9-1f81",
"marginTop9": "ft-marginTop9-1VX_",
"marginRight9": "ft-marginRight9-szl_",
"marginBottom9": "ft-marginBottom9-14gq",
"marginLeft9": "ft-marginLeft9-3h6q",
"marginTopN9": "ft-marginTopN9-2r9d",
"marginRightN9": "ft-marginRightN9-3Ud4",
"marginBottomN9": "ft-marginBottomN9-3fsd",
"marginLeftN9": "ft-marginLeftN9-2oTg",
"paddingY9": "ft-paddingY9-3lh0",
"paddingX9": "ft-paddingX9-3YTb",
"marginStart10": "ft-marginStart10-1SaX",
"marginEnd10": "ft-marginEnd10-2LgH",
"marginStartN10": "ft-marginStartN10-3FfN",
"marginEndN10": "ft-marginEndN10-2rcp",
"marginTop10": "ft-marginTop10-2D75",
"marginRight10": "ft-marginRight10-2bH3",
"marginBottom10": "ft-marginBottom10-25H9",
"marginLeft10": "ft-marginLeft10-2xPC",
"marginTopN10": "ft-marginTopN10-3-HZ",
"marginRightN10": "ft-marginRightN10-n7GV",
"marginBottomN10": "ft-marginBottomN10-3FC3",
"marginLeftN10": "ft-marginLeftN10-3qV_",
"paddingY10": "ft-paddingY10-17s8",
"paddingX10": "ft-paddingX10-1olz",
"marginStart11": "ft-marginStart11-2G1G",
"marginEnd11": "ft-marginEnd11-3WAr",
"marginStartN11": "ft-marginStartN11-3nLC",
"marginEndN11": "ft-marginEndN11-VqH9",
"marginTop11": "ft-marginTop11-olu4",
"marginRight11": "ft-marginRight11-16QJ",
"marginBottom11": "ft-marginBottom11-1XlV",
"marginLeft11": "ft-marginLeft11-3aL0",
"marginTopN11": "ft-marginTopN11-t2KP",
"marginRightN11": "ft-marginRightN11-122R",
"marginBottomN11": "ft-marginBottomN11-rE83",
"marginLeftN11": "ft-marginLeftN11-2Qsf",
"paddingY11": "ft-paddingY11-1wfG",
"paddingX11": "ft-paddingX11-1Eyj",
"marginStart12": "ft-marginStart12-2gfZ",
"marginEnd12": "ft-marginEnd12-2uKY",
"marginStartN12": "ft-marginStartN12-3Q0b",
"marginEndN12": "ft-marginEndN12-PSx_",
"marginTop12": "ft-marginTop12-3YYv",
"marginRight12": "ft-marginRight12-2uou",
"marginBottom12": "ft-marginBottom12--Ows",
"marginLeft12": "ft-marginLeft12-3nG6",
"marginTopN12": "ft-marginTopN12-2f9y",
"marginRightN12": "ft-marginRightN12-3cfm",
"marginBottomN12": "ft-marginBottomN12-2mXc",
"marginLeftN12": "ft-marginLeftN12-qgiK",
"paddingY12": "ft-paddingY12-ycul",
"paddingX12": "ft-paddingX12-1Tga",
"xsMarginTop1": "ft-xsMarginTop1-1V4x",
"xsMarginRight1": "ft-xsMarginRight1-2p3h",
"xsMarginBottom1": "ft-xsMarginBottom1-3mgL",
"xsMarginLeft1": "ft-xsMarginLeft1-8Qmy",
"xsMarginTopN1": "ft-xsMarginTopN1-1KS8",
"xsMarginRightN1": "ft-xsMarginRightN1-14X8",
"xsMarginBottomN1": "ft-xsMarginBottomN1-3WPT",
"xsMarginLeftN1": "ft-xsMarginLeftN1-IjnF",
"xsPaddingY1": "ft-xsPaddingY1-gM-I",
"xsPaddingX1": "ft-xsPaddingX1-3HTs",
"xsMarginStart2": "ft-xsMarginStart2-1OAA",
"xsMarginEnd2": "ft-xsMarginEnd2-2Sml",
"xsMarginStartN2": "ft-xsMarginStartN2-3pmv",
"xsMarginEndN2": "ft-xsMarginEndN2-3bpL",
"xsMarginTop2": "ft-xsMarginTop2-2JMz",
"xsMarginRight2": "ft-xsMarginRight2-3DKW",
"xsMarginBottom2": "ft-xsMarginBottom2-2cpc",
"xsMarginLeft2": "ft-xsMarginLeft2-YwK_",
"xsMarginTopN2": "ft-xsMarginTopN2-CfBx",
"xsMarginRightN2": "ft-xsMarginRightN2-rAap",
"xsMarginBottomN2": "ft-xsMarginBottomN2-1ZiB",
"xsMarginLeftN2": "ft-xsMarginLeftN2-3iG3",
"xsPaddingY2": "ft-xsPaddingY2-2_2H",
"xsPaddingX2": "ft-xsPaddingX2-11Iu",
"xsMarginStart3": "ft-xsMarginStart3-3I4R",
"xsMarginEnd3": "ft-xsMarginEnd3-3WA1",
"xsMarginStartN3": "ft-xsMarginStartN3-g7qt",
"xsMarginEndN3": "ft-xsMarginEndN3-1C1y",
"xsMarginTop3": "ft-xsMarginTop3-2tWw",
"xsMarginRight3": "ft-xsMarginRight3-1Nom",
"xsMarginBottom3": "ft-xsMarginBottom3-Gk0_",
"xsMarginLeft3": "ft-xsMarginLeft3-1QSg",
"xsMarginTopN3": "ft-xsMarginTopN3-jUmH",
"xsMarginRightN3": "ft-xsMarginRightN3-2lca",
"xsMarginBottomN3": "ft-xsMarginBottomN3-KVS1",
"xsMarginLeftN3": "ft-xsMarginLeftN3-18si",
"xsPaddingY3": "ft-xsPaddingY3-3phE",
"xsPaddingX3": "ft-xsPaddingX3-2OS0",
"xsMarginStart4": "ft-xsMarginStart4-2Fll",
"xsMarginEnd4": "ft-xsMarginEnd4-2uL0",
"xsMarginStartN4": "ft-xsMarginStartN4-2kbn",
"xsMarginEndN4": "ft-xsMarginEndN4-2jNu",
"xsMarginTop4": "ft-xsMarginTop4-2VpP",
"xsMarginRight4": "ft-xsMarginRight4-qvAV",
"xsMarginBottom4": "ft-xsMarginBottom4-214V",
"xsMarginLeft4": "ft-xsMarginLeft4-p_j8",
"xsMarginTopN4": "ft-xsMarginTopN4-3XJY",
"xsMarginRightN4": "ft-xsMarginRightN4-2P_j",
"xsMarginBottomN4": "ft-xsMarginBottomN4-2FDF",
"xsMarginLeftN4": "ft-xsMarginLeftN4-1cTx",
"xsPaddingY4": "ft-xsPaddingY4-3vZb",
"xsPaddingX4": "ft-xsPaddingX4-3Q-5",
"xsMarginStart5": "ft-xsMarginStart5-33Wy",
"xsMarginEnd5": "ft-xsMarginEnd5-s5un",
"xsMarginStartN5": "ft-xsMarginStartN5-3Xey",
"xsMarginEndN5": "ft-xsMarginEndN5-2W-F",
"xsMarginTop5": "ft-xsMarginTop5-3Ebj",
"xsMarginRight5": "ft-xsMarginRight5-ULa2",
"xsMarginBottom5": "ft-xsMarginBottom5-OJ5p",
"xsMarginLeft5": "ft-xsMarginLeft5-sOo0",
"xsMarginTopN5": "ft-xsMarginTopN5-3Bhj",
"xsMarginRightN5": "ft-xsMarginRightN5-1fZM",
"xsMarginBottomN5": "ft-xsMarginBottomN5-rG1Q",
"xsMarginLeftN5": "ft-xsMarginLeftN5-2qRX",
"xsPaddingY5": "ft-xsPaddingY5-17bk",
"xsPaddingX5": "ft-xsPaddingX5-sHY9",
"xsMarginStart6": "ft-xsMarginStart6-2j0Y",
"xsMarginEnd6": "ft-xsMarginEnd6-1bPf",
"xsMarginStartN6": "ft-xsMarginStartN6-31z9",
"xsMarginEndN6": "ft-xsMarginEndN6-2QMz",
"xsMarginTop6": "ft-xsMarginTop6-31sM",
"xsMarginRight6": "ft-xsMarginRight6-3Zqb",
"xsMarginBottom6": "ft-xsMarginBottom6-1HA0",
"xsMarginLeft6": "ft-xsMarginLeft6-36ea",
"xsMarginTopN6": "ft-xsMarginTopN6-2305",
"xsMarginRightN6": "ft-xsMarginRightN6-14ez",
"xsMarginBottomN6": "ft-xsMarginBottomN6-pqth",
"xsMarginLeftN6": "ft-xsMarginLeftN6-1Ox3",
"xsPaddingY6": "ft-xsPaddingY6-TLKZ",
"xsPaddingX6": "ft-xsPaddingX6-2kqa",
"xsMarginStart7": "ft-xsMarginStart7-3PL9",
"xsMarginEnd7": "ft-xsMarginEnd7-3MAf",
"xsMarginStartN7": "ft-xsMarginStartN7-85VM",
"xsMarginEndN7": "ft-xsMarginEndN7-Wcvq",
"xsMarginTop7": "ft-xsMarginTop7-PV8D",
"xsMarginRight7": "ft-xsMarginRight7-2BNE",
"xsMarginBottom7": "ft-xsMarginBottom7-2wiX",
"xsMarginLeft7": "ft-xsMarginLeft7-2Z6C",
"xsMarginTopN7": "ft-xsMarginTopN7-1m07",
"xsMarginRightN7": "ft-xsMarginRightN7-3v4J",
"xsMarginBottomN7": "ft-xsMarginBottomN7-11Mq",
"xsMarginLeftN7": "ft-xsMarginLeftN7-2OdY",
"xsPaddingY7": "ft-xsPaddingY7-1785",
"xsPaddingX7": "ft-xsPaddingX7-2NgI",
"xsMarginStart8": "ft-xsMarginStart8-1lIF",
"xsMarginEnd8": "ft-xsMarginEnd8-2mIT",
"xsMarginStartN8": "ft-xsMarginStartN8-1j-R",
"xsMarginEndN8": "ft-xsMarginEndN8-3i1z",
"xsMarginTop8": "ft-xsMarginTop8-1vJm",
"xsMarginRight8": "ft-xsMarginRight8-37YC",
"xsMarginBottom8": "ft-xsMarginBottom8-1j-U",
"xsMarginLeft8": "ft-xsMarginLeft8-297n",
"xsMarginTopN8": "ft-xsMarginTopN8-1gq9",
"xsMarginRightN8": "ft-xsMarginRightN8-LwUf",
"xsMarginBottomN8": "ft-xsMarginBottomN8-3GbU",
"xsMarginLeftN8": "ft-xsMarginLeftN8-qcvd",
"xsPaddingY8": "ft-xsPaddingY8-1ojJ",
"xsPaddingX8": "ft-xsPaddingX8-1hZH",
"xsMarginStart9": "ft-xsMarginStart9-1pbk",
"xsMarginEnd9": "ft-xsMarginEnd9-2X_T",
"xsMarginStartN9": "ft-xsMarginStartN9-1gA9",
"xsMarginEndN9": "ft-xsMarginEndN9-sTlV",
"xsMarginTop9": "ft-xsMarginTop9-2Eg6",
"xsMarginRight9": "ft-xsMarginRight9-3_9b",
"xsMarginBottom9": "ft-xsMarginBottom9-25-i",
"xsMarginLeft9": "ft-xsMarginLeft9-Zj1F",
"xsMarginTopN9": "ft-xsMarginTopN9-1fED",
"xsMarginRightN9": "ft-xsMarginRightN9-3k7r",
"xsMarginBottomN9": "ft-xsMarginBottomN9-2BFa",
"xsMarginLeftN9": "ft-xsMarginLeftN9-2Asp",
"xsPaddingY9": "ft-xsPaddingY9-5EeZ",
"xsPaddingX9": "ft-xsPaddingX9-Enif",
"xsMarginStart10": "ft-xsMarginStart10-3gLS",
"xsMarginEnd10": "ft-xsMarginEnd10-LL_z",
"xsMarginStartN10": "ft-xsMarginStartN10-1ANf",
"xsMarginEndN10": "ft-xsMarginEndN10-KpcX",
"xsMarginTop10": "ft-xsMarginTop10--t8P",
"xsMarginRight10": "ft-xsMarginRight10-2044",
"xsMarginBottom10": "ft-xsMarginBottom10-3hdd",
"xsMarginLeft10": "ft-xsMarginLeft10-13wb",
"xsMarginTopN10": "ft-xsMarginTopN10-2365",
"xsMarginRightN10": "ft-xsMarginRightN10-6K0-",
"xsMarginBottomN10": "ft-xsMarginBottomN10-3R5K",
"xsMarginLeftN10": "ft-xsMarginLeftN10-1MDa",
"xsPaddingY10": "ft-xsPaddingY10-254L",
"xsPaddingX10": "ft-xsPaddingX10-1-el",
"xsMarginStart11": "ft-xsMarginStart11-33V6",
"xsMarginEnd11": "ft-xsMarginEnd11-3FKP",
"xsMarginStartN11": "ft-xsMarginStartN11-3HLG",
"xsMarginEndN11": "ft-xsMarginEndN11-kch9",
"xsMarginTop11": "ft-xsMarginTop11-3Ulg",
"xsMarginRight11": "ft-xsMarginRight11-36os",
"xsMarginBottom11": "ft-xsMarginBottom11-3MMs",
"xsMarginLeft11": "ft-xsMarginLeft11-iNC3",
"xsMarginTopN11": "ft-xsMarginTopN11-2NRx",
"xsMarginRightN11": "ft-xsMarginRightN11-T0Gc",
"xsMarginBottomN11": "ft-xsMarginBottomN11-3DlS",
"xsMarginLeftN11": "ft-xsMarginLeftN11-1Tth",
"xsPaddingY11": "ft-xsPaddingY11-2BKb",
"xsPaddingX11": "ft-xsPaddingX11-38P4",
"xsMarginStart12": "ft-xsMarginStart12-3bZI",
"xsMarginEnd12": "ft-xsMarginEnd12-3fNm",
"xsMarginStartN12": "ft-xsMarginStartN12-38IK",
"xsMarginEndN12": "ft-xsMarginEndN12-2dAT",
"xsMarginTop12": "ft-xsMarginTop12-1w0i",
"xsMarginRight12": "ft-xsMarginRight12-3FZB",
"xsMarginBottom12": "ft-xsMarginBottom12-3318",
"xsMarginLeft12": "ft-xsMarginLeft12-3Y5s",
"xsMarginTopN12": "ft-xsMarginTopN12-25ak",
"xsMarginRightN12": "ft-xsMarginRightN12-3Z9W",
"xsMarginBottomN12": "ft-xsMarginBottomN12-2eKx",
"xsMarginLeftN12": "ft-xsMarginLeftN12-quFO",
"xsPaddingY12": "ft-xsPaddingY12-127N",
"xsPaddingX12": "ft-xsPaddingX12-3VJH",
"smMarginStart1": "ft-smMarginStart1-2HyP",
"smMarginEnd1": "ft-smMarginEnd1-2Tsk",
"smMarginStartN1": "ft-smMarginStartN1-blqy",
"smMarginEndN1": "ft-smMarginEndN1-3N3M",
"smMarginTop1": "ft-smMarginTop1-1DQJ",
"smMarginRight1": "ft-smMarginRight1-1yKC",
"smMarginBottom1": "ft-smMarginBottom1-32yE",
"smMarginLeft1": "ft-smMarginLeft1-22F6",
"smMarginTopN1": "ft-smMarginTopN1-_U88",
"smMarginRightN1": "ft-smMarginRightN1-1jJM",
"smMarginBottomN1": "ft-smMarginBottomN1-afM-",
"smMarginLeftN1": "ft-smMarginLeftN1-3lq8",
"smPaddingY1": "ft-smPaddingY1-2WFO",
"smPaddingX1": "ft-smPaddingX1-UK5j",
"smMarginStart2": "ft-smMarginStart2-3dti",
"smMarginEnd2": "ft-smMarginEnd2-1yzd",
"smMarginStartN2": "ft-smMarginStartN2-2o_c",
"smMarginEndN2": "ft-smMarginEndN2-1zdM",
"smMarginTop2": "ft-smMarginTop2-3s8M",
"smMarginRight2": "ft-smMarginRight2-2ZY7",
"smMarginBottom2": "ft-smMarginBottom2-2S7W",
"smMarginLeft2": "ft-smMarginLeft2-16Vq",
"smMarginTopN2": "ft-smMarginTopN2-xzA-",
"smMarginRightN2": "ft-smMarginRightN2-2WwE",
"smMarginBottomN2": "ft-smMarginBottomN2-2dAj",
"smMarginLeftN2": "ft-smMarginLeftN2-2gQy",
"smPaddingY2": "ft-smPaddingY2-1gFn",
"smPaddingX2": "ft-smPaddingX2-A0KD",
"smMarginStart3": "ft-smMarginStart3-3E-g",
"smMarginEnd3": "ft-smMarginEnd3-UlCg",
"smMarginStartN3": "ft-smMarginStartN3-1k8F",
"smMarginEndN3": "ft-smMarginEndN3-3r7N",
"smMarginTop3": "ft-smMarginTop3-3H0V",
"smMarginRight3": "ft-smMarginRight3-2RNw",
"smMarginBottom3": "ft-smMarginBottom3-1uOP",
"smMarginLeft3": "ft-smMarginLeft3-2D1c",
"smMarginTopN3": "ft-smMarginTopN3-213B",
"smMarginRightN3": "ft-smMarginRightN3-d91A",
"smMarginBottomN3": "ft-smMarginBottomN3-3kYV",
"smMarginLeftN3": "ft-smMarginLeftN3-25k6",
"smPaddingY3": "ft-smPaddingY3-8JPv",
"smPaddingX3": "ft-smPaddingX3-qmxI",
"smMarginStart4": "ft-smMarginStart4-263t",
"smMarginEnd4": "ft-smMarginEnd4-1y0T",
"smMarginStartN4": "ft-smMarginStartN4-3hKO",
"smMarginEndN4": "ft-smMarginEndN4-3XmL",
"smMarginTop4": "ft-smMarginTop4-_Nq9",
"smMarginRight4": "ft-smMarginRight4-3TYb",
"smMarginBottom4": "ft-smMarginBottom4-2IFc",
"smMarginLeft4": "ft-smMarginLeft4-1DDw",
"smMarginTopN4": "ft-smMarginTopN4-1zBN",
"smMarginRightN4": "ft-smMarginRightN4-J0_w",
"smMarginBottomN4": "ft-smMarginBottomN4-1DC9",
"smMarginLeftN4": "ft-smMarginLeftN4-xe0t",
"smPaddingY4": "ft-smPaddingY4-2vIc",
"smPaddingX4": "ft-smPaddingX4-KwEt",
"smMarginStart5": "ft-smMarginStart5-1uey",
"smMarginEnd5": "ft-smMarginEnd5-3Jai",
"smMarginStartN5": "ft-smMarginStartN5-3KnG",
"smMarginEndN5": "ft-smMarginEndN5-2XqP",
"smMarginTop5": "ft-smMarginTop5-29TZ",
"smMarginRight5": "ft-smMarginRight5-QdNx",
"smMarginBottom5": "ft-smMarginBottom5-1D0L",
"smMarginLeft5": "ft-smMarginLeft5-25WW",
"smMarginTopN5": "ft-smMarginTopN5-2WWy",
"smMarginRightN5": "ft-smMarginRightN5-essC",
"smMarginBottomN5": "ft-smMarginBottomN5-1ReP",
"smMarginLeftN5": "ft-smMarginLeftN5-3DgC",
"smPaddingY5": "ft-smPaddingY5-5m8X",
"smPaddingX5": "ft-smPaddingX5-2n64",
"smMarginStart6": "ft-smMarginStart6-3pGN",
"smMarginEnd6": "ft-smMarginEnd6-1gU6",
"smMarginStartN6": "ft-smMarginStartN6-3YDF",
"smMarginEndN6": "ft-smMarginEndN6-uyku",
"smMarginTop6": "ft-smMarginTop6-3q4f",
"smMarginRight6": "ft-smMarginRight6-1pO1",
"smMarginBottom6": "ft-smMarginBottom6-1y_l",
"smMarginLeft6": "ft-smMarginLeft6-e0x7",
"smMarginTopN6": "ft-smMarginTopN6-1994",
"smMarginRightN6": "ft-smMarginRightN6-t06F",
"smMarginBottomN6": "ft-smMarginBottomN6-3E8M",
"smMarginLeftN6": "ft-smMarginLeftN6-3J_8",
"smPaddingY6": "ft-smPaddingY6-1FxZ",
"smPaddingX6": "ft-smPaddingX6-1gNe",
"smMarginStart7": "ft-smMarginStart7-32y5",
"smMarginEnd7": "ft-smMarginEnd7-3KFu",
"smMarginStartN7": "ft-smMarginStartN7-3Wzy",
"smMarginEndN7": "ft-smMarginEndN7-2-k8",
"smMarginTop7": "ft-smMarginTop7-3WPy",
"smMarginRight7": "ft-smMarginRight7-1tPN",
"smMarginBottom7": "ft-smMarginBottom7-3gdX",
"smMarginLeft7": "ft-smMarginLeft7-1GE0",
"smMarginTopN7": "ft-smMarginTopN7-2RYn",
"smMarginRightN7": "ft-smMarginRightN7-1XM2",
"smMarginBottomN7": "ft-smMarginBottomN7-3Ht0",
"smMarginLeftN7": "ft-smMarginLeftN7-EW0K",
"smPaddingY7": "ft-smPaddingY7-36wz",
"smPaddingX7": "ft-smPaddingX7-2pli",
"smMarginStart8": "ft-smMarginStart8-2S6_",
"smMarginEnd8": "ft-smMarginEnd8-1X19",
"smMarginStartN8": "ft-smMarginStartN8-epMc",
"smMarginEndN8": "ft-smMarginEndN8-275g",
"smMarginTop8": "ft-smMarginTop8-2die",
"smMarginRight8": "ft-smMarginRight8-EONf",
"smMarginBottom8": "ft-smMarginBottom8-3Thf",
"smMarginLeft8": "ft-smMarginLeft8-11R7",
"smMarginTopN8": "ft-smMarginTopN8-2vQf",
"smMarginRightN8": "ft-smMarginRightN8-1qEJ",
"smMarginBottomN8": "ft-smMarginBottomN8-PIOz",
"smMarginLeftN8": "ft-smMarginLeftN8-3ATB",
"smPaddingY8": "ft-smPaddingY8-21mA",
"smPaddingX8": "ft-smPaddingX8-3vrz",
"smMarginStart9": "ft-smMarginStart9-1rvw",
"smMarginEnd9": "ft-smMarginEnd9-oVfa",
"smMarginStartN9": "ft-smMarginStartN9-3kWm",
"smMarginEndN9": "ft-smMarginEndN9-TQ2l",
"smMarginTop9": "ft-smMarginTop9-2rg6",
"smMarginRight9": "ft-smMarginRight9-1Jd6",
"smMarginBottom9": "ft-smMarginBottom9-MmXl",
"smMarginLeft9": "ft-smMarginLeft9-3WE_",
"smMarginTopN9": "ft-smMarginTopN9-3yS9",
"smMarginRightN9": "ft-smMarginRightN9-3fDi",
"smMarginBottomN9": "ft-smMarginBottomN9-LXRT",
"smMarginLeftN9": "ft-smMarginLeftN9-2BOd",
"smPaddingY9": "ft-smPaddingY9-2jPt",
"smPaddingX9": "ft-smPaddingX9-NKl5",
"smMarginStart10": "ft-smMarginStart10-d-ja",
"smMarginEnd10": "ft-smMarginEnd10-2m1V",
"smMarginStartN10": "ft-smMarginStartN10-288T",
"smMarginEndN10": "ft-smMarginEndN10-172X",
"smMarginTop10": "ft-smMarginTop10-2Yub",
"smMarginRight10": "ft-smMarginRight10-1cU7",
"smMarginBottom10": "ft-smMarginBottom10-1a2o",
"smMarginLeft10": "ft-smMarginLeft10-2P40",
"smMarginTopN10": "ft-smMarginTopN10-gk4g",
"smMarginRightN10": "ft-smMarginRightN10-2Biy",
"smMarginBottomN10": "ft-smMarginBottomN10-2o47",
"smMarginLeftN10": "ft-smMarginLeftN10-3xPV",
"smPaddingY10": "ft-smPaddingY10-1hJ1",
"smPaddingX10": "ft-smPaddingX10-1-25",
"smMarginStart11": "ft-smMarginStart11-3voG",
"smMarginEnd11": "ft-smMarginEnd11-12hN",
"smMarginStartN11": "ft-smMarginStartN11-1DlO",
"smMarginEndN11": "ft-smMarginEndN11-yWzN",
"smMarginTop11": "ft-smMarginTop11-38nX",
"smMarginRight11": "ft-smMarginRight11-3VQe",
"smMarginBottom11": "ft-smMarginBottom11-MnED",
"smMarginLeft11": "ft-smMarginLeft11-1QVK",
"smMarginTopN11": "ft-smMarginTopN11-1i86",
"smMarginRightN11": "ft-smMarginRightN11-UTin",
"smMarginBottomN11": "ft-smMarginBottomN11-172Y",
"smMarginLeftN11": "ft-smMarginLeftN11-3noZ",
"smPaddingY11": "ft-smPaddingY11-LYTs",
"smPaddingX11": "ft-smPaddingX11-2kie",
"smMarginStart12": "ft-smMarginStart12-1kTT",
"smMarginEnd12": "ft-smMarginEnd12-7uZt",
"smMarginStartN12": "ft-smMarginStartN12-3vpl",
"smMarginEndN12": "ft-smMarginEndN12-1Cic",
"smMarginTop12": "ft-smMarginTop12-1_VJ",
"smMarginRight12": "ft-smMarginRight12-dvgb",
"smMarginBottom12": "ft-smMarginBottom12-24Hc",
"smMarginLeft12": "ft-smMarginLeft12-1L37",
"smMarginTopN12": "ft-smMarginTopN12-9mZi",
"smMarginRightN12": "ft-smMarginRightN12-3wCw",
"smMarginBottomN12": "ft-smMarginBottomN12-2_hV",
"smMarginLeftN12": "ft-smMarginLeftN12-1V0a",
"smPaddingY12": "ft-smPaddingY12-1Pgw",
"smPaddingX12": "ft-smPaddingX12-R6bH",
"mdMarginStart1": "ft-mdMarginStart1-3hR4",
"mdMarginEnd1": "ft-mdMarginEnd1-_I_n",
"mdMarginStartN1": "ft-mdMarginStartN1-2cLK",
"mdMarginEndN1": "ft-mdMarginEndN1-21DD",
"mdMarginTop1": "ft-mdMarginTop1-3odT",
"mdMarginRight1": "ft-mdMarginRight1-32_h",
"mdMarginBottom1": "ft-mdMarginBottom1-22Cq",
"mdMarginLeft1": "ft-mdMarginLeft1-1RyV",
"mdMarginTopN1": "ft-mdMarginTopN1-vrO0",
"mdMarginRightN1": "ft-mdMarginRightN1-3PAD",
"mdMarginBottomN1": "ft-mdMarginBottomN1-3HAL",
"mdMarginLeftN1": "ft-mdMarginLeftN1-8YRk",
"mdPaddingY1": "ft-mdPaddingY1-2e2L",
"mdPaddingX1": "ft-mdPaddingX1-2sSQ",
"mdMarginStart2": "ft-mdMarginStart2-34CP",
"mdMarginEnd2": "ft-mdMarginEnd2-1rUU",
"mdMarginStartN2": "ft-mdMarginStartN2-3YPM",
"mdMarginEndN2": "ft-mdMarginEndN2-3ysI",
"mdMarginTop2": "ft-mdMarginTop2-2X_M",
"mdMarginRight2": "ft-mdMarginRight2-2Z6f",
"mdMarginBottom2": "ft-mdMarginBottom2-95Bv",
"mdMarginLeft2": "ft-mdMarginLeft2-2MuR",
"mdMarginTopN2": "ft-mdMarginTopN2-3Oax",
"mdMarginRightN2": "ft-mdMarginRightN2-2aN8",
"mdMarginBottomN2": "ft-mdMarginBottomN2-2gB3",
"mdMarginLeftN2": "ft-mdMarginLeftN2-1Fnz",
"mdPaddingY2": "ft-mdPaddingY2-34aN",
"mdPaddingX2": "ft-mdPaddingX2-4otF",
"mdMarginStart3": "ft-mdMarginStart3-2AB1",
"mdMarginEnd3": "ft-mdMarginEnd3-1FF0",
"mdMarginStartN3": "ft-mdMarginStartN3-y8P-",
"mdMarginEndN3": "ft-mdMarginEndN3-1S0U",
"mdMarginTop3": "ft-mdMarginTop3-1NiX",
"mdMarginRight3": "ft-mdMarginRight3-28f1",
"mdMarginBottom3": "ft-mdMarginBottom3-2w4P",
"mdMarginLeft3": "ft-mdMarginLeft3-34eC",
"mdMarginTopN3": "ft-mdMarginTopN3-2E6x",
"mdMarginRightN3": "ft-mdMarginRightN3-JbEL",
"mdMarginBottomN3": "ft-mdMarginBottomN3-1WkN",
"mdMarginLeftN3": "ft-mdMarginLeftN3-10RK",
"mdPaddingY3": "ft-mdPaddingY3-2xkh",
"mdPaddingX3": "ft-mdPaddingX3-3ms4",
"mdMarginStart4": "ft-mdMarginStart4-2liS",
"mdMarginEnd4": "ft-mdMarginEnd4-2uRe",
"mdMarginStartN4": "ft-mdMarginStartN4-9Qsn",
"mdMarginEndN4": "ft-mdMarginEndN4-F_t1",
"mdMarginTop4": "ft-mdMarginTop4-3Qh1",
"mdMarginRight4": "ft-mdMarginRight4-2AUU",
"mdMarginBottom4": "ft-mdMarginBottom4-2Q2l",
"mdMarginLeft4": "ft-mdMarginLeft4-2vkw",
"mdMarginTopN4": "ft-mdMarginTopN4-2VnV",
"mdMarginRightN4": "ft-mdMarginRightN4-2Rq0",
"mdMarginBottomN4": "ft-mdMarginBottomN4-1_PK",
"mdMarginLeftN4": "ft-mdMarginLeftN4-2lom",
"mdPaddingY4": "ft-mdPaddingY4-2W0R",
"mdPaddingX4": "ft-mdPaddingX4-1hsd",
"mdMarginStart5": "ft-mdMarginStart5-29zh",
"mdMarginEnd5": "ft-mdMarginEnd5-36Ua",
"mdMarginStartN5": "ft-mdMarginStartN5-1Nmw",
"mdMarginEndN5": "ft-mdMarginEndN5-2_Yw",
"mdMarginTop5": "ft-mdMarginTop5-2gG6",
"mdMarginRight5": "ft-mdMarginRight5-1JK8",
"mdMarginBottom5": "ft-mdMarginBottom5-3xFI",
"mdMarginLeft5": "ft-mdMarginLeft5-2WoA",
"mdMarginTopN5": "ft-mdMarginTopN5-2cnk",
"mdMarginRightN5": "ft-mdMarginRightN5-jhHx",
"mdMarginBottomN5": "ft-mdMarginBottomN5-2z6O",
"mdMarginLeftN5": "ft-mdMarginLeftN5-2qCm",
"mdPaddingY5": "ft-mdPaddingY5-1AUH",
"mdPaddingX5": "ft-mdPaddingX5-de_X",
"mdMarginStart6": "ft-mdMarginStart6-JzF1",
"mdMarginEnd6": "ft-mdMarginEnd6--rhM",
"mdMarginStartN6": "ft-mdMarginStartN6-1OUi",
"mdMarginEndN6": "ft-mdMarginEndN6-2sub",
"mdMarginTop6": "ft-mdMarginTop6-1F89",
"mdMarginRight6": "ft-mdMarginRight6-bCNA",
"mdMarginBottom6": "ft-mdMarginBottom6-Rb-5",
"mdMarginLeft6": "ft-mdMarginLeft6-tnYN",
"mdMarginTopN6": "ft-mdMarginTopN6-2e1X",
"mdMarginRightN6": "ft-mdMarginRightN6-_vb8",
"mdMarginBottomN6": "ft-mdMarginBottomN6-S52_",
"mdMarginLeftN6": "ft-mdMarginLeftN6-3s7I",
"mdPaddingY6": "ft-mdPaddingY6-2Kwn",
"mdPaddingX6": "ft-mdPaddingX6-ba-K",
"mdMarginStart7": "ft-mdMarginStart7-1npd",
"mdMarginEnd7": "ft-mdMarginEnd7-2Kkt",
"mdMarginStartN7": "ft-mdMarginStartN7-28Nr",
"mdMarginEndN7": "ft-mdMarginEndN7-1tYu",
"mdMarginTop7": "ft-mdMarginTop7-X9hm",
"mdMarginRight7": "ft-mdMarginRight7-3enD",
"mdMarginBottom7": "ft-mdMarginBottom7-1AfA",
"mdMarginLeft7": "ft-mdMarginLeft7-3o-K",
"mdMarginTopN7": "ft-mdMarginTopN7-1x-J",
"mdMarginRightN7": "ft-mdMarginRightN7-1fgc",
"mdMarginBottomN7": "ft-mdMarginBottomN7-3TGE",
"mdMarginLeftN7": "ft-mdMarginLeftN7-3tWc",
"mdPaddingY7": "ft-mdPaddingY7-1aWr",
"mdPaddingX7": "ft-mdPaddingX7-1ue0",
"mdMarginStart8": "ft-mdMarginStart8-2byw",
"mdMarginEnd8": "ft-mdMarginEnd8-2wXA",
"mdMarginStartN8": "ft-mdMarginStartN8-1yxL",
"mdMarginEndN8": "ft-mdMarginEndN8-1TZx",
"mdMarginTop8": "ft-mdMarginTop8-YLME",
"mdMarginRight8": "ft-mdMarginRight8-3M6D",
"mdMarginBottom8": "ft-mdMarginBottom8-3bIR",
"mdMarginLeft8": "ft-mdMarginLeft8-3oCe",
"mdMarginTopN8": "ft-mdMarginTopN8-3Xf4",
"mdMarginRightN8": "ft-mdMarginRightN8-81gm",
"mdMarginBottomN8": "ft-mdMarginBottomN8-3S2v",
"mdMarginLeftN8": "ft-mdMarginLeftN8-3aKQ",
"mdPaddingY8": "ft-mdPaddingY8-2-wb",
"mdPaddingX8": "ft-mdPaddingX8-3Ipc",
"mdMarginStart9": "ft-mdMarginStart9-3dam",
"mdMarginEnd9": "ft-mdMarginEnd9-1MEu",
"mdMarginStartN9": "ft-mdMarginStartN9-1DHq",
"mdMarginEndN9": "ft-mdMarginEndN9-3XUP",
"mdMarginTop9": "ft-mdMarginTop9-17D0",
"mdMarginRight9": "ft-mdMarginRight9-7Elo",
"mdMarginBottom9": "ft-mdMarginBottom9-1Uvu",
"mdMarginLeft9": "ft-mdMarginLeft9-JkVI",
"mdMarginTopN9": "ft-mdMarginTopN9-1Bfl",
"mdMarginRightN9": "ft-mdMarginRightN9-2Y59",
"mdMarginBottomN9": "ft-mdMarginBottomN9-kJpt",
"mdMarginLeftN9": "ft-mdMarginLeftN9-3yiE",
"mdPaddingY9": "ft-mdPaddingY9-sWGL",
"mdPaddingX9": "ft-mdPaddingX9-2j70",
"mdMarginStart10": "ft-mdMarginStart10-3eIP",
"mdMarginEnd10": "ft-mdMarginEnd10-14ue",
"mdMarginStartN10": "ft-mdMarginStartN10-3n4l",
"mdMarginEndN10": "ft-mdMarginEndN10-Ii7z",
"mdMarginTop10": "ft-mdMarginTop10-35hg",
"mdMarginRight10": "ft-mdMarginRight10-3zRE",
"mdMarginBottom10": "ft-mdMarginBottom10-34c1",
"mdMarginLeft10": "ft-mdMarginLeft10-3Bjq",
"mdMarginTopN10": "ft-mdMarginTopN10-327B",
"mdMarginRightN10": "ft-mdMarginRightN10-13is",
"mdMarginBottomN10": "ft-mdMarginBottomN10-3chc",
"mdMarginLeftN10": "ft-mdMarginLeftN10-3v7L",
"mdPaddingY10": "ft-mdPaddingY10-3Q5k",
"mdPaddingX10": "ft-mdPaddingX10-257N",
"mdMarginStart11": "ft-mdMarginStart11-F0_3",
"mdMarginEnd11": "ft-mdMarginEnd11-1eAO",
"mdMarginStartN11": "ft-mdMarginStartN11-463Z",
"mdMarginEndN11": "ft-mdMarginEndN11-TNzj",
"mdMarginTop11": "ft-mdMarginTop11-3aih",
"mdMarginRight11": "ft-mdMarginRight11-1Tvh",
"mdMarginBottom11": "ft-mdMarginBottom11-2UwI",
"mdMarginLeft11": "ft-mdMarginLeft11-2_3I",
"mdMarginTopN11": "ft-mdMarginTopN11-3rK6",
"mdMarginRightN11": "ft-mdMarginRightN11-1LyA",
"mdMarginBottomN11": "ft-mdMarginBottomN11-1lgG",
"mdMarginLeftN11": "ft-mdMarginLeftN11-ozqw",
"mdPaddingY11": "ft-mdPaddingY11-2asm",
"mdPaddingX11": "ft-mdPaddingX11-3qa9",
"mdMarginStart12": "ft-mdMarginStart12-3hA7",
"mdMarginEnd12": "ft-mdMarginEnd12-12D0",
"mdMarginStartN12": "ft-mdMarginStartN12-28MA",
"mdMarginEndN12": "ft-mdMarginEndN12-1zvX",
"mdMarginTop12": "ft-mdMarginTop12-1AMn",
"mdMarginRight12": "ft-mdMarginRight12-29ko",
"mdMarginBottom12": "ft-mdMarginBottom12-2Qiw",
"mdMarginLeft12": "ft-mdMarginLeft12-3c1i",
"mdMarginTopN12": "ft-mdMarginTopN12-1gqn",
"mdMarginRightN12": "ft-mdMarginRightN12-337k",
"mdMarginBottomN12": "ft-mdMarginBottomN12-EtNm",
"mdMarginLeftN12": "ft-mdMarginLeftN12-2WlP",
"mdPaddingY12": "ft-mdPaddingY12-3y-R",
"mdPaddingX12": "ft-mdPaddingX12-2id2",
"lgMarginStart1": "ft-lgMarginStart1-3Jwj",
"lgMarginEnd1": "ft-lgMarginEnd1-1xF8",
"lgMarginStartN1": "ft-lgMarginStartN1-uRsb",
"lgMarginEndN1": "ft-lgMarginEndN1-2_2K",
"lgMarginTop1": "ft-lgMarginTop1-2sGP",
"lgMarginRight1": "ft-lgMarginRight1-3Teq",
"lgMarginBottom1": "ft-lgMarginBottom1-3Xdz",
"lgMarginLeft1": "ft-lgMarginLeft1-1YcF",
"lgMarginTopN1": "ft-lgMarginTopN1-97c-",
"lgMarginRightN1": "ft-lgMarginRightN1-2LYJ",
"lgMarginBottomN1": "ft-lgMarginBottomN1-29wt",
"lgMarginLeftN1": "ft-lgMarginLeftN1-29f_",
"lgPaddingY1": "ft-lgPaddingY1-11hQ",
"lgPaddingX1": "ft-lgPaddingX1-G96d",
"lgMarginStart2": "ft-lgMarginStart2-15l7",
"lgMarginEnd2": "ft-lgMarginEnd2-2vbk",
"lgMarginStartN2": "ft-lgMarginStartN2-21oi",
"lgMarginEndN2": "ft-lgMarginEndN2-1jvL",
"lgMarginTop2": "ft-lgMarginTop2-L0wO",
"lgMarginRight2": "ft-lgMarginRight2-1ygq",
"lgMarginBottom2": "ft-lgMarginBottom2-1hPC",
"lgMarginLeft2": "ft-lgMarginLeft2-230U",
"lgMarginTopN2": "ft-lgMarginTopN2-JalD",
"lgMarginRightN2": "ft-lgMarginRightN2-36G_",
"lgMarginBottomN2": "ft-lgMarginBottomN2-5Z36",
"lgMarginLeftN2": "ft-lgMarginLeftN2-1zhO",
"lgPaddingY2": "ft-lgPaddingY2-65L4",
"lgPaddingX2": "ft-lgPaddingX2-3QEj",
"lgMarginStart3": "ft-lgMarginStart3-38lW",
"lgMarginEnd3": "ft-lgMarginEnd3-3LHZ",
"lgMarginStartN3": "ft-lgMarginStartN3-1Q6R",
"lgMarginEndN3": "ft-lgMarginEndN3-2FBu",
"lgMarginTop3": "ft-lgMarginTop3-AyIv",
"lgMarginRight3": "ft-lgMarginRight3-2ZLe",
"lgMarginBottom3": "ft-lgMarginBottom3-34ZM",
"lgMarginLeft3": "ft-lgMarginLeft3-g-qG",
"lgMarginTopN3": "ft-lgMarginTopN3-2c1w",
"lgMarginRightN3": "ft-lgMarginRightN3-s8Rh",
"lgMarginBottomN3": "ft-lgMarginBottomN3-3Ibl",
"lgMarginLeftN3": "ft-lgMarginLeftN3-1Tyw",
"lgPaddingY3": "ft-lgPaddingY3-3t4L",
"lgPaddingX3": "ft-lgPaddingX3-3AM4",
"lgMarginStart4": "ft-lgMarginStart4-1pUf",
"lgMarginEnd4": "ft-lgMarginEnd4-dtnU",
"lgMarginStartN4": "ft-lgMarginStartN4-1odk",
"lgMarginEndN4": "ft-lgMarginEndN4-25ld",
"lgMarginTop4": "ft-lgMarginTop4-2PYk",
"lgMarginRight4": "ft-lgMarginRight4-1i1U",
"lgMarginBottom4": "ft-lgMarginBottom4-G-QP",
"lgMarginLeft4": "ft-lgMarginLeft4-2HA4",
"lgMarginTopN4": "ft-lgMarginTopN4-3zi8",
"lgMarginRightN4": "ft-lgMarginRightN4-2aWk",
"lgMarginBottomN4": "ft-lgMarginBottomN4-3aih",
"lgMarginLeftN4": "ft-lgMarginLeftN4-2u1E",
"lgPaddingY4": "ft-lgPaddingY4-2-2b",
"lgPaddingX4": "ft-lgPaddingX4-1YTr",
"lgMarginStart5": "ft-lgMarginStart5-3zc3",
"lgMarginEnd5": "ft-lgMarginEnd5-1nbl",
"lgMarginStartN5": "ft-lgMarginStartN5-2lqr",
"lgMarginEndN5": "ft-lgMarginEndN5-2MzT",
"lgMarginTop5": "ft-lgMarginTop5-2eB3",
"lgMarginRight5": "ft-lgMarginRight5-e4fy",
"lgMarginBottom5": "ft-lgMarginBottom5-R45p",
"lgMarginLeft5": "ft-lgMarginLeft5-393u",
"lgMarginTopN5": "ft-lgMarginTopN5-1dsV",
"lgMarginRightN5": "ft-lgMarginRightN5-3C1C",
"lgMarginBottomN5": "ft-lgMarginBottomN5-Tf7C",
"lgMarginLeftN5": "ft-lgMarginLeftN5-2b2I",
"lgPaddingY5": "ft-lgPaddingY5-1eN5",
"lgPaddingX5": "ft-lgPaddingX5-3Onr",
"lgMarginStart6": "ft-lgMarginStart6-4YLj",
"lgMarginEnd6": "ft-lgMarginEnd6-1RqM",
"lgMarginStartN6": "ft-lgMarginStartN6-2Qxg",
"lgMarginEndN6": "ft-lgMarginEndN6-2F1w",
"lgMarginTop6": "ft-lgMarginTop6-1wig",
"lgMarginRight6": "ft-lgMarginRight6-3tb-",
"lgMarginBottom6": "ft-lgMarginBottom6-3KO5",
"lgMarginLeft6": "ft-lgMarginLeft6-3Lxj",
"lgMarginTopN6": "ft-lgMarginTopN6-1Jff",
"lgMarginRightN6": "ft-lgMarginRightN6-rmJH",
"lgMarginBottomN6": "ft-lgMarginBottomN6-2n9u",
"lgMarginLeftN6": "ft-lgMarginLeftN6-srZC",
"lgPaddingY6": "ft-lgPaddingY6-cuGW",
"lgPaddingX6": "ft-lgPaddingX6-ZOTY",
"lgMarginStart7": "ft-lgMarginStart7-1h_H",
"lgMarginEnd7": "ft-lgMarginEnd7-33XH",
"lgMarginStartN7": "ft-lgMarginStartN7-3tlc",
"lgMarginEndN7": "ft-lgMarginEndN7-YKdy",
"lgMarginTop7": "ft-lgMarginTop7-1HED",
"lgMarginRight7": "ft-lgMarginRight7-2DM_",
"lgMarginBottom7": "ft-lgMarginBottom7-Ra3B",
"lgMarginLeft7": "ft-lgMarginLeft7-3Ycd",
"lgMarginTopN7": "ft-lgMarginTopN7-1BE8",
"lgMarginRightN7": "ft-lgMarginRightN7-YFI9",
"lgMarginBottomN7": "ft-lgMarginBottomN7-38qJ",
"lgMarginLeftN7": "ft-lgMarginLeftN7-2DwQ",
"lgPaddingY7": "ft-lgPaddingY7-2HuP",
"lgPaddingX7": "ft-lgPaddingX7-2orW",
"lgMarginStart8": "ft-lgMarginStart8-35uK",
"lgMarginEnd8": "ft-lgMarginEnd8-1O2Y",
"lgMarginStartN8": "ft-lgMarginStartN8-16JA",
"lgMarginEndN8": "ft-lgMarginEndN8-2hiT",
"lgMarginTop8": "ft-lgMarginTop8-wxRu",
"lgMarginRight8": "ft-lgMarginRight8-NUf0",
"lgMarginBottom8": "ft-lgMarginBottom8-3eNN",
"lgMarginLeft8": "ft-lgMarginLeft8-2kB-",
"lgMarginTopN8": "ft-lgMarginTopN8-2pjL",
"lgMarginRightN8": "ft-lgMarginRightN8-39Mp",
"lgMarginBottomN8": "ft-lgMarginBottomN8-38QI",
"lgMarginLeftN8": "ft-lgMarginLeftN8-PaGB",
"lgPaddingY8": "ft-lgPaddingY8-kH31",
"lgPaddingX8": "ft-lgPaddingX8-28oL",
"lgMarginStart9": "ft-lgMarginStart9-1NGL",
"lgMarginEnd9": "ft-lgMarginEnd9-ED6R",
"lgMarginStartN9": "ft-lgMarginStartN9-1dbE",
"lgMarginEndN9": "ft-lgMarginEndN9-1ZwO",
"lgMarginTop9": "ft-lgMarginTop9-SN1X",
"lgMarginRight9": "ft-lgMarginRight9-1ba9",
"lgMarginBottom9": "ft-lgMarginBottom9-29C7",
"lgMarginLeft9": "ft-lgMarginLeft9-HHY5",
"lgMarginTopN9": "ft-lgMarginTopN9-3hZz",
"lgMarginRightN9": "ft-lgMarginRightN9-1Jx1",
"lgMarginBottomN9": "ft-lgMarginBottomN9-3RJA",
"lgMarginLeftN9": "ft-lgMarginLeftN9-1q4_",
"lgPaddingY9": "ft-lgPaddingY9-3fpb",
"lgPaddingX9": "ft-lgPaddingX9-2Lhs",
"lgMarginStart10": "ft-lgMarginStart10-1MHf",
"lgMarginEnd10": "ft-lgMarginEnd10-1V7L",
"lgMarginStartN10": "ft-lgMarginStartN10-120P",
"lgMarginEndN10": "ft-lgMarginEndN10-1akC",
"lgMarginTop10": "ft-lgMarginTop10-ClHr",
"lgMarginRight10": "ft-lgMarginRight10-1FSe",
"lgMarginBottom10": "ft-lgMarginBottom10-vgP4",
"lgMarginLeft10": "ft-lgMarginLeft10-nrsz",
"lgMarginTopN10": "ft-lgMarginTopN10-7nEj",
"lgMarginRightN10": "ft-lgMarginRightN10-3hac",
"lgMarginBottomN10": "ft-lgMarginBottomN10-LDjO",
"lgMarginLeftN10": "ft-lgMarginLeftN10-rz6N",
"lgPaddingY10": "ft-lgPaddingY10-10HC",
"lgPaddingX10": "ft-lgPaddingX10-1iZy",
"lgMarginStart11": "ft-lgMarginStart11-2MSz",
"lgMarginEnd11": "ft-lgMarginEnd11-3g4o",
"lgMarginStartN11": "ft-lgMarginStartN11-33gH",
"lgMarginEndN11": "ft-lgMarginEndN11-2CLv",
"lgMarginTop11": "ft-lgMarginTop11-2st4",
"lgMarginRight11": "ft-lgMarginRight11-1OCQ",
"lgMarginBottom11": "ft-lgMarginBottom11-1w6F",
"lgMarginLeft11": "ft-lgMarginLeft11-1c3v",
"lgMarginTopN11": "ft-lgMarginTopN11-2-Uv",
"lgMarginRightN11": "ft-lgMarginRightN11-1Zs3",
"lgMarginBottomN11": "ft-lgMarginBottomN11-3jcw",
"lgMarginLeftN11": "ft-lgMarginLeftN11-1wAe",
"lgPaddingY11": "ft-lgPaddingY11-3pmg",
"lgPaddingX11": "ft-lgPaddingX11-JUf6",
"lgMarginStart12": "ft-lgMarginStart12-1v3q",
"lgMarginEnd12": "ft-lgMarginEnd12-1G5u",
"lgMarginStartN12": "ft-lgMarginStartN12-2LYs",
"lgMarginEndN12": "ft-lgMarginEndN12-3ua8",
"lgMarginTop12": "ft-lgMarginTop12-1MWk",
"lgMarginRight12": "ft-lgMarginRight12-15l0",
"lgMarginBottom12": "ft-lgMarginBottom12-3llh",
"lgMarginLeft12": "ft-lgMarginLeft12-1q45",
"lgMarginTopN12": "ft-lgMarginTopN12-Ly-9",
"lgMarginRightN12": "ft-lgMarginRightN12-2hv-",
"lgMarginBottomN12": "ft-lgMarginBottomN12-3dC6",
"lgMarginLeftN12": "ft-lgMarginLeftN12-x0bn",
"lgPaddingY12": "ft-lgPaddingY12-5g8i",
"lgPaddingX12": "ft-lgPaddingX12-1E7-",
"xlMarginStart1": "ft-xlMarginStart1-XPFZ",
"xlMarginEnd1": "ft-xlMarginEnd1-16aL",
"xlMarginStartN1": "ft-xlMarginStartN1-7XJ2",
"xlMarginEndN1": "ft-xlMarginEndN1-3Sve",
"xlMarginTop1": "ft-xlMarginTop1-2IA3",
"xlMarginRight1": "ft-xlMarginRight1-1qAn",
"xlMarginBottom1": "ft-xlMarginBottom1-1J7M",
"xlMarginLeft1": "ft-xlMarginLeft1-1yhP",
"xlMarginTopN1": "ft-xlMarginTopN1-fduV",
"xlMarginRightN1": "ft-xlMarginRightN1-1nzm",
"xlMarginBottomN1": "ft-xlMarginBottomN1-1-c6",
"xlMarginLeftN1": "ft-xlMarginLeftN1-2jyi",
"xlPaddingY1": "ft-xlPaddingY1-3I2l",
"xlPaddingX1": "ft-xlPaddingX1-1dn7",
"xlMarginStart2": "ft-xlMarginStart2-2ZrL",
"xlMarginEnd2": "ft-xlMarginEnd2-1EtJ",
"xlMarginStartN2": "ft-xlMarginStartN2--738",
"xlMarginEndN2": "ft-xlMarginEndN2-2Mx6",
"xlMarginTop2": "ft-xlMarginTop2-1RwX",
"xlMarginRight2": "ft-xlMarginRight2-1tPD",
"xlMarginBottom2": "ft-xlMarginBottom2-m9y1",
"xlMarginLeft2": "ft-xlMarginLeft2-2oKl",
"xlMarginTopN2": "ft-xlMarginTopN2-CQ9_",
"xlMarginRightN2": "ft-xlMarginRightN2-23Uv",
"xlMarginBottomN2": "ft-xlMarginBottomN2-3h_U",
"xlMarginLeftN2": "ft-xlMarginLeftN2-2n0l",
"xlPaddingY2": "ft-xlPaddingY2-39IF",
"xlPaddingX2": "ft-xlPaddingX2-2lnf",
"xlMarginStart3": "ft-xlMarginStart3-1MNN",
"xlMarginEnd3": "ft-xlMarginEnd3-3Hjn",
"xlMarginStartN3": "ft-xlMarginStartN3-zREx",
"xlMarginEndN3": "ft-xlMarginEndN3-sQFz",
"xlMarginTop3": "ft-xlMarginTop3-1CWK",
"xlMarginRight3": "ft-xlMarginRight3-9rx5",
"xlMarginBottom3": "ft-xlMarginBottom3-2t5s",
"xlMarginLeft3": "ft-xlMarginLeft3-2ENk",
"xlMarginTopN3": "ft-xlMarginTopN3-1NiA",
"xlMarginRightN3": "ft-xlMarginRightN3-138P",
"xlMarginBottomN3": "ft-xlMarginBottomN3-3SZr",
"xlMarginLeftN3": "ft-xlMarginLeftN3-1cj3",
"xlPaddingY3": "ft-xlPaddingY3-26d4",
"xlPaddingX3": "ft-xlPaddingX3-2Zsl",
"xlMarginStart4": "ft-xlMarginStart4-2nsm",
"xlMarginEnd4": "ft-xlMarginEnd4-1891",
"xlMarginStartN4": "ft-xlMarginStartN4-12om",
"xlMarginEndN4": "ft-xlMarginEndN4-VRWk",
"xlMarginTop4": "ft-xlMarginTop4-1bpq",
"xlMarginRight4": "ft-xlMarginRight4-RyLt",
"xlMarginBottom4": "ft-xlMarginBottom4-1VKY",
"xlMarginLeft4": "ft-xlMarginLeft4-BLma",
"xlMarginTopN4": "ft-xlMarginTopN4-3bwd",
"xlMarginRightN4": "ft-xlMarginRightN4-3K3n",
"xlMarginBottomN4": "ft-xlMarginBottomN4-1_yA",
"xlMarginLeftN4": "ft-xlMarginLeftN4-DyUy",
"xlPaddingY4": "ft-xlPaddingY4-VeFm",
"xlPaddingX4": "ft-xlPaddingX4-1IrA",
"xlMarginStart5": "ft-xlMarginStart5-2oee",
"xlMarginEnd5": "ft-xlMarginEnd5-2cgU",
"xlMarginStartN5": "ft-xlMarginStartN5-2TYF",
"xlMarginEndN5": "ft-xlMarginEndN5-2I3T",
"xlMarginTop5": "ft-xlMarginTop5-1vJC",
"xlMarginRight5": "ft-xlMarginRight5-2_2M",
"xlMarginBottom5": "ft-xlMarginBottom5-2p7e",
"xlMarginLeft5": "ft-xlMarginLeft5-3q5B",
"xlMarginTopN5": "ft-xlMarginTopN5-1Aas",
"xlMarginRightN5": "ft-xlMarginRightN5-2wgC",
"xlMarginBottomN5": "ft-xlMarginBottomN5-1jju",
"xlMarginLeftN5": "ft-xlMarginLeftN5-EmHD",
"xlPaddingY5": "ft-xlPaddingY5-1EwN",
"xlPaddingX5": "ft-xlPaddingX5-3SW3",
"xlMarginStart6": "ft-xlMarginStart6-OytX",
"xlMarginEnd6": "ft-xlMarginEnd6-2hzN",
"xlMarginStartN6": "ft-xlMarginStartN6-3gIU",
"xlMarginEndN6": "ft-xlMarginEndN6-1sB7",
"xlMarginTop6": "ft-xlMarginTop6-3y5-",
"xlMarginRight6": "ft-xlMarginRight6-2Y1N",
"xlMarginBottom6": "ft-xlMarginBottom6-3yJS",
"xlMarginLeft6": "ft-xlMarginLeft6-xQwM",
"xlMarginTopN6": "ft-xlMarginTopN6-1oL_",
"xlMarginRightN6": "ft-xlMarginRightN6-12S2",
"xlMarginBottomN6": "ft-xlMarginBottomN6-1RTN",
"xlMarginLeftN6": "ft-xlMarginLeftN6-XvdD",
"xlPaddingY6": "ft-xlPaddingY6-2-2W",
"xlPaddingX6": "ft-xlPaddingX6-3U-b",
"xlMarginStart7": "ft-xlMarginStart7-3UAt",
"xlMarginEnd7": "ft-xlMarginEnd7-Q1FV",
"xlMarginStartN7": "ft-xlMarginStartN7-PpZq",
"xlMarginEndN7": "ft-xlMarginEndN7-1-RI",
"xlMarginTop7": "ft-xlMarginTop7-_Ml3",
"xlMarginRight7": "ft-xlMarginRight7-CDoG",
"xlMarginBottom7": "ft-xlMarginBottom7-3HcD",
"xlMarginLeft7": "ft-xlMarginLeft7-3RkY",
"xlMarginTopN7": "ft-xlMarginTopN7-8cfV",
"xlMarginRightN7": "ft-xlMarginRightN7-2T6L",
"xlMarginBottomN7": "ft-xlMarginBottomN7-Yiu8",
"xlMarginLeftN7": "ft-xlMarginLeftN7-16yK",
"xlPaddingY7": "ft-xlPaddingY7-2uBs",
"xlPaddingX7": "ft-xlPaddingX7-1pD7",
"xlMarginStart8": "ft-xlMarginStart8-3AdC",
"xlMarginEnd8": "ft-xlMarginEnd8-Yk4G",
"xlMarginStartN8": "ft-xlMarginStartN8-2EuI",
"xlMarginEndN8": "ft-xlMarginEndN8-O1cR",
"xlMarginTop8": "ft-xlMarginTop8-H5YH",
"xlMarginRight8": "ft-xlMarginRight8-2P1k",
"xlMarginBottom8": "ft-xlMarginBottom8-3Vzd",
"xlMarginLeft8": "ft-xlMarginLeft8-2jov",
"xlMarginTopN8": "ft-xlMarginTopN8-2jN-",
"xlMarginRightN8": "ft-xlMarginRightN8-1w5g",
"xlMarginBottomN8": "ft-xlMarginBottomN8-3JKo",
"xlMarginLeftN8": "ft-xlMarginLeftN8-R5g2",
"xlPaddingY8": "ft-xlPaddingY8-2aNu",
"xlPaddingX8": "ft-xlPaddingX8-3LhE",
"xlMarginStart9": "ft-xlMarginStart9-2WSF",
"xlMarginEnd9": "ft-xlMarginEnd9-_TBw",
"xlMarginStartN9": "ft-xlMarginStartN9-1PDz",
"xlMarginEndN9": "ft-xlMarginEndN9-3fyc",
"xlMarginTop9": "ft-xlMarginTop9-88lI",
"xlMarginRight9": "ft-xlMarginRight9-1Om2",
"xlMarginBottom9": "ft-xlMarginBottom9-20XH",
"xlMarginLeft9": "ft-xlMarginLeft9-SPUa",
"xlMarginTopN9": "ft-xlMarginTopN9-1yOC",
"xlMarginRightN9": "ft-xlMarginRightN9-3vHM",
"xlMarginBottomN9": "ft-xlMarginBottomN9-HKvw",
"xlMarginLeftN9": "ft-xlMarginLeftN9-2ahf",
"xlPaddingY9": "ft-xlPaddingY9-22lY",
"xlPaddingX9": "ft-xlPaddingX9-3MAv",
"xlMarginStart10": "ft-xlMarginStart10-1hAP",
"xlMarginEnd10": "ft-xlMarginEnd10-7QIO",
"xlMarginStartN10": "ft-xlMarginStartN10-355x",
"xlMarginEndN10": "ft-xlMarginEndN10-1dvC",
"xlMarginTop10": "ft-xlMarginTop10-1KSY",
"xlMarginRight10": "ft-xlMarginRight10-17R-",
"xlMarginBottom10": "ft-xlMarginBottom10-2kDr",
"xlMarginLeft10": "ft-xlMarginLeft10-2D_G",
"xlMarginTopN10": "ft-xlMarginTopN10-2Uzm",
"xlMarginRightN10": "ft-xlMarginRightN10-3hG9",
"xlMarginBottomN10": "ft-xlMarginBottomN10-1zts",
"xlMarginLeftN10": "ft-xlMarginLeftN10-UQq0",
"xlPaddingY10": "ft-xlPaddingY10-1zUl",
"xlPaddingX10": "ft-xlPaddingX10-3UiL",
"xlMarginStart11": "ft-xlMarginStart11-2gXx",
"xlMarginEnd11": "ft-xlMarginEnd11-CViH",
"xlMarginStartN11": "ft-xlMarginStartN11-2You",
"xlMarginEndN11": "ft-xlMarginEndN11-1Kbr",
"xlMarginTop11": "ft-xlMarginTop11-1Yhm",
"xlMarginRight11": "ft-xlMarginRight11-32i-",
"xlMarginBottom11": "ft-xlMarginBottom11-1l69",
"xlMarginLeft11": "ft-xlMarginLeft11-3bp0",
"xlMarginTopN11": "ft-xlMarginTopN11-iCCZ",
"xlMarginRightN11": "ft-xlMarginRightN11-1CVA",
"xlMarginBottomN11": "ft-xlMarginBottomN11-2D2q",
"xlMarginLeftN11": "ft-xlMarginLeftN11-gCbQ",
"xlPaddingY11": "ft-xlPaddingY11-1mQt",
"xlPaddingX11": "ft-xlPaddingX11-S8wc",
"xlMarginStart12": "ft-xlMarginStart12-Ztj7",
"xlMarginEnd12": "ft-xlMarginEnd12-701h",
"xlMarginStartN12": "ft-xlMarginStartN12-20db",
"xlMarginEndN12": "ft-xlMarginEndN12-1JzB",
"xlMarginTop12": "ft-xlMarginTop12-2_c2",
"xlMarginRight12": "ft-xlMarginRight12-1iEg",
"xlMarginBottom12": "ft-xlMarginBottom12-hegN",
"xlMarginLeft12": "ft-xlMarginLeft12-21jc",
"xlMarginTopN12": "ft-xlMarginTopN12-11O-",
"xlMarginRightN12": "ft-xlMarginRightN12-13Mb",
"xlMarginBottomN12": "ft-xlMarginBottomN12-IMlv",
"xlMarginLeftN12": "ft-xlMarginLeftN12-1vNJ",
"xlPaddingY12": "ft-xlPaddingY12-iM8H",
"xlPaddingX12": "ft-xlPaddingX12-A1So",
"block": "ft-block-2L6n",
"inline": "ft-inline-2UPl",
"inlineBlock": "ft-inlineBlock-RaNl",
"table": "ft-table-2UUn",
"overflowHidden": "ft-overflowHidden-v1p3",
"overflowScroll": "ft-overflowScroll-3QFN",
"overflowScrollX": "ft-overflowScrollX-333D",
"overflowScrollY": "ft-overflowScrollY-pKX6",
"overflowAuto": "ft-overflowAuto-3P7Z",
"fit": "ft-fit-mf0i",
"relative": "ft-relative-34Rd",
"fixed": "ft-fixed-3P3C",
"absolute": "ft-absolute-3WNJ",
"sticky": "ft-sticky-DPAu",
"top0": "ft-top0-jaHV",
"right0": "ft-right0-1kWo",
"bottom0": "ft-bottom0-3sO0",
"left0": "ft-left0-3LfJ",
"small": "ft-small-1_zh",
"medium": "ft-medium-3tTa",
"large": "ft-large-273Z",
"borderBox": "ft-borderBox-3soS",
"contentBox": "ft-contentBox-U3ZT",
"flex": "ft-flex-25YM",
"xsFlex": "ft-xsFlex-38u6",
"smFlex": "ft-smFlex-1qt_",
"mdFlex": "ft-mdFlex-3F7u",
"lgFlex": "ft-lgFlex-1qXl",
"xlFlex": "ft-xlFlex-3Ki1",
"flexColumn": "ft-flexColumn-1HTk",
"flexWrap": "ft-flexWrap-120I",
"itemsStart": "ft-itemsStart-3z4Q",
"itemsEnd": "ft-itemsEnd-37SW",
"itemsCenter": "ft-itemsCenter-3mb1",
"itemsBaseline": "ft-itemsBaseline-3c-D",
"itemsStretch": "ft-itemsStretch-3Rwn",
"selfStart": "ft-selfStart-bi4y",
"selfEnd": "ft-selfEnd-NkZS",
"selfCenter": "ft-selfCenter-3DL7",
"selfBaseline": "ft-selfBaseline-1QJf",
"selfStretch": "ft-selfStretch-VcZY",
"justifyStart": "ft-justifyStart-30lo",
"justifyEnd": "ft-justifyEnd-3uH6",
"justifyCenter": "ft-justifyCenter-2E-G",
"justifyBetween": "ft-justifyBetween-1rBI",
"justifyAround": "ft-justifyAround-2XYX",
"contentStart": "ft-contentStart-EGor",
"contentEnd": "ft-contentEnd-2D7t",
"contentCenter": "ft-contentCenter-3X0g",
"contentBetween": "ft-contentBetween-2Hoa",
"contentAround": "ft-contentAround-385l",
"contentStretch": "ft-contentStretch-283Q",
"flexGrow": "ft-flexGrow-1bwn",
"flexNone": "ft-flexNone-18ON",
"orderFirst": "ft-orderFirst-1gcl",
"orderLast": "ft-orderLast-2S5K",
"col": "ft-col-1D1v",
"xsCol1": "ft-xsCol1--D3A",
"xsCol2": "ft-xsCol2-2Ndf",
"xsCol3": "ft-xsCol3-3Fdq",
"xsCol4": "ft-xsCol4-2-_W",
"xsCol5": "ft-xsCol5-18xn",
"xsCol6": "ft-xsCol6-1lbt",
"xsCol7": "ft-xsCol7-3WYy",
"xsCol8": "ft-xsCol8-34vy",
"xsCol9": "ft-xsCol9-1Du5",
"xsCol10": "ft-xsCol10-2Pwf",
"xsCol11": "ft-xsCol11-1j7l",
"xsCol12": "ft-xsCol12-3U_e",
"smCol1": "ft-smCol1-2Yw5",
"smCol2": "ft-smCol2-t6nc",
"smCol3": "ft-smCol3-1dHM",
"smCol4": "ft-smCol4-1bKu",
"smCol5": "ft-smCol5-3x9c",
"smCol6": "ft-smCol6-20cH",
"smCol7": "ft-smCol7-sYiB",
"smCol8": "ft-smCol8-1KO5",
"smCol9": "ft-smCol9-1CnG",
"smCol10": "ft-smCol10-2nid",
"smCol11": "ft-smCol11-X5TR",
"smCol12": "ft-smCol12-1pcN",
"mdCol1": "ft-mdCol1-2AqV",
"mdCol2": "ft-mdCol2-YWvE",
"mdCol3": "ft-mdCol3-1JTe",
"mdCol4": "ft-mdCol4-ALGz",
"mdCol5": "ft-mdCol5-ONwG",
"mdCol6": "ft-mdCol6-2raz",
"mdCol7": "ft-mdCol7-1U6s",
"mdCol8": "ft-mdCol8-1dIT",
"mdCol9": "ft-mdCol9-1Nfb",
"mdCol10": "ft-mdCol10-7Pnw",
"mdCol11": "ft-mdCol11-1BK2",
"mdCol12": "ft-mdCol12-1cWf",
"lgCol1": "ft-lgCol1-vrdA",
"lgCol2": "ft-lgCol2-1KRl",
"lgCol3": "ft-lgCol3-3biE",
"lgCol4": "ft-lgCol4-3ZFU",
"lgCol5": "ft-lgCol5-1yVz",
"lgCol6": "ft-lgCol6--qs5",
"lgCol7": "ft-lgCol7-2eXR",
"lgCol8": "ft-lgCol8-OnGL",
"lgCol9": "ft-lgCol9-3Kiy",
"lgCol10": "ft-lgCol10-3Fyf",
"lgCol11": "ft-lgCol11-1M9H",
"lgCol12": "ft-lgCol12-dKS9",
"xlCol1": "ft-xlCol1-Rp9h",
"xlCol2": "ft-xlCol2-3CPm",
"xlCol3": "ft-xlCol3-1tcs",
"xlCol4": "ft-xlCol4-3Twl",
"xlCol5": "ft-xlCol5-1c-J",
"xlCol6": "ft-xlCol6-18Vo",
"xlCol7": "ft-xlCol7-32FC",
"xlCol8": "ft-xlCol8-qG6H",
"xlCol9": "ft-xlCol9-3wvj",
"xlCol10": "ft-xlCol10-77CN",
"xlCol11": "ft-xlCol11-2GQU",
"xlCol12": "ft-xlCol12-3JKr",
"colorBlack": "ft-colorBlack-Ghc5",
"colorGrayDark": "ft-colorGrayDark-E-D2",
"colorGray": "ft-colorGray-3wCx",
"colorGrayLight": "ft-colorGrayLight-3h82",
"colorGrayLighter": "ft-colorGrayLighter-t2lc",
"colorGrayLightest": "ft-colorGrayLightest-1N6b",
"colorWhite": "ft-colorWhite-3SlT",
"colorBackgroundDarker": "ft-colorBackgroundDarker-onLK",
"colorBackground": "ft-colorBackground-ADQy",
"colorLink": "ft-colorLink-o2EC",
"colorLinkVisited": "ft-colorLinkVisited-3nnH",
"colorLinkDarkBg": "ft-colorLinkDarkBg-2eSY",
"colorDisabled": "ft-colorDisabled-2zDr",
"colorNotification1": "ft-colorNotification1-16A7",
"colorNotification2": "ft-colorNotification2-1qi9",
"colorNotification3": "ft-colorNotification3-3jaM",
"colorHighlight1": "ft-colorHighlight1-S-lo",
"colorHighlight2": "ft-colorHighlight2-2L3L",
"colorHighlight3": "ft-colorHighlight3-1GG5",
"colorActionDarkest": "ft-colorActionDarkest-290_",
"colorActionDarker": "ft-colorActionDarker-X__t",
"colorAction": "ft-colorAction-26AI",
"colorActionLighter": "ft-colorActionLighter-3ZCQ",
"colorActionLightest": "ft-colorActionLightest-JYKr",
"colorSelectedDarkest": "ft-colorSelectedDarkest-3A7h",
"colorSelectedDarker": "ft-colorSelectedDarker-zMY8",
"colorSelected": "ft-colorSelected-1_wg",
"colorSelectedLighter": "ft-colorSelectedLighter-2JtV",
"colorSelectedLightest": "ft-colorSelectedLightest-1hfQ",
"colorErrorDarkest": "ft-colorErrorDarkest-28PB",
"colorErrorDarker": "ft-colorErrorDarker-BUT2",
"colorError": "ft-colorError-EOn2",
"colorErrorLighter": "ft-colorErrorLighter-1Lp2",
"colorErrorLightest": "ft-colorErrorLightest-3hvJ",
"colorWarningDarkest": "ft-colorWarningDarkest-2cNc",
"colorWarningDarker": "ft-colorWarningDarker-1Tfl",
"colorWarning": "ft-colorWarning-r7g0",
"colorWarningLighter": "ft-colorWarningLighter-ELyF",
"colorWarningLightest": "ft-colorWarningLightest-pYcx",
"colorSecondaryDarker": "ft-colorSecondaryDarker-8cUk",
"colorSecondary": "ft-colorSecondary-2g3i",
"colorSecondaryLighter": "ft-colorSecondaryLighter-1AwU",
"colorBnaBlue": "ft-colorBnaBlue-3tA_",
"colorBlawBlue": "ft-colorBlawBlue-1qmi",
"colorBtaxOrange": "ft-colorBtaxOrange-1OY-",
"colorBtaxBlue": "ft-colorBtaxBlue-2PQc",
"colorBgovNavy": "ft-colorBgovNavy-2cD1",
"colorBgovPurple": "ft-colorBgovPurple-1Smk",
"colorBtaxDarkBlue": "ft-colorBtaxDarkBlue-1fK6",
"colorBtaxLightBlue": "ft-colorBtaxLightBlue-3h8t",
"colorThemeAntitrust": "ft-colorThemeAntitrust-14RR",
"colorThemeBanking": "ft-colorThemeBanking-1evK",
"colorThemeBankruptcy": "ft-colorThemeBankruptcy-32HN",
"colorThemeBenefits": "ft-colorThemeBenefits-2pSN",
"colorThemeCorporate": "ft-colorThemeCorporate-3s4_",
"colorThemeEdiscovery": "ft-colorThemeEdiscovery-31p9",
"colorThemeEnvironment": "ft-colorThemeEnvironment-2q5J",
"colorThemeHealth": "ft-colorThemeHealth-34T3",
"colorThemeIp": "ft-colorThemeIp-2JVI",
"colorThemeLabor": "ft-colorThemeLabor-7OV3",
"colorThemeSecurities": "ft-colorThemeSecurities-2GEa",
"colorThemeTelecom": "ft-colorThemeTelecom-1DLw",
"colorDataviz1": "ft-colorDataviz1-2wXr",
"colorDataviz2": "ft-colorDataviz2-RhI6",
"colorDataviz3": "ft-colorDataviz3-YbMw",
"colorDataviz4": "ft-colorDataviz4-daVZ",
"colorDataviz5": "ft-colorDataviz5-PXIM",
"colorDataviz6": "ft-colorDataviz6-2po8",
"colorDataviz7": "ft-colorDataviz7-3-vq",
"colorDataviz8": "ft-colorDataviz8-FhRy",
"colorDataviz9": "ft-colorDataviz9-30ai",
"colorDataviz10": "ft-colorDataviz10-2Huc",
"colorDatavizPositive": "ft-colorDatavizPositive-3R9v",
"colorDatavizNegative": "ft-colorDatavizNegative-2Gb3",
"colorDemocrat": "ft-colorDemocrat-3oLQ",
"colorRepublican": "ft-colorRepublican-2et6",
"colorIndependent": "ft-colorIndependent-38na",
"colorBlackBg": "ft-colorBlackBg-1oVF",
"colorGrayDarkBg": "ft-colorGrayDarkBg-14w8",
"colorGrayBg": "ft-colorGrayBg-9u9y",
"colorGrayLightBg": "ft-colorGrayLightBg-3MwK",
"colorGrayLighterBg": "ft-colorGrayLighterBg-BRUN",
"colorGrayLightestBg": "ft-colorGrayLightestBg-3aHB",
"colorWhiteBg": "ft-colorWhiteBg-3fkb",
"colorBackgroundDarkerBg": "ft-colorBackgroundDarkerBg-1QLF",
"colorBackgroundBg": "ft-colorBackgroundBg-1Emi",
"colorLinkBg": "ft-colorLinkBg-3gr-",
"colorLinkVisitedBg": "ft-colorLinkVisitedBg-PN-m",
"colorLinkDarkBgBg": "ft-colorLinkDarkBgBg-qD21",
"colorDisabledBg": "ft-colorDisabledBg-2xwQ",
"colorNotification1Bg": "ft-colorNotification1Bg-ZpF1",
"colorNotification2Bg": "ft-colorNotification2Bg-3Wxt",
"colorNotification3Bg": "ft-colorNotification3Bg-2S3y",
"colorHighlight1Bg": "ft-colorHighlight1Bg-ca-r",
"colorHighlight2Bg": "ft-colorHighlight2Bg-3a4K",
"colorHighlight3Bg": "ft-colorHighlight3Bg-1JBr",
"colorActionDarkestBg": "ft-colorActionDarkestBg-KzsK",
"colorActionDarkerBg": "ft-colorActionDarkerBg-3n88",
"colorActionBg": "ft-colorActionBg-2Z_K",
"colorActionLighterBg": "ft-colorActionLighterBg-1LBO",
"colorActionLightestBg": "ft-colorActionLightestBg-1o71",
"colorSelectedDarkestBg": "ft-colorSelectedDarkestBg-3rWP",
"colorSelectedDarkerBg": "ft-colorSelectedDarkerBg-2Pqc",
"colorSelectedBg": "ft-colorSelectedBg-2Nn0",
"colorSelectedLighterBg": "ft-colorSelectedLighterBg-3eoD",
"colorSelectedLightestBg": "ft-colorSelectedLightestBg-3IpO",
"colorErrorDarkestBg": "ft-colorErrorDarkestBg-2E2c",
"colorErrorDarkerBg": "ft-colorErrorDarkerBg-3tWg",
"colorErrorBg": "ft-colorErrorBg-d9js",
"colorErrorLighterBg": "ft-colorErrorLighterBg-2niD",
"colorErrorLightestBg": "ft-colorErrorLightestBg-24IW",
"colorWarningDarkestBg": "ft-colorWarningDarkestBg-l-Vo",
"colorWarningDarkerBg": "ft-colorWarningDarkerBg-1Vr_",
"colorWarningBg": "ft-colorWarningBg-2y6q",
"colorWarningLighterBg": "ft-colorWarningLighterBg-2Q3t",
"colorWarningLightestBg": "ft-colorWarningLightestBg-2Qg1",
"colorSecondaryDarkerBg": "ft-colorSecondaryDarkerBg-3zVW",
"colorSecondaryBg": "ft-colorSecondaryBg-1PW-",
"colorSecondaryLighterBg": "ft-colorSecondaryLighterBg-376W",
"colorBnaBlueBg": "ft-colorBnaBlueBg-2wxb",
"colorBlawBlueBg": "ft-colorBlawBlueBg-1MIU",
"colorBtaxOrangeBg": "ft-colorBtaxOrangeBg-3KSW",
"colorBtaxBlueBg": "ft-colorBtaxBlueBg-1skQ",
"colorBgovNavyBg": "ft-colorBgovNavyBg-7Vz-",
"colorBgovPurpleBg": "ft-colorBgovPurpleBg-2Ob6",
"colorBtaxDarkBlueBg": "ft-colorBtaxDarkBlueBg-jcB1",
"colorBtaxLightBlueBg": "ft-colorBtaxLightBlueBg-3pcW",
"colorThemeAntitrustBg": "ft-colorThemeAntitrustBg-32Uk",
"colorThemeBankingBg": "ft-colorThemeBankingBg-2rJl",
"colorThemeBankruptcyBg": "ft-colorThemeBankruptcyBg-reOj",
"colorThemeBenefitsBg": "ft-colorThemeBenefitsBg-1KrS",
"colorThemeCorporateBg": "ft-colorThemeCorporateBg-BVHk",
"colorThemeEdiscoveryBg": "ft-colorThemeEdiscoveryBg-1M1z",
"colorThemeEnvironmentBg": "ft-colorThemeEnvironmentBg-TFAW",
"colorThemeHealthBg": "ft-colorThemeHealthBg-3bl5",
"colorThemeIpBg": "ft-colorThemeIpBg-26xc",
"colorThemeLaborBg": "ft-colorThemeLaborBg-14lx",
"colorThemeSecuritiesBg": "ft-colorThemeSecuritiesBg-1Xae",
"colorThemeTelecomBg": "ft-colorThemeTelecomBg-2eQW",
"colorDataviz1Bg": "ft-colorDataviz1Bg-12oC",
"colorDataviz2Bg": "ft-colorDataviz2Bg-2utg",
"colorDataviz3Bg": "ft-colorDataviz3Bg-vGoe",
"colorDataviz4Bg": "ft-colorDataviz4Bg-2c0T",
"colorDataviz5Bg": "ft-colorDataviz5Bg-isdL",
"colorDataviz6Bg": "ft-colorDataviz6Bg-1G26",
"colorDataviz7Bg": "ft-colorDataviz7Bg-3ZZw",
"colorDataviz8Bg": "ft-colorDataviz8Bg-WySk",
"colorDataviz9Bg": "ft-colorDataviz9Bg-2rNy",
"colorDataviz10Bg": "ft-colorDataviz10Bg-4NNR",
"colorDatavizPositiveBg": "ft-colorDatavizPositiveBg-1RhE",
"colorDatavizNegativeBg": "ft-colorDatavizNegativeBg-2svi",
"colorDemocratBg": "ft-colorDemocratBg-1Q4L",
"colorRepublicanBg": "ft-colorRepublicanBg-fZvx",
"colorIndependentBg": "ft-colorIndependentBg-3xDs"
}
});
};
/* scoped */
var __vue_scope_id__$31 = undefined;
/* module identifier */
var __vue_module_identifier__$31 = undefined;
/* functional template */
var __vue_is_functional_template__$31 = undefined;
/* style inject SSR */
var box = __vue_normalize__({}, __vue_inject_styles__$31, __vue_script__$31, __vue_scope_id__$31, __vue_is_functional_template__$31, __vue_module_identifier__$31, __vue_create_injector__, undefined);
var FishTankBadge =
/*#__PURE__*/
function (_Vue) {
_inherits(FishTankBadge, _Vue);
function FishTankBadge() {
_classCallCheck(this, FishTankBadge);
return _possibleConstructorReturn(this, _getPrototypeOf(FishTankBadge).apply(this, arguments));
}
_createClass(FishTankBadge, [{
key: "themeClass",
get: function get() {
switch (this.theme) {
case "bgov":
return "badge-theme--grad-bgov-bluepurple";
case "btax":
return "badge-theme--grad-btax-blue";
case "disabled":
return "badge-theme--color-disabled";
case "notification-2":
return "badge-theme--color-notification-2";
case "notification-3":
return "badge-theme--color-notification-3";
case "neutral":
return "badge-theme--color-neutral";
default:
return "badge-theme--color-notification-1";
}
}
}, {
key: "iconClass",
get: function get() {
switch (this.textShade) {
case "dark":
return "remove-dark";
case "disabled":
return "remove-disabled";
default:
return "remove-light";
}
}
}, {
key: "textClass",
get: function get() {
switch (this.textShade) {
case "dark":
return "black";
case "disabled":
return "grayLight";
default:
return "white";
}
}
}, {
key: "badgePaddingClass",
get: function get() {
return this.removable ? "badge-padding--removable" : "badge-padding--text";
}
}, {
key: "interactive",
get: function get() {
return this.removable ? "a--interactive" : "a--static";
}
}, {
key: "listeners",
get: function get() {
var _this = this;
return Object.assign({}, this.$listeners, {
click: function click($event) {
if (_this.removable) {
/**
* Emits a click event when a tag is clicked and removable is true.
*
* @event MouseEvent
*/
return _this.$emit("click", $event);
}
}
});
}
}]);
return FishTankBadge;
}(Vue$1);
__decorate([Prop({
default: false
})], FishTankBadge.prototype, "removable", void 0);
__decorate([Prop({
default: 'light'
})], FishTankBadge.prototype, "textShade", void 0);
__decorate([Prop({
default: 'notification-1'
})], FishTankBadge.prototype, "theme", void 0);
FishTankBadge = __decorate([Component({
components: {
badgeText: FishTankText,
close: CloseSml24,
box: box
}
})], FishTankBadge);
var script$32 = FishTankBadge;
/* script */
var __vue_script__$32 = script$32;
/* template */
var __vue_render__$30 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("a", _vm._g({
class: _vm.interactive,
attrs: {
removableBadge: _vm.removable,
href: "javascript:;"
}
}, _vm.listeners), [_c("div", {
staticClass: "badge",
class: [_vm.themeClass, _vm.badgePaddingClass]
}, [_c("box", {
attrs: {
display: "flex",
type: "section",
"justify-content": "between",
"align-items": "center"
}
}, [_c("badge-text", {
attrs: {
color: _vm.textClass,
shade: _vm.textShade,
theme: _vm.theme,
size: "baseSm",
"semi-bold": ""
}
}, [_vm._t("default")], 2), _vm._v(" "), _vm.removable ? _c("close", {
class: _vm.iconClass
}) : _vm._e()], 1)], 1)]);
};
var __vue_staticRenderFns__$30 = [];
__vue_render__$30._withStripped = true;
/* style */
var __vue_inject_styles__$32 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-27250c0e_0", {
source: "[data-v-27250c0e]:root {\n --color-black: #292E31;\n --color-gray-dark: #505558;\n --color-gray: #777C7F;\n --color-gray-light: #9EA3A6;\n --color-gray-lighter: #C5CACD;\n --color-gray-lightest: #EDF2F5;\n --color-white: #FFFFFF;\n --color-link: #267ABD;\n --color-link-visited: #7F57B8;\n --color-link-dark-bg: #ACCCE5;\n --color-disabled: #C5CACD;\n --color-action-darkest: #30855C;\n --color-action-darker: #399E6E;\n --color-action: #3DA774;\n --color-action-lighter: #49B88B;\n --color-action-lightest: #EBF6F1;\n --color-selected-darkest: #0A7DAF;\n --color-selected-darker: #0D94CF;\n --color-selected: #0D9DDB;\n --color-selected-lighter: #0FB0E2;\n --color-selected-lightest: #E7F5FB;\n --color-error-darkest: #B43931;\n --color-error-darker: #D5443A;\n --color-error: #E1483E;\n --color-error-lighter: #E7564A;\n --color-error-lightest: #FBECEB;\n --color-warning-darkest: #CC900D;\n --color-warning-darker: #F2AB10;\n --color-warning: #FFB511;\n --color-warning-lighter: #FFC314;\n --color-warning-lightest: #FFF7E7;\n --color-blaw-blue: #0D9DDB;\n --color-btax-blue: #2785D6;\n --color-theme-antitrust: #57534A;\n --color-theme-banking: #379851;\n --color-theme-bankruptcy: #C52700;\n --color-theme-benefits: #EA6A02;\n --color-theme-corporate: #8A5BB6;\n --color-theme-ediscovery: #F64A56;\n --color-theme-environment: #6DC470;\n --color-theme-health: #0D3B91;\n --color-theme-ip: #1E95C1;\n --color-theme-labor: #00C18C;\n --color-theme-securities: #45BDE9;\n --color-theme-telecom: #6A8C8A;\n --color-dataviz-1: #63B995;\n --color-dataviz-2: #1E4882;\n --color-dataviz-3: #F87060;\n --color-dataviz-4: #1AA2AF;\n --color-dataviz-5: #FFB511;\n --color-dataviz-6: #9357C8;\n --color-dataviz-7: #F697C0;\n --color-dataviz-8: #2ECC71;\n --color-dataviz-9: #34495E;\n --color-dataviz-10: #FF6D10;\n --color-dataviz-positive: #2ECC71;\n --color-dataviz-negative: #F87060;\n --color-democrat: #0A54C2;\n --color-republican: #D3301A;\n --color-independent: #FFB00D;\n}\n.colorBlack[data-v-27250c0e] {\n color: var(--color-black);\n}\n.colorGrayDark[data-v-27250c0e] {\n color: var(--color-gray-dark);\n}\n.colorGray[data-v-27250c0e] {\n color: var(--color-gray);\n}\n.colorGrayLight[data-v-27250c0e] {\n color: var(--color-gray-light);\n}\n.colorGrayLighter[data-v-27250c0e] {\n color: var(--color-gray-lighter);\n}\n.colorGrayLightest[data-v-27250c0e] {\n color: var(--color-gray-lightest);\n}\n.colorWhite[data-v-27250c0e] {\n color: var(--color-white);\n}\n.colorLink[data-v-27250c0e] {\n color: var(--color-link);\n}\n.colorLinkVisited[data-v-27250c0e] {\n color: var(--color-link-visited);\n}\n.colorLinkDarkBg[data-v-27250c0e] {\n color: var(--color-link-dark-bg);\n}\n.colorDisabled[data-v-27250c0e] {\n color: var(--color-disabled);\n}\n.colorActionDarkest[data-v-27250c0e] {\n color: var(--color-action-darkest);\n}\n.colorActionDarker[data-v-27250c0e] {\n color: var(--color-action-darker);\n}\n.colorAction[data-v-27250c0e] {\n color: var(--color-action);\n}\n.colorActionLighter[data-v-27250c0e] {\n color: var(--color-action-lighter);\n}\n.colorActionLightest[data-v-27250c0e] {\n color: var(--color-action-lightest);\n}\n.colorSelectedDarkest[data-v-27250c0e] {\n color: var(--color-selected-darkest);\n}\n.colorSelectedDarker[data-v-27250c0e] {\n color: var(--color-selected-darker);\n}\n.colorSelected[data-v-27250c0e] {\n color: var(--color-selected);\n}\n.colorSelectedLighter[data-v-27250c0e] {\n color: var(--color-selected-lighter);\n}\n.colorSelectedLightest[data-v-27250c0e] {\n color: var(--color-selected-lightest);\n}\n.colorErrorDarkest[data-v-27250c0e] {\n color: var(--color-error-darkest);\n}\n.colorErrorDarker[data-v-27250c0e] {\n color: var(--color-error-darker);\n}\n.colorError[data-v-27250c0e] {\n color: var(--color-error);\n}\n.colorErrorLighter[data-v-27250c0e] {\n color: var(--color-error-lighter);\n}\n.colorErrorLightest[data-v-27250c0e] {\n color: var(--color-error-lightest);\n}\n.colorWarningDarkest[data-v-27250c0e] {\n color: var(--color-warning-darkest);\n}\n.colorWarningDarker[data-v-27250c0e] {\n color: var(--color-warning-darker);\n}\n.colorWarning[data-v-27250c0e] {\n color: var(--color-warning);\n}\n.colorWarningLighter[data-v-27250c0e] {\n color: var(--color-warning-lighter);\n}\n.colorWarningLightest[data-v-27250c0e] {\n color: var(--color-warning-lightest);\n}\n.colorBlawBlue[data-v-27250c0e] {\n color: var(--color-blaw-blue);\n}\n.colorBtaxBlue[data-v-27250c0e] {\n color: var(--color-btax-blue);\n}\n.colorThemeAntitrust[data-v-27250c0e] {\n color: var(--color-theme-antitrust);\n}\n.colorThemeBanking[data-v-27250c0e] {\n color: var(--color-theme-banking);\n}\n.colorThemeBankruptcy[data-v-27250c0e] {\n color: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefits[data-v-27250c0e] {\n color: var(--color-theme-benefits);\n}\n.colorThemeCorporate[data-v-27250c0e] {\n color: var(--color-theme-corporate);\n}\n.colorThemeEdiscovery[data-v-27250c0e] {\n color: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironment[data-v-27250c0e] {\n color: var(--color-theme-environment);\n}\n.colorThemeHealth[data-v-27250c0e] {\n color: var(--color-theme-health);\n}\n.colorThemeIp[data-v-27250c0e] {\n color: var(--color-theme-ip);\n}\n.colorThemeLabor[data-v-27250c0e] {\n color: var(--color-theme-labor);\n}\n.colorThemeSecurities[data-v-27250c0e] {\n color: var(--color-theme-securities);\n}\n.colorThemeTelecom[data-v-27250c0e] {\n color: var(--color-theme-telecom);\n}\n.colorDataviz1[data-v-27250c0e] {\n color: var(--color-dataviz-1);\n}\n.colorDataviz2[data-v-27250c0e] {\n color: var(--color-dataviz-2);\n}\n.colorDataviz3[data-v-27250c0e] {\n color: var(--color-dataviz-3);\n}\n.colorDataviz4[data-v-27250c0e] {\n color: var(--color-dataviz-4);\n}\n.colorDataviz5[data-v-27250c0e] {\n color: var(--color-dataviz-5);\n}\n.colorDataviz6[data-v-27250c0e] {\n color: var(--color-dataviz-6);\n}\n.colorDataviz7[data-v-27250c0e] {\n color: var(--color-dataviz-7);\n}\n.colorDataviz8[data-v-27250c0e] {\n color: var(--color-dataviz-8);\n}\n.colorDataviz9[data-v-27250c0e] {\n color: var(--color-dataviz-9);\n}\n.colorDataviz10[data-v-27250c0e] {\n color: var(--color-dataviz-10);\n}\n.colorDatavizPositive[data-v-27250c0e] {\n color: var(--color-dataviz-positive);\n}\n.colorDatavizNegative[data-v-27250c0e] {\n color: var(--color-dataviz-negative);\n}\n.colorDemocrat[data-v-27250c0e] {\n color: var(--color-democrat);\n}\n.colorRepublican[data-v-27250c0e] {\n color: var(--color-republican);\n}\n.colorIndependent[data-v-27250c0e] {\n color: var(--color-independent);\n}\n.colorBlackBg[data-v-27250c0e] {\n background: var(--color-black);\n}\n.colorGrayDarkBg[data-v-27250c0e] {\n background: var(--color-gray-dark);\n}\n.colorGrayBg[data-v-27250c0e] {\n background: var(--color-gray);\n}\n.colorGrayLightBg[data-v-27250c0e] {\n background: var(--color-gray-light);\n}\n.colorGrayLighterBg[data-v-27250c0e] {\n background: var(--color-gray-lighter);\n}\n.colorGrayLightestBg[data-v-27250c0e] {\n background: var(--color-gray-lightest);\n}\n.colorWhiteBg[data-v-27250c0e] {\n background: var(--color-white);\n}\n.colorLinkBg[data-v-27250c0e] {\n background: var(--color-link);\n}\n.colorLinkVisitedBg[data-v-27250c0e] {\n background: var(--color-link-visited);\n}\n.colorLinkDarkBgBg[data-v-27250c0e] {\n background: var(--color-link-dark-bg);\n}\n.colorDisabledBg[data-v-27250c0e] {\n background: var(--color-disabled);\n}\n.colorActionDarkestBg[data-v-27250c0e] {\n background: var(--color-action-darkest);\n}\n.colorActionDarkerBg[data-v-27250c0e] {\n background: var(--color-action-darker);\n}\n.colorActionBg[data-v-27250c0e] {\n background: var(--color-action);\n}\n.colorActionLighterBg[data-v-27250c0e] {\n background: var(--color-action-lighter);\n}\n.colorActionLightestBg[data-v-27250c0e] {\n background: var(--color-action-lightest);\n}\n.colorSelectedDarkestBg[data-v-27250c0e] {\n background: var(--color-selected-darkest);\n}\n.colorSelectedDarkerBg[data-v-27250c0e] {\n background: var(--color-selected-darker);\n}\n.colorSelectedBg[data-v-27250c0e] {\n background: var(--color-selected);\n}\n.colorSelectedLighterBg[data-v-27250c0e] {\n background: var(--color-selected-lighter);\n}\n.colorSelectedLightestBg[data-v-27250c0e] {\n background: var(--color-selected-lightest);\n}\n.colorErrorDarkestBg[data-v-27250c0e] {\n background: var(--color-error-darkest);\n}\n.colorErrorDarkerBg[data-v-27250c0e] {\n background: var(--color-error-darker);\n}\n.colorErrorBg[data-v-27250c0e] {\n background: var(--color-error);\n}\n.colorErrorLighterBg[data-v-27250c0e] {\n background: var(--color-error-lighter);\n}\n.colorErrorLightestBg[data-v-27250c0e] {\n background: var(--color-error-lightest);\n}\n.colorWarningDarkestBg[data-v-27250c0e] {\n background: var(--color-warning-darkest);\n}\n.colorWarningDarkerBg[data-v-27250c0e] {\n background: var(--color-warning-darker);\n}\n.colorWarningBg[data-v-27250c0e] {\n background: var(--color-warning);\n}\n.colorWarningLighterBg[data-v-27250c0e] {\n background: var(--color-warning-lighter);\n}\n.colorWarningLightestBg[data-v-27250c0e] {\n background: var(--color-warning-lightest);\n}\n.colorBlawBlueBg[data-v-27250c0e] {\n background: var(--color-blaw-blue);\n}\n.colorBtaxBlueBg[data-v-27250c0e] {\n background: var(--color-btax-blue);\n}\n.colorThemeAntitrustBg[data-v-27250c0e] {\n background: var(--color-theme-antitrust);\n}\n.colorThemeBankingBg[data-v-27250c0e] {\n background: var(--color-theme-banking);\n}\n.colorThemeBankruptcyBg[data-v-27250c0e] {\n background: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefitsBg[data-v-27250c0e] {\n background: var(--color-theme-benefits);\n}\n.colorThemeCorporateBg[data-v-27250c0e] {\n background: var(--color-theme-corporate);\n}\n.colorThemeEdiscoveryBg[data-v-27250c0e] {\n background: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironmentBg[data-v-27250c0e] {\n background: var(--color-theme-environment);\n}\n.colorThemeHealthBg[data-v-27250c0e] {\n background: var(--color-theme-health);\n}\n.colorThemeIpBg[data-v-27250c0e] {\n background: var(--color-theme-ip);\n}\n.colorThemeLaborBg[data-v-27250c0e] {\n background: var(--color-theme-labor);\n}\n.colorThemeSecuritiesBg[data-v-27250c0e] {\n background: var(--color-theme-securities);\n}\n.colorThemeTelecomBg[data-v-27250c0e] {\n background: var(--color-theme-telecom);\n}\n.colorDataviz1Bg[data-v-27250c0e] {\n background: var(--color-dataviz-1);\n}\n.colorDataviz2Bg[data-v-27250c0e] {\n background: var(--color-dataviz-2);\n}\n.colorDataviz3Bg[data-v-27250c0e] {\n background: var(--color-dataviz-3);\n}\n.colorDataviz4Bg[data-v-27250c0e] {\n background: var(--color-dataviz-4);\n}\n.colorDataviz5Bg[data-v-27250c0e] {\n background: var(--color-dataviz-5);\n}\n.colorDataviz6Bg[data-v-27250c0e] {\n background: var(--color-dataviz-6);\n}\n.colorDataviz7Bg[data-v-27250c0e] {\n background: var(--color-dataviz-7);\n}\n.colorDataviz8Bg[data-v-27250c0e] {\n background: var(--color-dataviz-8);\n}\n.colorDataviz9Bg[data-v-27250c0e] {\n background: var(--color-dataviz-9);\n}\n.colorDataviz10Bg[data-v-27250c0e] {\n background: var(--color-dataviz-10);\n}\n.colorDatavizPositiveBg[data-v-27250c0e] {\n background: var(--color-dataviz-positive);\n}\n.colorDatavizNegativeBg[data-v-27250c0e] {\n background: var(--color-dataviz-negative);\n}\n.colorDemocratBg[data-v-27250c0e] {\n background: var(--color-democrat);\n}\n.colorRepublicanBg[data-v-27250c0e] {\n background: var(--color-republican);\n}\n.colorIndependentBg[data-v-27250c0e] {\n background: var(--color-independent);\n}\n[data-v-27250c0e]:root {\n --root-fontsize: 16px;\n --font-primary: \"OpenSans\",arial,sans-serif;\n --font-accent: \"AvenirNextMForBBG\",\"Avenir\",\"Helvetica Neue\",helvetica,arial,sans-serif;\n --fontsize-heading-lg: 3.375rem;\n --fontsize-heading-md: 2.25rem;\n --fontsize-heading-sm: 1.5rem;\n --fontsize-base-lg: 1rem;\n --fontsize-base-md: .875rem;\n --fontsize-base-sm: .75rem;\n --fontsize-small: .625rem;\n --lineheight-heading-lg: 4rem;\n --lineheight-heading-md: 2.75rem;\n --lineheight-heading-sm: 1.75rem;\n --lineheight-base-lg: 1.5rem;\n --lineheight-base-md: 1.25rem;\n --lineheight-base-sm: 1rem;\n --lineheight-small: .75rem;\n --lineheight-100: 1.0;\n --fontweight-regular: 400;\n --fontweight-semi: 600;\n --fontweight-bold: 700;\n --letterspacing-heading-lg: -0.04rem;\n --letterspacing-heading-md: -0.04rem;\n --letterspacing-heading-sm: 0rem;\n --letterspacing-base-lg: 0rem;\n --letterspacing-base-md: 0.00625rem;\n --letterspacing-base-sm: 0.01875rem;\n --letterspacing-small: 0.01875rem;\n --cdn-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}\n.fontSizeHeadingLg[data-v-27250c0e] {\n font-size: var(--fontsize-heading-lg);\n line-height: var(--lineheight-heading-lg);\n letter-spacing: var(--letterspacing-heading-lg);\n}\n.fontSizeHeadingMd[data-v-27250c0e] {\n font-size: var(--fontsize-heading-md);\n line-height: var(--lineheight-heading-md);\n letter-spacing: var(--letterspacing-heading-md);\n}\n.fontSizeHeadingSm[data-v-27250c0e] {\n font-size: var(--fontsize-heading-sm);\n line-height: var(--lineheight-heading-sm);\n letter-spacing: var(--letterspacing-heading-sm);\n}\n.fontSizeBaseLg[data-v-27250c0e] {\n font-size: var(--fontsize-base-lg);\n line-height: var(--lineheight-base-lg);\n letter-spacing: var(--letterspacing-base-lg);\n}\n.fontSizeBaseMd[data-v-27250c0e] {\n font-size: var(--fontsize-base-md);\n line-height: var(--lineheight-base-md);\n letter-spacing: var(--letterspacing-base-md);\n}\n.fontSizeBaseSm[data-v-27250c0e] {\n font-size: var(--fontsize-base-sm);\n line-height: var(--lineheight-base-sm);\n letter-spacing: var(--letterspacing-base-sm);\n}\n[data-v-27250c0e]:root {\n --root-fontsize: 16px;\n --font-primary: \"OpenSans\",arial,sans-serif;\n --font-accent: \"AvenirNextMForBBG\",\"Avenir\",\"Helvetica Neue\",helvetica,arial,sans-serif;\n --fontsize-heading-lg: 3.375rem;\n --fontsize-heading-md: 2.25rem;\n --fontsize-heading-sm: 1.5rem;\n --fontsize-base-lg: 1rem;\n --fontsize-base-md: .875rem;\n --fontsize-base-sm: .75rem;\n --fontsize-small: .625rem;\n --lineheight-heading-lg: 4rem;\n --lineheight-heading-md: 2.75rem;\n --lineheight-heading-sm: 1.75rem;\n --lineheight-base-lg: 1.5rem;\n --lineheight-base-md: 1.25rem;\n --lineheight-base-sm: 1rem;\n --lineheight-small: .75rem;\n --lineheight-100: 1.0;\n --fontweight-regular: 400;\n --fontweight-semi: 600;\n --fontweight-bold: 700;\n --letterspacing-heading-lg: -0.04rem;\n --letterspacing-heading-md: -0.04rem;\n --letterspacing-heading-sm: 0rem;\n --letterspacing-base-lg: 0rem;\n --letterspacing-base-md: 0.00625rem;\n --letterspacing-base-sm: 0.01875rem;\n --letterspacing-small: 0.01875rem;\n --cdn-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}\n[data-v-27250c0e]:root {\n --baseline: .25rem;\n --baseline-scale: 2,3,4,6,9,12,18,24,36;\n --baseline-12: 3rem;\n --baseline-1: .25rem;\n --baseline-2: 0.50rem;\n --baseline-24: 6rem;\n --baseline-3: 0.75rem;\n --baseline-36: 9rem;\n --baseline-4: 1rem;\n --baseline-6: 1.5rem;\n --baseline-18: 4.5rem;\n --baseline-9: 2.25rem;\n}\n.badge[data-v-27250c0e] {\n margin: 0px;\n position: relative;\n display: inline-block;\n border-radius: 6px;\n vertical-align: middle;\n}\n.badge.badge-padding--removable[data-v-27250c0e] {\n padding: 0px 1px 0px calc(var(--baseline)*2);\n}\n.badge.badge-padding--text[data-v-27250c0e] {\n padding: 4px calc(var(--baseline)*2) 4px calc(var(--baseline)*2);\n}\n.badge.badge-theme--grad-bgov-bluepurple[data-v-27250c0e] {\n background: -webkit-gradient(linear, left top, right top, from(#0018AB), to(#9933CC));\n background: linear-gradient(to right, #0018AB, #9933CC);\n}\n.badge.badge-theme--grad-btax-blue[data-v-27250c0e] {\n background: -webkit-gradient(linear, left top, right top, from(#17509F), to(#2785D6));\n background: linear-gradient(to right, #17509F, #2785D6);\n}\n.badge.badge-theme--color-notification-1[data-v-27250c0e] {\n background: var(--badge-background-color, #EA60A7);\n}\n.badge.badge-theme--color-notification-2[data-v-27250c0e] {\n background: var(--badge-background-color, #FFB511);\n}\n.badge.badge-theme--color-notification-3[data-v-27250c0e] {\n background: var(--badge-background-color, #0D9DDB);\n}\n.badge.badge-theme--color-notification-3[data-v-27250c0e] {\n background: var(--badge-background-color, #0D9DDB);\n}\n.badge.badge-theme--color-disabled[data-v-27250c0e] {\n background: var(--badge-background-color, #C5CACD);\n}\n.badge.badge-theme--color-neutral[data-v-27250c0e] {\n background: var(--badge-background-color, #FFFFFF);\n border: 1px solid var(--badge-background-color, #C5CACD);\n}\n.remove-light[data-v-27250c0e] {\n margin-left: 5px;\n fill: var(--remove-icon-color, #FFFFFF);\n}\n.remove-dark[data-v-27250c0e] {\n margin-left: 5px;\n fill: var(--remove-icon-color, #292E31);\n}\n.remove-disabled[data-v-27250c0e] {\n margin-left: 5px;\n fill: var(--remove-icon-color, #9EA3A6);\n}\na[data-v-27250c0e] {\n color: inherit;\n text-decoration: none;\n}\na.a--interactive[data-v-27250c0e]:hover {\n color: inherit;\n text-decoration: none;\n opacity: 0.8;\n cursor: pointer;\n}\na.a--static[data-v-27250c0e]:hover {\n color: inherit;\n text-decoration: none;\n cursor: default;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$32 = "data-v-27250c0e";
/* module identifier */
var __vue_module_identifier__$32 = undefined;
/* functional template */
var __vue_is_functional_template__$32 = false;
/* style inject SSR */
var FishTankBadge$1 = __vue_normalize__({
render: __vue_render__$30,
staticRenderFns: __vue_staticRenderFns__$30
}, __vue_inject_styles__$32, __vue_script__$32, __vue_scope_id__$32, __vue_is_functional_template__$32, __vue_module_identifier__$32, __vue_create_injector__, undefined);
var FishTankNumberBadge =
/*#__PURE__*/
function (_Vue) {
_inherits(FishTankNumberBadge, _Vue);
function FishTankNumberBadge() {
_classCallCheck(this, FishTankNumberBadge);
return _possibleConstructorReturn(this, _getPrototypeOf(FishTankNumberBadge).apply(this, arguments));
}
_createClass(FishTankNumberBadge, [{
key: "themeClass",
// Computed properties
get: function get() {
switch (this.theme) {
case "bgov":
return "badge-chip--grad-bgov-bluepurple";
case "btax":
return "badge-chip--grad-btax-blue";
case "disabled":
return "badge-chip--color-disabled";
case "notification-2":
return "badge-chip--color-notification-2";
case "notification-3":
return "badge-chip--color-notification-3";
case "neutral":
return "badge-chip--color-neutral";
default:
return "badge-chip--color-notification-1";
}
}
}, {
key: "textClass",
get: function get() {
switch (this.textShade) {
case "dark":
return "text--color-dark";
case "disabled":
return "text--color-disabled";
default:
return "text--color-light";
}
}
}, {
key: "determineIndeterminate",
get: function get() {
return this.value === undefined;
}
}]);
return FishTankNumberBadge;
}(Vue$1);
__decorate([Prop({
default: undefined,
type: Number
})], FishTankNumberBadge.prototype, "value", void 0);
__decorate([Prop({
default: 'light'
})], FishTankNumberBadge.prototype, "textShade", void 0);
__decorate([Prop({
default: 'notification-1',
required: false
})], FishTankNumberBadge.prototype, "theme", void 0);
FishTankNumberBadge = __decorate([Component({
components: {
badgeNumber: FishTankText
}
})], FishTankNumberBadge);
var script$33 = FishTankNumberBadge;
/* script */
var __vue_script__$33 = script$33;
/* template */
var __vue_render__$31 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
staticClass: "badge-area"
}, [_c("div", {
staticClass: "badge-chip",
class: [_vm.themeClass, _vm.textClass],
attrs: {
theme: _vm.theme,
textShade: _vm.textShade
}
}, [_vm.determineIndeterminate ? _c("div", {
staticClass: "inner-circle"
}) : _c("span", {
staticClass: "number",
attrs: {
value: _vm.value
}
}, [this.value > 99 ? [_vm._v("\n 99+\n ")] : [_vm._v("\n " + _vm._s(this.value) + "\n ")]], 2)]), _vm._v(" "), _vm._t("content")], 2);
};
var __vue_staticRenderFns__$31 = [];
__vue_render__$31._withStripped = true;
/* style */
var __vue_inject_styles__$33 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-508414ec_0", {
source: "[data-v-508414ec]:root {\n --color-black: #292E31;\n --color-gray-dark: #505558;\n --color-gray: #777C7F;\n --color-gray-light: #9EA3A6;\n --color-gray-lighter: #C5CACD;\n --color-gray-lightest: #EDF2F5;\n --color-white: #FFFFFF;\n --color-link: #267ABD;\n --color-link-visited: #7F57B8;\n --color-link-dark-bg: #ACCCE5;\n --color-disabled: #C5CACD;\n --color-action-darkest: #30855C;\n --color-action-darker: #399E6E;\n --color-action: #3DA774;\n --color-action-lighter: #49B88B;\n --color-action-lightest: #EBF6F1;\n --color-selected-darkest: #0A7DAF;\n --color-selected-darker: #0D94CF;\n --color-selected: #0D9DDB;\n --color-selected-lighter: #0FB0E2;\n --color-selected-lightest: #E7F5FB;\n --color-error-darkest: #B43931;\n --color-error-darker: #D5443A;\n --color-error: #E1483E;\n --color-error-lighter: #E7564A;\n --color-error-lightest: #FBECEB;\n --color-warning-darkest: #CC900D;\n --color-warning-darker: #F2AB10;\n --color-warning: #FFB511;\n --color-warning-lighter: #FFC314;\n --color-warning-lightest: #FFF7E7;\n --color-blaw-blue: #0D9DDB;\n --color-btax-blue: #2785D6;\n --color-theme-antitrust: #57534A;\n --color-theme-banking: #379851;\n --color-theme-bankruptcy: #C52700;\n --color-theme-benefits: #EA6A02;\n --color-theme-corporate: #8A5BB6;\n --color-theme-ediscovery: #F64A56;\n --color-theme-environment: #6DC470;\n --color-theme-health: #0D3B91;\n --color-theme-ip: #1E95C1;\n --color-theme-labor: #00C18C;\n --color-theme-securities: #45BDE9;\n --color-theme-telecom: #6A8C8A;\n --color-dataviz-1: #63B995;\n --color-dataviz-2: #1E4882;\n --color-dataviz-3: #F87060;\n --color-dataviz-4: #1AA2AF;\n --color-dataviz-5: #FFB511;\n --color-dataviz-6: #9357C8;\n --color-dataviz-7: #F697C0;\n --color-dataviz-8: #2ECC71;\n --color-dataviz-9: #34495E;\n --color-dataviz-10: #FF6D10;\n --color-dataviz-positive: #2ECC71;\n --color-dataviz-negative: #F87060;\n --color-democrat: #0A54C2;\n --color-republican: #D3301A;\n --color-independent: #FFB00D;\n}\n.colorBlack[data-v-508414ec] {\n color: var(--color-black);\n}\n.colorGrayDark[data-v-508414ec] {\n color: var(--color-gray-dark);\n}\n.colorGray[data-v-508414ec] {\n color: var(--color-gray);\n}\n.colorGrayLight[data-v-508414ec] {\n color: var(--color-gray-light);\n}\n.colorGrayLighter[data-v-508414ec] {\n color: var(--color-gray-lighter);\n}\n.colorGrayLightest[data-v-508414ec] {\n color: var(--color-gray-lightest);\n}\n.colorWhite[data-v-508414ec] {\n color: var(--color-white);\n}\n.colorLink[data-v-508414ec] {\n color: var(--color-link);\n}\n.colorLinkVisited[data-v-508414ec] {\n color: var(--color-link-visited);\n}\n.colorLinkDarkBg[data-v-508414ec] {\n color: var(--color-link-dark-bg);\n}\n.colorDisabled[data-v-508414ec] {\n color: var(--color-disabled);\n}\n.colorActionDarkest[data-v-508414ec] {\n color: var(--color-action-darkest);\n}\n.colorActionDarker[data-v-508414ec] {\n color: var(--color-action-darker);\n}\n.colorAction[data-v-508414ec] {\n color: var(--color-action);\n}\n.colorActionLighter[data-v-508414ec] {\n color: var(--color-action-lighter);\n}\n.colorActionLightest[data-v-508414ec] {\n color: var(--color-action-lightest);\n}\n.colorSelectedDarkest[data-v-508414ec] {\n color: var(--color-selected-darkest);\n}\n.colorSelectedDarker[data-v-508414ec] {\n color: var(--color-selected-darker);\n}\n.colorSelected[data-v-508414ec] {\n color: var(--color-selected);\n}\n.colorSelectedLighter[data-v-508414ec] {\n color: var(--color-selected-lighter);\n}\n.colorSelectedLightest[data-v-508414ec] {\n color: var(--color-selected-lightest);\n}\n.colorErrorDarkest[data-v-508414ec] {\n color: var(--color-error-darkest);\n}\n.colorErrorDarker[data-v-508414ec] {\n color: var(--color-error-darker);\n}\n.colorError[data-v-508414ec] {\n color: var(--color-error);\n}\n.colorErrorLighter[data-v-508414ec] {\n color: var(--color-error-lighter);\n}\n.colorErrorLightest[data-v-508414ec] {\n color: var(--color-error-lightest);\n}\n.colorWarningDarkest[data-v-508414ec] {\n color: var(--color-warning-darkest);\n}\n.colorWarningDarker[data-v-508414ec] {\n color: var(--color-warning-darker);\n}\n.colorWarning[data-v-508414ec] {\n color: var(--color-warning);\n}\n.colorWarningLighter[data-v-508414ec] {\n color: var(--color-warning-lighter);\n}\n.colorWarningLightest[data-v-508414ec] {\n color: var(--color-warning-lightest);\n}\n.colorBlawBlue[data-v-508414ec] {\n color: var(--color-blaw-blue);\n}\n.colorBtaxBlue[data-v-508414ec] {\n color: var(--color-btax-blue);\n}\n.colorThemeAntitrust[data-v-508414ec] {\n color: var(--color-theme-antitrust);\n}\n.colorThemeBanking[data-v-508414ec] {\n color: var(--color-theme-banking);\n}\n.colorThemeBankruptcy[data-v-508414ec] {\n color: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefits[data-v-508414ec] {\n color: var(--color-theme-benefits);\n}\n.colorThemeCorporate[data-v-508414ec] {\n color: var(--color-theme-corporate);\n}\n.colorThemeEdiscovery[data-v-508414ec] {\n color: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironment[data-v-508414ec] {\n color: var(--color-theme-environment);\n}\n.colorThemeHealth[data-v-508414ec] {\n color: var(--color-theme-health);\n}\n.colorThemeIp[data-v-508414ec] {\n color: var(--color-theme-ip);\n}\n.colorThemeLabor[data-v-508414ec] {\n color: var(--color-theme-labor);\n}\n.colorThemeSecurities[data-v-508414ec] {\n color: var(--color-theme-securities);\n}\n.colorThemeTelecom[data-v-508414ec] {\n color: var(--color-theme-telecom);\n}\n.colorDataviz1[data-v-508414ec] {\n color: var(--color-dataviz-1);\n}\n.colorDataviz2[data-v-508414ec] {\n color: var(--color-dataviz-2);\n}\n.colorDataviz3[data-v-508414ec] {\n color: var(--color-dataviz-3);\n}\n.colorDataviz4[data-v-508414ec] {\n color: var(--color-dataviz-4);\n}\n.colorDataviz5[data-v-508414ec] {\n color: var(--color-dataviz-5);\n}\n.colorDataviz6[data-v-508414ec] {\n color: var(--color-dataviz-6);\n}\n.colorDataviz7[data-v-508414ec] {\n color: var(--color-dataviz-7);\n}\n.colorDataviz8[data-v-508414ec] {\n color: var(--color-dataviz-8);\n}\n.colorDataviz9[data-v-508414ec] {\n color: var(--color-dataviz-9);\n}\n.colorDataviz10[data-v-508414ec] {\n color: var(--color-dataviz-10);\n}\n.colorDatavizPositive[data-v-508414ec] {\n color: var(--color-dataviz-positive);\n}\n.colorDatavizNegative[data-v-508414ec] {\n color: var(--color-dataviz-negative);\n}\n.colorDemocrat[data-v-508414ec] {\n color: var(--color-democrat);\n}\n.colorRepublican[data-v-508414ec] {\n color: var(--color-republican);\n}\n.colorIndependent[data-v-508414ec] {\n color: var(--color-independent);\n}\n.colorBlackBg[data-v-508414ec] {\n background: var(--color-black);\n}\n.colorGrayDarkBg[data-v-508414ec] {\n background: var(--color-gray-dark);\n}\n.colorGrayBg[data-v-508414ec] {\n background: var(--color-gray);\n}\n.colorGrayLightBg[data-v-508414ec] {\n background: var(--color-gray-light);\n}\n.colorGrayLighterBg[data-v-508414ec] {\n background: var(--color-gray-lighter);\n}\n.colorGrayLightestBg[data-v-508414ec] {\n background: var(--color-gray-lightest);\n}\n.colorWhiteBg[data-v-508414ec] {\n background: var(--color-white);\n}\n.colorLinkBg[data-v-508414ec] {\n background: var(--color-link);\n}\n.colorLinkVisitedBg[data-v-508414ec] {\n background: var(--color-link-visited);\n}\n.colorLinkDarkBgBg[data-v-508414ec] {\n background: var(--color-link-dark-bg);\n}\n.colorDisabledBg[data-v-508414ec] {\n background: var(--color-disabled);\n}\n.colorActionDarkestBg[data-v-508414ec] {\n background: var(--color-action-darkest);\n}\n.colorActionDarkerBg[data-v-508414ec] {\n background: var(--color-action-darker);\n}\n.colorActionBg[data-v-508414ec] {\n background: var(--color-action);\n}\n.colorActionLighterBg[data-v-508414ec] {\n background: var(--color-action-lighter);\n}\n.colorActionLightestBg[data-v-508414ec] {\n background: var(--color-action-lightest);\n}\n.colorSelectedDarkestBg[data-v-508414ec] {\n background: var(--color-selected-darkest);\n}\n.colorSelectedDarkerBg[data-v-508414ec] {\n background: var(--color-selected-darker);\n}\n.colorSelectedBg[data-v-508414ec] {\n background: var(--color-selected);\n}\n.colorSelectedLighterBg[data-v-508414ec] {\n background: var(--color-selected-lighter);\n}\n.colorSelectedLightestBg[data-v-508414ec] {\n background: var(--color-selected-lightest);\n}\n.colorErrorDarkestBg[data-v-508414ec] {\n background: var(--color-error-darkest);\n}\n.colorErrorDarkerBg[data-v-508414ec] {\n background: var(--color-error-darker);\n}\n.colorErrorBg[data-v-508414ec] {\n background: var(--color-error);\n}\n.colorErrorLighterBg[data-v-508414ec] {\n background: var(--color-error-lighter);\n}\n.colorErrorLightestBg[data-v-508414ec] {\n background: var(--color-error-lightest);\n}\n.colorWarningDarkestBg[data-v-508414ec] {\n background: var(--color-warning-darkest);\n}\n.colorWarningDarkerBg[data-v-508414ec] {\n background: var(--color-warning-darker);\n}\n.colorWarningBg[data-v-508414ec] {\n background: var(--color-warning);\n}\n.colorWarningLighterBg[data-v-508414ec] {\n background: var(--color-warning-lighter);\n}\n.colorWarningLightestBg[data-v-508414ec] {\n background: var(--color-warning-lightest);\n}\n.colorBlawBlueBg[data-v-508414ec] {\n background: var(--color-blaw-blue);\n}\n.colorBtaxBlueBg[data-v-508414ec] {\n background: var(--color-btax-blue);\n}\n.colorThemeAntitrustBg[data-v-508414ec] {\n background: var(--color-theme-antitrust);\n}\n.colorThemeBankingBg[data-v-508414ec] {\n background: var(--color-theme-banking);\n}\n.colorThemeBankruptcyBg[data-v-508414ec] {\n background: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefitsBg[data-v-508414ec] {\n background: var(--color-theme-benefits);\n}\n.colorThemeCorporateBg[data-v-508414ec] {\n background: var(--color-theme-corporate);\n}\n.colorThemeEdiscoveryBg[data-v-508414ec] {\n background: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironmentBg[data-v-508414ec] {\n background: var(--color-theme-environment);\n}\n.colorThemeHealthBg[data-v-508414ec] {\n background: var(--color-theme-health);\n}\n.colorThemeIpBg[data-v-508414ec] {\n background: var(--color-theme-ip);\n}\n.colorThemeLaborBg[data-v-508414ec] {\n background: var(--color-theme-labor);\n}\n.colorThemeSecuritiesBg[data-v-508414ec] {\n background: var(--color-theme-securities);\n}\n.colorThemeTelecomBg[data-v-508414ec] {\n background: var(--color-theme-telecom);\n}\n.colorDataviz1Bg[data-v-508414ec] {\n background: var(--color-dataviz-1);\n}\n.colorDataviz2Bg[data-v-508414ec] {\n background: var(--color-dataviz-2);\n}\n.colorDataviz3Bg[data-v-508414ec] {\n background: var(--color-dataviz-3);\n}\n.colorDataviz4Bg[data-v-508414ec] {\n background: var(--color-dataviz-4);\n}\n.colorDataviz5Bg[data-v-508414ec] {\n background: var(--color-dataviz-5);\n}\n.colorDataviz6Bg[data-v-508414ec] {\n background: var(--color-dataviz-6);\n}\n.colorDataviz7Bg[data-v-508414ec] {\n background: var(--color-dataviz-7);\n}\n.colorDataviz8Bg[data-v-508414ec] {\n background: var(--color-dataviz-8);\n}\n.colorDataviz9Bg[data-v-508414ec] {\n background: var(--color-dataviz-9);\n}\n.colorDataviz10Bg[data-v-508414ec] {\n background: var(--color-dataviz-10);\n}\n.colorDatavizPositiveBg[data-v-508414ec] {\n background: var(--color-dataviz-positive);\n}\n.colorDatavizNegativeBg[data-v-508414ec] {\n background: var(--color-dataviz-negative);\n}\n.colorDemocratBg[data-v-508414ec] {\n background: var(--color-democrat);\n}\n.colorRepublicanBg[data-v-508414ec] {\n background: var(--color-republican);\n}\n.colorIndependentBg[data-v-508414ec] {\n background: var(--color-independent);\n}\n[data-v-508414ec]:root {\n --root-fontsize: 16px;\n --font-primary: \"OpenSans\",arial,sans-serif;\n --font-accent: \"AvenirNextMForBBG\",\"Avenir\",\"Helvetica Neue\",helvetica,arial,sans-serif;\n --fontsize-heading-lg: 3.375rem;\n --fontsize-heading-md: 2.25rem;\n --fontsize-heading-sm: 1.5rem;\n --fontsize-base-lg: 1rem;\n --fontsize-base-md: .875rem;\n --fontsize-base-sm: .75rem;\n --fontsize-small: .625rem;\n --lineheight-heading-lg: 4rem;\n --lineheight-heading-md: 2.75rem;\n --lineheight-heading-sm: 1.75rem;\n --lineheight-base-lg: 1.5rem;\n --lineheight-base-md: 1.25rem;\n --lineheight-base-sm: 1rem;\n --lineheight-small: .75rem;\n --lineheight-100: 1.0;\n --fontweight-regular: 400;\n --fontweight-semi: 600;\n --fontweight-bold: 700;\n --letterspacing-heading-lg: -0.04rem;\n --letterspacing-heading-md: -0.04rem;\n --letterspacing-heading-sm: 0rem;\n --letterspacing-base-lg: 0rem;\n --letterspacing-base-md: 0.00625rem;\n --letterspacing-base-sm: 0.01875rem;\n --letterspacing-small: 0.01875rem;\n --cdn-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}\n.fontSizeHeadingLg[data-v-508414ec] {\n font-size: var(--fontsize-heading-lg);\n line-height: var(--lineheight-heading-lg);\n letter-spacing: var(--letterspacing-heading-lg);\n}\n.fontSizeHeadingMd[data-v-508414ec] {\n font-size: var(--fontsize-heading-md);\n line-height: var(--lineheight-heading-md);\n letter-spacing: var(--letterspacing-heading-md);\n}\n.fontSizeHeadingSm[data-v-508414ec] {\n font-size: var(--fontsize-heading-sm);\n line-height: var(--lineheight-heading-sm);\n letter-spacing: var(--letterspacing-heading-sm);\n}\n.fontSizeBaseLg[data-v-508414ec] {\n font-size: var(--fontsize-base-lg);\n line-height: var(--lineheight-base-lg);\n letter-spacing: var(--letterspacing-base-lg);\n}\n.fontSizeBaseMd[data-v-508414ec] {\n font-size: var(--fontsize-base-md);\n line-height: var(--lineheight-base-md);\n letter-spacing: var(--letterspacing-base-md);\n}\n.fontSizeBaseSm[data-v-508414ec] {\n font-size: var(--fontsize-base-sm);\n line-height: var(--lineheight-base-sm);\n letter-spacing: var(--letterspacing-base-sm);\n}\n[data-v-508414ec]:root {\n --root-fontsize: 16px;\n --font-primary: \"OpenSans\",arial,sans-serif;\n --font-accent: \"AvenirNextMForBBG\",\"Avenir\",\"Helvetica Neue\",helvetica,arial,sans-serif;\n --fontsize-heading-lg: 3.375rem;\n --fontsize-heading-md: 2.25rem;\n --fontsize-heading-sm: 1.5rem;\n --fontsize-base-lg: 1rem;\n --fontsize-base-md: .875rem;\n --fontsize-base-sm: .75rem;\n --fontsize-small: .625rem;\n --lineheight-heading-lg: 4rem;\n --lineheight-heading-md: 2.75rem;\n --lineheight-heading-sm: 1.75rem;\n --lineheight-base-lg: 1.5rem;\n --lineheight-base-md: 1.25rem;\n --lineheight-base-sm: 1rem;\n --lineheight-small: .75rem;\n --lineheight-100: 1.0;\n --fontweight-regular: 400;\n --fontweight-semi: 600;\n --fontweight-bold: 700;\n --letterspacing-heading-lg: -0.04rem;\n --letterspacing-heading-md: -0.04rem;\n --letterspacing-heading-sm: 0rem;\n --letterspacing-base-lg: 0rem;\n --letterspacing-base-md: 0.00625rem;\n --letterspacing-base-sm: 0.01875rem;\n --letterspacing-small: 0.01875rem;\n --cdn-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}\n[data-v-508414ec]:root {\n --baseline: .25rem;\n --baseline-scale: 2,3,4,6,9,12,18,24,36;\n --baseline-12: 3rem;\n --baseline-1: .25rem;\n --baseline-2: 0.50rem;\n --baseline-24: 6rem;\n --baseline-3: 0.75rem;\n --baseline-36: 9rem;\n --baseline-4: 1rem;\n --baseline-6: 1.5rem;\n --baseline-18: 4.5rem;\n --baseline-9: 2.25rem;\n}\n.badge-area[data-v-508414ec] {\n position: relative;\n display: inline-block;\n margin-right: calc(var(--baseline)*3);\n}\n.badge-chip[data-v-508414ec] {\n top: calc(-1*(var(--baseline)*1));\n left: calc(-3.5*var(--baseline));\n margin-left: 100%;\n border-radius: calc(var(--baseline)*2);\n height: calc(var(--baseline)*4);\n min-width: calc(var(--baseline)*4);\n position: absolute;\n}\n.inner-circle[data-v-508414ec] {\n display: block;\n border-radius: 2px;\n top: 50%;\n left: 50%;\n margin: -1.5px -1.5px;\n height: 3px;\n width: 3px;\n position: absolute;\n background: var(--color-white);\n}\n.number[data-v-508414ec] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding-right: calc(var(--baseline)*1.5);\n padding-left: calc(var(--baseline)*1.5);\n font-family: var(--font-primary);\n font-size: var(--fontsize-base-sm);\n font-weight: var(--fontweight-semi);\n line-height: 1rem;\n float: right;\n text-align: center;\n}\n.badge-chip.badge-chip--grad-bgov-bluepurple[data-v-508414ec] {\n background: -webkit-gradient(linear, left top, right top, from(#0018AB), to(#9933CC));\n background: linear-gradient(to right, #0018AB, #9933CC);\n}\n.badge-chip.badge-chip--grad-btax-blue[data-v-508414ec] {\n background: -webkit-gradient(linear, left top, right top, from(#17509F), to(#2785D6));\n background: linear-gradient(to right, #17509F, #2785D6);\n}\n.badge-chip.badge-chip--color-notification-1[data-v-508414ec] {\n background: var(--badge-background-color, #EA60A7);\n}\n.badge-chip.badge-chip--color-notification-2[data-v-508414ec] {\n background: var(--badge-background-color, #FFB511);\n}\n.badge-chip.badge-chip--color-notification-3[data-v-508414ec] {\n background: var(--badge-background-color, #0D9DDB);\n}\n.badge-chip.badge-chip--color-notification-3[data-v-508414ec] {\n background: var(--badge-background-color, #0D9DDB);\n}\n.badge-chip.badge-chip--color-disabled[data-v-508414ec] {\n background: var(--badge-background-color, #C5CACD);\n}\n.badge-chip.badge-chip--color-neutral[data-v-508414ec] {\n background: var(--badge-background-color, #FFFFFF);\n border: 1px solid #C5CACD;\n}\n.badge-chip.text--color-light[data-v-508414ec] {\n color: var(--color-white);\n}\n.badge-chip.text--color-dark[data-v-508414ec] {\n color: var(--color-black);\n}\n.badge-chip.text--color-disabled[data-v-508414ec] {\n color: var(--color-gray-light);\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$33 = "data-v-508414ec";
/* module identifier */
var __vue_module_identifier__$33 = undefined;
/* functional template */
var __vue_is_functional_template__$33 = false;
/* style inject SSR */
var FishTankNumberBadge$1 = __vue_normalize__({
render: __vue_render__$31,
staticRenderFns: __vue_staticRenderFns__$31
}, __vue_inject_styles__$33, __vue_script__$33, __vue_scope_id__$33, __vue_is_functional_template__$33, __vue_module_identifier__$33, __vue_create_injector__, undefined);
var FishTankTag =
/*#__PURE__*/
function (_Vue) {
_inherits(FishTankTag, _Vue);
function FishTankTag() {
var _this;
_classCallCheck(this, FishTankTag);
_this = _possibleConstructorReturn(this, _getPrototypeOf(FishTankTag).apply(this, arguments)); // Data
_this.name = "FishTankTag";
_this.introduction = "Component Introduction";
_this.description = "Component description";
_this.checkProxy = false;
_this.isFocused = false;
return _this;
}
_createClass(FishTankTag, [{
key: "updateInput",
// Component methods
value: function updateInput(event) {
var isChecked = event.target.checked;
if (this.modelValue instanceof Array) {
var newValue = _toConsumableArray(this.modelValue);
if (isChecked) {
newValue.push(this.value);
} else {
newValue.splice(newValue.indexOf(this.value), 1);
}
/**
* Change event.
*
* @type {Any}
*/
this.$emit('change', newValue);
} else {
/**
* Change event.
*
* @type {Any}
*/
this.$emit('change', isChecked ? this.trueValue : this.falseValue);
}
}
}, {
key: "checked",
get: function get() {
return this.value;
},
set: function set(val) {
this.checkProxy = val;
}
}, {
key: "listeners",
get: function get() {
var _this2 = this;
return Object.assign({}, this.$listeners, {
change: function change($event) {
if (_this2.disabled) return;
_this2.updateInput($event);
}
});
}
}, {
key: "isChecked",
get: function get() {
if (this.modelValue instanceof Array) {
var res = false;
if (this.modelValue.indexOf(this.value) >= 0) res = !res;
return res;
}
return this.modelValue === this.trueValue;
}
}, {
key: "hasIcon",
get: function get() {
if (this.removable || this.$slots.default) {
return true;
} else {
return false;
}
}
}, {
key: "getStateColor",
get: function get() {
if (!this.disabled) {
if (this.isChecked) {
return 'white';
} else {
return 'gray';
}
} else {
if (this.isChecked) {
return 'disabled';
} else {
return 'disabled';
}
}
}
}]);
return FishTankTag;
}(Vue$1);
__decorate([Model('change', {
type: [String, Boolean, Object, Array, Number]
})], FishTankTag.prototype, "modelValue", void 0);
__decorate([Prop({
type: Boolean,
required: false,
default: false
})], FishTankTag.prototype, "disabled", void 0);
__decorate([Prop({
default: null,
type: [String, Boolean, Object, Array, Number]
})], FishTankTag.prototype, "value", void 0);
__decorate([Prop({
type: String,
required: true
})], FishTankTag.prototype, "label", void 0);
__decorate([Prop({
type: String,
default: null,
required: false
})], FishTankTag.prototype, "id", void 0);
__decorate([Prop({
default: true,
type: [String, Boolean, Object, Array, Number]
})], FishTankTag.prototype, "trueValue", void 0);
__decorate([Prop({
default: false,
type: [String, Boolean, Object, Array, Number]
})], FishTankTag.prototype, "falseValue", void 0);
__decorate([Prop({
type: Boolean,
required: false,
default: false
})], FishTankTag.prototype, "removable", void 0);
__decorate([Prop({
type: String,
default: 'right',
required: false
})], FishTankTag.prototype, "iconPosition", void 0);
FishTankTag = __decorate([Component({
components: {
CloseSml24: CloseSml24,
fText: FishTankText
},
mixins: [a11y]
})], FishTankTag);
var script$34 = FishTankTag;
/* script */
var __vue_script__$34 = script$34;
/* template */
var __vue_render__$32 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
staticClass: "wrap",
attrs: {
"aria-label": _vm.removable ? "Remove " + _vm.label : null
}
}, [_c("label", {
staticClass: "label",
attrs: {
for: _vm.id
}
}, [_c("input", _vm._g({
staticClass: "input",
attrs: {
id: _vm.id,
disabled: _vm.disabled,
type: "checkbox"
},
domProps: {
checked: _vm.isChecked,
value: _vm.value
},
on: {
focus: function focus($event) {
_vm.isFocused = true;
},
blur: function blur($event) {
_vm.isFocused = false;
}
}
}, _vm.listeners)), _vm._v(" "), _c("div", {
class: ["tag", {
checked: _vm.isChecked
}, {
disabled: _vm.disabled
}, {
hasIcon: _vm.hasIcon
}, {
focused: _vm.isFocused
}]
}, [_c("div", {
staticClass: "labelContent"
}, [_c("f-text", {
attrs: {
color: _vm.getStateColor,
inline: "",
size: "baseMd",
"semi-bold": ""
}
}, [_vm._v("\n " + _vm._s(_vm.label) + "\n ")]), _vm._v(" "), _vm.iconPosition === "right" ? _c("span", {
class: ["icon", {
iconRight: _vm.iconPosition === "right"
}]
}, [_vm.removable ? _c("close-sml-24", {
class: ["iconAlignment", {
iconChecked: _vm.isChecked
}]
}) : _vm._e(), _vm._v(" "), _vm._t("default")], 2) : _vm._e()], 1)])])]);
};
var __vue_staticRenderFns__$32 = [];
__vue_render__$32._withStripped = true;
/* style */
var __vue_inject_styles__$34 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-f4ee2514_0", {
source: ".wrap[data-v-f4ee2514] {\n position: relative;\n display: inline-block;\n position: relative;\n margin: 0px;\n}\n.input[data-v-f4ee2514] {\n position: absolute;\n width: 100%;\n height: 100%;\n display: block;\n opacity: 0;\n cursor: pointer;\n}\n.input[data-v-f4ee2514]:disabled {\n cursor: default;\n}\n.tag[data-v-f4ee2514] {\n border-radius: 6px;\n color: var(--tag-text-color, #777C7F);\n background-color: var(--tag-background, #EDF2F5);\n border: 1px solid var(--tag-border, #C5CACD);\n padding: 3px 0.5rem;\n vertical-align: middle;\n}\n.hasIcon[data-v-f4ee2514] {\n padding-right: 28px;\n}\n.checked[data-v-f4ee2514] {\n color: var(--tag-checked-text-color, #FFFFFF);\n background-color: var(--tag-checked-background, #0D9DDB);\n border: 1px solid var(--tag-checked-border, #0D9DDB);\n}\n.disabled[data-v-f4ee2514] {\n color: var(--tag-disabled-text-color, #C5CACD);\n background-color: var(--tag-disabled-background-color, #EDF2F5);\n border: 1px solid var(--tag-disabled-border-color, #C5CACD);\n}\n.label:hover .tag[data-v-f4ee2514] {\n color: var(--color-black);\n background-color: var(--color-secondary-lighter);\n}\n.label:hover .checked[data-v-f4ee2514] {\n color: var(--color-white);\n background-color: var(--color-selected-lighter);\n border-color: var(--color-selected-lighter);\n}\n.label:hover .disabled[data-v-f4ee2514] {\n color: var(--color-disabled);\n background-color: var(--color-gray-lightest);\n border-color: var(--color-gray-lighter);\n}\n.labelContent[data-v-f4ee2514] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.icon[data-v-f4ee2514] {\n margin-top: -2px;\n position: relative;\n cursor: pointer;\n}\n.iconRight[data-v-f4ee2514] {\n padding-left: 0;\n}\n.iconAlignment[data-v-f4ee2514] {\n position: absolute;\n padding-left: var(--baseline);\n}\n.iconChecked[data-v-f4ee2514] {\n color: var(--color-white);\n}\nbody.user-is-tabbing .focused[data-v-f4ee2514] {\n -webkit-box-shadow: 0 0 0 2px var(--color-selected-darkest);\n box-shadow: 0 0 0 2px var(--color-selected-darkest);\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$34 = "data-v-f4ee2514";
/* module identifier */
var __vue_module_identifier__$34 = undefined;
/* functional template */
var __vue_is_functional_template__$34 = false;
/* style inject SSR */
var FishTankTag$1 = __vue_normalize__({
render: __vue_render__$32,
staticRenderFns: __vue_staticRenderFns__$32
}, __vue_inject_styles__$34, __vue_script__$34, __vue_scope_id__$34, __vue_is_functional_template__$34, __vue_module_identifier__$34, __vue_create_injector__, undefined);
var FishTankPagination =
/*#__PURE__*/
function (_Vue) {
_inherits(FishTankPagination, _Vue);
function FishTankPagination() {
_classCallCheck(this, FishTankPagination);
return _possibleConstructorReturn(this, _getPrototypeOf(FishTankPagination).apply(this, arguments));
}
_createClass(FishTankPagination, [{
key: "paginateSearch",
// Component methods
value: function paginateSearch(pageNum) {
this.$emit('paginate', pageNum);
}
}, {
key: "breakViewClass",
// Computed methods
get: function get() {
return this.showLastPage ? '' : 'break-out';
}
}]);
return FishTankPagination;
}(Vue$1);
__decorate([Model('paginate', {
type: Number,
required: false,
default: 0
})], FishTankPagination.prototype, "pageNum", void 0);
__decorate([Prop({
type: Number,
required: true
})], FishTankPagination.prototype, "pageCount", void 0);
__decorate([Prop({
type: Boolean,
required: false,
default: true
})], FishTankPagination.prototype, "showLastPage", void 0);
FishTankPagination = __decorate([Component({
components: {
'vue-paginate': VueJsPaginate,
ChevronLeftIcon: ChevronLeft24,
ChevronRightIcon: ChevronRight24
}
})], FishTankPagination);
var script$35 = FishTankPagination;
/* script */
var __vue_script__$35 = script$35;
/* template */
var __vue_render__$33 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("vue-paginate", {
attrs: {
"page-count": _vm.pageCount,
"click-handler": _vm.paginateSearch,
"page-range": 5,
"force-page": _vm.pageNum - 1,
"break-view-class": _vm.breakViewClass,
"container-class": "ft-pagination"
}
}, [_c("template", {
slot: "prevContent"
}, [_c("chevron-left-icon")], 1), _vm._v(" "), _c("template", {
slot: "nextContent"
}, [_c("chevron-right-icon")], 1)], 2);
};
var __vue_staticRenderFns__$33 = [];
__vue_render__$33._withStripped = true;
/* style */
var __vue_inject_styles__$35 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-0996fb28_0", {
source: ".ft-pagination {\n font-weight: 600;\n border: none;\n font-size: 1rem;\n}\n.ft-pagination li:nth-child(2) + .break-out {\n display: inline-block;\n}\n.ft-pagination .break-out + li:nth-last-child(2) {\n display: none;\n}\n.ft-pagination .break-out {\n display: none;\n}\n.ft-pagination li {\n display: inline-block;\n text-align: center;\n width: 2em;\n height: 2em;\n line-height: inherit;\n margin: 0px 5px;\n vertical-align: middle;\n}\n.ft-pagination li:focus {\n outline: none;\n}\n.ft-pagination li:hover {\n cursor: pointer;\n}\n.ft-pagination li.active {\n background-color: #0D9DDB;\n border-radius: 2px;\n}\n.ft-pagination li.active a {\n color: #FFFFFF;\n}\n.ft-pagination li.disabled a {\n color: #C5CACD;\n}\n.ft-pagination li a {\n color: #505558;\n vertical-align: middle;\n display: table-cell;\n width: 2em;\n height: 2em;\n}\n.ft-pagination li a svg {\n vertical-align: middle;\n}\n.ft-pagination li a:focus {\n outline: none;\n text-decoration: none;\n}\n.ft-pagination li a:hover {\n text-decoration: none;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$35 = undefined;
/* module identifier */
var __vue_module_identifier__$35 = undefined;
/* functional template */
var __vue_is_functional_template__$35 = false;
/* style inject SSR */
var FishTankPagination$1 = __vue_normalize__({
render: __vue_render__$33,
staticRenderFns: __vue_staticRenderFns__$33
}, __vue_inject_styles__$35, __vue_script__$35, __vue_scope_id__$35, __vue_is_functional_template__$35, __vue_module_identifier__$35, __vue_create_injector__, undefined);
var script$36 = Vue.extend({
mixins: [a11y],
model: {
prop: 'modelValue',
event: 'change'
},
provide: function provide() {
var _this = this;
var fishtankButtonGroupShared = {
register: this.register,
unregister: this.unregister
};
Object.defineProperty(fishtankButtonGroupShared, 'isSmall', {
enumerable: true,
get: function get() {
return _this.isSmall;
},
set: function set(val) {
return _this.isSmall = val;
}
});
Object.defineProperty(fishtankButtonGroupShared, 'isFocused', {
enumerable: true,
get: function get() {
return _this.isFocused;
},
set: function set(val) {
return _this.isFocused = val;
}
});
return {
fishtankButtonGroupShared: fishtankButtonGroupShared
};
},
props: {
small: {
required: false,
default: false,
type: Boolean,
description: "Small Button Group"
},
modelValue: {
type: [String, Boolean, Object, Number],
default: "",
require: true
},
id: {
type: String,
default: null,
required: false,
description: "Button Group ID"
}
},
data: function data() {
return {
isSmall: this.small,
isFocused: false,
registeredChildren: []
};
},
methods: {
register: function register(componentAsThis) {
this.registeredChildren.push(componentAsThis);
},
unregister: function unregister(componentAsThis) {
var index = this.registeredChildren.indexOf(componentAsThis);
if (index > -1) {
this.registeredChildren.splice(index, 1);
}
},
closeSiblings: function closeSiblings(componentAsThis) {
this.registeredChildren.map(function (i) {
i.visible = false;
});
},
registerFirstChild: function registerFirstChild() {
var areAnySelected = this.registeredChildren.filter(function (i) {
return i.shouldBeChecked === true;
});
if (areAnySelected.length === 0) {
this.registeredChildren[0].setValue();
}
}
},
computed: {
labelId: function labelId() {
return "button-group-".concat(this._uid);
}
},
mounted: function mounted() {
this.registerFirstChild();
}
});
var __vue_script__$36 = script$36;
/* template */
var __vue_render__$34 = function __vue_render__() {
var _obj, _obj$1;
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
class: [_vm.$style.group, (_obj = {}, _obj[_vm.$style.small] = _vm.small, _obj), (_obj$1 = {}, _obj$1[_vm.$style.focused] = _vm.isFocused, _obj$1)],
attrs: {
id: _vm.id !== null ? _vm.id : _vm.labelId,
"aria-labelledby": _vm.id !== null ? _vm.id : _vm.labelId,
role: "radiogroup"
}
}, [_vm._t("default")], 2);
};
var __vue_staticRenderFns__$34 = [];
__vue_render__$34._withStripped = true;
/* style */
var __vue_inject_styles__$36 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-035b6c9e_0", {
source: ".ft-focused-3atW {\n -webkit-box-shadow: 0 0 0 2px #0D9DDB;\n box-shadow: 0 0 0 2px #0D9DDB;\n border-radius: 2px;\n}\n.ft-small-QpJG.ft-focused-3atW {\n border-radius: 4px;\n}\n.ft-group-1Agq {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n width: 100%;\n color: #505558;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n",
map: undefined,
media: undefined
});
Object.defineProperty(this, "$style", {
value: {
"focused": "ft-focused-3atW",
"small": "ft-small-QpJG",
"group": "ft-group-1Agq"
}
});
};
/* scoped */
var __vue_scope_id__$36 = undefined;
/* module identifier */
var __vue_module_identifier__$36 = undefined;
/* functional template */
var __vue_is_functional_template__$36 = false;
/* style inject SSR */
var FishTankButtonGroup = __vue_normalize__({
render: __vue_render__$34,
staticRenderFns: __vue_staticRenderFns__$34
}, __vue_inject_styles__$36, __vue_script__$36, __vue_scope_id__$36, __vue_is_functional_template__$36, __vue_module_identifier__$36, __vue_create_injector__, undefined);
var script$37 = Vue.extend({
mixins: [a11y],
model: {
prop: 'modelValue',
event: 'change'
},
props: {
value: {
type: [String, Boolean, Object, Number],
default: null,
require: true,
description: "Button Value"
},
disabled: {
type: Boolean,
default: null,
require: false,
description: "Disable the button"
},
modelValue: {
type: [String, Boolean, Object, Number],
default: "",
require: true
},
label: {
type: String,
default: null,
required: true,
description: "Button Label"
},
id: {
type: String,
default: null,
required: false,
description: "Button ID"
},
name: {
type: String,
default: "",
required: true,
description: "Button Name"
},
fishtankButtonGroupShared: {
type: Object,
default: function _default() {}
}
},
inject: {
fishtankButtonGroupShared: {
default: {
isSmall: false,
register: function register() {},
unregister: function unregister() {}
}
}
},
computed: {
shouldBeChecked: function shouldBeChecked() {
return this.value === this.modelValue;
},
listeners: function listeners() {
var _this = this;
return Object.assign({}, this.$listeners, {
change: function change($event) {
if (_this.disabled) return;
_this.$emit("change", _this.value);
}
});
},
labelId: function labelId() {
return "button-group-button-".concat(this._uid);
},
getId: function getId() {
return this._uid;
}
},
methods: {
setFocusInput: function setFocusInput() {
this.$refs.input.focus();
},
setValue: function setValue() {
this.$emit("change", this.value);
}
},
mounted: function mounted() {
this.fishtankButtonGroupShared.register(this);
},
destroyed: function destroyed() {
this.fishtankButtonGroupShared.unregister(this);
}
});
var __vue_script__$37 = script$37;
/* template */
var __vue_render__$35 = function __vue_render__() {
var _obj, _obj$1, _obj$2, _obj$3;
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
class: [_vm.$style.button, (_obj = {}, _obj[_vm.$style.disabled] = _vm.disabled, _obj), (_obj$1 = {}, _obj$1[_vm.$style.active] = _vm.shouldBeChecked, _obj$1), (_obj$2 = {}, _obj$2[_vm.$style.small] = _vm.fishtankButtonGroupShared.isSmall, _obj$2)]
}, [_c("label", {
class: [_vm.$style.label],
attrs: {
for: _vm.id !== null ? _vm.id : _vm.labelId,
tabindex: _vm.shouldBeChecked ? 0 : -1
},
on: {
focus: function focus($event) {
return _vm.setFocusInput();
}
}
}, [_c("input", _vm._g({
ref: "input",
class: _vm.$style.input,
attrs: {
disabled: _vm.disabled,
id: _vm.id !== null ? _vm.id : _vm.labelId,
tabindex: _vm.shouldBeChecked ? 0 : -1,
type: "radio"
},
domProps: {
value: _vm.value,
checked: _vm.shouldBeChecked
},
on: {
focus: function focus($event) {
_vm.fishtankButtonGroupShared.isFocused = true;
},
blur: function blur($event) {
_vm.fishtankButtonGroupShared.isFocused = false;
}
}
}, _vm.listeners)), _vm._v(" "), _c("div", {
class: [_vm.$style.labelContent, (_obj$3 = {}, _obj$3[_vm.$style.labelContentSmall] = _vm.fishtankButtonGroupShared.isSmall, _obj$3)]
}, [_vm._v("\n " + _vm._s(_vm.label) + "\n ")])])]);
};
var __vue_staticRenderFns__$35 = [];
__vue_render__$35._withStripped = true;
/* style */
var __vue_inject_styles__$37 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-0be1eba8_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: undefined,
media: undefined
}), inject("data-v-0be1eba8_1", {
source: ".ft-button-2Bfq {\n -webkit-box-flex: 1;\n -ms-flex: 1 0 0px;\n flex: 1 0 0;\n position: relative;\n text-align: center;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border-top-width: 1px;\n border-bottom-width: 1px;\n border-left-width: 1px;\n border-right-width: 0px;\n border-style: solid;\n border-color: #C5CACD;\n background-color: #EDF2F5;\n /*transition: all 0.1s ease;*/\n overflow: hidden;\n height: 40px;\n}\n.ft-button-2Bfq:first-of-type {\n border-radius: 2px 0px 0px 2px;\n}\n.ft-button-2Bfq:last-of-type {\n border-right-width: 1px;\n border-radius: 0 2px 2px 0;\n}\n.ft-button-2Bfq:hover {\n background-color: #F6F8FA;\n color: #292E31;\n}\n.ft-disabled-2z4P {\n color: #C5CACD;\n}\n.ft-disabled-2z4P:hover {\n cursor: default;\n color: #C5CACD;\n background-color: #EDF2F5;\n}\n.ft-small-2W3R {\n height: 28px;\n}\n.ft-small-2W3R:first-of-type {\n border-radius: 4px 0px 0px 4px;\n}\n.ft-small-2W3R:last-of-type {\n border-right-width: 1px;\n border-radius: 0 4px 4px 0;\n}\n.ft-input-2Aav {\n cursor: pointer;\n opacity: 0;\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n}\n.ft-input-2Aav:disabled {\n cursor: not-allowed;\n}\n.ft-label-2ply {\n display: inline-block;\n height: 100%;\n width: 100%;\n font-weight: 400;\n font-size: 1rem;\n line-height: 1.5rem;\n letter-spacing: 0rem;\n font-family: \"OpenSans\", arial, sans-serif;\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n}\n.ft-labelContent-35XB {\n padding: 7px 0.75rem 9px 0.75rem;\n}\n.ft-labelContentSmall-1iXu {\n font-size: 0.875rem;\n font-weight: 600;\n line-height: 1.25rem;\n letter-spacing: 0.00625rem;\n padding: 3px 0.5rem 5px 0.5rem;\n}\n.ft-buttongroup__button__input-rhtL {\n position: absolute;\n left: 0;\n top: 0;\n}\n.ft-active-3FLI, .ft-active-3FLI:hover {\n color: #FFFFFF;\n background-color: #0D9DDB;\n border-color: #0A7DAF;\n}\n",
map: undefined,
media: undefined
});
Object.defineProperty(this, "$style", {
value: {
"button": "ft-button-2Bfq",
"disabled": "ft-disabled-2z4P",
"small": "ft-small-2W3R",
"input": "ft-input-2Aav",
"label": "ft-label-2ply",
"labelContent": "ft-labelContent-35XB",
"labelContentSmall": "ft-labelContentSmall-1iXu",
"buttongroup__button__input": "ft-buttongroup__button__input-rhtL",
"active": "ft-active-3FLI"
}
});
};
/* scoped */
var __vue_scope_id__$37 = undefined;
/* module identifier */
var __vue_module_identifier__$37 = undefined;
/* functional template */
var __vue_is_functional_template__$37 = false;
/* style inject SSR */
var FishTankButtonGroupButton = __vue_normalize__({
render: __vue_render__$35,
staticRenderFns: __vue_staticRenderFns__$35
}, __vue_inject_styles__$37, __vue_script__$37, __vue_scope_id__$37, __vue_is_functional_template__$37, __vue_module_identifier__$37, __vue_create_injector__, undefined);
var script$38 = Vue.extend({
name: 'FishTankLoaderContent',
components: {
ContentLoader: ContentLoader
},
mixins: [a11y],
props: {
theme: {
type: String,
default: null,
required: false,
description: "Specify pre-made loader content theme (optional). There are 13 themes to choose from.",
availableThemes: [" AlertList", " AlertResult", "CalendarResult", "CommiteeResult", "DirectoriesResult", "LegislationList", "LegislationResult", "MembersOfCongressList", "NewsList", "NewsResult", "ProfileResult", "StaffersList"]
},
loaderHeight: {
type: Number,
default: null,
required: false,
description: "Determines height of Content Loader SVG"
},
loaderWidth: {
type: Number,
default: 400,
required: false,
description: "Determines width of Content Loader SVG"
},
loaderSpeed: {
type: Number,
default: 2,
required: false,
description: "Determines speed of loader animation"
},
loaderPrimaryColor: {
type: String,
default: "#f3f3f3",
required: false,
description: "Determines gradient start value"
},
loaderSecondaryColor: {
type: String,
default: "#ecebeb",
required: false,
description: "Determines gradient end value"
}
}
});
/* script */
var __vue_script__$38 = script$38;
/* template */
var __vue_render__$36 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _vm.theme === "AlertList" ? _c("content-loader", {
attrs: {
height: 92,
width: 400,
speed: _vm.loaderSpeed,
"primary-color": _vm.loaderPrimaryColor,
"secondary-color": _vm.loaderSecondaryColor
}
}, [_c("rect", {
attrs: {
x: "0",
y: "12",
rx: "0",
ry: "0",
width: "191",
height: "12"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "40",
rx: "0",
ry: "0",
width: "400",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "270",
y: "12",
rx: "0",
ry: "0",
width: "132",
height: "12"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "64",
rx: "0",
ry: "0",
width: "364",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "91",
rx: "0",
ry: "0",
width: "400",
height: "1"
}
})]) : _vm.theme === "AlertResult" ? _c("content-loader", {
attrs: {
height: 544,
width: 340,
speed: _vm.loaderSpeed,
"primary-color": _vm.loaderPrimaryColor,
"secondary-color": _vm.loaderSecondaryColor
}
}, [_c("rect", {
attrs: {
x: "0",
y: "12",
rx: "5",
ry: "0",
width: "170",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "36",
rx: "5",
ry: "0",
width: "340",
height: "36"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "84",
rx: "5",
ry: "0",
width: "340",
height: "36"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "132",
rx: "5",
ry: "0",
width: "258",
height: "36"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "204",
rx: "5",
ry: "0",
width: "150",
height: "12"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "220",
rx: "5",
ry: "0",
width: "150",
height: "12"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "236",
rx: "5",
ry: "0",
width: "150",
height: "12"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "268",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "292",
rx: "5",
ry: "0",
width: "320",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "316",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "340",
rx: "5",
ry: "0",
width: "320",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "364",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "386",
rx: "5",
ry: "0",
width: "320",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "410",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "434",
rx: "5",
ry: "0",
width: "320",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "456",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "480",
rx: "5",
ry: "0",
width: "320",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "504",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "528",
rx: "5",
ry: "0",
width: "320",
height: "16"
}
})]) : _vm.theme === "CalendarResult" ? _c("content-loader", {
attrs: {
height: 588,
width: 340,
speed: _vm.loaderSpeed,
"primary-color": _vm.loaderPrimaryColor,
"secondary-color": _vm.loaderSecondaryColor
}
}, [_c("rect", {
attrs: {
x: "0",
y: "12",
rx: "5",
ry: "0",
width: "170",
height: "24"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "48",
rx: "5",
ry: "0",
width: "340",
height: "36"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "96",
rx: "5",
ry: "0",
width: "340",
height: "36"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "144",
rx: "5",
ry: "0",
width: "257",
height: "36"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "216",
rx: "5",
ry: "0",
width: "170",
height: "40"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "272",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "296",
rx: "5",
ry: "0",
width: "320",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "320",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "344",
rx: "5",
ry: "0",
width: "320",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "368",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "420",
rx: "5",
ry: "0",
width: "171",
height: "40"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "476",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "500",
rx: "5",
ry: "0",
width: "320",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "524",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "548",
rx: "5",
ry: "0",
width: "320",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "572",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
})]) : _vm.theme === "CommiteeResult" ? _c("content-loader", {
attrs: {
height: 498,
width: 340,
speed: _vm.loaderSpeed,
"primary-color": _vm.loaderPrimaryColor,
"secondary-color": _vm.loaderSecondaryColor
}
}, [_c("rect", {
attrs: {
x: "0",
y: "0",
rx: "5",
ry: "0",
width: "340",
height: "78"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "102",
rx: "5",
ry: "0",
width: "171",
height: "40"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "154",
rx: "5",
ry: "0",
width: "130",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "184",
rx: "5",
ry: "0",
width: "32",
height: "40"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "60",
y: "192",
rx: "5",
ry: "0",
width: "108",
height: "24"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "211",
y: "196",
rx: "5",
ry: "0",
width: "70",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "289",
y: "196",
rx: "5",
ry: "0",
width: "51",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "242",
rx: "5",
ry: "0",
width: "130",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "272",
rx: "5",
ry: "0",
width: "32",
height: "40"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "60",
y: "280",
rx: "5",
ry: "0",
width: "108",
height: "24"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "211",
y: "284",
rx: "5",
ry: "0",
width: "70",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "289",
y: "284",
rx: "5",
ry: "0",
width: "51",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "336",
rx: "5",
ry: "0",
width: "171",
height: "40"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "388",
rx: "5",
ry: "0",
width: "130",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "418",
rx: "5",
ry: "0",
width: "32",
height: "40"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "60",
y: "426",
rx: "5",
ry: "0",
width: "108",
height: "24"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "60",
y: "426",
rx: "5",
ry: "0",
width: "108",
height: "24"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "211",
y: "430",
rx: "5",
ry: "0",
width: "70",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "289",
y: "430",
rx: "5",
ry: "0",
width: "51",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "470",
rx: "5",
ry: "0",
width: "32",
height: "40"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "60",
y: "478",
rx: "5",
ry: "0",
width: "108",
height: "24"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "211",
y: "482",
rx: "5",
ry: "0",
width: "70",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "289",
y: "482",
rx: "5",
ry: "0",
width: "51",
height: "16"
}
})]) : _vm.theme === "DirectoriesResult" ? _c("content-loader", {
attrs: {
height: 504,
width: 400,
speed: _vm.loaderSpeed,
"primary-color": _vm.loaderPrimaryColor,
"secondary-color": _vm.loaderSecondaryColor
}
}, [_c("rect", {
attrs: {
x: "0",
y: "0",
rx: "5",
ry: "0",
width: "400",
height: "108"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "132",
rx: "5",
ry: "0",
width: "400",
height: "108"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "264",
rx: "5",
ry: "0",
width: "400",
height: "108"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "396",
rx: "5",
ry: "0",
width: "400",
height: "108"
}
})]) : _vm.theme === "LegislationList" ? _c("content-loader", {
attrs: {
height: 107,
width: 340,
speed: _vm.loaderSpeed,
"primary-color": _vm.loaderPrimaryColor,
"secondary-color": _vm.loaderSecondaryColor
}
}, [_c("rect", {
attrs: {
x: "0",
y: "12",
rx: "5",
ry: "0",
width: "85",
height: "20"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "40",
rx: "5",
ry: "0",
width: "257",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "60",
rx: "5",
ry: "0",
width: "171",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "80",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "106",
rx: "5",
ry: "0",
width: "340",
height: "1"
}
})]) : _vm.theme === "LegislationResult" ? _c("content-loader", {
attrs: {
height: 528,
width: 340,
speed: _vm.loaderSpeed,
"primary-color": _vm.loaderPrimaryColor,
"secondary-color": _vm.loaderSecondaryColor
}
}, [_c("rect", {
attrs: {
x: "0",
y: "20",
rx: "5",
ry: "0",
width: "171",
height: "36"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "68",
rx: "5",
ry: "0",
width: "340",
height: "24"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "96",
rx: "5",
ry: "0",
width: "257",
height: "24"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "156",
rx: "5",
ry: "0",
width: "171",
height: "40"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "212",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "236",
rx: "5",
ry: "0",
width: "325",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "260",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "284",
rx: "5",
ry: "0",
width: "325",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "308",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "360",
rx: "5",
ry: "0",
width: "171",
height: "40"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "416",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "440",
rx: "5",
ry: "0",
width: "325",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "464",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "488",
rx: "5",
ry: "0",
width: "325",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "512",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
})]) : _vm.theme === "MembersOfCongressList" ? _c("content-loader", {
attrs: {
height: 64,
width: 340,
speed: _vm.loaderSpeed,
"primary-color": _vm.loaderPrimaryColor,
"secondary-color": _vm.loaderSecondaryColor
}
}, [_c("rect", {
attrs: {
x: "0",
y: "12",
rx: "5",
ry: "0",
width: "32",
height: "40"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "44",
y: "20",
rx: "5",
ry: "0",
width: "128",
height: "24"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "189",
y: "24",
rx: "5",
ry: "0",
width: "76",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "281",
y: "24",
rx: "5",
ry: "0",
width: "60",
height: "16"
}
})]) : _vm.theme === "MembersOfCongressResult" ? _c("content-loader", {
attrs: {
height: 530,
width: 400,
speed: _vm.loaderSpeed,
"primary-color": _vm.loaderPrimaryColor,
"secondary-color": _vm.loaderSecondaryColor
}
}, [_c("rect", {
attrs: {
x: "0",
y: "0",
rx: "5",
ry: "0",
width: "400",
height: "268"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "288",
rx: "5",
ry: "0",
width: "257",
height: "36"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "288",
rx: "5",
ry: "0",
width: "257",
height: "36"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "342",
rx: "5",
ry: "0",
width: "257",
height: "24"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "374",
rx: "5",
ry: "0",
width: "400",
height: "24"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "434",
rx: "5",
ry: "0",
width: "171",
height: "40"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "490",
rx: "5",
ry: "0",
width: "400",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "514",
rx: "5",
ry: "0",
width: "383",
height: "16"
}
})]) : _vm.theme === "NewsList" ? _c("content-loader", {
attrs: {
height: 240,
width: 340,
speed: _vm.loaderSpeed,
"primary-color": _vm.loaderPrimaryColor,
"secondary-color": _vm.loaderSecondaryColor
}
}, [_c("rect", {
attrs: {
x: "0",
y: "12",
rx: "5",
ry: "0",
width: "340",
height: "24"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "40",
rx: "5",
ry: "0",
width: "257",
height: "24"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "76",
rx: "5",
ry: "0",
width: "171",
height: "12"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "92",
rx: "5",
ry: "0",
width: "171",
height: "12"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "116",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "140",
rx: "5",
ry: "0",
width: "325",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "164",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "188",
rx: "5",
ry: "0",
width: "325",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "212",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "212",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "239",
rx: "5",
ry: "0",
width: "340",
height: "1"
}
})]) : _vm.theme === "NewsResult" ? _c("content-loader", {
attrs: {
height: 528,
width: 340,
speed: _vm.loaderSpeed,
"primary-color": _vm.loaderPrimaryColor,
"secondary-color": _vm.loaderSecondaryColor
}
}, [_c("rect", {
attrs: {
x: "0",
y: "12",
rx: "5",
ry: "0",
width: "171",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "36",
rx: "5",
ry: "0",
width: "340",
height: "36"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "84",
rx: "5",
ry: "0",
width: "340",
height: "36"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "132",
rx: "5",
ry: "0",
width: "257",
height: "36"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "192",
rx: "5",
ry: "0",
width: "171",
height: "12"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "208",
rx: "5",
ry: "0",
width: "171",
height: "12"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "224",
rx: "5",
ry: "0",
width: "171",
height: "12"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "248",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "272",
rx: "5",
ry: "0",
width: "325",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "296",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "320",
rx: "5",
ry: "0",
width: "325",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "344",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "368",
rx: "5",
ry: "0",
width: "325",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "392",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "416",
rx: "5",
ry: "0",
width: "325",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "440",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "464",
rx: "5",
ry: "0",
width: "325",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "488",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "512",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
})]) : _vm.theme === "ProfileResult" ? _c("content-loader", {
attrs: {
height: 508,
width: 340,
speed: _vm.loaderSpeed,
"primary-color": _vm.loaderPrimaryColor,
"secondary-color": _vm.loaderSecondaryColor
}
}, [_c("rect", {
attrs: {
x: "0",
y: "0",
rx: "5",
ry: "0",
width: "258",
height: "36"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "52",
rx: "5",
ry: "0",
width: "258",
height: "24"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "84",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "136",
rx: "5",
ry: "0",
width: "171",
height: "40"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "192",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "216",
rx: "5",
ry: "0",
width: "325",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "240",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "264",
rx: "5",
ry: "0",
width: "325",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "288",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "340",
rx: "5",
ry: "0",
width: "171",
height: "40"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "396",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "420",
rx: "5",
ry: "0",
width: "325",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "444",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "468",
rx: "5",
ry: "0",
width: "325",
height: "16"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "492",
rx: "5",
ry: "0",
width: "340",
height: "16"
}
})]) : _vm.theme === "StaffersList" ? _c("content-loader", {
attrs: {
height: 540,
width: 340,
speed: _vm.loaderSpeed,
"primary-color": _vm.loaderPrimaryColor,
"secondary-color": _vm.loaderSecondaryColor
}
}, [_c("rect", {
attrs: {
x: "0",
y: "12",
rx: "5",
ry: "0",
width: "141",
height: "24"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "42",
rx: "5",
ry: "0",
width: "156",
height: "18"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "66",
rx: "5",
ry: "0",
width: "205",
height: "18"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "108",
rx: "5",
ry: "0",
width: "141",
height: "24"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "138",
rx: "5",
ry: "0",
width: "156",
height: "18"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "162",
rx: "5",
ry: "0",
width: "205",
height: "18"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "204",
rx: "5",
ry: "0",
width: "176",
height: "24"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "234",
rx: "5",
ry: "0",
width: "116",
height: "18"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "258",
rx: "5",
ry: "0",
width: "205",
height: "18"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "300",
rx: "5",
ry: "0",
width: "115",
height: "24"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "330",
rx: "5",
ry: "0",
width: "207",
height: "18"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "354",
rx: "5",
ry: "0",
width: "231",
height: "18"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "396",
rx: "5",
ry: "0",
width: "202",
height: "24"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "426",
rx: "5",
ry: "0",
width: "275",
height: "18"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "450",
rx: "5",
ry: "0",
width: "301",
height: "18"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "492",
rx: "5",
ry: "0",
width: "202",
height: "24"
}
}), _vm._v(" "), _c("rect", {
attrs: {
x: "0",
y: "522",
rx: "5",
ry: "0",
width: "301",
height: "18"
}
})]) : _c("content-loader", {
attrs: {
speed: _vm.loaderSpeed,
"primary-color": _vm.loaderPrimaryColor,
"secondary-color": _vm.loaderSecondaryColor,
width: _vm.loaderWidth,
height: _vm.loaderHeight
}
}, [_vm._t("default")], 2);
};
var __vue_staticRenderFns__$36 = [];
__vue_render__$36._withStripped = true;
/* style */
var __vue_inject_styles__$38 = undefined;
/* scoped */
var __vue_scope_id__$38 = undefined;
/* module identifier */
var __vue_module_identifier__$38 = undefined;
/* functional template */
var __vue_is_functional_template__$38 = false;
/* style inject */
/* style inject SSR */
var FishTankLoaderContent = __vue_normalize__({
render: __vue_render__$36,
staticRenderFns: __vue_staticRenderFns__$36
}, __vue_inject_styles__$38, __vue_script__$38, __vue_scope_id__$38, __vue_is_functional_template__$38, __vue_module_identifier__$38, undefined, undefined);
var FishTankTable =
/*#__PURE__*/
function (_Vue) {
_inherits(FishTankTable, _Vue);
function FishTankTable() {
_classCallCheck(this, FishTankTable);
return _possibleConstructorReturn(this, _getPrototypeOf(FishTankTable).apply(this, arguments));
}
_createClass(FishTankTable, [{
key: "renderComponent",
// Should add function here verifying that heading and fields array are correctly formatted
// Component Methods
value: function renderComponent(componentName) {
// if (typeof(field.title) === 'function') {
// return field.title()
// }
var componentVariable = componentName.split(':')[1].trim();
return componentVariable;
}
}, {
key: "isSpecialCell",
value: function isSpecialCell(fieldName) {
return fieldName.slice(0, 2) === '__';
}
}, {
key: "getCellType",
value: function getCellType(string) {
return string.split(':')[0].trim();
}
}, {
key: "getColAlign",
value: function getColAlign(cellName) {
var _iteratorNormalCompletion = true;
var _didIteratorError = false;
var _iteratorError = undefined;
try {
for (var _iterator = this.tableData.fields[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
var currField = _step.value;
if (currField.name === cellName) {
switch (currField.colAlignment) {
case "right":
return "td--right";
case "center":
return "td--center";
default:
return "td--left";
}
}
}
} catch (err) {
_didIteratorError = true;
_iteratorError = err;
} finally {
try {
if (!_iteratorNormalCompletion && _iterator.return != null) {
_iterator.return();
}
} finally {
if (_didIteratorError) {
throw _iteratorError;
}
}
}
}
}]);
return FishTankTable;
}(Vue$1);
__decorate([Prop({
default: {},
type: Object
})], FishTankTable.prototype, "tableData", void 0);
FishTankTable = __decorate([Component({
components: {}
})], FishTankTable);
var script$39 = FishTankTable;
var __vue_script__$39 = script$39;
/* template */
var __vue_render__$37 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("table", {
staticClass: "table",
attrs: {
"table-data": _vm.tableData
}
}, [_c("thead", [_c("tr", [_vm._l(_vm.tableData.fields, function (field, index) {
return [_vm.isSpecialCell(field.name) ? [_vm.getCellType(field) == "__slot" ? _c("th", {
key: index,
class: []
}, [_vm._t(_vm.renderComponent(_vm.cell), null, {
rowData: _vm.row,
rowIndex: _vm.rowIndex
})], 2) : _vm._e()] : [_c("th", {
key: index,
class: [],
style: {
width: field.width
}
}, [_vm._v("\n \n " + _vm._s(field.title.toUpperCase()) + "\n\n ")])]];
})], 2)]), _vm._v(" "), _c("tbody", [_vm._l(_vm.tableData.data, function (row, rowIndex) {
return [_c("tr", {
key: rowIndex
}, [_vm._l(row, function (cell, name, index) {
return [_vm.isSpecialCell(cell) ? [_vm.getCellType(cell) == "__slot" ? _c("td", {
key: index,
class: [_vm.getColAlign(name)]
}, [_vm._t(_vm.renderComponent(cell), null, {
rowData: row,
rowIndex: rowIndex
})], 2) : _vm._e()] : [_c("td", {
key: index,
class: [_vm.getColAlign(name)],
style: {
width: row.width
}
}, [_vm._v("\n \n " + _vm._s(cell) + "\n \n ")])]];
})], 2)];
})], 2)]);
};
var __vue_staticRenderFns__$37 = [];
__vue_render__$37._withStripped = true;
/* style */
var __vue_inject_styles__$39 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-b387fbf6_0", {
source: "[data-v-b387fbf6]:root {\n --root-fontsize: 16px;\n --font-primary: \"OpenSans\",arial,sans-serif;\n --font-accent: \"AvenirNextMForBBG\",\"Avenir\",\"Helvetica Neue\",helvetica,arial,sans-serif;\n --fontsize-heading-lg: 3.375rem;\n --fontsize-heading-md: 2.25rem;\n --fontsize-heading-sm: 1.5rem;\n --fontsize-base-lg: 1rem;\n --fontsize-base-md: .875rem;\n --fontsize-base-sm: .75rem;\n --fontsize-small: .625rem;\n --lineheight-heading-lg: 4rem;\n --lineheight-heading-md: 2.75rem;\n --lineheight-heading-sm: 1.75rem;\n --lineheight-base-lg: 1.5rem;\n --lineheight-base-md: 1.25rem;\n --lineheight-base-sm: 1rem;\n --lineheight-small: .75rem;\n --lineheight-100: 1.0;\n --fontweight-regular: 400;\n --fontweight-semi: 600;\n --fontweight-bold: 700;\n --letterspacing-heading-lg: -0.04rem;\n --letterspacing-heading-md: -0.04rem;\n --letterspacing-heading-sm: 0rem;\n --letterspacing-base-lg: 0rem;\n --letterspacing-base-md: 0.00625rem;\n --letterspacing-base-sm: 0.01875rem;\n --letterspacing-small: 0.01875rem;\n --cdn-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}\n.fontSizeHeadingLg[data-v-b387fbf6] {\n font-size: var(--fontsize-heading-lg);\n line-height: var(--lineheight-heading-lg);\n letter-spacing: var(--letterspacing-heading-lg);\n}\n.fontSizeHeadingMd[data-v-b387fbf6] {\n font-size: var(--fontsize-heading-md);\n line-height: var(--lineheight-heading-md);\n letter-spacing: var(--letterspacing-heading-md);\n}\n.fontSizeHeadingSm[data-v-b387fbf6] {\n font-size: var(--fontsize-heading-sm);\n line-height: var(--lineheight-heading-sm);\n letter-spacing: var(--letterspacing-heading-sm);\n}\n.fontSizeBaseLg[data-v-b387fbf6] {\n font-size: var(--fontsize-base-lg);\n line-height: var(--lineheight-base-lg);\n letter-spacing: var(--letterspacing-base-lg);\n}\n.fontSizeBaseMd[data-v-b387fbf6] {\n font-size: var(--fontsize-base-md);\n line-height: var(--lineheight-base-md);\n letter-spacing: var(--letterspacing-base-md);\n}\n.fontSizeBaseSm[data-v-b387fbf6] {\n font-size: var(--fontsize-base-sm);\n line-height: var(--lineheight-base-sm);\n letter-spacing: var(--letterspacing-base-sm);\n}\n[data-v-b387fbf6]:root {\n --root-fontsize: 16px;\n --font-primary: \"OpenSans\",arial,sans-serif;\n --font-accent: \"AvenirNextMForBBG\",\"Avenir\",\"Helvetica Neue\",helvetica,arial,sans-serif;\n --fontsize-heading-lg: 3.375rem;\n --fontsize-heading-md: 2.25rem;\n --fontsize-heading-sm: 1.5rem;\n --fontsize-base-lg: 1rem;\n --fontsize-base-md: .875rem;\n --fontsize-base-sm: .75rem;\n --fontsize-small: .625rem;\n --lineheight-heading-lg: 4rem;\n --lineheight-heading-md: 2.75rem;\n --lineheight-heading-sm: 1.75rem;\n --lineheight-base-lg: 1.5rem;\n --lineheight-base-md: 1.25rem;\n --lineheight-base-sm: 1rem;\n --lineheight-small: .75rem;\n --lineheight-100: 1.0;\n --fontweight-regular: 400;\n --fontweight-semi: 600;\n --fontweight-bold: 700;\n --letterspacing-heading-lg: -0.04rem;\n --letterspacing-heading-md: -0.04rem;\n --letterspacing-heading-sm: 0rem;\n --letterspacing-base-lg: 0rem;\n --letterspacing-base-md: 0.00625rem;\n --letterspacing-base-sm: 0.01875rem;\n --letterspacing-small: 0.01875rem;\n --cdn-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}\n[data-v-b387fbf6]:root {\n --color-black: #292E31;\n --color-gray-dark: #505558;\n --color-gray: #777C7F;\n --color-gray-light: #9EA3A6;\n --color-gray-lighter: #C5CACD;\n --color-gray-lightest: #EDF2F5;\n --color-white: #FFFFFF;\n --color-link: #267ABD;\n --color-link-visited: #7F57B8;\n --color-link-dark-bg: #ACCCE5;\n --color-disabled: #C5CACD;\n --color-action-darkest: #30855C;\n --color-action-darker: #399E6E;\n --color-action: #3DA774;\n --color-action-lighter: #49B88B;\n --color-action-lightest: #EBF6F1;\n --color-selected-darkest: #0A7DAF;\n --color-selected-darker: #0D94CF;\n --color-selected: #0D9DDB;\n --color-selected-lighter: #0FB0E2;\n --color-selected-lightest: #E7F5FB;\n --color-error-darkest: #B43931;\n --color-error-darker: #D5443A;\n --color-error: #E1483E;\n --color-error-lighter: #E7564A;\n --color-error-lightest: #FBECEB;\n --color-warning-darkest: #CC900D;\n --color-warning-darker: #F2AB10;\n --color-warning: #FFB511;\n --color-warning-lighter: #FFC314;\n --color-warning-lightest: #FFF7E7;\n --color-blaw-blue: #0D9DDB;\n --color-btax-blue: #2785D6;\n --color-theme-antitrust: #57534A;\n --color-theme-banking: #379851;\n --color-theme-bankruptcy: #C52700;\n --color-theme-benefits: #EA6A02;\n --color-theme-corporate: #8A5BB6;\n --color-theme-ediscovery: #F64A56;\n --color-theme-environment: #6DC470;\n --color-theme-health: #0D3B91;\n --color-theme-ip: #1E95C1;\n --color-theme-labor: #00C18C;\n --color-theme-securities: #45BDE9;\n --color-theme-telecom: #6A8C8A;\n --color-dataviz-1: #63B995;\n --color-dataviz-2: #1E4882;\n --color-dataviz-3: #F87060;\n --color-dataviz-4: #1AA2AF;\n --color-dataviz-5: #FFB511;\n --color-dataviz-6: #9357C8;\n --color-dataviz-7: #F697C0;\n --color-dataviz-8: #2ECC71;\n --color-dataviz-9: #34495E;\n --color-dataviz-10: #FF6D10;\n --color-dataviz-positive: #2ECC71;\n --color-dataviz-negative: #F87060;\n --color-democrat: #0A54C2;\n --color-republican: #D3301A;\n --color-independent: #FFB00D;\n}\n.colorBlack[data-v-b387fbf6] {\n color: var(--color-black);\n}\n.colorGrayDark[data-v-b387fbf6] {\n color: var(--color-gray-dark);\n}\n.colorGray[data-v-b387fbf6] {\n color: var(--color-gray);\n}\n.colorGrayLight[data-v-b387fbf6] {\n color: var(--color-gray-light);\n}\n.colorGrayLighter[data-v-b387fbf6] {\n color: var(--color-gray-lighter);\n}\n.colorGrayLightest[data-v-b387fbf6] {\n color: var(--color-gray-lightest);\n}\n.colorWhite[data-v-b387fbf6] {\n color: var(--color-white);\n}\n.colorLink[data-v-b387fbf6] {\n color: var(--color-link);\n}\n.colorLinkVisited[data-v-b387fbf6] {\n color: var(--color-link-visited);\n}\n.colorLinkDarkBg[data-v-b387fbf6] {\n color: var(--color-link-dark-bg);\n}\n.colorDisabled[data-v-b387fbf6] {\n color: var(--color-disabled);\n}\n.colorActionDarkest[data-v-b387fbf6] {\n color: var(--color-action-darkest);\n}\n.colorActionDarker[data-v-b387fbf6] {\n color: var(--color-action-darker);\n}\n.colorAction[data-v-b387fbf6] {\n color: var(--color-action);\n}\n.colorActionLighter[data-v-b387fbf6] {\n color: var(--color-action-lighter);\n}\n.colorActionLightest[data-v-b387fbf6] {\n color: var(--color-action-lightest);\n}\n.colorSelectedDarkest[data-v-b387fbf6] {\n color: var(--color-selected-darkest);\n}\n.colorSelectedDarker[data-v-b387fbf6] {\n color: var(--color-selected-darker);\n}\n.colorSelected[data-v-b387fbf6] {\n color: var(--color-selected);\n}\n.colorSelectedLighter[data-v-b387fbf6] {\n color: var(--color-selected-lighter);\n}\n.colorSelectedLightest[data-v-b387fbf6] {\n color: var(--color-selected-lightest);\n}\n.colorErrorDarkest[data-v-b387fbf6] {\n color: var(--color-error-darkest);\n}\n.colorErrorDarker[data-v-b387fbf6] {\n color: var(--color-error-darker);\n}\n.colorError[data-v-b387fbf6] {\n color: var(--color-error);\n}\n.colorErrorLighter[data-v-b387fbf6] {\n color: var(--color-error-lighter);\n}\n.colorErrorLightest[data-v-b387fbf6] {\n color: var(--color-error-lightest);\n}\n.colorWarningDarkest[data-v-b387fbf6] {\n color: var(--color-warning-darkest);\n}\n.colorWarningDarker[data-v-b387fbf6] {\n color: var(--color-warning-darker);\n}\n.colorWarning[data-v-b387fbf6] {\n color: var(--color-warning);\n}\n.colorWarningLighter[data-v-b387fbf6] {\n color: var(--color-warning-lighter);\n}\n.colorWarningLightest[data-v-b387fbf6] {\n color: var(--color-warning-lightest);\n}\n.colorBlawBlue[data-v-b387fbf6] {\n color: var(--color-blaw-blue);\n}\n.colorBtaxBlue[data-v-b387fbf6] {\n color: var(--color-btax-blue);\n}\n.colorThemeAntitrust[data-v-b387fbf6] {\n color: var(--color-theme-antitrust);\n}\n.colorThemeBanking[data-v-b387fbf6] {\n color: var(--color-theme-banking);\n}\n.colorThemeBankruptcy[data-v-b387fbf6] {\n color: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefits[data-v-b387fbf6] {\n color: var(--color-theme-benefits);\n}\n.colorThemeCorporate[data-v-b387fbf6] {\n color: var(--color-theme-corporate);\n}\n.colorThemeEdiscovery[data-v-b387fbf6] {\n color: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironment[data-v-b387fbf6] {\n color: var(--color-theme-environment);\n}\n.colorThemeHealth[data-v-b387fbf6] {\n color: var(--color-theme-health);\n}\n.colorThemeIp[data-v-b387fbf6] {\n color: var(--color-theme-ip);\n}\n.colorThemeLabor[data-v-b387fbf6] {\n color: var(--color-theme-labor);\n}\n.colorThemeSecurities[data-v-b387fbf6] {\n color: var(--color-theme-securities);\n}\n.colorThemeTelecom[data-v-b387fbf6] {\n color: var(--color-theme-telecom);\n}\n.colorDataviz1[data-v-b387fbf6] {\n color: var(--color-dataviz-1);\n}\n.colorDataviz2[data-v-b387fbf6] {\n color: var(--color-dataviz-2);\n}\n.colorDataviz3[data-v-b387fbf6] {\n color: var(--color-dataviz-3);\n}\n.colorDataviz4[data-v-b387fbf6] {\n color: var(--color-dataviz-4);\n}\n.colorDataviz5[data-v-b387fbf6] {\n color: var(--color-dataviz-5);\n}\n.colorDataviz6[data-v-b387fbf6] {\n color: var(--color-dataviz-6);\n}\n.colorDataviz7[data-v-b387fbf6] {\n color: var(--color-dataviz-7);\n}\n.colorDataviz8[data-v-b387fbf6] {\n color: var(--color-dataviz-8);\n}\n.colorDataviz9[data-v-b387fbf6] {\n color: var(--color-dataviz-9);\n}\n.colorDataviz10[data-v-b387fbf6] {\n color: var(--color-dataviz-10);\n}\n.colorDatavizPositive[data-v-b387fbf6] {\n color: var(--color-dataviz-positive);\n}\n.colorDatavizNegative[data-v-b387fbf6] {\n color: var(--color-dataviz-negative);\n}\n.colorDemocrat[data-v-b387fbf6] {\n color: var(--color-democrat);\n}\n.colorRepublican[data-v-b387fbf6] {\n color: var(--color-republican);\n}\n.colorIndependent[data-v-b387fbf6] {\n color: var(--color-independent);\n}\n.colorBlackBg[data-v-b387fbf6] {\n background: var(--color-black);\n}\n.colorGrayDarkBg[data-v-b387fbf6] {\n background: var(--color-gray-dark);\n}\n.colorGrayBg[data-v-b387fbf6] {\n background: var(--color-gray);\n}\n.colorGrayLightBg[data-v-b387fbf6] {\n background: var(--color-gray-light);\n}\n.colorGrayLighterBg[data-v-b387fbf6] {\n background: var(--color-gray-lighter);\n}\n.colorGrayLightestBg[data-v-b387fbf6] {\n background: var(--color-gray-lightest);\n}\n.colorWhiteBg[data-v-b387fbf6] {\n background: var(--color-white);\n}\n.colorLinkBg[data-v-b387fbf6] {\n background: var(--color-link);\n}\n.colorLinkVisitedBg[data-v-b387fbf6] {\n background: var(--color-link-visited);\n}\n.colorLinkDarkBgBg[data-v-b387fbf6] {\n background: var(--color-link-dark-bg);\n}\n.colorDisabledBg[data-v-b387fbf6] {\n background: var(--color-disabled);\n}\n.colorActionDarkestBg[data-v-b387fbf6] {\n background: var(--color-action-darkest);\n}\n.colorActionDarkerBg[data-v-b387fbf6] {\n background: var(--color-action-darker);\n}\n.colorActionBg[data-v-b387fbf6] {\n background: var(--color-action);\n}\n.colorActionLighterBg[data-v-b387fbf6] {\n background: var(--color-action-lighter);\n}\n.colorActionLightestBg[data-v-b387fbf6] {\n background: var(--color-action-lightest);\n}\n.colorSelectedDarkestBg[data-v-b387fbf6] {\n background: var(--color-selected-darkest);\n}\n.colorSelectedDarkerBg[data-v-b387fbf6] {\n background: var(--color-selected-darker);\n}\n.colorSelectedBg[data-v-b387fbf6] {\n background: var(--color-selected);\n}\n.colorSelectedLighterBg[data-v-b387fbf6] {\n background: var(--color-selected-lighter);\n}\n.colorSelectedLightestBg[data-v-b387fbf6] {\n background: var(--color-selected-lightest);\n}\n.colorErrorDarkestBg[data-v-b387fbf6] {\n background: var(--color-error-darkest);\n}\n.colorErrorDarkerBg[data-v-b387fbf6] {\n background: var(--color-error-darker);\n}\n.colorErrorBg[data-v-b387fbf6] {\n background: var(--color-error);\n}\n.colorErrorLighterBg[data-v-b387fbf6] {\n background: var(--color-error-lighter);\n}\n.colorErrorLightestBg[data-v-b387fbf6] {\n background: var(--color-error-lightest);\n}\n.colorWarningDarkestBg[data-v-b387fbf6] {\n background: var(--color-warning-darkest);\n}\n.colorWarningDarkerBg[data-v-b387fbf6] {\n background: var(--color-warning-darker);\n}\n.colorWarningBg[data-v-b387fbf6] {\n background: var(--color-warning);\n}\n.colorWarningLighterBg[data-v-b387fbf6] {\n background: var(--color-warning-lighter);\n}\n.colorWarningLightestBg[data-v-b387fbf6] {\n background: var(--color-warning-lightest);\n}\n.colorBlawBlueBg[data-v-b387fbf6] {\n background: var(--color-blaw-blue);\n}\n.colorBtaxBlueBg[data-v-b387fbf6] {\n background: var(--color-btax-blue);\n}\n.colorThemeAntitrustBg[data-v-b387fbf6] {\n background: var(--color-theme-antitrust);\n}\n.colorThemeBankingBg[data-v-b387fbf6] {\n background: var(--color-theme-banking);\n}\n.colorThemeBankruptcyBg[data-v-b387fbf6] {\n background: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefitsBg[data-v-b387fbf6] {\n background: var(--color-theme-benefits);\n}\n.colorThemeCorporateBg[data-v-b387fbf6] {\n background: var(--color-theme-corporate);\n}\n.colorThemeEdiscoveryBg[data-v-b387fbf6] {\n background: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironmentBg[data-v-b387fbf6] {\n background: var(--color-theme-environment);\n}\n.colorThemeHealthBg[data-v-b387fbf6] {\n background: var(--color-theme-health);\n}\n.colorThemeIpBg[data-v-b387fbf6] {\n background: var(--color-theme-ip);\n}\n.colorThemeLaborBg[data-v-b387fbf6] {\n background: var(--color-theme-labor);\n}\n.colorThemeSecuritiesBg[data-v-b387fbf6] {\n background: var(--color-theme-securities);\n}\n.colorThemeTelecomBg[data-v-b387fbf6] {\n background: var(--color-theme-telecom);\n}\n.colorDataviz1Bg[data-v-b387fbf6] {\n background: var(--color-dataviz-1);\n}\n.colorDataviz2Bg[data-v-b387fbf6] {\n background: var(--color-dataviz-2);\n}\n.colorDataviz3Bg[data-v-b387fbf6] {\n background: var(--color-dataviz-3);\n}\n.colorDataviz4Bg[data-v-b387fbf6] {\n background: var(--color-dataviz-4);\n}\n.colorDataviz5Bg[data-v-b387fbf6] {\n background: var(--color-dataviz-5);\n}\n.colorDataviz6Bg[data-v-b387fbf6] {\n background: var(--color-dataviz-6);\n}\n.colorDataviz7Bg[data-v-b387fbf6] {\n background: var(--color-dataviz-7);\n}\n.colorDataviz8Bg[data-v-b387fbf6] {\n background: var(--color-dataviz-8);\n}\n.colorDataviz9Bg[data-v-b387fbf6] {\n background: var(--color-dataviz-9);\n}\n.colorDataviz10Bg[data-v-b387fbf6] {\n background: var(--color-dataviz-10);\n}\n.colorDatavizPositiveBg[data-v-b387fbf6] {\n background: var(--color-dataviz-positive);\n}\n.colorDatavizNegativeBg[data-v-b387fbf6] {\n background: var(--color-dataviz-negative);\n}\n.colorDemocratBg[data-v-b387fbf6] {\n background: var(--color-democrat);\n}\n.colorRepublicanBg[data-v-b387fbf6] {\n background: var(--color-republican);\n}\n.colorIndependentBg[data-v-b387fbf6] {\n background: var(--color-independent);\n}\ntable[data-v-b387fbf6] {\n border: solid 1px #C5CACD;\n border-spacing: 0;\n border-collapse: collapse;\n width: 100%;\n}\ntd[data-v-b387fbf6], th[data-v-b387fbf6] {\n padding: 10px;\n border-right: solid 1px #C5CACD;\n}\ntd[data-v-b387fbf6] {\n margin: auto;\n color: #292E31;\n font-size: var(--fontsize-base-md);\n font-weight: var(--fontweight-regular);\n}\ntd.td--left[data-v-b387fbf6] {\n text-align: left;\n}\ntd.td--right[data-v-b387fbf6] {\n text-align: right;\n}\ntd.td--center[data-v-b387fbf6] {\n text-align: center;\n}\nth[data-v-b387fbf6] {\n text-align: left;\n border-bottom: solid 1px #C5CACD;\n background: #EDF2F5;\n color: #777C7F;\n font-size: var(--fontsize-base-md);\n font-weight: var(--fontweight-semi);\n}\ntr[data-v-b387fbf6]:nth-child(odd) {\n background: #F2F2F2;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$39 = "data-v-b387fbf6";
/* module identifier */
var __vue_module_identifier__$39 = undefined;
/* functional template */
var __vue_is_functional_template__$39 = false;
/* style inject SSR */
var FishTankTable$1 = __vue_normalize__({
render: __vue_render__$37,
staticRenderFns: __vue_staticRenderFns__$37
}, __vue_inject_styles__$39, __vue_script__$39, __vue_scope_id__$39, __vue_is_functional_template__$39, __vue_module_identifier__$39, __vue_create_injector__, undefined);
var TextInput$1 =
/*#__PURE__*/
function (_Vue) {
_inherits(TextInput, _Vue);
function TextInput() {
_classCallCheck(this, TextInput);
return _possibleConstructorReturn(this, _getPrototypeOf(TextInput).apply(this, arguments));
}
_createClass(TextInput, [{
key: "updateValue",
value: function updateValue(value) {
/**
* Input event on keypress
*/
this.$emit("input", value);
}
}, {
key: "checkError",
value: function checkError() {
/**
* Check error event
* @private
*/
if (this.$props.error === undefined || this.$props.error === null || this.$props.error.length === 0) {
return;
} else if (this.$props.error.fullMessage != undefined || this.$props.error.fullMessage != null) {
return;
} else {
this.reset();
}
}
}, {
key: "reset",
value: function reset() {
this.$emit("reset", null);
}
}, {
key: "clearText",
value: function clearText() {
this.updateValue(undefined);
this.focusElement(this.$refs.input);
}
}, {
key: "focusElement",
value: function focusElement(element) {
element.focus();
}
}, {
key: "showRightIcon",
get: function get() {
return !!this.$slots.rightIcon || this.value && this.value.length > 0;
}
}, {
key: "listeners",
get: function get() {
var _this = this;
return Object.assign({}, this.$listeners, {
input: function input($event) {
_this.updateValue($event.target.value);
}
});
}
}, {
key: "numberType",
get: function get() {
if (this.$props.type === "number") {
return true;
}
}
}, {
key: "getColor",
get: function get() {
return this.$props.error ? "error" : "black";
}
}]);
return TextInput;
}(Vue$1);
__decorate([Prop(String)], TextInput$1.prototype, "type", void 0);
TextInput$1 = __decorate([Component({
components: {
CloseIcon: CloseSml24,
WarningIcon: Warning24
},
mixins: [textInputMixin, orientation]
})], TextInput$1);
var script$40 = TextInput$1;
/* script */
var __vue_script__$40 = script$40;
/* template */
var __vue_render__$38 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
class: ["text-input-wrap", {
error: !!_vm.errorMessage
}]
}, [_c("div", {
class: _vm.orientation
}, [_vm.label ? _c("div", {
staticClass: "label-wrapper"
}, [_c("label", {
staticClass: "label",
attrs: {
for: _vm.id || "textinput-" + _vm.identifier + "-id"
}
}, [_c("div", {
staticClass: "text-input-label",
style: {
color: _vm.getColor
}
}, [_vm._v(_vm._s(_vm.label) + "\n "), _vm.required ? _c("span", {
staticClass: "label-required"
}, [_vm._v("\n *\n ")]) : _vm._e()])]), _vm._v(" "), _vm.$slots.auxillary ? _c("span", {
staticClass: "auxillary-slot"
}, [_vm._t("auxillary")], 2) : _vm._e()]) : _vm._e(), _vm._v(" "), _c("div", {
class: ["input-wrapper", {
a11y: _vm.isFocused
}]
}, [_vm.$slots.leftIcon ? _c("span", {
staticClass: "left-icon"
}, [_vm._t("leftIcon")], 2) : _vm._e(), _vm._v(" "), _c("input", _vm._g(_vm._b({
ref: "input",
class: ["input-element", {
"error-state": _vm.errorMessage
}],
attrs: {
autocomplete: "new-password",
type: _vm.type,
id: _vm.id || "textinput-" + _vm.identifier + "-id",
"aria-describedby": _vm.id !== null ? _vm.id + "-error-message" : "textinput-error-message-" + _vm.identifier + "-id"
},
domProps: {
value: _vm.value
},
on: {
input: _vm.updateValue,
blur: function blur($event) {
_vm.$emit("blur", $event), _vm.isFocused = false;
},
focus: function focus($event) {
_vm.$emit("focus", $event), _vm.isFocused = true, _vm.checkError();
}
}
}, "input", _vm.$attrs, false), _vm.listeners)), _vm._v(" "), !_vm.numberType ? _c("span", {
staticClass: "right-icon"
}, [_vm._t("rightIcon")], 2) : _vm._e(), _vm._v(" "), _vm.value.length > 0 && !_vm.numberType ? _c("span", {
staticClass: "clear",
attrs: {
tabindex: "0",
role: "button",
"aria-label": "Clear Input"
},
on: {
keyup: [function ($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
return null;
}
return _vm.clearText($event);
}, function ($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"])) {
return null;
}
return _vm.clearText($event);
}],
click: _vm.clearText
}
}, [_c("CloseIcon")], 1) : _vm._e(), _vm._v(" "), _vm._t("below")], 2)]), _vm._v(" "), _vm.errorMessage ? _c("div", {
class: {
"error-text": _vm.errorMessage
},
attrs: {
id: "error-block"
}
}, [_c("span", {
staticClass: "error-icon"
}, [_c("WarningIcon")], 1), _vm._v(" "), _c("p", {
staticClass: "error-message",
attrs: {
id: _vm.id !== null ? _vm.id + "-error-message" : "textinput-error-message-" + _vm.identifier + "-id"
}
}, [_vm._v(" " + _vm._s(_vm.errorMessage) + " ")])]) : _vm._e()]);
};
var __vue_staticRenderFns__$38 = [];
__vue_render__$38._withStripped = true;
/* style */
var __vue_inject_styles__$40 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-54847d80_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: undefined,
media: undefined
}), inject("data-v-54847d80_1", {
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.input-wrapper[data-v-54847d80] {\n border: #C5CACD 1px solid;\n border-radius: 2px;\n position: relative;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.a11y[data-v-54847d80] {\n border: transparent 1px solid;\n -webkit-box-shadow: 0 0 0 2px #0D9DDB;\n box-shadow: 0 0 0 2px #0D9DDB;\n}\n.input-element[data-v-54847d80] {\n width: 100%;\n height: 2.5rem;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-family: \"OpenSans\", arial, sans-serif;\n font-weight: 400;\n line-height: 1.5rem;\n letter-spacing: 0rem;\n border: 0px;\n color: #292E31;\n padding: 0.5em;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n.input-element[data-v-54847d80]:focus {\n outline: 0;\n}\n.input-element[data-v-54847d80]:disabled {\n background-color: #EDF2F5;\n color: #C5CACD;\n}\n.input-element[data-v-54847d80]::-webkit-input-placeholder {\n /* Chrome/Opera/Safari */\n color: #C5CACD;\n font-style: italic;\n}\n.input-element[data-v-54847d80]::-moz-placeholder {\n /* Firefox 19+ */\n color: #C5CACD;\n font-style: italic;\n}\n.input-element[data-v-54847d80]:-ms-input-placeholder {\n /* IE 10+ */\n color: #C5CACD;\n font-style: italic;\n}\n.input-element[data-v-54847d80]:-moz-placeholder {\n /* Firefox 18- */\n color: #C5CACD;\n font-style: italic;\n}\n.input-element[type=number][data-v-54847d80] {\n text-align: right;\n}\n.left-icon[data-v-54847d80],\n.right-icon[data-v-54847d80] {\n padding: 0.5em;\n -webkit-box-flex: 1;\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n}\n.left-icon svg[data-v-54847d80],\n .right-icon svg[data-v-54847d80] {\n width: 24px;\n height: 24px;\n}\n.left-icon[data-v-54847d80] {\n left: 0.5rem;\n}\n.right-icon[data-v-54847d80] {\n right: 0.5rem;\n}\n.right-icon svg[data-v-54847d80] {\n fill: #777C7F;\n}\n[uppercase][data-v-54847d80] {\n text-transform: uppercase;\n}\n.label-required[data-v-54847d80] {\n color: #E1483E;\n}\n.label-wrapper[data-v-54847d80] {\n position: relative;\n margin-bottom: 0.25rem;\n}\n.auxillary-slot[data-v-54847d80] {\n font-size: 0.75rem;\n line-height: 1rem;\n position: absolute;\n right: 0;\n bottom: 0;\n}\n.text-input-wrap[data-v-54847d80] {\n padding-bottom: 1.5rem;\n}\n.text-input-label[data-v-54847d80] {\n font-family: \"OpenSans\", arial, sans-serif;\n font-size: 0.875rem;\n font-weight: bold;\n text-transform: uppercase;\n}\n.input-element[data-v-54847d80]::-webkit-outer-spin-button,\n.input-element[data-v-54847d80]::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.error-state[data-v-54847d80] {\n border-color: #E1483E;\n color: #E1483E;\n}\n.error .error-text[data-v-54847d80] {\n margin-top: 4px;\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: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.error .error-message[data-v-54847d80] {\n margin: 0px;\n color: #E1483E;\n font-size: 0.875rem;\n letter-spacing: 0.00625rem;\n line-height: 1.25rem;\n font-weight: 400;\n font-family: \"OpenSans\", arial, sans-serif;\n}\n.error .label[data-v-54847d80] {\n color: #E1483E;\n}\n.error-icon[data-v-54847d80] {\n line-height: 0px;\n}\n.error-icon > *[data-v-54847d80] {\n fill: #E1483E;\n margin-right: 12px;\n}\n.inputTextInputTextarea[data-v-54847d80] {\n overflow: auto;\n -webkit-transition: all 250ms ease-in-out;\n transition: all 250ms ease-in-out;\n padding-top: 6px;\n padding-bottom: 1px;\n min-height: 2.5rem;\n padding-left: 0.75rem;\n padding-right: 2.5rem;\n}\n.false-text-area[data-v-54847d80] {\n min-height: 2.5rem;\n padding-left: 0.75rem;\n padding-right: 2.5rem;\n visibility: hidden;\n font-size: 1rem;\n margin: 0px;\n position: absolute;\n top: 0;\n background: lightblue;\n display: block;\n white-space: pre-line;\n word-wrap: break-word;\n width: calc(100% - 3.25rem);\n}\n.clear[data-v-54847d80] {\n padding: 10px 0px 0px 0px;\n display: inline-block;\n}\n.ltr[data-v-54847d80], .rtl[data-v-54847d80] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.ltr .label-wrapper[data-v-54847d80], .rtl .label-wrapper[data-v-54847d80] {\n padding: 8px 0px 0px 0px;\n}\n.rtl[data-v-54847d80] {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$40 = "data-v-54847d80";
/* module identifier */
var __vue_module_identifier__$40 = undefined;
/* functional template */
var __vue_is_functional_template__$40 = false;
/* style inject SSR */
var FishTankTextInputV2 = __vue_normalize__({
render: __vue_render__$38,
staticRenderFns: __vue_staticRenderFns__$38
}, __vue_inject_styles__$40, __vue_script__$40, __vue_scope_id__$40, __vue_is_functional_template__$40, __vue_module_identifier__$40, __vue_create_injector__, undefined);
var script$41 = Vue.extend({
components: {
CloseIcon: CloseSml24,
WarningIcon: Warning24,
ftext: FishTankText
},
mixins: [a11y, textInputMixin, orientation],
inheritAttrs: false,
props: {
maxheight: {
type: Number,
default: null,
required: false,
description: "Textarea type input max-height"
},
/**
* Textarea Input can be resized
*/
resize: {
type: Boolean,
default: false,
required: false
}
},
data: function data() {
return {
textAreaModel: "",
textAreafalseHeight: 44,
scrollOn: false,
trackFalseHeight: 0
};
},
computed: {
listeners: function listeners() {
var _this = this;
return Object.assign({}, this.$listeners, {
input: function input($event) {
_this.updateValue($event.target.value);
}
});
}
},
methods: {
updateValue: function updateValue(value) {
this.$emit("input", value);
},
checkError: function checkError() {
if (this.$props.error === undefined || this.$props.error === null || this.$props.error.length === 0) {
return;
} else if (this.$props.error.fullMessage != undefined || this.$props.error.fullMessage != null) {
return;
} else {
this.reset();
}
},
reset: function reset() {
this.$emit("reset", null);
},
clearText: function clearText() {
this.updateValue(undefined);
this.focusElement(this.$refs.input);
},
focusElement: function focusElement(element) {
element.focus();
},
getFalseHeight: function getFalseHeight(e) {
var _this2 = this;
setTimeout(function () {
_this2.$nextTick(function () {
if (_this2.$props.maxheight && _this2.$props.maxheight < _this2.$refs.falseTextarea.clientHeight) {
_this2.textAreafalseHeight = _this2.$props.maxheight;
if (!_this2.scrollOn) _this2.scrollOn = true;
return;
}
if (_this2.$refs.falseTextarea !== undefined) {
if (_this2.scrollOn) _this2.scrollOn = false;
_this2.textAreafalseHeight = _this2.$refs.falseTextarea.clientHeight;
}
_this2.$refs.input.focus();
});
}, 100);
}
}
});
/* script */
var __vue_script__$41 = script$41;
/* template */
var __vue_render__$39 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
class: ["text-area", {
error: !!_vm.errorMessage
}, _vm.orientation]
}, [_vm.label ? _c("div", {
staticClass: "label-wrapper"
}, [_c("label", {
staticClass: "label",
attrs: {
for: "textarea-" + _vm.identifier + "-id"
}
}, [_c("ftext", {
attrs: {
bold: "",
primary: "",
uppercase: "",
size: "baseMd"
}
}, [_vm._v("\n " + _vm._s(_vm.label) + "\n "), _vm.required ? _c("span", {
staticClass: "label-required"
}, [_vm._v("\n *\n ")]) : _vm._e()])], 1), _vm._v(" "), _c("span", {
staticClass: "auxillary-slot"
}, [_vm._t("auxillary")], 2)]) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "input-wrapper"
}, [_vm.$slots.leftIcon ? _c("span", {
staticClass: "left-icon"
}, [_vm._t("leftIcon")], 2) : _vm._e(), _vm._v(" "), _c("textarea", _vm._g(_vm._b({
ref: "input",
class: ["input-element", "inputTextInputTextarea", {
"error-state": _vm.errorMessage
}],
style: {
height: _vm.textAreafalseHeight + "px",
resize: _vm.resize === false ? "none" : null,
overflowY: _vm.scrollOn ? "scroll" : "hidden"
},
attrs: {
id: "textarea-" + _vm.identifier + "-id"
},
domProps: {
value: _vm.value
},
on: {
keypress: _vm.getFalseHeight,
keydown: function keydown($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "delete", [8, 46], $event.key, ["Backspace", "Delete", "Del"])) {
return null;
}
return _vm.getFalseHeight($event);
},
keyup: [function ($event) {
if (!$event.type.indexOf("key") && $event.keyCode !== 90 && $event.keyCode !== 91) {
return null;
}
return _vm.getFalseHeight($event);
}, function ($event) {
if (!$event.type.indexOf("key") && $event.keyCode !== 86 && $event.keyCode !== 91) {
return null;
}
return _vm.getFalseHeight($event);
}, function ($event) {
if (!$event.type.indexOf("key") && $event.keyCode !== 88 && $event.keyCode !== 91) {
return null;
}
return _vm.getFalseHeight($event);
}, function ($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
return null;
}
return _vm.getFalseHeight($event);
}, function ($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "delete", [8, 46], $event.key, ["Backspace", "Delete", "Del"])) {
return null;
}
return _vm.getFalseHeight($event);
}],
paste: _vm.getFalseHeight,
cut: _vm.getFalseHeight
}
}, "textarea", _vm.$attrs, false), _vm.listeners)), _vm._v(" "), _c("p", {
ref: "falseTextarea",
staticClass: "false-text-area"
}, [_vm._v("\n " + _vm._s(_vm.value) + "\n ")]), _vm._v(" "), _vm.showRightIcon ? _c("span", {
staticClass: "right-icon"
}, [_vm._t("rightIcon", [_c("span", {
staticClass: "clear",
on: {
click: _vm.clearText
}
}, [_c("CloseIcon")], 1)])], 2) : _vm._e(), _vm._v(" "), _vm._t("below")], 2), _vm._v(" "), _vm.errorMessage ? _c("div", {
class: {
"error-text": _vm.errorMessage
},
attrs: {
id: "error-block"
}
}, [_c("span", {
staticClass: "error-icon"
}, [_c("WarningIcon")], 1), _vm._v(" "), _c("p", {
staticClass: "error-message"
}, [_vm._v(" " + _vm._s(_vm.errorMessage) + " ")])]) : _vm._e()]);
};
var __vue_staticRenderFns__$39 = [];
__vue_render__$39._withStripped = true;
/* style */
var __vue_inject_styles__$41 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-63119ce4_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: undefined,
media: undefined
}), inject("data-v-63119ce4_1", {
source: ".input-element[data-v-63119ce4] {\n width: 100%;\n height: 2.5rem;\n padding-left: 0.75rem;\n padding-right: 2.5rem;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n font-family: \"OpenSans\", arial, sans-serif;\n font-weight: 400;\n line-height: 1.5rem;\n letter-spacing: 0rem;\n border: #C5CACD 1px solid;\n color: #292E31;\n border-radius: 2px;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n.input-element[data-v-63119ce4]:focus {\n outline: #0D9DDB 2px solid;\n}\n.input-element[data-v-63119ce4]:disabled {\n background-color: #EDF2F5;\n color: #C5CACD;\n}\n.input-element[data-v-63119ce4]::-webkit-input-placeholder {\n /* Chrome/Opera/Safari */\n color: #C5CACD;\n font-style: italic;\n}\n.input-element[data-v-63119ce4]::-moz-placeholder {\n /* Firefox 19+ */\n color: #C5CACD;\n font-style: italic;\n}\n.input-element[data-v-63119ce4]:-ms-input-placeholder {\n /* IE 10+ */\n color: #C5CACD;\n font-style: italic;\n}\n.input-element[data-v-63119ce4]:-moz-placeholder {\n /* Firefox 18- */\n color: #C5CACD;\n font-style: italic;\n}\n[uppercase][data-v-63119ce4] {\n text-transform: uppercase;\n}\n.left-icon ~ .input-element[data-v-63119ce4] {\n padding-left: 2.75rem;\n}\n.input-wrapper[data-v-63119ce4] {\n position: relative;\n}\n.left-icon[data-v-63119ce4],\n.right-icon[data-v-63119ce4] {\n position: absolute;\n top: 0.5rem;\n}\n.left-icon svg[data-v-63119ce4],\n .right-icon svg[data-v-63119ce4] {\n width: 24px;\n height: 24px;\n}\n.left-icon[data-v-63119ce4] {\n left: 0.5rem;\n}\n.right-icon[data-v-63119ce4] {\n right: 0.5rem;\n}\n.right-icon svg[data-v-63119ce4] {\n fill: #777C7F;\n}\n.label-required[data-v-63119ce4] {\n color: #E1483E;\n}\n.label-wrapper[data-v-63119ce4] {\n position: relative;\n margin-bottom: 0.25rem;\n}\n.auxillary-slot[data-v-63119ce4] {\n font-size: 0.75rem;\n line-height: 1rem;\n position: absolute;\n right: 0;\n bottom: 0;\n}\n.text-area[data-v-63119ce4] {\n padding-bottom: 1.5rem;\n}\n.input-element[data-v-63119ce4]::-webkit-outer-spin-button,\n.input-element[data-v-63119ce4]::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.error-state[data-v-63119ce4] {\n border-color: #E1483E;\n color: #E1483E;\n}\n.error .error-text[data-v-63119ce4] {\n margin-top: 4px;\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: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.error .error-message[data-v-63119ce4] {\n margin: 0px;\n color: #E1483E;\n font-size: 0.875rem;\n letter-spacing: 0.00625rem;\n line-height: 1.25rem;\n font-weight: 400;\n font-family: \"OpenSans\", arial, sans-serif;\n}\n.error .label[data-v-63119ce4] {\n color: #E1483E;\n}\n.error-icon[data-v-63119ce4] {\n line-height: 0px;\n}\n.error-icon > *[data-v-63119ce4] {\n fill: #E1483E;\n margin-right: 12px;\n}\n.inputTextInputTextarea[data-v-63119ce4] {\n overflow: auto;\n -webkit-transition: height 250ms ease-in-out;\n transition: height 250ms ease-in-out;\n padding-top: 6px;\n padding-bottom: 1px;\n min-height: 2.5rem;\n padding-left: 0.75rem;\n padding-right: 2.5rem;\n}\n.false-text-area[data-v-63119ce4] {\n min-height: 2.5rem;\n padding-left: 0.75rem;\n padding-right: 2.5rem;\n visibility: hidden;\n font-size: 1rem;\n margin: 0px;\n position: absolute;\n top: 0;\n background: lightblue;\n display: block;\n white-space: pre-line;\n word-wrap: break-word;\n width: calc(100% - 3.25rem);\n}\n.ltr[data-v-63119ce4], .rtl[data-v-63119ce4] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.ltr .label-wrapper[data-v-63119ce4], .rtl .label-wrapper[data-v-63119ce4] {\n padding: 8px 0px 0px 0px;\n}\n.rtl[data-v-63119ce4] {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$41 = "data-v-63119ce4";
/* module identifier */
var __vue_module_identifier__$41 = undefined;
/* functional template */
var __vue_is_functional_template__$41 = false;
/* style inject SSR */
var FishTankTextArea = __vue_normalize__({
render: __vue_render__$39,
staticRenderFns: __vue_staticRenderFns__$39
}, __vue_inject_styles__$41, __vue_script__$41, __vue_scope_id__$41, __vue_is_functional_template__$41, __vue_module_identifier__$41, __vue_create_injector__, undefined);
//Alignment meeds to be built
var fontSizes$1 = ['headingLg', 'headingMd', 'headingSm', 'baseLg', 'baseMd', 'baseSm'];
var align$1 = ['left', 'center'];
var script$42 = Vue.extend({
name: "FishTankHeading",
props: {
level: {
type: String,
default: '1',
validator: function validator(value) {
return 0 < (parseInt(value) && 7 > parseInt(value));
},
description: "Heading Semantic Level"
},
align: {
type: String,
default: 'left',
validator: function validator(value) {
return align$1.indexOf(value) !== -1;
},
description: "Text alignment"
},
color: {
type: String,
validator: function validator(value) {
return propToFishtankColorName(value) in ftColorsObj$1;
},
default: 'black',
description: "Text color"
},
bold: {
type: Boolean,
required: false,
default: false
},
semiBold: {
type: Boolean,
required: false,
default: false
},
size: {
type: String,
default: 'baseLg',
validator: function validator(value) {
return fontSizes$1.indexOf(value) !== -1;
},
description: "Heading text size"
},
truncate: {
type: Boolean,
default: false,
description: "Text, within a container of fixed size, overflows with ellipsis"
},
font: {
default: 'primary',
type: String,
validator: function validator(value) {
return ['primary', 'accent'].indexOf(value) !== -1;
},
description: "Heading font type"
}
},
computed: {
styles: function styles() {
var style = this.$style;
return style;
},
propMapping: function propMapping() {
var style = this.styles;
return {
color: this.colorMappingFunc,
inline: toggle(style.inline),
semiBold: toggle(style.fontWeightSemiBold),
bold: toggle(style.fontWeightBold),
size: this.fontMappingFunc,
font: mapping(style)
};
},
textProps: function textProps() {
var concatenatedClasses = concat([mapping(this.styles)('antialiased'), identity()]);
for (var prop in this.$props) {
if (prop in this.propMapping) {
var mappingFunction = _.get(this.propMapping, prop);
concatenatedClasses = concat([concatenatedClasses, mappingFunction(this.$props[prop])]);
}
}
var textProps = toProps(concatenatedClasses);
return {
class: textProps.className,
style: textProps.style
};
}
},
methods: {
fontMappingFunc: function fontMappingFunc(value) {
if (!value) return identity();
var style = this.styles;
var allFontNameToClass = mapping(style);
var mapFontNameToClass = function mapFontNameToClass(textName) {
var _ref = [textName[0], textName.substring(1, textName.length)],
prefix = _ref[0],
rest = _ref[1];
var colorClassName = "fontSize".concat(prefix.toUpperCase()).concat(rest);
return colorClassName;
};
return allFontNameToClass(mapFontNameToClass(value));
},
colorMappingFunc: function colorMappingFunc(value) {
if (!value) return identity();
var style = this.styles;
var allColorMappings = mapping(style);
return allColorMappings(propToFishtankColorName(value));
}
},
render: function render(createElement) {
var textProps = this.textProps;
return createElement('h' + this.level, {
class: textProps.class,
style: textProps.style
}, this.$slots.default);
}
});
/* script */
var __vue_script__$42 = script$42;
/* template */
/* style */
var __vue_inject_styles__$42 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-6c78d162_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: undefined,
media: undefined
}), inject("data-v-6c78d162_1", {
source: ":root {\n --color-black: #292E31;\n --color-gray-dark: #505558;\n --color-gray: #777C7F;\n --color-gray-light: #9EA3A6;\n --color-gray-lighter: #C5CACD;\n --color-gray-lightest: #EDF2F5;\n --color-white: #FFFFFF;\n --color-link: #267ABD;\n --color-link-visited: #7F57B8;\n --color-link-dark-bg: #ACCCE5;\n --color-blaw-blue: #0D9DDB;\n --color-btax-blue: #2785D6;\n --color-theme-antitrust: #57534A;\n --color-theme-banking: #379851;\n --color-theme-bankruptcy: #C52700;\n --color-theme-benefits: #EA6A02;\n --color-theme-corporate: #8A5BB6;\n --color-theme-ediscovery: #F64A56;\n --color-theme-environment: #6DC470;\n --color-theme-health: #0D3B91;\n --color-theme-ip: #1E95C1;\n --color-theme-labor: #00C18C;\n --color-theme-securities: #45BDE9;\n --color-theme-telecom: #6A8C8A;\n}\n.ft-colorBlack-2fcS {\n color: var(--color-black);\n}\n.ft-colorGrayDark-2_WR {\n color: var(--color-gray-dark);\n}\n.ft-colorGray-vga6 {\n color: var(--color-gray);\n}\n.ft-colorGrayLight-3v1A {\n color: var(--color-gray-light);\n}\n.ft-colorGrayLighter-3Qq4 {\n color: var(--color-gray-lighter);\n}\n.ft-colorGrayLightest-3aXn {\n color: var(--color-gray-lightest);\n}\n.ft-colorWhite-1AeA {\n color: var(--color-white);\n}\n.ft-colorLink-1-cS {\n color: var(--color-link);\n}\n.ft-colorLinkVisited-3bEe {\n color: var(--color-link-visited);\n}\n.ft-colorLinkDarkBg-2uqV {\n color: var(--color-link-dark-bg);\n}\n.ft-colorBlawBlue-2AAs {\n color: var(--color-blaw-blue);\n}\n.ft-colorBtaxBlue-6vU5 {\n color: var(--color-btax-blue);\n}\n.ft-colorThemeAntitrust-17K0 {\n color: var(--color-theme-antitrust);\n}\n.ft-colorThemeBanking-FE_A {\n color: var(--color-theme-banking);\n}\n.ft-colorThemeBankruptcy-n_n7 {\n color: var(--color-theme-bankruptcy);\n}\n.ft-colorThemeBenefits-cKRh {\n color: var(--color-theme-benefits);\n}\n.ft-colorThemeCorporate-2TLe {\n color: var(--color-theme-corporate);\n}\n.ft-colorThemeEdiscovery-3UBS {\n color: var(--color-theme-ediscovery);\n}\n.ft-colorThemeEnvironment-6f4P {\n color: var(--color-theme-environment);\n}\n.ft-colorThemeHealth-2c1_ {\n color: var(--color-theme-health);\n}\n.ft-colorThemeIp-2qlv {\n color: var(--color-theme-ip);\n}\n.ft-colorThemeLabor-1IQG {\n color: var(--color-theme-labor);\n}\n.ft-colorThemeSecurities-3N5l {\n color: var(--color-theme-securities);\n}\n.ft-colorThemeTelecom-3myK {\n color: var(--color-theme-telecom);\n}\n.ft-colorBlackBg-1Djr {\n background: var(--color-black);\n}\n.ft-colorGrayDarkBg-1MCG {\n background: var(--color-gray-dark);\n}\n.ft-colorGrayBg-374E {\n background: var(--color-gray);\n}\n.ft-colorGrayLightBg-QzoM {\n background: var(--color-gray-light);\n}\n.ft-colorGrayLighterBg-G6jQ {\n background: var(--color-gray-lighter);\n}\n.ft-colorGrayLightestBg-3Zdw {\n background: var(--color-gray-lightest);\n}\n.ft-colorWhiteBg-U1yP {\n background: var(--color-white);\n}\n.ft-colorLinkBg-V5M- {\n background: var(--color-link);\n}\n.ft-colorLinkVisitedBg-2GZE {\n background: var(--color-link-visited);\n}\n.ft-colorLinkDarkBgBg-CdG5 {\n background: var(--color-link-dark-bg);\n}\n.ft-colorBlawBlueBg-2Rq4 {\n background: var(--color-blaw-blue);\n}\n.ft-colorBtaxBlueBg-3DHS {\n background: var(--color-btax-blue);\n}\n.ft-colorThemeAntitrustBg-5RYq {\n background: var(--color-theme-antitrust);\n}\n.ft-colorThemeBankingBg-16bC {\n background: var(--color-theme-banking);\n}\n.ft-colorThemeBankruptcyBg-WYKl {\n background: var(--color-theme-bankruptcy);\n}\n.ft-colorThemeBenefitsBg-QTAS {\n background: var(--color-theme-benefits);\n}\n.ft-colorThemeCorporateBg-2qpv {\n background: var(--color-theme-corporate);\n}\n.ft-colorThemeEdiscoveryBg-3dnA {\n background: var(--color-theme-ediscovery);\n}\n.ft-colorThemeEnvironmentBg-1ulo {\n background: var(--color-theme-environment);\n}\n.ft-colorThemeHealthBg-1Gev {\n background: var(--color-theme-health);\n}\n.ft-colorThemeIpBg-EBGd {\n background: var(--color-theme-ip);\n}\n.ft-colorThemeLaborBg-2u_w {\n background: var(--color-theme-labor);\n}\n.ft-colorThemeSecuritiesBg-LG3p {\n background: var(--color-theme-securities);\n}\n.ft-colorThemeTelecomBg-3DhH {\n background: var(--color-theme-telecom);\n}\n:root {\n --root-fontsize: 16px;\n --font-primary: \"OpenSans\",arial,sans-serif;\n --font-accent: \"AvenirNextMForBBG\",\"Avenir\",\"Helvetica Neue\",helvetica,arial,sans-serif;\n --fontsize-heading-lg: 3.375rem;\n --fontsize-heading-md: 2.25rem;\n --fontsize-heading-sm: 1.5rem;\n --fontsize-base-lg: 1rem;\n --fontsize-base-md: .875rem;\n --fontsize-base-sm: .75rem;\n --fontsize-small: .625rem;\n --lineheight-heading-lg: 4rem;\n --lineheight-heading-md: 2.75rem;\n --lineheight-heading-sm: 1.75rem;\n --lineheight-base-lg: 1.5rem;\n --lineheight-base-md: 1.25rem;\n --lineheight-base-sm: 1rem;\n --lineheight-small: .75rem;\n --lineheight-100: 1.0;\n --fontweight-regular: 400;\n --fontweight-semi: 600;\n --fontweight-bold: 700;\n --letterspacing-heading-lg: -0.04rem;\n --letterspacing-heading-md: -0.04rem;\n --letterspacing-heading-sm: 0rem;\n --letterspacing-base-lg: 0rem;\n --letterspacing-base-md: 0.00625rem;\n --letterspacing-base-sm: 0.01875rem;\n --letterspacing-small: 0.01875rem;\n --cdn-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}\n.ft-fontSizeHeadingLg-yWAx {\n font-size: var(--fontsize-heading-lg);\n line-height: var(--lineheight-heading-lg);\n letter-spacing: var(--letterspacing-heading-lg);\n}\n.ft-fontSizeHeadingMd-3IfX {\n font-size: var(--fontsize-heading-md);\n line-height: var(--lineheight-heading-md);\n letter-spacing: var(--letterspacing-heading-md);\n}\n.ft-fontSizeHeadingSm-3yZA {\n font-size: var(--fontsize-heading-sm);\n line-height: var(--lineheight-heading-sm);\n letter-spacing: var(--letterspacing-heading-sm);\n}\n.ft-fontSizeBaseLg-3U2z {\n font-size: var(--fontsize-base-lg);\n line-height: var(--lineheight-base-lg);\n letter-spacing: var(--letterspacing-base-lg);\n}\n.ft-fontSizeBaseMd-1CAv {\n font-size: var(--fontsize-base-md);\n line-height: var(--lineheight-base-md);\n letter-spacing: var(--letterspacing-base-md);\n}\n.ft-fontSizeBaseSm-2Ix0 {\n font-size: var(--fontsize-base-sm);\n line-height: var(--lineheight-base-sm);\n letter-spacing: var(--letterspacing-base-sm);\n}\n:root {\n --root-fontsize: 16px;\n --font-primary: \"OpenSans\",arial,sans-serif;\n --font-accent: \"AvenirNextMForBBG\",\"Avenir\",\"Helvetica Neue\",helvetica,arial,sans-serif;\n --fontsize-heading-lg: 3.375rem;\n --fontsize-heading-md: 2.25rem;\n --fontsize-heading-sm: 1.5rem;\n --fontsize-base-lg: 1rem;\n --fontsize-base-md: .875rem;\n --fontsize-base-sm: .75rem;\n --fontsize-small: .625rem;\n --lineheight-heading-lg: 4rem;\n --lineheight-heading-md: 2.75rem;\n --lineheight-heading-sm: 1.75rem;\n --lineheight-base-lg: 1.5rem;\n --lineheight-base-md: 1.25rem;\n --lineheight-base-sm: 1rem;\n --lineheight-small: .75rem;\n --lineheight-100: 1.0;\n --fontweight-regular: 400;\n --fontweight-semi: 600;\n --fontweight-bold: 700;\n --letterspacing-heading-lg: -0.04rem;\n --letterspacing-heading-md: -0.04rem;\n --letterspacing-heading-sm: 0rem;\n --letterspacing-base-lg: 0rem;\n --letterspacing-base-md: 0.00625rem;\n --letterspacing-base-sm: 0.01875rem;\n --letterspacing-small: 0.01875rem;\n --cdn-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}\n\n/* font family */\n.ft-antialiased-2GFW {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n}\n.ft-primary-rCjd {\n font-family: var(--font-primary);\n}\n.ft-accent-wBLW {\n font-family: var(--font-accent);\n}\n\n/* font weight */\n.ft-fontWeightNormal-1dJM {\n font-weight: normal;\n}\n.ft-fontWeightSemiBold-5TON {\n font-weight: 600;\n}\n.ft-fontWeightBold-3SAS {\n font-weight: 700;\n}\n\n/* emphasis */\n.ft-fontStyleRegular-1OvE {\n font-style: normal;\n}\n.ft-fontStyleItalic-2m2g {\n font-style: italic;\n}\n\n/* transforms */\n.ft-capitalize-aX8n {\n text-transform: capitalize;\n}\n\n/* decorations */\n.ft-underline-F_rN {\n text-decoration: underline;\n}\n.ft-lineThrough-38PY {\n text-decoration: line-through;\n}\n.ft-noUnderline-6rJw {\n text-decoration: none;\n}\n\n/* overflow */\n.ft-breakWord-31CI {\n -webkit-hyphens: auto;\n -ms-hyphens: auto;\n hyphens: auto;\n word-wrap: break-word;\n}\n.ft-truncate-31ny {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/* alignment */\n.ft-alignLeft-3wCJ {\n text-align: left;\n}\n.ft-alignCenter-26Xo {\n text-align: center;\n}\n",
map: undefined,
media: undefined
});
Object.defineProperty(this, "$style", {
value: {
"colorBlack": "ft-colorBlack-2fcS",
"colorGrayDark": "ft-colorGrayDark-2_WR",
"colorGray": "ft-colorGray-vga6",
"colorGrayLight": "ft-colorGrayLight-3v1A",
"colorGrayLighter": "ft-colorGrayLighter-3Qq4",
"colorGrayLightest": "ft-colorGrayLightest-3aXn",
"colorWhite": "ft-colorWhite-1AeA",
"colorLink": "ft-colorLink-1-cS",
"colorLinkVisited": "ft-colorLinkVisited-3bEe",
"colorLinkDarkBg": "ft-colorLinkDarkBg-2uqV",
"colorBlawBlue": "ft-colorBlawBlue-2AAs",
"colorBtaxBlue": "ft-colorBtaxBlue-6vU5",
"colorThemeAntitrust": "ft-colorThemeAntitrust-17K0",
"colorThemeBanking": "ft-colorThemeBanking-FE_A",
"colorThemeBankruptcy": "ft-colorThemeBankruptcy-n_n7",
"colorThemeBenefits": "ft-colorThemeBenefits-cKRh",
"colorThemeCorporate": "ft-colorThemeCorporate-2TLe",
"colorThemeEdiscovery": "ft-colorThemeEdiscovery-3UBS",
"colorThemeEnvironment": "ft-colorThemeEnvironment-6f4P",
"colorThemeHealth": "ft-colorThemeHealth-2c1_",
"colorThemeIp": "ft-colorThemeIp-2qlv",
"colorThemeLabor": "ft-colorThemeLabor-1IQG",
"colorThemeSecurities": "ft-colorThemeSecurities-3N5l",
"colorThemeTelecom": "ft-colorThemeTelecom-3myK",
"colorBlackBg": "ft-colorBlackBg-1Djr",
"colorGrayDarkBg": "ft-colorGrayDarkBg-1MCG",
"colorGrayBg": "ft-colorGrayBg-374E",
"colorGrayLightBg": "ft-colorGrayLightBg-QzoM",
"colorGrayLighterBg": "ft-colorGrayLighterBg-G6jQ",
"colorGrayLightestBg": "ft-colorGrayLightestBg-3Zdw",
"colorWhiteBg": "ft-colorWhiteBg-U1yP",
"colorLinkBg": "ft-colorLinkBg-V5M-",
"colorLinkVisitedBg": "ft-colorLinkVisitedBg-2GZE",
"colorLinkDarkBgBg": "ft-colorLinkDarkBgBg-CdG5",
"colorBlawBlueBg": "ft-colorBlawBlueBg-2Rq4",
"colorBtaxBlueBg": "ft-colorBtaxBlueBg-3DHS",
"colorThemeAntitrustBg": "ft-colorThemeAntitrustBg-5RYq",
"colorThemeBankingBg": "ft-colorThemeBankingBg-16bC",
"colorThemeBankruptcyBg": "ft-colorThemeBankruptcyBg-WYKl",
"colorThemeBenefitsBg": "ft-colorThemeBenefitsBg-QTAS",
"colorThemeCorporateBg": "ft-colorThemeCorporateBg-2qpv",
"colorThemeEdiscoveryBg": "ft-colorThemeEdiscoveryBg-3dnA",
"colorThemeEnvironmentBg": "ft-colorThemeEnvironmentBg-1ulo",
"colorThemeHealthBg": "ft-colorThemeHealthBg-1Gev",
"colorThemeIpBg": "ft-colorThemeIpBg-EBGd",
"colorThemeLaborBg": "ft-colorThemeLaborBg-2u_w",
"colorThemeSecuritiesBg": "ft-colorThemeSecuritiesBg-LG3p",
"colorThemeTelecomBg": "ft-colorThemeTelecomBg-3DhH",
"fontSizeHeadingLg": "ft-fontSizeHeadingLg-yWAx",
"fontSizeHeadingMd": "ft-fontSizeHeadingMd-3IfX",
"fontSizeHeadingSm": "ft-fontSizeHeadingSm-3yZA",
"fontSizeBaseLg": "ft-fontSizeBaseLg-3U2z",
"fontSizeBaseMd": "ft-fontSizeBaseMd-1CAv",
"fontSizeBaseSm": "ft-fontSizeBaseSm-2Ix0",
"antialiased": "ft-antialiased-2GFW",
"primary": "ft-primary-rCjd",
"accent": "ft-accent-wBLW",
"fontWeightNormal": "ft-fontWeightNormal-1dJM",
"fontWeightSemiBold": "ft-fontWeightSemiBold-5TON",
"fontWeightBold": "ft-fontWeightBold-3SAS",
"fontStyleRegular": "ft-fontStyleRegular-1OvE",
"fontStyleItalic": "ft-fontStyleItalic-2m2g",
"capitalize": "ft-capitalize-aX8n",
"underline": "ft-underline-F_rN",
"lineThrough": "ft-lineThrough-38PY",
"noUnderline": "ft-noUnderline-6rJw",
"breakWord": "ft-breakWord-31CI",
"truncate": "ft-truncate-31ny",
"alignLeft": "ft-alignLeft-3wCJ",
"alignCenter": "ft-alignCenter-26Xo"
}
});
};
/* scoped */
var __vue_scope_id__$42 = undefined;
/* module identifier */
var __vue_module_identifier__$42 = undefined;
/* functional template */
var __vue_is_functional_template__$42 = undefined;
/* style inject SSR */
var FishTankHeading = __vue_normalize__({}, __vue_inject_styles__$42, __vue_script__$42, __vue_scope_id__$42, __vue_is_functional_template__$42, __vue_module_identifier__$42, __vue_create_injector__, undefined);
var script$43 = Vue.extend({
components: {
ChevronUp24: ChevronUp24,
ChevronSmlUp24: ChevronSmlUp24
},
data: function data() {
return {
visible: false,
tabFocus: false
};
},
props: {
heading: {
type: String,
required: false,
description: "Main heading text for large accordian."
},
subheading: {
type: String,
required: false,
description: "Sub-heading text for large accordian."
},
disabled: {
type: Boolean,
required: false,
default: false,
description: "Specify if accordian should be disabled."
},
small: {
type: Boolean,
required: false,
default: false,
description: "Specify is accordian style should be small"
},
id: {
type: String,
default: null,
required: false
},
fishtankAccordionGroupShared: {
type: Object,
required: false
},
/**
* Remove margin and make header flush to the container
*/
flush: {
default: false,
type: Boolean,
required: false
}
},
inject: {
fishtankAccordionGroupShared: {
default: {
register: function register() {},
unregister: function unregister() {},
closeSiblings: function closeSiblings() {}
}
}
},
mounted: function mounted() {
this.fishtankAccordionGroupShared.register(this);
},
destroyed: function destroyed() {
this.fishtankAccordionGroupShared.unregister(this);
},
methods: {
toggle: function toggle() {
if (!this.disabled) {
if (this.visible) {
this.visible = false;
} else {
this.fishtankAccordionGroupShared.closeSiblings(this);
this.visible = true;
}
}
},
removeAccessibilityFocus: function removeAccessibilityFocus() {
if (!this.tabFocus) {
if (this.tabFocus) {
this.tabFocus = false;
} else {
this.tabFocus = true;
}
}
},
addAccessibilityFocus: function addAccessibilityFocus() {
this.tabFocus = false;
}
},
computed: {
labelId: function labelId() {
return "accordion-".concat(this._uid);
},
getAccordionSizeClass: function getAccordionSizeClass() {
return;
}
}
});
var __vue_script__$43 = script$43;
/* template */
var __vue_render__$40 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
class: [_vm.disabled ? _vm.$style.accordionDisabled : _vm.$style.accordionContainer, !_vm.flush ? _vm.$style.accordionMargin : null],
attrs: {
id: _vm.id !== null ? _vm.id : _vm.labelId,
role: "accordion"
}
}, [_c("div", {
ref: "accordion",
class: [_vm.$style.accordionWrapper, _vm.small ? _vm.$style.accordionWrapperSm : _vm.$style.accordionWrapperLg, _vm.tabFocus ? _vm.$style.accordionClick : _vm.$style.accordionTab, "a11y"],
attrs: {
tabindex: "0"
},
on: {
keypress: function keypress($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
return null;
}
_vm.toggle();
_vm.addAccessibilityFocus();
},
keydown: [function ($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
return null;
}
_vm.toggle();
_vm.addAccessibilityFocus();
}, function ($event) {
if (!$event.type.indexOf("key") && $event.keyCode !== 13) {
return null;
}
_vm.toggle();
_vm.addAccessibilityFocus();
}],
keyup: [function ($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
return null;
}
_vm.toggle();
_vm.addAccessibilityFocus();
}, function ($event) {
if (!$event.type.indexOf("key") && $event.keyCode !== 13) {
return null;
}
_vm.toggle();
_vm.addAccessibilityFocus();
}],
click: function click($event) {
_vm.toggle();
_vm.removeAccessibilityFocus();
}
}
}, [_c("div", {
class: [_vm.$style.accordionHeadingWrapper]
}, [_c("p", {
class: [_vm.small ? _vm.$style.accordionHeadingSmall : _vm.$style.accordionHeading],
attrs: {
role: "heading",
"aria-level": "3"
}
}, [_vm._v(" \n " + _vm._s(_vm.heading) + " \n ")]), _vm._v(" "), _vm.subheading ? _c("p", {
class: [_vm.$style.accordionSubHeading],
attrs: {
role: "heading",
"aria-level": "4"
}
}, [_vm._v(_vm._s(_vm.subheading) + " ")]) : _vm._e()]), _vm._v(" "), _c("ChevronUp24", {
class: [_vm.visible ? _vm.$style.accordionSvgDown : _vm.$style.accordionSvgUp],
attrs: {
"aria-label": "collapse / expand content"
}
})], 1), _vm._v(" "), _c("div", {
directives: [{
name: "show",
rawName: "v-show",
value: _vm.visible,
expression: "visible"
}],
class: [_vm.$style.accordionPanel, _vm.tabFocus ? _vm.$style.accordionClick : _vm.$style.accordionTab, "a11y"],
attrs: {
tabindex: _vm.visible ? "0" : null
},
on: {
keypress: function keypress($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
return null;
}
return _vm.addAccessibilityFocus();
},
keydown: [function ($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
return null;
}
return _vm.addAccessibilityFocus();
}, function ($event) {
if (!$event.type.indexOf("key") && $event.keyCode !== 13) {
return null;
}
return _vm.addAccessibilityFocus();
}],
keyup: [function ($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
return null;
}
return _vm.addAccessibilityFocus();
}, function ($event) {
if (!$event.type.indexOf("key") && $event.keyCode !== 13) {
return null;
}
return _vm.addAccessibilityFocus();
}],
click: function click($event) {
return _vm.removeAccessibilityFocus();
}
}
}, [_vm._t("default")], 2)]);
};
var __vue_staticRenderFns__$40 = [];
__vue_render__$40._withStripped = true;
/* style */
var __vue_inject_styles__$43 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-7c192375_0", {
source: ".ft-accordionClick-Jd23:focus {\n outline: transparent;\n}\n.ft-accordionTab-3pQk:focus {\n outline: transparent;\n}\n.ft-accordionContainer-90a6 {\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}\n.ft-accordionMargin-2VJi {\n margin: 12px;\n}\n.ft-accordionWrapper-2AUg {\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: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n border-bottom: 1px solid var(--color-gray-lighter, #C5CACD);\n outline: transparent;\n}\n.ft-accordionWrapperLg-3jBC {\n padding: 12px;\n}\n.ft-accordionWrapperSm-2LcN {\n padding: 6px;\n}\n.ft-accordionWrapperLg-3jBC:hover .ft-accordionSubHeading-37DK {\n color: var(--color-black, #292E31);\n}\n.ft-accordionContainer-90a6 .ft-accordionWrapperLg-3jBC:hover svg {\n color: var(--color-black, #292E31);\n}\n.ft-accordionContainer-90a6 .ft-accordionWrapperSm-2LcN:hover .ft-accordionHeadingWrapper-1FWn .ft-accordionHeadingSmall-F748 {\n color: var(--color-black, #292E31);\n}\n.ft-accordionContainer-90a6 .ft-accordionWrapperSm-2LcN:hover svg {\n color: var(--color-black, #292E31);\n}\n.ft-accordionHeadingWrapper-1FWn {\n margin: 0px;\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: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\n.ft-accordionHeading-1E41 {\n margin: 0px;\n color: var(--color-gray-dark, #505558);\n font-size: var(--fontsize-base-lg, 1rem);\n font-weight: var(--fontweight-regular, 400);\n line-height: var(--lineheight-base-lg, 1.5rem);\n letter-spacing: var(--letterspacing-base-lg, 0rem);\n}\n.ft-accordionSubHeading-37DK {\n margin: 0px;\n color: var(--color-gray, #777C7F);\n font-size: var(--fontsize-base-sm, 0.75rem);\n font-weight: var(--fontweight-regular, 400);\n line-height: var(--lineheight-base-sm, 1rem);\n letter-spacing: var(--letterspacing-small, 0.01875rem);\n}\n.ft-accordionHeadingSmall-F748 {\n margin: 0px;\n color: var(--color-gray, #777C7F);\n font-size: var(--fontsize-base-md, 0.875rem);\n font-weight: var(--fontweight-semi, 600);\n line-height: var(--lineheight-base-md, 1.25rem);\n letter-spacing: var(--letterspacing-base-md, 0.00625rem);\n}\nsvg {\n color: var(--color-gray, #777C7F);\n}\n.ft-accordionPanel-bKmP {\n padding: 0px;\n}\n.ft-accordionDisabled-1QSI {\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}\n.ft-accordionDisabled-1QSI .ft-accordionHeading-1E41 {\n color: var(--color-gray-lighter, #C5CACD);\n}\n.ft-accordionDisabled-1QSI .ft-accordionHeadingSmall-F748 {\n color: var(--color-gray-lighter, #C5CACD);\n}\n.ft-accordionDisabled-1QSI .ft-accordionSubHeading-37DK, .ft-accordionDisabled-1QSI .ft-accordionWrapperLg-3jBC:hover .ft-accordionSubHeading-37DK {\n color: var(--color-gray-lighter, #C5CACD);\n}\n.ft-accordionDisabled-1QSI svg {\n color: var(--color-gray-lighter, #C5CACD);\n}\n.ft-accordionSvgUp-2Jf- {\n -webkit-transition: 0.3s ease-in-out;\n transition: 0.3s ease-in-out;\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n.ft-accordionSvgDown-1OHp {\n -webkit-transition: 0.3s ease-in-out;\n transition: 0.3s ease-in-out;\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n}\n",
map: undefined,
media: undefined
});
Object.defineProperty(this, "$style", {
value: {
"accordionClick": "ft-accordionClick-Jd23",
"accordionTab": "ft-accordionTab-3pQk",
"accordionContainer": "ft-accordionContainer-90a6",
"accordionMargin": "ft-accordionMargin-2VJi",
"accordionWrapper": "ft-accordionWrapper-2AUg",
"accordionWrapperLg": "ft-accordionWrapperLg-3jBC",
"accordionWrapperSm": "ft-accordionWrapperSm-2LcN",
"accordionSubHeading": "ft-accordionSubHeading-37DK",
"accordionHeadingWrapper": "ft-accordionHeadingWrapper-1FWn",
"accordionHeadingSmall": "ft-accordionHeadingSmall-F748",
"accordionHeading": "ft-accordionHeading-1E41",
"accordionPanel": "ft-accordionPanel-bKmP",
"accordionDisabled": "ft-accordionDisabled-1QSI",
"accordionSvgUp": "ft-accordionSvgUp-2Jf-",
"accordionSvgDown": "ft-accordionSvgDown-1OHp"
}
}), inject("data-v-7c192375_1", {
source: "body.user-is-tabbing .a11y:focus {\n -webkit-box-shadow: 0 0 0 2px var(--color-selected, #0D9DDB);\n box-shadow: 0 0 0 2px var(--color-selected, #0D9DDB);\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$43 = undefined;
/* module identifier */
var __vue_module_identifier__$43 = undefined;
/* functional template */
var __vue_is_functional_template__$43 = false;
/* style inject SSR */
var FishTankAccordion = __vue_normalize__({
render: __vue_render__$40,
staticRenderFns: __vue_staticRenderFns__$40
}, __vue_inject_styles__$43, __vue_script__$43, __vue_scope_id__$43, __vue_is_functional_template__$43, __vue_module_identifier__$43, __vue_create_injector__, undefined);
var script$44 = Vue.extend({
data: function data() {
return {
registeredChildren: []
};
},
props: {
id: {
type: String,
default: null,
required: false,
description: "Accordion group ID."
},
single: {
type: Boolean,
default: false,
required: true,
description: "Allows only one accordion to be open at a time."
}
},
provide: function provide() {
var fishtankAccordionGroupShared = {
register: this.register,
unregister: this.unregister,
closeSiblings: this.closeSiblings
};
return {
fishtankAccordionGroupShared: fishtankAccordionGroupShared
};
},
computed: {
labelId: function labelId() {
return "accordion-group-".concat(this._uid);
}
},
methods: {
register: function register(componentAsThis) {
this.registeredChildren.push(componentAsThis);
},
unregister: function unregister(componentAsThis) {
var index = this.registeredChildren.indexOf(componentAsThis);
if (index > -1) {
this.registeredChildren.splice(index, 1);
}
},
closeSiblings: function closeSiblings(componentAsThis) {
this.registeredChildren.map(function (i) {
i.visible = false;
});
}
}
});
/* script */
var __vue_script__$44 = script$44;
/* template */
var __vue_render__$41 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
attrs: {
id: _vm.id !== null ? _vm.id : _vm.labelId,
role: "accordion group"
}
}, [_vm._t("default")], 2);
};
var __vue_staticRenderFns__$41 = [];
__vue_render__$41._withStripped = true;
/* style */
var __vue_inject_styles__$44 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-01353832_0", {
source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$44 = "data-v-01353832";
/* module identifier */
var __vue_module_identifier__$44 = undefined;
/* functional template */
var __vue_is_functional_template__$44 = false;
/* style inject SSR */
var FishTankAccordionGroup = __vue_normalize__({
render: __vue_render__$41,
staticRenderFns: __vue_staticRenderFns__$41
}, __vue_inject_styles__$44, __vue_script__$44, __vue_scope_id__$44, __vue_is_functional_template__$44, __vue_module_identifier__$44, __vue_create_injector__, undefined);
/**
* Change event.
*
* @event change
* @type {string}
*/
/**
* Custom dropdown menu
*
* CSS Custom Properties style variables:
* --border-color
* --selector-height
* --selector-width
* --border-radius
* --hover-background-color
* --dropdown-background-color
* --dropdown-icon-color
* --text-color
* --font-size
*/
var FishTankSelect =
/*#__PURE__*/
function (_Vue) {
_inherits(FishTankSelect, _Vue);
/**
* Change event.
*
* @event change
* @type {string}
*/
/**
* Custom dropdown menu
*
* CSS Custom Properties style variables:
* --border-color
* --selector-height
* --selector-width
* --border-radius
* --hover-background-color
* --dropdown-background-color
* --dropdown-icon-color
* --text-color
* --font-size
*/
function FishTankSelect() {
var _this;
_classCallCheck(this, FishTankSelect);
_this = _possibleConstructorReturn(this, _getPrototypeOf(FishTankSelect).apply(this, arguments)); //data
_this.opened = false;
_this.focusedItem = -1;
_this.popObj = undefined;
_this.inputEl = {
type: HTMLElement
};
return _this;
}
_createClass(FishTankSelect, [{
key: "data",
value: function data() {
return {
opened: false,
focusedItem: -1,
popObj: undefined,
inputEl: {
type: HTMLElement
},
anchorId: Math.random().toString(36)
};
} //computed methods
}, {
key: "destroyed",
//lifecycle method
/**
* Calls the destroy method on the pop-up tool tip
*/
value: function destroyed() {
if (this.popObj !== undefined) this.destroyPop();
} //component methods
/**
* Closes the dropdown
*/
}, {
key: "closeDropdown",
value: function closeDropdown(items, index) {
if (items.length - 1 === index) {
this.opened = false;
}
}
}, {
key: "_handleKeydown",
value: function _handleKeydown(e) {
switch (e.key) {
case "ArrowUp":
e.preventDefault();
this.focusedItem = (this.focusedItem - 1 + this.items.length) % this.items.length;
break;
case "ArrowDown":
e.preventDefault();
this.focusedItem = (this.focusedItem + 1) % this.items.length;
break;
case "Enter":
if (this.focusedItem > -1) {
/**
* An event that signals enter being pressed.
*
* @event change
* @type {object}
*/
this.$emit("change", this.items[this.focusedItem].value);
}
break;
default:
}
}
/**
* Open the dropdown
*/
}, {
key: "openItems",
value: function openItems() {
if (this.opened === true) this.showPop();
}
/**
* Trigger the pop-up tooltip container of the dropdown
*/
}, {
key: "showPop",
value: function showPop() {
this.inputEl = this.$refs.anchor;
this.$nextTick(function () {
this.popObj = new Popper(this.inputEl, this.$refs.itemsWrap, {
placement: "bottom-start",
modifiers: {
computeStyle: {
gpuAcceleration: true
}
}
});
});
}
/**
* close pop
*/
}, {
key: "closePopup",
value: function closePopup() {
if (this.popObj) {
this.popObj.destroy();
this.popObj = null;
this.opened = false;
}
}
/**
* Destroys instance of select popup
*/
}, {
key: "destroyPop",
value: function destroyPop() {
this.$nextTick(function () {
if (this.popObj !== undefined) this.popObj.destroy();
});
}
}, {
key: "displayLabel",
get: function get() {
var _this2 = this;
return this.value ? this.items.find(function (x) {
return x.value === _this2.value;
}).label : this.placeholder;
}
}, {
key: "dropdownStyle",
get: function get() {
var width = null;
var wrapper = this.$refs.anchor;
if (this.$props.width) {
width = "".concat(this.$props.width, "px");
} else if (wrapper) {
width = "".concat(wrapper.clientWidth, "px");
} else {
width = "200px";
}
return {
width: width
};
}
}]);
return FishTankSelect;
}(Vue$1);
__decorate([Prop({
default: function _default() {
return [];
}
})], FishTankSelect.prototype, "items", void 0);
__decorate([Prop({})], FishTankSelect.prototype, "id", void 0);
__decorate([Prop({})], FishTankSelect.prototype, "label", void 0);
__decorate([Prop({})], FishTankSelect.prototype, "name", void 0);
__decorate([Prop({
default: "ttb"
})], FishTankSelect.prototype, "orientation", void 0);
__decorate([Prop({})], FishTankSelect.prototype, "placeholder", void 0);
__decorate([Prop({})], FishTankSelect.prototype, "value", void 0);
__decorate([Prop({})], FishTankSelect.prototype, "small", void 0);
__decorate([Prop()], FishTankSelect.prototype, "width", void 0);
FishTankSelect = __decorate([Component({
components: {
ftext: FishTankText,
box: box,
caretdown: CaretDown24
},
mixins: [a11y, mixin],
model: {
event: "change",
prop: "value"
}
})], FishTankSelect);
var script$45 = FishTankSelect;
var __vue_script__$45 = script$45;
/* template */
var __vue_render__$42 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
staticClass: "select",
attrs: {
name: _vm.name,
orientation: _vm.orientation
},
on: {
keydown: function keydown(e) {
return _vm._handleKeydown(e, _vm.items);
}
}
}, [_vm.label ? _vm._t("default", [_c("span", {
attrs: {
id: _vm.anchorId + "-label",
name: "label"
}
}, [_vm._v(_vm._s(_vm.label))])]) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "position-wrap"
}, [_c("button", {
directives: [{
name: "on-clickaway",
rawName: "v-on-clickaway",
value: _vm.closePopup,
expression: "closePopup"
}],
ref: "anchor",
class: ["selected", "a11y", _vm.small ? "small" : null],
attrs: {
id: _vm.anchorId,
placeholder: !_vm.value,
"aria-expanded": _vm.opened,
"aria-labelledby": _vm.anchorId + "-label " + _vm.anchorId + "-button",
"aria-activedescendant": _vm.anchorId + "-option-" + _vm.focusedItem,
"aria-haspopup": "listbox"
},
on: {
keydown: [function ($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "tab", 9, $event.key, "Tab")) {
return null;
}
_vm.opened ? _vm.opened = false : null;
}, function ($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"])) {
return null;
}
_vm.opened ? _vm.opened = false : null;
}],
click: function click($event) {
_vm.opened = !_vm.opened;
_vm.openItems();
}
}
}, [_c("box", {
attrs: {
display: "flex",
"justify-content": "between"
}
}, [_c("ftext", {
class: _vm.small ? "small-text" : null,
attrs: {
size: _vm.small ? "baseSm" : "baseMd",
color: "grayDark"
}
}, [_vm._v(_vm._s(_vm.displayLabel))]), _vm._v(" "), !_vm.opened ? _c("caretdown", {
staticClass: "caret"
}) : _vm._e(), _vm._v(" "), _vm.opened ? _c("caretdown", {
staticClass: "caret"
}) : _vm._e()], 1)], 1), _vm._v(" "), _c("div", {
ref: "itemsWrap",
staticClass: "items-wrap"
}, [_vm.opened ? _c("div", {
class: ["items", {
"a11y-within": _vm.focusedItem > -1
}],
style: _vm.dropdownStyle,
attrs: {
id: _vm.anchorId + "-listbox",
"aria-labelledby": _vm.anchorId + "-label",
tabindex: "-1",
role: "listbox"
}
}, _vm._l(_vm.items, function (item, index) {
return _c("ftext", {
key: index,
class: ["list-item", "list-item-text", {
focused: _vm.focusedItem === index
}],
attrs: {
id: _vm.anchorId + "-option-" + index,
"aria-selected": _vm.focusedItem === index,
size: _vm.small ? "baseSm" : "baseMd",
role: "option"
},
on: {
blur: function blur($event) {
_vm.closeDropdown(_vm.items, index);
_vm.destroyPop();
}
},
nativeOn: {
click: function click($event) {
_vm.$emit("change", item.value);
_vm.opened = false;
_vm.destroyPop();
}
}
}, [_vm._v("\n " + _vm._s(item.label) + "\n ")]);
}), 1) : _vm._e()])])], 2);
};
var __vue_staticRenderFns__$42 = [];
__vue_render__$42._withStripped = true;
/* style */
var __vue_inject_styles__$45 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-270901dc_0", {
source: "body.user-is-tabbing .a11y[data-v-270901dc]:focus,\nbody.user-is-tabbing .a11y-within[data-v-270901dc] {\n -webkit-box-shadow: 0 0 0 2px #0D9DDB;\n box-shadow: 0 0 0 2px #0D9DDB;\n}\n.select .selected[data-v-270901dc] {\n border-radius: 2px;\n border: 0;\n width: 100%;\n text-align: left;\n outline: 0;\n background-color: var(--select-background, #EDF2F5);\n border: 1px solid #c5cacd;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n.select .small[data-v-270901dc] {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n.select .small-text[data-v-270901dc] {\n padding-top: 0.25rem;\n}\n.select .items-wrap[data-v-270901dc] {\n z-index: 10;\n}\n.select .items[data-v-270901dc] {\n border: 1px solid var(--border-color, #c5cacd);\n border-radius: 2px;\n -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);\n background-color: var(--dropdown-background-color, #ffffff);\n min-width: 100%;\n z-index: 100;\n outline: 0;\n margin-top: calc(var(--baseline));\n}\n.select .list-item[data-v-270901dc] {\n display: block;\n padding: 0.25rem;\n color: #505558;\n}\n.select .list-item-text.focused[data-v-270901dc], .select .list-item[data-v-270901dc]:hover, .select .list-item[data-v-270901dc]:focus {\n background-color: var(--hover-background-color, #e7f5fb);\n outline: none;\n color: #292E31;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$45 = "data-v-270901dc";
/* module identifier */
var __vue_module_identifier__$45 = undefined;
/* functional template */
var __vue_is_functional_template__$45 = false;
/* style inject SSR */
var FishTankSelect$1 = __vue_normalize__({
render: __vue_render__$42,
staticRenderFns: __vue_staticRenderFns__$42
}, __vue_inject_styles__$45, __vue_script__$45, __vue_scope_id__$45, __vue_is_functional_template__$45, __vue_module_identifier__$45, __vue_create_injector__, undefined);
/** Event fired on request error
* @event error
* @type {Event}
*/
/** Triggered when request succeeds and pass server response
* @event success
* @type {Event}
*/
var script$46 = {
name: 'DataFetcher',
props: {
/**
* Enable request caching
*/
enableCache: Boolean,
/**
* Url to request data from, will make new request when changed
*/
url: {
type: String,
default: '/'
}
},
data: function data() {
return {
cache: {},
fetchedData: {
data: {}
},
lastRequest: '',
loading: false
};
},
watch: {
url: function url(newValue) {
this.lastRequest = newValue;
if (!this.loading && newValue) this._request(newValue);
}
},
created: function created() {
if (this.url) {
this.lastRequest = this.url;
this._request(this.url);
}
},
methods: {
/**
* Force refetch (clears cached value before fetching)
*/
refetch: function refetch() {
var _this = this;
return new Promise(function (resolve, reject) {
delete _this.cache[_this.url];
_this.lastRequest = _this.url;
_this._request(_this.url).then(resolve).catch(reject);
});
},
_request: function _request(url) {
var _this2 = this;
return new Promise(function (resolve, reject) {
_this2.loading = true;
if (_this2.cache[url]) {
_this2.fetchedData = _this2.cache[url];
_this2.loading = false;
resolve(_this2.fetchedData);
} else {
axios.get(url).then(function (res) {
_this2.fetchedData = res.data;
if (_this2.enableCache) _this2.cache[url] = res.data;
_this2.$emit('success', res);
resolve(res.data);
}).catch(function (res) {
_this2.$emit('error', res);
reject(res.data);
}).finally(function () {
_this2.loading = false;
if (_this2.lastRequest !== url) _this2._request(_this2.lastRequest);
});
}
});
}
},
render: function render() {
return this.$scopedSlots.default({
loading: this.loading,
fetchedData: this.fetchedData
});
}
};
/* script */
var __vue_script__$46 = script$46;
/* template */
/* style */
var __vue_inject_styles__$46 = undefined;
/* scoped */
var __vue_scope_id__$46 = undefined;
/* module identifier */
var __vue_module_identifier__$46 = undefined;
/* functional template */
var __vue_is_functional_template__$46 = undefined;
/* style inject */
/* style inject SSR */
var DataFetcher = __vue_normalize__({}, __vue_inject_styles__$46, __vue_script__$46, __vue_scope_id__$46, __vue_is_functional_template__$46, __vue_module_identifier__$46, undefined, undefined);
//
//
//
//
//
//
var script$47 = {
name: 'HighlightedText',
props: {
content: String,
term: String,
highlight: {
type: String,
required: false,
default: "color-highlight-1",
description: "highlight background color : color-highlight-1 (yellow), color-highlight-2 (blue), and color-highlight-3 (green)."
}
},
computed: {
_transformedContent: function _transformedContent() {
return this.content.replace(new RegExp("(".concat(this.term, ")"), 'ig'), "<mark class=\"highlight\">$1</mark>");
}
}
};
/* script */
var __vue_script__$47 = script$47;
/* template */
var __vue_render__$43 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("span", {
staticClass: "HighlightedText",
domProps: {
innerHTML: _vm._s(_vm._transformedContent)
}
});
};
var __vue_staticRenderFns__$43 = [];
__vue_render__$43._withStripped = true;
/* style */
var __vue_inject_styles__$47 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-53481404_0", {
source: ".HighlightedText[data-v-53481404] .highlight {\n background-color: #FFF8B0;\n}\n.HighlightedText2[data-v-53481404] .highlight {\n background-color: #E3F7FF;\n}\n.HighlightedText3[data-v-53481404] .highlight {\n background-color: #E0FFE0;\n}\n[data-v-53481404] .highlight {\n padding: 0px 4px;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$47 = "data-v-53481404";
/* module identifier */
var __vue_module_identifier__$47 = undefined;
/* functional template */
var __vue_is_functional_template__$47 = false;
/* style inject SSR */
var HighlightedText = __vue_normalize__({
render: __vue_render__$43,
staticRenderFns: __vue_staticRenderFns__$43
}, __vue_inject_styles__$47, __vue_script__$47, __vue_scope_id__$47, __vue_is_functional_template__$47, __vue_module_identifier__$47, __vue_create_injector__, undefined);
/** Triggered when selecting a result
* @event change
* @type {Event}
*/
var script$48 = {
name: 'FishTankLookup',
components: {
DataFetcher: DataFetcher,
hightlight: HighlightedText,
TextInput: TextInput
},
model: {
prop: 'value',
event: 'change'
},
props: {
/**
* Input element id
*/
id: String,
/**
* Label to display with input box
*/
label: String,
/**
* Input name attribute
*/
name: String,
/**
* Label/input orientation (rtf, ltr, ttb)
*/
orientation: {
type: String,
default: 'ttb'
},
/**
* Placeholder to display in input element
*/
placeholder: String,
/**
* Url to request items, will append ?query=...
*/
url: String,
/**
* Width of dropdown
*/
width: Number,
/**
* Current selected value
* @param {Object} value - Value hash
* @param {Boolean} value.label - Display value
* @param {Boolean} value.value - Selected value
*/
value: Object
},
data: function data() {
return {
dataUrl: '',
focused: false,
focusedItem: -1,
query: this.value ? this.value.label : '',
popObj: undefined,
inputEl: undefined
};
},
computed: {
dropdownStyle: function dropdownStyle() {
return this.$props.width + "px" || '200px';
},
items: function items() {
return this.fetchedData.data.items;
},
identifier: function identifier() {
return (Math.random() * 10000).toFixed(0).toString();
}
},
watch: {
query: function query() {
this.dataUrl = "".concat(this.url, "?query=").concat(this.query); // Only fire the change if the value doesn't match to
// avoid dup event when selecting from dropdown
if (this.query && (!this.value || this.value.label !== this.query)) {
this.$emit('change', {
label: this.query,
value: null
});
}
}
},
destroyed: function destroyed() {
if (this.popObj !== undefined) this.destroyPop();
},
methods: {
/**
* Clears current value
*/
clear: function clear() {
this.query = '';
},
_handleKeydown: function _handleKeydown(e) {
var items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
switch (e.key) {
case 'ArrowUp':
e.preventDefault();
this.focusedItem--;
if (this.focusedItem < 0) this.focusedItem = items.length - 1;
break;
case 'ArrowDown':
e.preventDefault();
this.focusedItem++;
if (this.focusedItem >= items.length) this.focusedItem = 0;
break;
case 'Enter':
e.preventDefault();
this._selectResult(items[this.focusedItem] || {
label: this.query,
value: null
});
break;
default:
this.focused = true;
}
},
_selectResult: function _selectResult(item) {
this.focused = false;
this.$emit('change', item);
this.query = item.label;
this.$nextTick(function () {
this.destroyPop();
});
},
showPop: function showPop() {
// if (this.inputEl === undefined) this.inputEl = document.querySelector()
// this.inputEl = this.$refs.query
this.inputEl = document.querySelector('.input-element');
this.$nextTick(function () {
this.popObj = new Popper(this.inputEl, this.$refs.items, {
placement: 'bottom-start',
modifiers: {
computeStyle: {
gpuAcceleration: true // y:'left'
},
offset: {// enabled: true,
// offset: '0px, -100%'
}
}
});
});
},
destroyPop: function destroyPop() {
this.$nextTick(function () {
if (this.popObj !== undefined) this.popObj.destroy();
});
}
}
};
var __vue_script__$48 = script$48;
/* template */
var __vue_render__$44 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("data-fetcher", {
attrs: {
url: _vm.dataUrl,
"enable-cache": ""
},
scopedSlots: _vm._u([{
key: "default",
fn: function fn(ref) {
var loading = ref.loading;
var items = ref.fetchedData.data.items;
return _c("div", {
staticClass: "Autocomplete",
attrs: {
focused: _vm.focused,
name: _vm.name,
orientation: _vm.orientation
},
on: {
keydown: function keydown(e) {
return _vm._handleKeydown(e, items);
}
}
}, [_c("div", {
staticClass: "input-wrapper",
attrs: {
id: _vm.id ? _vm.id + "-combobox" : _vm.identifier + "-combobox",
role: "combobox"
}
}, [_c("text-input", {
ref: "query",
attrs: {
id: _vm.id ? _vm.id + "-input" : _vm.identifier + "-input",
label: _vm.label,
orientation: _vm.orientation,
placeholder: _vm.placeholder,
"aria-expanded": _vm.focused && items ? true : false,
"aria-controls": _vm.id + "-listbox",
"aria-activedescendant": "option-" + _vm.focusedItem,
"aria-labelledby": _vm.label,
type: "text",
icon: "search_24",
"aria-haspopup": "listbox",
"aria-autocomplete": "list"
},
on: {
blur: function blur($event) {
$event.stopPropagation();
_vm.focused = false, _vm.destroyPop();
},
focus: function focus($event) {
$event.stopPropagation();
_vm.focused = true, _vm.showPop();
}
},
model: {
value: _vm.query,
callback: function callback($$v) {
_vm.query = $$v;
},
expression: "query"
}
}), _vm._v(" "), _vm.focused ? _c("div", {
ref: "items",
staticClass: "items",
style: {
width: _vm.dropdownStyle
},
attrs: {
slot: "below",
id: _vm.id ? _vm.id + "-listbox" : _vm.identifier + "-listbox",
role: "listbox"
},
slot: "below"
}, _vm._l(items, function (item, index) {
return _c("hightlight", {
key: index,
class: ["item", {
focused: _vm.focusedItem === index
}],
attrs: {
id: "option-" + index,
"aria-labelledby": _vm.label,
focused: _vm.focusedItem === index,
content: item.label,
term: _vm.query,
role: "option"
},
nativeOn: {
mousedown: function mousedown($event) {
return function () {
return _vm._selectResult(item);
}($event);
},
mouseover: function mouseover($event) {
_vm.focusedItem = index;
}
}
});
}), 1) : _vm._e()], 1)]);
}
}])
});
};
var __vue_staticRenderFns__$44 = [];
__vue_render__$44._withStripped = true;
/* style */
var __vue_inject_styles__$48 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-2ebf24bc_0", {
source: ".Autocomplete[data-v-2ebf24bc] {\n font-family: 'Open Sans', sans-serif;\n}\n.Autocomplete .input-wrapper .items[data-v-2ebf24bc] {\n z-index: 10;\n background-color: #fff;\n border: 1px solid #C5CACD;\n border-radius: 2px;\n -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);\n box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);\n left: 0;\n margin-top: 0.25rem;\n}\n.Autocomplete .input-wrapper .items[data-v-2ebf24bc]:empty {\n display: none;\n}\n.Autocomplete .input-wrapper .items .item[data-v-2ebf24bc] {\n display: block;\n padding: 0.5rem;\n}\n.Autocomplete .input-wrapper .items .HighlightedText[data-v-2ebf24bc] {\n cursor: pointer;\n font-size: var(--font-size, 14px);\n line-height: 20px;\n}\n.Autocomplete .input-wrapper .items .focused[data-v-2ebf24bc] {\n background-color: #b9d1f3;\n color: #225379;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$48 = "data-v-2ebf24bc";
/* module identifier */
var __vue_module_identifier__$48 = undefined;
/* functional template */
var __vue_is_functional_template__$48 = false;
/* style inject SSR */
var FishTankLookup = __vue_normalize__({
render: __vue_render__$44,
staticRenderFns: __vue_staticRenderFns__$44
}, __vue_inject_styles__$48, __vue_script__$48, __vue_scope_id__$48, __vue_is_functional_template__$48, __vue_module_identifier__$48, __vue_create_injector__, undefined);
/** Triggered when value is changed
* @event change
* @type {Event}
*/
var script$49 = Vue.extend({
name: 'FishTankRadioList',
components: {
radio: radio,
ftext: FishTankText,
box: box
},
mixins: [orientation],
model: {
prop: 'value',
event: 'change'
},
props: {
/**
* Available items to display
* @param {Object[]} [items=[]] - Child object
* @param {Boolean} [items[].disabled] - Disabled state
* @param {String} [items[].label] - Child label
* @param {String} [items[].slot] - Child label slot name
* @param {String} [items[].value] - Child value
*/
items: Array,
/**
* Input label
*/
label: String,
/**
* Input elements name
*/
name: String,
/**
* Current value
*/
value: String,
/**
* Block orientation; inline by defaul
*/
block: Boolean,
/**
*List orientation; inline by default
*/
orientation: String,
/**
*List radios vertically
*/
stack: Boolean
},
data: function data() {
return {
/**
* Unique identifier to handle issues with duplicate ids when multiple RadioLists are present
*/
identifier: (Math.random() * 10000).toFixed(0).toString()
};
},
methods: {
handleClick: function handleClick(e) {
if (e && e.target) {
this.$emit('change', e.target.value);
}
e.preventDefault();
}
},
computed: {
getDisplay: function getDisplay() {
if (this.orientation) return 'flex';
},
getDirection: function getDirection() {
if (this.orientation) {
if (this.orientation === 'ltr') return 'row';
if (this.orientation === 'rtl') return 'rowReverse';
} else {
return 'column';
}
},
getAlign: function getAlign() {
if (this.orientation) return 'center';
}
}
});
var __vue_script__$49 = script$49;
/* template */
var __vue_render__$45 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("fieldset", {
class: ["radio-list"],
attrs: {
id: "radio-list-" + _vm.identifier,
name: _vm.name
}
}, [_c("box", {
attrs: {
display: _vm.getDisplay,
direction: _vm.getDirection,
alignItems: _vm.getAlign
}
}, [_vm.label ? _c("legend", {
staticClass: "legend"
}, [_c("ftext", {
attrs: {
bold: "",
primary: "",
uppercase: "",
size: "baseMd",
color: "grayDark"
}
}, [_vm._v(_vm._s(_vm.label))])], 1) : _vm._e(), _vm._v(" "), _c("div", {
class: ["items", {
stack: _vm.stack
}],
attrs: {
role: "radiogroup"
}
}, _vm._l(_vm.items, function (item, index) {
return _c("div", {
key: index,
staticClass: "wrap",
attrs: {
disabled: item.disabled
}
}, [_c("radio", {
attrs: {
id: "radio-" + _vm.identifier + "-" + item.value,
value: item.value,
disabled: item.disabled,
label: item.label,
name: _vm.label
},
on: {
click: _vm.handleClick
},
model: {
value: _vm.value,
callback: function callback($$v) {
_vm.value = $$v;
},
expression: "value"
}
}, [item.slot ? _vm._t(item.slot, [_vm._v(_vm._s(item.label))]) : _vm._e()], 2)], 1);
}), 0)])], 1);
};
var __vue_staticRenderFns__$45 = [];
__vue_render__$45._withStripped = true;
/* style */
var __vue_inject_styles__$49 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-749fdaac_0", {
source: ".radio-list[data-v-749fdaac] {\n -webkit-margin-start: 0;\n margin-inline-start: 0;\n -webkit-margin-end: 0;\n margin-inline-end: 0;\n -webkit-padding-before: 0;\n padding-block-start: 0;\n -webkit-padding-start: 0;\n padding-inline-start: 0;\n -webkit-padding-end: 0;\n padding-inline-end: 0;\n -webkit-padding-after: 0;\n padding-block-end: 0;\n min-inline-size: -webkit-min-content;\n min-inline-size: -moz-min-content;\n min-inline-size: min-content;\n border-width: 0;\n border-style: none;\n border-color: transparent;\n -o-border-image: hidden;\n border-image: hidden;\n}\n.radio-list .legend[data-v-749fdaac] {\n display: block;\n max-width: none;\n}\n.radio-list .items[data-v-749fdaac] {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding: 0;\n margin: 0;\n border: 0;\n}\n.radio-list .stack[data-v-749fdaac] {\n display: block;\n}\n.radio-list .wrap[data-v-749fdaac] {\n position: relative;\n margin-right: 25px;\n}\n.radio-list .ltr[data-v-749fdaac], .radio-list .rtl[data-v-749fdaac] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-line-pack: center;\n align-content: center;\n}\n.radio-list .rtl[data-v-749fdaac] {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n.radio-list [uppercase][data-v-749fdaac] {\n text-transform: uppercase;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$49 = "data-v-749fdaac";
/* module identifier */
var __vue_module_identifier__$49 = undefined;
/* functional template */
var __vue_is_functional_template__$49 = false;
/* style inject SSR */
var FishTankRadioList = __vue_normalize__({
render: __vue_render__$45,
staticRenderFns: __vue_staticRenderFns__$45
}, __vue_inject_styles__$49, __vue_script__$49, __vue_scope_id__$49, __vue_is_functional_template__$49, __vue_module_identifier__$49, __vue_create_injector__, undefined);
var script$50 = Vue.extend({
name: 'FishTankTabs',
components: {},
props: {
/**
* Active tab name
*/
active: String,
/**
* Disabled state of entire component
*/
disabled: Boolean,
/**
* Disables seperator style line on tab component
*/
divider: {
type: Boolean,
required: false,
default: false
},
/**
* Array of children with nested grandchildren
* @param {Object[]} [items=[]] - Child tab definitions
* @param {Boolean} [items[].disabled] - Tab disabled state
* @param {Boolean} [items[].hidden] - Tab hidden state
* @param {String} [items[].label] - Tab label to display
* @param {String} [items[].name] - Tab name to use for defining slots, use '-title' suffix for title slot
* @param {Boolean} [items[].renderHidden] - Render the content when hidden instead of omitting, for forms etc
*/
items: Array,
/**
* Render tab content hidden instead of conditionally
*/
renderHidden: {
type: Boolean,
required: false,
default: false
},
/**
* Custom styling of the header
*/
headerStyleObject: {
type: Object,
default: function _default() {
return {};
}
},
/**
* Custom styling of the tab title
*/
titleStyleObject: {
type: Object,
default: function _default() {
return {};
}
}
},
data: function data() {
return {
/*
* Disables focus State
*/
focus: true
};
},
methods: {
removeFocus: function removeFocus() {
if (!this.focus) {
if (this.focus) {
this.focus = false;
} else {
this.focus = true;
}
}
},
addFocus: function addFocus() {
this.focus = false;
}
}
});
var __vue_script__$50 = script$50;
/* template */
var __vue_render__$46 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
staticClass: "Tabs",
attrs: {
disabled: _vm.disabled
}
}, [_c("div", {
staticClass: "header",
class: [_vm.divider ? "seperator" : "no-seperator"],
style: _vm.headerStyleObject,
attrs: {
role: "menubar"
}
}, _vm._l(_vm.items, function (item, index) {
return _c("div", {
key: index + "-title",
class: ["title", _vm.focus ? "no-focus" : "focus"],
style: _vm.titleStyleObject,
attrs: {
active: item.name === _vm.active,
disabled: item.disabled,
hidden: item.hidden,
tabindex: "0",
role: "menuitem"
},
on: {
click: function click($event) {
_vm.$emit("change", item);
_vm.removeFocus();
},
keyup: [function ($event) {
if (!$event.type.indexOf("key") && $event.keyCode !== 13) {
return null;
}
_vm.$emit("change", item);
_vm.addFocus();
}, function ($event) {
if (!$event.type.indexOf("key") && $event.keyCode !== 9) {
return null;
}
return _vm.addFocus();
}]
}
}, [_vm._t(item.name + "-title", [_c("span", [_vm._v(_vm._s(item.label))])])], 2);
}), 0), _vm._v(" "), _c("div", {
staticClass: "body"
}, _vm._l(_vm.items, function (item, index) {
return _c("div", {
key: index,
staticClass: "content",
attrs: {
hidden: item.renderHidden && item.name !== _vm.active
}
}, [item.renderHidden || item.name === _vm.active ? _vm._t(item.name) : _vm._e()], 2);
}), 0)]);
};
var __vue_staticRenderFns__$46 = [];
__vue_render__$46._withStripped = true;
/* style */
var __vue_inject_styles__$50 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-20f725c3_0", {
source: ".Tabs .header[data-v-20f725c3] {\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 padding: 0 6px;\n margin-bottom: var(--tab-header-margin-bottom, unset);\n}\n.seperator[data-v-20f725c3] {\n border-bottom: 1px solid var(--border-color, lightgray);\n}\n.no-seperator[data-v-20f725c3] {\n border-bottom: 1px solid transparent;\n}\n.focus[data-v-20f725c3]:focus {\n -webkit-box-shadow: 0 0 0 2px #0D9DDB;\n box-shadow: 0 0 0 2px #0D9DDB;\n font-weight: 600;\n}\n.no-focus[data-v-20f725c3]:focus {\n outline: transparent;\n}\n.title[data-v-20f725c3] {\n -ms-flex-item-align: center;\n align-self: center;\n border-bottom: 3px solid var(--border-color, lightgray);\n cursor: pointer;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font-size: 16px;\n font-weight: 400;\n padding: 5px 4px;\n width: var(--tab-title-width, unset);\n color: var(--color-gray-dark);\n -webkit-transition: all .3s ease-in-out;\n transition: all .3s ease-in-out;\n}\n.title > span[data-v-20f725c3] {\n margin-left: var(--tab-title-span-margin-left, 5px);\n margin-right: var(--tab-title-span-margin-right, unset);\n}\n.title[data-v-20f725c3]:not(:last-child) {\n margin-right: var(--tab-title-margin-right, 15px);\n}\n.title[data-v-20f725c3]:hover {\n font-weight: 600;\n color: var(--active-tab-title-color);\n background-color: var(--active-tab-title-background-color);\n pointer-events: var(--active-tab-title-pointer-events);\n cursor: var(--active-tab-title-cursor);\n}\n.title[data-v-20f725c3]:active {\n border-color: var(--active-color, #0D9DDB);\n color: var(--active-tab-title-color);\n background-color: var(--active-tab-title-background-color);\n pointer-events: var(--active-tab-title-pointer-events);\n cursor: var(--active-tab-title-cursor);\n}\n.title[active][data-v-20f725c3] {\n border-color: var(--active-color, #0D9DDB);\n border-width: 4px;\n color: var(--active-tab-title-color);\n background-color: var(--active-tab-title-background-color);\n pointer-events: var(--active-tab-title-pointer-events);\n cursor: var(--active-tab-title-cursor);\n}\n.title[data-v-20f725c3]:disabled {\n color: var(--disabled-tab-title-color);\n background-color: var(--disabled-tab-title-background-color);\n border-color: var(--disabled-tab-title-border-color);\n}\n.title[hidden][data-v-20f725c3] {\n display: none;\n}\n.title[data-v-20f725c3]:first-of-type {\n border-radius: var(--tab-title-first-of-type-border-radius, unset);\n}\n.title[data-v-20f725c3]:last-of-type {\n border-radius: var(--tab-title-last-of-type-border-radius, unset);\n}\n.title[data-v-20f725c3]:only-of-type {\n border-radius: var(--tab-title-only-of-type-border-radius, unset);\n}\n.Tabs .body[data-v-20f725c3] {\n border: transparent;\n}\n.Tabs .body .content[data-v-20f725c3]:hidden {\n display: none;\n}\n.Tabs[data-v-20f725c3]:disabled, .Tabs [disabled][data-v-20f725c3] {\n opacity: 0.25;\n pointer-events: none;\n}\n",
map: undefined,
media: undefined
}), inject("data-v-20f725c3_1", {
source: "body.user-is-tabbing .a11y:focus {\n -webkit-box-shadow: 0 0 0 2px var(--color-selected, #0D9DDB);\n box-shadow: 0 0 0 2px var(--color-selected, #0D9DDB);\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$50 = "data-v-20f725c3";
/* module identifier */
var __vue_module_identifier__$50 = undefined;
/* functional template */
var __vue_is_functional_template__$50 = false;
/* style inject SSR */
var FishTankTabs = __vue_normalize__({
render: __vue_render__$46,
staticRenderFns: __vue_staticRenderFns__$46
}, __vue_inject_styles__$50, __vue_script__$50, __vue_scope_id__$50, __vue_is_functional_template__$50, __vue_module_identifier__$50, __vue_create_injector__, undefined);
var script$51 = Vue.extend({
name: 'FishTankTabs',
components: {},
props: {
/**
* Active tab name
*/
active: String,
/**
* Disabled state of entire component
*/
disabled: Boolean,
/**
* Array of children with nested grandchildren
* @param {Object[]} [items=[]] - Child tab definitions
* @param {Boolean} [items[].disabled] - Tab disabled state
* @param {Boolean} [items[].hidden] - Tab hidden state
* @param {String} [items[].label] - Tab label to display
* @param {String} [items[].name] - Tab name to use for defining slots, use '-title' suffix for title slot
* @param {Boolean} [items[].renderHidden] - Render the content when hidden instead of omitting, for forms etc
*/
items: Array,
/**
* Render tab content hidden instead of conditionally
*/
renderHidden: {
type: Boolean,
required: false,
default: false
},
/**
* Custom styling of the header
*/
headerStyleObject: {
type: Object,
default: function _default() {
return {};
}
},
/**
* Custom styling of the tab title
*/
titleStyleObject: {
type: Object,
default: function _default() {
return {};
}
}
},
data: function data() {
return {
/*
* Disables focus State
*/
focus: true
};
},
methods: {
removeFocus: function removeFocus() {
if (!this.focus) {
if (this.focus) {
this.focus = false;
} else {
this.focus = true;
}
}
},
addFocus: function addFocus() {
this.focus = false;
}
}
});
var __vue_script__$51 = script$51;
/* template */
var __vue_render__$47 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
staticClass: "Tabs",
attrs: {
disabled: _vm.disabled
}
}, [_c("div", {
staticClass: "tabs-wrapper"
}, [_c("div", {
staticClass: "header",
style: _vm.headerStyleObject,
attrs: {
role: "menubar"
}
}, _vm._l(_vm.items, function (item, index) {
return _c("div", {
key: index + "-title",
class: ["title", _vm.focus ? "no-focus" : "focus"],
style: _vm.titleStyleObject,
attrs: {
active: item.name === _vm.active,
disabled: item.disabled,
hidden: item.hidden,
tabindex: "0",
role: "menuitem"
},
on: {
click: function click($event) {
_vm.$emit("change", item);
_vm.removeFocus();
},
keyup: [function ($event) {
if (!$event.type.indexOf("key") && $event.keyCode !== 13) {
return null;
}
_vm.$emit("change", item);
_vm.addFocus();
}, function ($event) {
if (!$event.type.indexOf("key") && $event.keyCode !== 9) {
return null;
}
return _vm.addFocus();
}]
}
}, [_vm._t(item.name + "-title", [_c("span", {
staticClass: "label"
}, [_vm._v("\n " + _vm._s(item.label) + "\n ")])])], 2);
}), 0)]), _vm._v(" "), _c("div", {
staticClass: "body"
}, _vm._l(_vm.items, function (item, index) {
return _c("div", {
key: index,
staticClass: "content",
attrs: {
hidden: item.renderHidden && item.name !== _vm.active
}
}, [item.renderHidden || item.name === _vm.active ? _vm._t(item.name) : _vm._e()], 2);
}), 0)]);
};
var __vue_staticRenderFns__$47 = [];
__vue_render__$47._withStripped = true;
/* style */
var __vue_inject_styles__$51 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-06ed0ef0_0", {
source: ".Tabs[data-v-06ed0ef0] {\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: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\n.header[data-v-06ed0ef0] {\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: start;\n -ms-flex-pack: start;\n justify-content: flex-start;\n margin-bottom: var(--tab-header-margin-bottom, unset);\n}\n.focus[data-v-06ed0ef0]:focus {\n -webkit-box-shadow: 0 0 0 2px #0D9DDB;\n box-shadow: 0 0 0 2px #0D9DDB;\n font-weight: 600;\n}\n.no-focus[data-v-06ed0ef0]:focus {\n outline: transparent;\n}\n.title[data-v-06ed0ef0] {\n cursor: pointer;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5rem;\n padding: 12px;\n padding-left: 0px;\n color: var(--color-gray-dark);\n border: 1px solid var(--border-color, lightgray);\n -webkit-transition: all .3s ease-in-out;\n transition: all .3s ease-in-out;\n}\n.title > span[data-v-06ed0ef0] {\n padding-left: 12px;\n border-right: 4px solid transparent;\n}\n.title[data-v-06ed0ef0]:not(:first-child) {\n border-top: transparent;\n}\n.title[data-v-06ed0ef0]:hover {\n font-weight: 600;\n color: var(--active-tab-title-color);\n background-color: var(--active-tab-title-background-color);\n pointer-events: var(--active-tab-title-pointer-events);\n cursor: var(--active-tab-title-cursor);\n}\n.title:hover > span[data-v-06ed0ef0] {\n border-left: 4px solid var(--active-disabled, #C5CaCd);\n}\n.title[data-v-06ed0ef0]:active {\n border-right: transparent;\n border-left: transparent;\n color: var(--active-color, #0D9DDB);\n font-weight: 600;\n background-color: var(--active-tab-title-background-color);\n pointer-events: var(--active-tab-title-pointer-events);\n cursor: var(--active-tab-title-cursor);\n}\n.title[data-v-06ed0ef0]:active:first-child {\n border-top: transparent;\n}\n.title[data-v-06ed0ef0]:active:last-child {\n border-bottom: transparent;\n}\n.title:active > span[data-v-06ed0ef0] {\n border-left: 4px solid var(--active-color, #0D9DDB);\n}\n.title[active][data-v-06ed0ef0] {\n border-right: transparent;\n border-left: transparent;\n color: var(--active-color, #0D9DDB);\n font-weight: 600;\n background-color: var(--active-tab-title-background-color);\n pointer-events: var(--active-tab-title-pointer-events);\n cursor: var(--active-tab-title-cursor);\n}\n.title[active][data-v-06ed0ef0]:first-child {\n border-top: transparent;\n}\n.title[active][data-v-06ed0ef0]:last-child {\n border-bottom: transparent;\n}\n.title[active] > span[data-v-06ed0ef0] {\n border-left: 4px solid var(--active-color, #0D9DDB);\n}\n.title[data-v-06ed0ef0]:disabled {\n color: var(--color-disabled, #C5CACD);\n background-color: var(--disabled-tab-title-background-color);\n}\n.title:disabled > span[data-v-06ed0ef0] {\n border-left: 4px solid transparent;\n}\n.title[hidden][data-v-06ed0ef0] {\n display: none;\n}\n.title[data-v-06ed0ef0]:first-of-type {\n border-radius: var(--tab-title-first-of-type-border-radius, unset);\n}\n.title[data-v-06ed0ef0]:last-of-type {\n border-radius: var(--tab-title-last-of-type-border-radius, unset);\n}\n.title[data-v-06ed0ef0]:only-of-type {\n border-radius: var(--tab-title-only-of-type-border-radius, unset);\n}\n.Tabs .body[data-v-06ed0ef0] {\n border: transparent;\n}\n.Tabs .body .content[data-v-06ed0ef0]:hidden {\n display: none;\n}\n.Tabs[data-v-06ed0ef0]:disabled, .Tabs [disabled][data-v-06ed0ef0] {\n color: var(--color-disabled, #C5CACD);\n pointer-events: none;\n}\n.Tabs:disabled > span[data-v-06ed0ef0], .Tabs [disabled] > span[data-v-06ed0ef0] {\n border-left: 4px solid transparent;\n}\n",
map: undefined,
media: undefined
}), inject("data-v-06ed0ef0_1", {
source: "body.user-is-tabbing .a11y[data-v-06ed0ef0]:focus {\n -webkit-box-shadow: 0 0 0 2px var(--color-selected, #0D9DDB);\n box-shadow: 0 0 0 2px var(--color-selected, #0D9DDB);\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$51 = "data-v-06ed0ef0";
/* module identifier */
var __vue_module_identifier__$51 = undefined;
/* functional template */
var __vue_is_functional_template__$51 = false;
/* style inject SSR */
var FishTankVerticalTabs = __vue_normalize__({
render: __vue_render__$47,
staticRenderFns: __vue_staticRenderFns__$47
}, __vue_inject_styles__$51, __vue_script__$51, __vue_scope_id__$51, __vue_is_functional_template__$51, __vue_module_identifier__$51, __vue_create_injector__, undefined);
var props$1 = {// container:toggle(styles.container),
// fluid:toggle(styles.fluid),
};
var script$52 = Vue.extend({
render: function render(createElement) {
return createElement(this.tagElement, this.boxProps, this.$slots.default);
},
name: "FishTankContainer",
mixins: [boxMixin],
props: {
fluid: Boolean,
tag: {
default: 'div',
required: false,
type: String,
validator: function validator(value) {
return ["div", "span", "section", "article", "aside", "footer", "header", "details", "figcaption", "figure", "main", "nav", "summary", "time"].indexOf(value) !== -1;
},
description: "Box semantic element"
},
as: {
default: 'div',
required: false,
type: String,
validator: function validator(value) {
return ["div", "span", "section", "article", "aside", "footer", "header", "details", "figcaption", "figure", "main", "nav", "summary", "time"].indexOf(value) !== -1;
},
description: "Box semantic element"
}
},
methods: {
isFluid: function isFluid() {
return this.$props.fluid ? " " : " ".concat(this.$style.layoutFixed, " ");
}
},
computed: {
moduleClassNames: function moduleClassNames() {
var style = this.$style;
return style;
},
boxProps: function boxProps() {
var _this = this;
var concatenatedClasses = identity();
for (var prop in this.$props) {
if (props$1[prop]) {
concatenatedClasses = concat([concatenatedClasses, props$1[prop](this.$props[prop])]);
}
}
var boxProps = arrayToProps(concatenatedClasses);
var modulesClasses = boxProps.className.map(function (x) {
return _this.moduleClassNames[x];
});
return {
// class: boxProps.className,
class: modulesClasses.join(' ') + this.isFluid() + " " + this.$style.layoutContainer,
style: boxProps.style
};
}
}
});
/* script */
var __vue_script__$52 = script$52;
/* template */
/* style */
var __vue_inject_styles__$52 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-07eaf9a9_0", {
source: ".ft-layoutContainer-2nkU {\n margin: 0 auto;\n padding: 0 4px;\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 -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n@media only screen and (min-width: 480px) {\n.ft-layoutFixed-3qmD {\n max-width: 100%;\n}\n}\n@media only screen and (min-width: 752px) {\n.ft-layoutFixed-3qmD {\n max-width: 720px;\n}\n}\n@media only screen and (min-width: 1008px) {\n.ft-layoutFixed-3qmD {\n max-width: 960px;\n}\n}\n@media only screen and (min-width: 1440px) {\n.ft-layoutFixed-3qmD {\n max-width: 1200px;\n}\n}\n",
map: undefined,
media: undefined
});
Object.defineProperty(this, "$style", {
value: {
"layoutContainer": "ft-layoutContainer-2nkU",
"layoutFixed": "ft-layoutFixed-3qmD"
}
});
};
/* scoped */
var __vue_scope_id__$52 = undefined;
/* module identifier */
var __vue_module_identifier__$52 = undefined;
/* functional template */
var __vue_is_functional_template__$52 = undefined;
/* style inject SSR */
var FishTankContainer = __vue_normalize__({}, __vue_inject_styles__$52, __vue_script__$52, __vue_scope_id__$52, __vue_is_functional_template__$52, __vue_module_identifier__$52, __vue_create_injector__, undefined);
var styles$2 = {
xsDisplayBlock: "xsDisplayBlock"
};
var props$2 = {
column: bind(range("xsCol"), Columns),
xsColumn: bind(range("xsCol"), Columns),
smColumn: bind(range("smCol"), Columns),
mdColumn: bind(range("mdCol"), Columns),
lgColumn: bind(range("lgCol"), Columns),
xlColumn: bind(range("xlCol"), Columns),
display: mapping({
block: styles$2.xsDisplayBlock
})
};
var script$53 = Vue.extend({
name: "FishTankColumn",
render: function render(createElement) {
return createElement(this.tagElement, this.boxProps, this.$slots.default);
},
mixins: [boxMixin],
props: {
fluid: Boolean,
display: {
type: String,
required: false,
validator: function validator(value) {
return ["block"].indexOf(value) !== -1;
},
description: 'Column block display property'
},
tag: {
default: 'div',
required: false,
type: String,
validator: function validator(value) {
return ["div", "span", "section", "article", "aside", "footer", "header", "details", "figcaption", "figure", "main", "nav", "summary", "time"].indexOf(value) !== -1;
},
description: "Box semantic element"
},
as: {
default: 'div',
required: false,
type: String,
validator: function validator(value) {
return ["div", "span", "section", "article", "aside", "footer", "header", "details", "figcaption", "figure", "main", "nav", "summary", "time"].indexOf(value) !== -1;
},
description: "Box semantic element"
},
column: {
type: Number,
default: undefined,
required: false,
validator: function validator(value) {
return 0 < value && 13 > value;
},
description: 'Box grid columns; maps to xs-column grid'
},
// Column, /* 1 -12 */
// // @Prop()
xsColumn: {
type: Number,
default: null,
required: false,
validator: function validator(value) {
return 0 < value && 13 > value;
},
description: 'Box grid columns - XS Breakpoint'
},
// xsColumn, /* 1 -12 */
// // @Prop()
smColumn: {
type: Number,
default: null,
required: false,
validator: function validator(value) {
return 0 < value && 13 > value;
},
description: 'Box grid columns - SM Breakpoint'
},
// smColumn, /* 1 -12 */
// // @Prop()
mdColumn: {
type: Number,
default: null,
required: false,
validator: function validator(value) {
return 0 < value && 13 > value;
},
description: 'Box grid columns - MD Breakpoint'
},
// mdColumn, /* 1 -12 */
// // @Prop()
lgColumn: {
type: Number,
default: null,
required: false,
validator: function validator(value) {
return 0 < value && 13 > value;
},
description: 'Box grid columns - LG Breakpoint'
},
// lgColumn, /* 1 -12 */
// // @Prop()
xlColumn: {
type: Number,
default: null,
required: false,
validator: function validator(value) {
return 0 < value && 13 > value;
},
description: 'Box grid columns - LG Breakpoint'
}
},
methods: {},
computed: {
moduleClassNames: function moduleClassNames() {
var style = this.$style;
return style;
},
boxProps: function boxProps() {
var _this = this;
var concatenatedClasses = identity();
for (var prop in this.$props) {
if (props$2[prop]) {
concatenatedClasses = concat([concatenatedClasses, props$2[prop](this.$props[prop])]);
}
}
var boxProps = arrayToProps(concatenatedClasses);
var modulesClasses = boxProps.className.map(function (x) {
return _this.moduleClassNames[x];
});
return {
class: modulesClasses.join(' ') + this.$style.layoutColumn,
style: boxProps.style
};
}
}
});
/* script */
var __vue_script__$53 = script$53;
/* template */
/* style */
var __vue_inject_styles__$53 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-83e58ab6_0", {
source: ".ft-layoutColumn-2WF8 {\n padding-left: 12px;\n padding-right: 12px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-flex: 1;\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n -webkit-box-sizing: content-box;\n box-sizing: content-box;\n}\n.ft-xsDisplayBlock-zzjR {\n display: block;\n}\n.ft-col-qv82 {\n vertical-align: top;\n}\n.ft-xsCol1-2VDO {\n width: calc(1 / 12 * 100% - 32px);\n}\n.ft-xsCol2-18QY {\n width: calc(2 / 12 * 100% - 32px);\n}\n.ft-xsCol3-3HXp {\n width: calc(3 / 12 * 100% - 32px);\n}\n.ft-xsCol4-3izm {\n width: calc(4 / 12 * 100% - 32px);\n}\n.ft-xsCol5-3MBr {\n width: calc(5 / 12 * 100% - 32px);\n}\n.ft-xsCol6-2CVi {\n width: calc(6 / 12 * 100% - 32px);\n}\n.ft-xsCol7-2dNz {\n width: calc(7 / 12 * 100% - 32px);\n}\n.ft-xsCol8-16-I {\n width: calc(8 / 12 * 100% - 32px);\n}\n.ft-xsCol9-gxtB {\n width: calc(9 / 12 * 100% - 32px);\n}\n.ft-xsCol10-_Uhy {\n width: calc(10 / 12 * 100% - 32px);\n}\n.ft-xsCol11-1yb2 {\n width: calc(11 / 12 * 100% - 32px);\n}\n.ft-xsCol12-W6I3 {\n width: calc((12 / 12 * 100% - 32px));\n}\n@media (min-width: 480px) {\n.ft-smCol1-Gu14 {\n width: calc(1 / 12 * 100% - 32px);\n}\n.ft-smCol2-1jUT {\n width: calc(2 / 12 * 100% - 32px);\n}\n.ft-smCol3-k86o {\n width: calc(3 / 12 * 100% - 32px);\n}\n.ft-smCol4-_xN_ {\n width: calc(4 / 12 * 100% - 32px);\n}\n.ft-smCol5--NV6 {\n width: calc(5 / 12 * 100% - 32px);\n}\n.ft-smCol6-1Ayb {\n width: calc(6 / 12 * 100% - 32px);\n}\n.ft-smCol7-3xqo {\n width: calc(7 / 12 * 100% - 32px);\n}\n.ft-smCol8-3cDD {\n width: calc(8 / 12 * 100% - 32px);\n}\n.ft-smCol9-31Ji {\n width: calc(9 / 12 * 100% - 32px);\n}\n.ft-smCol10-3ak3 {\n width: calc(10 / 12 * 100% - 32px);\n}\n.ft-smCol11-3vGm {\n width: calc(11 / 12 * 100% - 32px);\n}\n.ft-smCol12-2-Qy {\n width: calc(12 / 12 * 100% - 32px);\n}\n}\n@media (min-width: 752px) {\n.ft-mdCol1-FT-X {\n width: calc(1 / 12 * 100% - 32px);\n}\n.ft-mdCol2-3P83 {\n width: calc(2 / 12 * 100% - 32px);\n}\n.ft-mdCol3-3O35 {\n width: calc(3 / 12 * 100% - 32px);\n}\n.ft-mdCol4-2Gjz {\n width: calc(4 / 12 * 100% - 32px);\n}\n.ft-mdCol5--jk6 {\n width: calc(5 / 12 * 100% - 32px);\n}\n.ft-mdCol6-2RuA {\n width: calc(6 / 12 * 100% - 32px);\n}\n.ft-mdCol7-586l {\n width: calc(7 / 12 * 100% - 32px);\n}\n.ft-mdCol8-11-c {\n width: calc(8 / 12 * 100% - 32px);\n}\n.ft-mdCol9-mKdY {\n width: calc(9 / 12 * 100% - 32px);\n}\n.ft-mdCol10-1bs- {\n width: calc(10 / 12 * 100% - 32px);\n}\n.ft-mdCol11-3Vx1 {\n width: calc(11 / 12 * 100% - 32px);\n}\n.ft-mdCol12-2hmp {\n width: calc(12 / 12 * 100% - 32px);\n}\n}\n@media (min-width: 1008px) {\n.ft-lgCol1-3J-V {\n width: calc(1 / 12 * 100% - 32px);\n}\n.ft-lgCol2-3mw5 {\n width: calc(2 / 12 * 100% - 32px);\n}\n.ft-lgCol3-2CK1 {\n width: calc(3 / 12 * 100% - 32px);\n}\n.ft-lgCol4-1MTf {\n width: calc(4 / 12 * 100% - 32px);\n}\n.ft-lgCol5-G_8x {\n width: calc(5 / 12 * 100% - 32px);\n}\n.ft-lgCol6-1CtP {\n width: calc(6 / 12 * 100% - 32px);\n}\n.ft-lgCol7-15Am {\n width: calc(7 / 12 * 100% - 32px);\n}\n.ft-lgCol8-3M4s {\n width: calc(8 / 12 * 100% - 32px);\n}\n.ft-lgCol9-1x5R {\n width: calc(9 / 12 * 100% - 32px);\n}\n.ft-lgCol10-2gp_ {\n width: calc(10 / 12 * 100% - 32px);\n}\n.ft-lgCol11-GcZA {\n width: calc(11 / 12 * 100% - 32px);\n}\n.ft-lgCol12-28pi {\n width: calc(12 / 12 * 100% - 32px);\n}\n}\n@media (min-width: 1440px) {\n.ft-xlCol1-18n6 {\n width: calc(1 / 12 * 100% - 32px);\n}\n.ft-xlCol2-WyZc {\n width: calc(2 / 12 * 100% - 32px);\n}\n.ft-xlCol3-2833 {\n width: calc(3 / 12 * 100% - 32px);\n}\n.ft-xlCol4-2b2d {\n width: calc(4 / 12 * 100% - 32px);\n}\n.ft-xlCol5-1qlO {\n width: calc(5 / 12 * 100% - 32px);\n}\n.ft-xlCol6-1Rgu {\n width: calc(6 / 12 * 100% - 32px);\n}\n.ft-xlCol7-27fC {\n width: calc(7 / 12 * 100% - 32px);\n}\n.ft-xlCol8-18Es {\n width: calc(8 / 12 * 100% - 32px);\n}\n.ft-xlCol9-aN81 {\n width: calc(9 / 12 * 100% - 32px);\n}\n.ft-xlCol10-HVhh {\n width: calc(10 / 12 * 100% - 32px);\n}\n.ft-xlCol11-1JVj {\n width: calc(11 / 12 * 100% - 32px);\n}\n.ft-xlCol12-2PIG {\n width: calc(12 / 12 * 100% - 32px);\n}\n}\n",
map: undefined,
media: undefined
});
Object.defineProperty(this, "$style", {
value: {
"layoutColumn": "ft-layoutColumn-2WF8",
"xsDisplayBlock": "ft-xsDisplayBlock-zzjR",
"col": "ft-col-qv82",
"xsCol1": "ft-xsCol1-2VDO",
"xsCol2": "ft-xsCol2-18QY",
"xsCol3": "ft-xsCol3-3HXp",
"xsCol4": "ft-xsCol4-3izm",
"xsCol5": "ft-xsCol5-3MBr",
"xsCol6": "ft-xsCol6-2CVi",
"xsCol7": "ft-xsCol7-2dNz",
"xsCol8": "ft-xsCol8-16-I",
"xsCol9": "ft-xsCol9-gxtB",
"xsCol10": "ft-xsCol10-_Uhy",
"xsCol11": "ft-xsCol11-1yb2",
"xsCol12": "ft-xsCol12-W6I3",
"smCol1": "ft-smCol1-Gu14",
"smCol2": "ft-smCol2-1jUT",
"smCol3": "ft-smCol3-k86o",
"smCol4": "ft-smCol4-_xN_",
"smCol5": "ft-smCol5--NV6",
"smCol6": "ft-smCol6-1Ayb",
"smCol7": "ft-smCol7-3xqo",
"smCol8": "ft-smCol8-3cDD",
"smCol9": "ft-smCol9-31Ji",
"smCol10": "ft-smCol10-3ak3",
"smCol11": "ft-smCol11-3vGm",
"smCol12": "ft-smCol12-2-Qy",
"mdCol1": "ft-mdCol1-FT-X",
"mdCol2": "ft-mdCol2-3P83",
"mdCol3": "ft-mdCol3-3O35",
"mdCol4": "ft-mdCol4-2Gjz",
"mdCol5": "ft-mdCol5--jk6",
"mdCol6": "ft-mdCol6-2RuA",
"mdCol7": "ft-mdCol7-586l",
"mdCol8": "ft-mdCol8-11-c",
"mdCol9": "ft-mdCol9-mKdY",
"mdCol10": "ft-mdCol10-1bs-",
"mdCol11": "ft-mdCol11-3Vx1",
"mdCol12": "ft-mdCol12-2hmp",
"lgCol1": "ft-lgCol1-3J-V",
"lgCol2": "ft-lgCol2-3mw5",
"lgCol3": "ft-lgCol3-2CK1",
"lgCol4": "ft-lgCol4-1MTf",
"lgCol5": "ft-lgCol5-G_8x",
"lgCol6": "ft-lgCol6-1CtP",
"lgCol7": "ft-lgCol7-15Am",
"lgCol8": "ft-lgCol8-3M4s",
"lgCol9": "ft-lgCol9-1x5R",
"lgCol10": "ft-lgCol10-2gp_",
"lgCol11": "ft-lgCol11-GcZA",
"lgCol12": "ft-lgCol12-28pi",
"xlCol1": "ft-xlCol1-18n6",
"xlCol2": "ft-xlCol2-WyZc",
"xlCol3": "ft-xlCol3-2833",
"xlCol4": "ft-xlCol4-2b2d",
"xlCol5": "ft-xlCol5-1qlO",
"xlCol6": "ft-xlCol6-1Rgu",
"xlCol7": "ft-xlCol7-27fC",
"xlCol8": "ft-xlCol8-18Es",
"xlCol9": "ft-xlCol9-aN81",
"xlCol10": "ft-xlCol10-HVhh",
"xlCol11": "ft-xlCol11-1JVj",
"xlCol12": "ft-xlCol12-2PIG"
}
});
};
/* scoped */
var __vue_scope_id__$53 = undefined;
/* module identifier */
var __vue_module_identifier__$53 = undefined;
/* functional template */
var __vue_is_functional_template__$53 = undefined;
/* style inject SSR */
var FishTankColumn = __vue_normalize__({}, __vue_inject_styles__$53, __vue_script__$53, __vue_scope_id__$53, __vue_is_functional_template__$53, __vue_module_identifier__$53, __vue_create_injector__, undefined);
var tooltipOptions = {
popover: {
defaultBaseClass: 'ft-tooltip ft-popover',
defaultInnerClass: 'ft-tooltip-inner ft-popover-inner',
defaultArrowClass: 'ft-tooltip-arrow ft-popover-arrow'
}
};
Vue$1.use(VTooltip, tooltipOptions);
var FishTankTooltip =
/*#__PURE__*/
function (_Vue) {
_inherits(FishTankTooltip, _Vue);
function FishTankTooltip() {
var _this;
_classCallCheck(this, FishTankTooltip);
_this = _possibleConstructorReturn(this, _getPrototypeOf(FishTankTooltip).apply(this, arguments));
_this.open = false;
_this.options = {
popoverInnerClass: _this.custom ? 'custom' : null
};
return _this;
}
return FishTankTooltip;
}(Vue$1);
__decorate([Prop({
type: Boolean,
required: false,
default: true
})], FishTankTooltip.prototype, "show", void 0);
__decorate([Prop({
type: Number,
required: false,
default: 0
})], FishTankTooltip.prototype, "tooltipOffset", void 0);
__decorate([Prop({
type: String,
required: false,
default: "'bottom-start'"
})], FishTankTooltip.prototype, "orientation", void 0);
__decorate([Prop({
type: Boolean,
required: false,
default: false
})], FishTankTooltip.prototype, "custom", void 0);
FishTankTooltip = __decorate([Component({
components: {
VTooltip: VTooltip,
ftext: FishTankText
}
})], FishTankTooltip);
var script$54 = FishTankTooltip;
/* script */
var __vue_script__$54 = script$54;
/* template */
var __vue_render__$48 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("v-popover", {
staticClass: "clickable help",
attrs: {
trigger: "hover",
placement: _vm.orientation,
offset: _vm.tooltipOffset,
disabled: !_vm.show,
open: _vm.open,
"popover-inner-class": this.custom ? "ft-tooltip-inner ft-popover-inner ft-popover-inner-custom" : "ft-tooltip-inner ft-popover-inner ft-popover-inner-normal",
"popover-arrow-class": this.custom ? "ft-tooltip-arrow ft-popover-arrow ft-popover-arrow-custom" : "ft-tooltip-arrow ft-popover-arrow ft-popover-arrow-normal"
}
}, [_c("button", {
staticClass: "tooltip-target",
on: {
focus: function focus($event) {
_vm.open = true;
},
blur: function blur($event) {
_vm.open = false;
},
keyup: function keyup($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"])) {
return null;
}
_vm.open = false;
}
}
}, [_vm._t("target")], 2), _vm._v(" "), _c("template", {
slot: "popover"
}, [_vm._t("default")], 2)], 2);
};
var __vue_staticRenderFns__$48 = [];
__vue_render__$48._withStripped = true;
/* style */
var __vue_inject_styles__$54 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-245ef848_0", {
source: ".tooltip-target svg {\n color: #267ABD;\n}\n.ft-tooltip {\n display: block;\n z-index: 1000;\n}\n.ft-tooltip .ft-popover-inner {\n border: 1px solid #C5CACD;\n border-radius: 0.125rem;\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-tooltip .ft-popover-inner-normal {\n text-align: left;\n color: #292E31;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.5;\n padding: 0.5rem;\n background-color: #F2F2F2;\n}\n.ft-tooltip .ft-popover-inner-custom {\n background-color: #FFFFFF;\n}\n.ft-tooltip .ft-popover-arrow {\n position: absolute;\n height: 0.5rem;\n width: 0.5rem;\n -webkit-transform: rotate(-45deg);\n transform: rotate(-45deg);\n border-width: 1px;\n border-style: solid;\n z-index: 1001;\n}\n.ft-tooltip .ft-popover-arrow-normal {\n background-color: #F2F2F2;\n}\n.ft-tooltip .ft-popover-arrow-custom {\n background-color: #FFFFFF;\n}\n.ft-tooltip[x-placement^=\"top\"] .ft-popover-arrow {\n bottom: -0.25rem;\n border-color: transparent transparent #C5CACD #C5CACD;\n}\n.ft-tooltip[x-placement^=\"bottom\"] .ft-popover-arrow {\n top: -0.25rem;\n border-color: #C5CACD #C5CACD transparent transparent;\n}\n.ft-tooltip[x-placement^=\"left\"] .ft-popover-arrow {\n right: -0.25rem;\n border-color: transparent transparent #C5CACD #C5CACD;\n -webkit-transform: rotate(-135deg);\n transform: rotate(-135deg);\n}\n.ft-tooltip[x-placement^=\"right\"] .ft-popover-arrow {\n left: -0.25rem;\n border-color: #C5CACD #C5CACD transparent transparent;\n -webkit-transform: rotate(-135deg);\n transform: rotate(-135deg);\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$54 = undefined;
/* module identifier */
var __vue_module_identifier__$54 = undefined;
/* functional template */
var __vue_is_functional_template__$54 = false;
/* style inject SSR */
var FishTankTooltip$1 = __vue_normalize__({
render: __vue_render__$48,
staticRenderFns: __vue_staticRenderFns__$48
}, __vue_inject_styles__$54, __vue_script__$54, __vue_scope_id__$54, __vue_is_functional_template__$54, __vue_module_identifier__$54, __vue_create_injector__, undefined);
var Language =
/*#__PURE__*/
function () {
function Language(language, months, monthsAbbr, days) {
_classCallCheck(this, Language);
this.language = language;
this.months = months;
this.monthsAbbr = monthsAbbr;
this.days = days;
this.rtl = false;
this.ymd = false;
this.yearSuffix = '';
}
_createClass(Language, [{
key: "language",
get: function get() {
return this._language;
},
set: function set(language) {
if (typeof language !== 'string') {
throw new TypeError('Language must be a string');
}
this._language = language;
}
}, {
key: "months",
get: function get() {
return this._months;
},
set: function set(months) {
if (months.length !== 12) {
throw new RangeError("There must be 12 months for ".concat(this.language, " language"));
}
this._months = months;
}
}, {
key: "monthsAbbr",
get: function get() {
return this._monthsAbbr;
},
set: function set(monthsAbbr) {
if (monthsAbbr.length !== 12) {
throw new RangeError("There must be 12 abbreviated months for ".concat(this.language, " language"));
}
this._monthsAbbr = monthsAbbr;
}
}, {
key: "days",
get: function get() {
return this._days;
},
set: function set(days) {
if (days.length !== 7) {
throw new RangeError("There must be 7 days for ".concat(this.language, " language"));
}
this._days = days;
}
}]);
return Language;
}(); // eslint-disable-next-line
var en = new Language('English', ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']) // eslint-disable-next-line
;
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
var utils = {
/**
* @type {Boolean}
*/
useUtc: false,
/**
* Returns the full year, using UTC or not
* @param {Date} date
*/
getFullYear: function getFullYear(date) {
return this.useUtc ? date.getUTCFullYear() : date.getFullYear();
},
/**
* Returns the month, using UTC or not
* @param {Date} date
*/
getMonth: function getMonth(date) {
return this.useUtc ? date.getUTCMonth() : date.getMonth();
},
/**
* Returns the date, using UTC or not
* @param {Date} date
*/
getDate: function getDate(date) {
return this.useUtc ? date.getUTCDate() : date.getDate();
},
/**
* Returns the day, using UTC or not
* @param {Date} date
*/
getDay: function getDay(date) {
return this.useUtc ? date.getUTCDay() : date.getDay();
},
/**
* Returns the hours, using UTC or not
* @param {Date} date
*/
getHours: function getHours(date) {
return this.useUtc ? date.getUTCHours() : date.getHours();
},
/**
* Returns the minutes, using UTC or not
* @param {Date} date
*/
getMinutes: function getMinutes(date) {
return this.useUtc ? date.getUTCMinutes() : date.getMinutes();
},
/**
* Sets the full year, using UTC or not
* @param {Date} date
*/
setFullYear: function setFullYear(date, value, useUtc) {
return this.useUtc ? date.setUTCFullYear(value) : date.setFullYear(value);
},
/**
* Sets the month, using UTC or not
* @param {Date} date
*/
setMonth: function setMonth(date, value, useUtc) {
return this.useUtc ? date.setUTCMonth(value) : date.setMonth(value);
},
/**
* Sets the date, using UTC or not
* @param {Date} date
* @param {Number} value
*/
setDate: function setDate(date, value, useUtc) {
return this.useUtc ? date.setUTCDate(value) : date.setDate(value);
},
/**
* Check if date1 is equivalent to date2, without comparing the time
* @see https://stackoverflow.com/a/6202196/4455925
* @param {Date} date1
* @param {Date} date2
*/
compareDates: function compareDates(date1, date2) {
var d1 = new Date(date1.getTime());
var d2 = new Date(date2.getTime());
if (this.useUtc) {
d1.setUTCHours(0, 0, 0, 0);
d2.setUTCHours(0, 0, 0, 0);
} else {
d1.setHours(0, 0, 0, 0);
d2.setHours(0, 0, 0, 0);
}
return d1.getTime() === d2.getTime();
},
/**
* Validates a date object
* @param {Date} date - an object instantiated with the new Date constructor
* @return {Boolean}
*/
isValidDate: function isValidDate(date) {
if (Object.prototype.toString.call(date) !== '[object Date]') {
return false;
}
return !isNaN(date.getTime());
},
/**
* Return abbreviated week day name
* @param {Date}
* @param {Array}
* @return {String}
*/
getDayNameAbbr: function getDayNameAbbr(date, days) {
if (_typeof(date) !== 'object') {
throw TypeError('Invalid Type');
}
return days[this.getDay(date)];
},
/**
* Return name of the month
* @param {Number|Date}
* @param {Array}
* @return {String}
*/
getMonthName: function getMonthName(month, months) {
if (!months) {
throw Error('missing 2nd parameter Months array');
}
if (_typeof(month) === 'object') {
return months[this.getMonth(month)];
}
if (typeof month === 'number') {
return months[month];
}
throw TypeError('Invalid type');
},
/**
* Return an abbreviated version of the month
* @param {Number|Date}
* @return {String}
*/
getMonthNameAbbr: function getMonthNameAbbr(month, monthsAbbr) {
if (!monthsAbbr) {
throw Error('missing 2nd paramter Months array');
}
if (_typeof(month) === 'object') {
return monthsAbbr[this.getMonth(month)];
}
if (typeof month === 'number') {
return monthsAbbr[month];
}
throw TypeError('Invalid type');
},
/**
* Alternative get total number of days in month
* @param {Number} year
* @param {Number} m
* @return {Number}
*/
daysInMonth: function daysInMonth(year, month) {
return /8|3|5|10/.test(month) ? 30 : month === 1 ? !(year % 4) && year % 100 || !(year % 400) ? 29 : 28 : 31;
},
/**
* Get nth suffix for date
* @param {Number} day
* @return {String}
*/
getNthSuffix: function getNthSuffix(day) {
switch (day) {
case 1:
case 21:
case 31:
return 'st';
case 2:
case 22:
return 'nd';
case 3:
case 23:
return 'rd';
default:
return 'th';
}
},
/**
* Formats date object
* @param {Date}
* @param {String}
* @param {Object}
* @return {String}
*/
formatDate: function formatDate(date, format, translation) {
translation = !translation ? en : translation;
var year = this.getFullYear(date);
var month = this.getMonth(date) + 1;
var day = this.getDate(date);
var str = format.replace(/DD/, ('0' + day).slice(-2)).replace(/D/, day).replace(/YYYY/, year).replace(/YY/, String(year).slice(2)).replace(/MMMM/, this.getMonthName(this.getMonth(date), translation.months)).replace(/MMM/, this.getMonthNameAbbr(this.getMonth(date), translation.monthsAbbr)).replace(/MM/, ('0' + month).slice(-2)).replace(/M(?!a|ä|e)/, month).replace(/su/, this.getNthSuffix(this.getDate(date))).replace(/day(?!e|é|i)/, this.getDayNameAbbr(date, translation.days));
return str;
},
/**
* Creates an array of dates for each day in between two dates.
* @param {Date} start
* @param {Date} end
* @return {Array}
*/
createDateArray: function createDateArray(start, end) {
var dates = [];
while (start <= end) {
dates.push(new Date(start));
start = this.setDate(new Date(start), this.getDate(new Date(start)) + 1);
}
return dates;
},
/**
* method used as a prop validator for input values
* @param {*} val
* @return {Boolean}
*/
validateFishTankDateInput: function validateFishTankDateInput(val) {
return val === null || val instanceof Date || typeof val === 'string' || typeof val === 'number';
}
};
var makeFishTankDateUtils = function makeFishTankDateUtils(useUtc) {
return _objectSpread({}, utils, {
useUtc: useUtc
});
};
_objectSpread({}, utils) // eslint-disable-next-line
;
//
/**
* A date selector calendar that displays years in a given decade
*/
var script$55 = {
name: 'FishTankPickerYear',
components: {
ChevronLeft24: ChevronLeft24,
ChevronRight24: ChevronRight24
},
props: {
/**
* Non-selectable dates, can be specified up to or from a date, over a range, by day,
* by individual date, or by user-specified function
*
*disabledDates: {
* to: new Date(2016, 0, 5), // Disable all dates up to specific date
* from: new Date(2016, 0, 26), // Disable all dates after specific date
* days: [6, 0], // Disable Saturday's and Sunday's
* daysOfMonth: [29, 30, 31], // Disable 29th, 30th and 31st of each month
* dates: [ // Disable an array of dates
* new Date(2016, 9, 16),
* new Date(2016, 9, 17),
* new Date(2016, 9, 18)
* ],
* ranges: [{ // Disable dates in given ranges (exclusive).
* from: new Date(2016, 11, 25),
* to: new Date(2016, 11, 30)
* }, {
* from: new Date(2017, 1, 12),
* to: new Date(2017, 2, 25)
* }],
* // a custom function that returns true if the date is disabled
* // this can be used for wiring you own logic to disable a date if none
* // of the above conditions serve your purpose
* // this function should accept a date and return true if is disabled
* customPredictor: function(date) {
* // disables the date if it is a multiple of 5
* if(date.getDate() % 5 == 0){
* return true
* }
* }
*}
*/
disabledDates: Object,
/**
* Initial calendar date to open to
*/
initialPageDate: Date,
/**
* Show the calendar inline
*/
inline: Boolean,
/**
* Language to use for month name abbreviations
*/
translation: {
type: Object,
default: function _default() {
return en;
}
},
/**
* Use UTC for time calculations
*/
utc: Boolean,
/**
* The selected date
*/
value: Date
},
data: function data() {
return {
pageDate: this.initialPageDate || this.value || new Date(),
utils: makeFishTankDateUtils(this.utc)
};
},
computed: {
/**
* @return {String}
*/
getPageDecade: function getPageDecade() {
var decadeStart = Math.floor(this.utils.getFullYear(this.pageDate) / 10) * 10;
var decadeEnd = decadeStart + 9;
var yearSuffix = this.translation.yearSuffix;
return "".concat(decadeStart, " - ").concat(decadeEnd).concat(yearSuffix);
},
/**
* Is the previous decade disabled?
* @return {Boolean}
*/
isPreviousDecadeDisabled: function isPreviousDecadeDisabled() {
if (!this.disabledDates || !this.disabledDates.to) {
return false;
}
var disabledYear = this.utils.getFullYear(this.disabledDates.to);
var lastYearInPreviousPage = Math.floor(this.utils.getFullYear(this.pageDate) / 10) * 10 - 1;
return disabledYear > lastYearInPreviousPage;
},
/**
* Is the next decade disabled?
* @return {Boolean}
*/
isNextDecadeDisabled: function isNextDecadeDisabled() {
if (!this.disabledDates || !this.disabledDates.from) {
return false;
}
var disabledYear = this.utils.getFullYear(this.disabledDates.from);
var firstYearInNextPage = Math.ceil(this.utils.getFullYear(this.pageDate) / 10) * 10;
return disabledYear < firstYearInNextPage;
},
/**
* Generates year cells
* @return {Object[]}
*/
years: function years() {
var d = this.pageDate;
var years = []; // set up a new date object to the beginning of the current 'page'7
var dObj = this.utc ? new Date(Date.UTC(Math.floor(d.getUTCFullYear() / 10) * 10, d.getUTCMonth(), d.getUTCDate())) : new Date(Math.floor(d.getFullYear() / 10) * 10, d.getMonth(), d.getDate(), d.getHours(), d.getMinutes());
for (var i = 0; i < 10; i++) {
years.push({
label: this.utils.getFullYear(dObj),
timestamp: dObj.getTime(),
isSelected: this._isSelectedYear(dObj),
isDisabled: this._isDisabledYear(dObj)
});
this.utils.setFullYear(dObj, this.utils.getFullYear(dObj) + 1);
}
return years;
}
},
methods: {
/**
* Changes the year up or down
* @param {Number} incrementBy
*/
_changeYear: function _changeYear(incrementBy) {
var date = this.pageDate;
this.utils.setFullYear(date, this.utils.getFullYear(date) + incrementBy);
this.pageDate = new Date(date);
},
/**
* Decrements the decade
*/
_previousDecade: function _previousDecade() {
if (this.isPreviousDecadeDisabled) {
return false;
}
this._changeYear(-10);
},
/**
* Increments the decade
*/
_nextDecade: function _nextDecade() {
if (this.isNextDecadeDisabled) {
return false;
}
this._changeYear(10);
},
/**
* Whether a year is disabled
* @param {Date}
* @return {Boolean}
*/
_isDisabledYear: function _isDisabledYear(date) {
var disabledDates = false;
if (typeof this.disabledDates === 'undefined' || !this.disabledDates) {
return false;
}
if (typeof this.disabledDates.to !== 'undefined' && this.disabledDates.to) {
if (this.utils.getFullYear(date) < this.utils.getFullYear(this.disabledDates.to)) {
disabledDates = true;
}
}
if (typeof this.disabledDates.from !== 'undefined' && this.disabledDates.from) {
if (this.utils.getFullYear(date) > this.utils.getFullYear(this.disabledDates.from)) {
disabledDates = true;
}
}
if (typeof this.disabledDates.customPredictor === 'function' && this.disabledDates.customPredictor(date)) {
disabledDates = true;
}
return disabledDates;
},
/**
* Whether the selected date is in this year
* @param {Date}
* @return {Boolean}
*/
_isSelectedYear: function _isSelectedYear(date) {
return this.value && this.utils.getFullYear(this.value) === this.utils.getFullYear(date);
},
/**
* Sets current year
* @param {Date} year
*/
_selectYear: function _selectYear(year) {
if (year.isDisabled) {
return false;
}
this.$emit('selectYear', year);
}
}
};
/* script */
var __vue_script__$55 = script$55;
/* template */
var __vue_render__$49 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
staticClass: "FishTankPickerYear",
attrs: {
inline: _vm.inline
},
on: {
mousedown: function mousedown($event) {
$event.preventDefault();
}
}
}, [_c("header", [_c("span", {
staticClass: "prev",
attrs: {
disabled: _vm.isPreviousDecadeDisabled
},
on: {
click: _vm._previousDecade
}
}, [_c("chevron-left24")], 1), _vm._v(" "), _c("span", {
staticClass: "current-decade"
}, [_vm._v(_vm._s(_vm.getPageDecade))]), _vm._v(" "), _c("span", {
staticClass: "next",
attrs: {
disabled: _vm.isNextDecadeDisabled
},
on: {
click: _vm._nextDecade
}
}, [_c("chevron-right24")], 1)]), _vm._v(" "), _vm._l(_vm.years, function (year, index) {
return _c("span", {
key: index,
class: {
"cell year": true,
selected: year.isSelected
},
attrs: {
disabled: year.isDisabled
},
on: {
click: function click($event) {
$event.stopPropagation();
return _vm._selectYear(year);
}
}
}, [_vm._v(_vm._s(year.label))]);
})], 2);
};
var __vue_staticRenderFns__$49 = [];
__vue_render__$49._withStripped = true;
/* style */
var __vue_inject_styles__$55 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-299e31da_0", {
source: ".FishTankPickerYear[data-v-299e31da] {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 1px solid #ccc;\n background-color: #f0f3f7;\n position: relative;\n width: 300px;\n}\n.FishTankPickerYear[data-v-299e31da]:not([inline]) {\n position: absolute;\n z-index: 100;\n}\n.FishTankPickerYear *[data-v-299e31da] {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.FishTankPickerYear header[data-v-299e31da] {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: #0D9DDB;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding: 0 8px;\n}\n.FishTankPickerYear header .current-decade[data-v-299e31da] {\n color: white;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n text-align: center;\n}\n.FishTankPickerYear header .prev[data-v-299e31da], .FishTankPickerYear header .next[data-v-299e31da] {\n cursor: pointer;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font-size: 36px;\n}\n.FishTankPickerYear header .prev[disabled][data-v-299e31da], .FishTankPickerYear header .next[disabled][data-v-299e31da] {\n pointer-events: none;\n}\n.FishTankPickerYear header .prev[disabled] .FishtankIcon[data-v-299e31da], .FishTankPickerYear header .next[disabled] .FishtankIcon[data-v-299e31da] {\n opacity: 0.5;\n}\n.FishTankPickerYear header .prev .FishtankIcon[data-v-299e31da], .FishTankPickerYear header .next .FishtankIcon[data-v-299e31da] {\n width: 24px;\n}\n.FishTankPickerYear .cell[data-v-299e31da] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n padding: 0 5px;\n width: calc(100%/3);\n height: 40px;\n line-height: 40px;\n text-align: center;\n vertical-align: middle;\n border: 1px solid transparent;\n}\n.FishTankPickerYear .cell[disabled][data-v-299e31da] {\n color: #ddd;\n fill: #a3a3a3;\n cursor: default;\n}\n.FishTankPickerYear .cell:not(.blank):not([disabled]).year[data-v-299e31da] {\n cursor: pointer;\n}\n.FishTankPickerYear .cell:not(.blank):not([disabled]).year[data-v-299e31da]:hover {\n background-color: #0D9DDB;\n}\n.FishTankPickerYear .cell.selected[data-v-299e31da] {\n background-color: #0D9DDB;\n}\n.FishTankPickerYear .cell.selected[data-v-299e31da]:hover {\n background-color: #0D9DDB;\n}\n.FishTankPickerYear .cell.selected.highlighted[data-v-299e31da],\n .FishTankPickerYear .cell.highlighted.highlight-end[data-v-299e31da],\n .FishTankPickerYear .cell.highlighted.highlight-start[data-v-299e31da] {\n background-color: #0D9DDB;\n}\n.FishTankPickerYear .cell.highlighted[data-v-299e31da] {\n background: #72c6ea;\n}\n.FishTankPickerYear .cell.highlighted[disabled][data-v-299e31da] {\n color: #a3a3a3;\n}\n.FishTankPickerYear .cell.grey[data-v-299e31da] {\n color: #888;\n}\n.FishTankPickerYear .cell.grey[data-v-299e31da]:hover {\n background: inherit;\n}\n.FishTankPickerYear .cell.day-header[data-v-299e31da] {\n font-size: 75%;\n white-space: nowrap;\n cursor: inherit;\n}\n.FishTankPickerYear .cell.day-header[data-v-299e31da]:hover {\n background: inherit;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$55 = "data-v-299e31da";
/* module identifier */
var __vue_module_identifier__$55 = undefined;
/* functional template */
var __vue_is_functional_template__$55 = false;
/* style inject SSR */
var FishTankPickerYear = __vue_normalize__({
render: __vue_render__$49,
staticRenderFns: __vue_staticRenderFns__$49
}, __vue_inject_styles__$55, __vue_script__$55, __vue_scope_id__$55, __vue_is_functional_template__$55, __vue_module_identifier__$55, __vue_create_injector__, undefined);
/**
* A date selector calendar that displays days in a given month
*
* NOTE: MONTH AND YEAR PICKER HAVE BEEN DISABLED
*/
var script$56 = {
name: "FishTankPickerDay",
components: {
ChevronLeft24: ChevronLeft24,
ChevronRight24: ChevronRight24
},
// model: {
// prop: 'value',
// event: 'change'
// },
props: {
/**
* Disable month toggle
*/
disableMonth: Boolean,
/**
* Non-selectable dates, can be specified up to or from a date, over a range, by day,
* by individual date, or by user-specified function
*
*disabledDates: {
* to: new Date(2016, 0, 5), // Disable all dates up to specific date
* from: new Date(2016, 0, 26), // Disable all dates after specific date
* days: [6, 0], // Disable Saturday's and Sunday's
* daysOfMonth: [29, 30, 31], // Disable 29th, 30th and 31st of each month
* dates: [ // Disable an array of dates
* new Date(2016, 9, 16),
* new Date(2016, 9, 17),
* new Date(2016, 9, 18)
* ],
* ranges: [{ // Disable dates in given ranges (exclusive).
* from: new Date(2016, 11, 25),
* to: new Date(2016, 11, 30)
* }, {
* from: new Date(2017, 1, 12),
* to: new Date(2017, 2, 25)
* }],
* // a custom function that returns true if the date is disabled
* // this can be used for wiring you own logic to disable a date if none
* // of the above conditions serve your purpose
* // this function should accept a date and return true if is disabled
* customPredictor: function(date) {
* // disables the date if it is a multiple of 5
* if(date.getDate() % 5 == 0){
* return true
* }
* }
*}
*/
disabledDates: Object,
/**
* Highlight date range from cursor back to the "from" highlight date
* Useful for visualizing selection of the end of a date range
*/
floatHighlightEnd: Boolean,
/**
* Highlight date range from cursor up to the "to" highlight date
* Useful for visualizing selection of the start of a date range
*/
floatHighlightStart: Boolean,
/**
* Dates can be highlighted (e.g. for marking an appointment or date range)
* highlighted: {
* to: new Date(2016, 0, 5), // Highlight all dates up to specific date
* from: new Date(2016, 0, 26), // Highlight all dates after specific date
* days: [6, 0], // Highlight Saturday's and Sunday's
* daysOfMonth: [15, 20, 31], // Highlight 15th, 20th and 31st of each month
* dates: [ // Highlight an array of dates
* new Date(2016, 9, 16),
* new Date(2016, 9, 17),
* new Date(2016, 9, 18)
* ],
* // a custom function that returns true of the date is highlighted
* // this can be used for wiring you own logic to highlight a date if none
* // of the above conditions serve your purpose
* // this function should accept a date and return true if is highlighted
* customPredictor: function(date) {
* // highlights the date if it is a multiple of 4
* if(date.getDate() % 4 == 0){
* return true
* }
* },
* includeDisabled: true // Highlight disabled dates
* }
*/
highlighted: Object,
/**
* Initial calendar date to open to
*/
initialPageDate: Date,
/**
* Show the calendar inline
*/
inline: Boolean,
/**
* Start the week on Monday
*/
mondayFirst: Boolean,
/**
* Should we display full month names on calendar page header
*/
showFullMonthName: {
type: Boolean,
default: true
},
/**
* Language to use for month name abbreviations
*/
translation: {
type: Object,
default: function _default() {
return en;
}
},
/**
* Use UTC for time calculations
*/
utc: Boolean,
/**
* The selected date
*/
value: Date
},
data: function data() {
return {
hoverDate: null,
pageDate: this.value || this.initialPageDate || new Date(),
utils: makeFishTankDateUtils(this.utc)
};
},
computed: {
/**
* Returns the day number of the week less one for the first of the current month
* Used to show amount of empty cells before the first in the day calendar layout
* @return {Number}
*/
blankDays: function blankDays() {
var d = this.pageDate;
var dObj = this.utc ? new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), 1)) : new Date(d.getFullYear(), d.getMonth(), 1, d.getHours(), d.getMinutes());
if (this.mondayFirst) {
return this.utils.getDay(dObj) > 0 ? this.utils.getDay(dObj) - 1 : 6;
}
return this.utils.getDay(dObj);
},
/**
* Returns computed days for the current page date
* @return {Object[]}
*/
days: function days() {
var d = this.pageDate;
var days = []; // set up a new date object to the beginning of the current 'page'
var dObj = this.utc ? new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), 1)) : new Date(d.getFullYear(), d.getMonth(), 1, d.getHours(), d.getMinutes());
var daysInMonth = this.utils.daysInMonth(this.utils.getFullYear(dObj), this.utils.getMonth(dObj));
for (var i = 0; i < daysInMonth; i++) {
days.push({
date: this.utils.getDate(dObj),
timestamp: dObj.getTime(),
isSelected: this._isSelectedDate(dObj),
isDisabled: this._isDisabledDate(dObj),
isHighlighted: this._isHighlightedDate(dObj),
isHighlightStart: this._isHighlightStart(dObj),
isHighlightEnd: this._isHighlightEnd(dObj),
isToday: this.utils.compareDates(dObj, new Date()),
isWeekend: this.utils.getDay(dObj) === 0 || this.utils.getDay(dObj) === 6,
isSaturday: this.utils.getDay(dObj) === 6,
isSunday: this.utils.getDay(dObj) === 0
});
this.utils.setDate(dObj, this.utils.getDate(dObj) + 1);
}
return days;
},
/**
* Returns an array of day names
* @return {String[]}
*/
daysOfWeek: function daysOfWeek() {
if (this.mondayFirst) {
var tempDays = this.translation.days.slice();
tempDays.push(tempDays.shift());
return tempDays;
}
return this.translation.days;
},
/**
* Gets the name of the month the current page is on
* @return {String}
*/
currentMonthName: function currentMonthName() {
var monthName = this.showFullMonthName ? this.translation.months : this.translation.monthsAbbr;
return this.utils.getMonthNameAbbr(this.utils.getMonth(this.pageDate), monthName);
},
/**
* Gets the name of the year that current page is on
* @return {Number}
*/
currentYearName: function currentYearName() {
var yearSuffix = this.translation.yearSuffix;
return "".concat(this.utils.getFullYear(this.pageDate)).concat(yearSuffix);
},
/**
* Is the next month disabled?
* @return {Boolean}
*/
isNextMonthDisabled: function isNextMonthDisabled() {
if (!this.disabledDates || !this.disabledDates.from) {
return false;
}
var d = this.pageDate;
return this.utils.getMonth(this.disabledDates.from) <= this.utils.getMonth(d) && this.utils.getFullYear(this.disabledDates.from) <= this.utils.getFullYear(d);
},
/**
* Is the next year disabled?
* @return {Boolean}
*/
isNextYearDisabled: function isNextYearDisabled() {
if (!this.disabledDates || !this.disabledDates.from) {
return false;
}
return this.utils.getFullYear(this.disabledDates.from) <= this.utils.getFullYear(this.pageDate);
},
/**
* Is the previous month disabled?
* @return {Boolean}
*/
isPreviousMonthDisabled: function isPreviousMonthDisabled() {
if (!this.disabledDates || !this.disabledDates.to) {
return false;
}
return this.utils.getMonth(this.disabledDates.to) >= this.utils.getMonth(this.pageDate) && this.utils.getFullYear(this.disabledDates.to) >= this.utils.getFullYear(this.pageDate);
},
/**
* Is the previous year disabled?
* @return {Boolean}
*/
isPreviousYearDisabled: function isPreviousYearDisabled() {
if (!this.disabledDates || !this.disabledDates.to) {
return false;
}
return this.utils.getFullYear(this.disabledDates.to) >= this.utils.getFullYear(this.pageDate);
}
},
methods: {
/**
* Sets current page date
* @param {Date} date
*/
setPageDate: function setPageDate(date) {
this.pageDate = date;
},
/**
* Change the page month
* @param {Number} incrementBy
*/
_changeMonth: function _changeMonth(incrementBy) {
var date = this.pageDate;
this.utils.setMonth(date, this.utils.getMonth(date) + incrementBy);
this.pageDate = new Date(date);
},
/**
* Change the page year
* @param {Number} incrementBy
*/
_changeYear: function _changeYear(incrementBy) {
var date = this.pageDate;
this.utils.setFullYear(date, this.utils.getFullYear(date) + incrementBy);
this.pageDate = new Date(date);
},
/**
* Returns hash of classes to include on supplied day
* @param {Object} day
* @return {Object}
*/
_dayClasses: function _dayClasses(day) {
return {
"cell day": true,
selected: day.isSelected,
highlighted: day.isHighlighted,
today: day.isToday,
weekend: day.isWeekend,
sat: day.isSaturday,
sun: day.isSunday,
"highlight-start": day.isHighlightStart,
"highlight-end": day.isHighlightEnd
};
},
/**
* Helper
* @param {mixed} prop
* @return {Boolean}
*/
_isDefined: function _isDefined(prop) {
return typeof prop !== "undefined" && prop;
},
/**
* Whether a day is disabled
* @param {Date}
* @return {Boolean}
*/
_isDisabledDate: function _isDisabledDate(date) {
var _this = this;
var disabledDates = false;
if (typeof this.disabledDates === "undefined" || !this.disabledDates) {
return false;
}
if (typeof this.disabledDates.dates !== "undefined") {
this.disabledDates.dates.forEach(function (d) {
if (_this.utils.compareDates(date, d)) {
disabledDates = true;
return true;
}
});
}
if (typeof this.disabledDates.to !== "undefined" && this.disabledDates.to && date < this.disabledDates.to) {
disabledDates = true;
}
if (typeof this.disabledDates.from !== "undefined" && this.disabledDates.from && date > this.disabledDates.from) {
disabledDates = true;
}
if (typeof this.disabledDates.ranges !== "undefined") {
this.disabledDates.ranges.forEach(function (range) {
if (typeof range.from !== "undefined" && range.from && typeof range.to !== "undefined" && range.to) {
if (date < range.to && date > range.from) {
disabledDates = true;
return true;
}
}
});
}
if (typeof this.disabledDates.days !== "undefined" && this.disabledDates.days.indexOf(this.utils.getDay(date)) !== -1) {
disabledDates = true;
}
if (typeof this.disabledDates.daysOfMonth !== "undefined" && this.disabledDates.daysOfMonth.indexOf(this.utils.getDate(date)) !== -1) {
disabledDates = true;
}
if (typeof this.disabledDates.customPredictor === "function" && this.disabledDates.customPredictor(date)) {
disabledDates = true;
}
return disabledDates;
},
/**
* Whether a day is highlighted and it is the end date
* in the highlighted range of dates
* @param {Date}
* @return {Boolean}
*/
_isHighlightEnd: function _isHighlightEnd(date) {
return this._isHighlightedDate(date) && this.highlighted.to instanceof Date && this.utils.getFullYear(this.highlighted.to) === this.utils.getFullYear(date) && this.utils.getMonth(this.highlighted.to) === this.utils.getMonth(date) && this.utils.getDate(this.highlighted.to) === this.utils.getDate(date);
},
/**
* Whether a day is highlighted and it is the first date
* in the highlighted range of dates
* @param {Date}
* @return {Boolean}
*/
_isHighlightStart: function _isHighlightStart(date) {
return this._isHighlightedDate(date) && this.highlighted.from instanceof Date && this.utils.getFullYear(this.highlighted.from) === this.utils.getFullYear(date) && this.utils.getMonth(this.highlighted.from) === this.utils.getMonth(date) && this.utils.getDate(this.highlighted.from) === this.utils.getDate(date);
},
/**
* Whether a day is highlighted (only if it is not disabled already except when highlighted.includeDisabled is true)
* @param {Date}
* @return {Boolean}
*/
_isHighlightedDate: function _isHighlightedDate(date) {
var _this2 = this;
if (!(this.highlighted && this.highlighted.includeDisabled) && this._isDisabledDate(date)) {
return false;
}
var highlighted = false;
if (typeof this.highlighted === "undefined") {
return false;
}
if (typeof this.highlighted.dates !== "undefined") {
this.highlighted.dates.forEach(function (d) {
if (_this2.utils.compareDates(date, d)) {
highlighted = true;
return true;
}
});
}
if (this._isDefined(this.highlighted.from) && this._isDefined(this.highlighted.to)) {
highlighted = date >= this.highlighted.from && date <= this.highlighted.to;
}
if (this._isDefined(this.highlighted.from) && this._isDefined(this.hoverDate) && this.floatHighlightEnd) {
highlighted = date >= this.highlighted.from && date <= this.hoverDate;
}
if (this._isDefined(this.highlighted.to) && this._isDefined(this.hoverDate) && this.floatHighlightStart) {
highlighted = date >= this.hoverDate && date <= this.highlighted.to;
}
if (typeof this.highlighted.days !== "undefined" && this.highlighted.days.indexOf(this.utils.getDay(date)) !== -1) {
highlighted = true;
}
if (typeof this.highlighted.customPredictor === "function" && this.highlighted.customPredictor(date)) {
highlighted = true;
}
return highlighted;
},
/**
* Whether a day is selected
* @param {Date}
* @return {Boolean}
*/
_isSelectedDate: function _isSelectedDate(dObj) {
return this.value && this.utils.compareDates(this.value, dObj);
},
/**
* Increment the current page month
*/
_nextMonth: function _nextMonth() {
if (!this.isNextMonthDisabled) {
this._changeMonth(+1);
}
},
/**
* Increment the current page year
*/
_nextYear: function _nextYear() {
if (!this.isNextMonthDisabled) {
this._changeYear(+1);
}
},
/**
* Decrement the page month
*/
_previousMonth: function _previousMonth() {
if (!this.isPreviousMonthDisabled) {
this._changeMonth(-1);
}
},
/**
* Decrement the current page year
*/
_previousYear: function _previousYear() {
if (!this.isPreviousMonthDisabled) {
this._changeYear(-1);
}
},
/**
* Sets hover date
* @param {Object} day
*/
_updateHoverDate: function _updateHoverDate(day) {
this.hoverDate = new Date(day.timestamp);
}
}
};
/* script */
var __vue_script__$56 = script$56;
/* template */
var __vue_render__$50 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
staticClass: "FishTankPickerDay",
attrs: {
inline: _vm.inline
},
on: {
mousedown: function mousedown($event) {
$event.preventDefault();
},
mouseleave: function mouseleave($event) {
_vm.hoverDate = null;
}
}
}, [_c("header", [_c("span", {
staticClass: "prev double",
attrs: {
role: "button",
disabled: _vm.isPreviousYearDisabled
},
on: {
click: _vm._previousYear
}
}, [_c("chevron-left24"), _vm._v(" "), _c("chevron-left24")], 1), _vm._v(" "), _c("span", {
staticClass: "prev",
attrs: {
role: "button",
disabled: _vm.isPreviousMonthDisabled
},
on: {
click: _vm._previousMonth
}
}, [_c("chevron-left24")], 1), _vm._v(" "), _c("span", {
staticClass: "current-month",
attrs: {
disabled: _vm.disableMonth
}
}, [_vm._v("\n " + _vm._s(_vm.currentMonthName) + " " + _vm._s(_vm.currentYearName) + "\n ")]), _vm._v(" "), _c("span", {
staticClass: "next",
attrs: {
role: "button",
disabled: _vm.isNextMonthDisabled
},
on: {
click: _vm._nextMonth
}
}, [_c("chevron-right24")], 1), _vm._v(" "), _c("span", {
staticClass: "next double",
attrs: {
role: "button",
disabled: _vm.isNextYearDisabled
},
on: {
click: _vm._nextYear
}
}, [_c("chevron-right24"), _vm._v(" "), _c("chevron-right24")], 1)]), _vm._v(" "), _c("div", {
staticClass: "cells"
}, [_vm._l(_vm.daysOfWeek, function (d) {
return _c("span", {
key: d.timestamp,
staticClass: "cell day-header"
}, [_vm._v(_vm._s(d.toUpperCase()))]);
}), _vm._v(" "), _vm.blankDays > 0 ? _vm._l(_vm.blankDays, function (d) {
return _c("span", {
key: d.timestamp,
staticClass: "cell day blank"
});
}) : _vm._e(), _vm._v(" "), _vm._l(_vm.days, function (day, index) {
return _c("span", {
key: index,
class: _vm._dayClasses(day),
attrs: {
disabled: day.isDisabled
},
on: {
click: function click($event) {
_vm.$emit("change", new Date(day.timestamp));
},
mouseover: function mouseover($event) {
return _vm._updateHoverDate(day);
}
}
}, [_vm._v("\n " + _vm._s(day.date) + "\n ")]);
})], 2), _vm._v(" "), _c("footer", [_c("span", {
staticClass: "select-today",
attrs: {
role: "button"
},
on: {
click: function click($event) {
_vm.$emit("change", new Date());
}
}
}, [_vm._v("\n Today\n ")])])]);
};
var __vue_staticRenderFns__$50 = [];
__vue_render__$50._withStripped = true;
/* style */
var __vue_inject_styles__$56 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-746be088_0", {
source: "[data-v-746be088]:root {\n --color-black: #292E31;\n --color-gray-dark: #505558;\n --color-gray: #777C7F;\n --color-gray-light: #9EA3A6;\n --color-gray-lighter: #C5CACD;\n --color-gray-lightest: #EDF2F5;\n --color-white: #FFFFFF;\n --color-link: #267ABD;\n --color-link-visited: #7F57B8;\n --color-link-dark-bg: #ACCCE5;\n --color-disabled: #C5CACD;\n --color-action-darkest: #30855C;\n --color-action-darker: #399E6E;\n --color-action: #3DA774;\n --color-action-lighter: #49B88B;\n --color-action-lightest: #EBF6F1;\n --color-selected-darkest: #0A7DAF;\n --color-selected-darker: #0D94CF;\n --color-selected: #0D9DDB;\n --color-selected-lighter: #0FB0E2;\n --color-selected-lightest: #E7F5FB;\n --color-error-darkest: #B43931;\n --color-error-darker: #D5443A;\n --color-error: #E1483E;\n --color-error-lighter: #E7564A;\n --color-error-lightest: #FBECEB;\n --color-warning-darkest: #CC900D;\n --color-warning-darker: #F2AB10;\n --color-warning: #FFB511;\n --color-warning-lighter: #FFC314;\n --color-warning-lightest: #FFF7E7;\n --color-blaw-blue: #0D9DDB;\n --color-btax-blue: #2785D6;\n --color-theme-antitrust: #57534A;\n --color-theme-banking: #379851;\n --color-theme-bankruptcy: #C52700;\n --color-theme-benefits: #EA6A02;\n --color-theme-corporate: #8A5BB6;\n --color-theme-ediscovery: #F64A56;\n --color-theme-environment: #6DC470;\n --color-theme-health: #0D3B91;\n --color-theme-ip: #1E95C1;\n --color-theme-labor: #00C18C;\n --color-theme-securities: #45BDE9;\n --color-theme-telecom: #6A8C8A;\n --color-dataviz-1: #63B995;\n --color-dataviz-2: #1E4882;\n --color-dataviz-3: #F87060;\n --color-dataviz-4: #1AA2AF;\n --color-dataviz-5: #FFB511;\n --color-dataviz-6: #9357C8;\n --color-dataviz-7: #F697C0;\n --color-dataviz-8: #2ECC71;\n --color-dataviz-9: #34495E;\n --color-dataviz-10: #FF6D10;\n --color-dataviz-positive: #2ECC71;\n --color-dataviz-negative: #F87060;\n --color-democrat: #0A54C2;\n --color-republican: #D3301A;\n --color-independent: #FFB00D;\n}\n.colorBlack[data-v-746be088] {\n color: var(--color-black);\n}\n.colorGrayDark[data-v-746be088] {\n color: var(--color-gray-dark);\n}\n.colorGray[data-v-746be088] {\n color: var(--color-gray);\n}\n.colorGrayLight[data-v-746be088] {\n color: var(--color-gray-light);\n}\n.colorGrayLighter[data-v-746be088] {\n color: var(--color-gray-lighter);\n}\n.colorGrayLightest[data-v-746be088] {\n color: var(--color-gray-lightest);\n}\n.colorWhite[data-v-746be088] {\n color: var(--color-white);\n}\n.colorLink[data-v-746be088] {\n color: var(--color-link);\n}\n.colorLinkVisited[data-v-746be088] {\n color: var(--color-link-visited);\n}\n.colorLinkDarkBg[data-v-746be088] {\n color: var(--color-link-dark-bg);\n}\n.colorDisabled[data-v-746be088] {\n color: var(--color-disabled);\n}\n.colorActionDarkest[data-v-746be088] {\n color: var(--color-action-darkest);\n}\n.colorActionDarker[data-v-746be088] {\n color: var(--color-action-darker);\n}\n.colorAction[data-v-746be088] {\n color: var(--color-action);\n}\n.colorActionLighter[data-v-746be088] {\n color: var(--color-action-lighter);\n}\n.colorActionLightest[data-v-746be088] {\n color: var(--color-action-lightest);\n}\n.colorSelectedDarkest[data-v-746be088] {\n color: var(--color-selected-darkest);\n}\n.colorSelectedDarker[data-v-746be088] {\n color: var(--color-selected-darker);\n}\n.colorSelected[data-v-746be088] {\n color: var(--color-selected);\n}\n.colorSelectedLighter[data-v-746be088] {\n color: var(--color-selected-lighter);\n}\n.colorSelectedLightest[data-v-746be088] {\n color: var(--color-selected-lightest);\n}\n.colorErrorDarkest[data-v-746be088] {\n color: var(--color-error-darkest);\n}\n.colorErrorDarker[data-v-746be088] {\n color: var(--color-error-darker);\n}\n.colorError[data-v-746be088] {\n color: var(--color-error);\n}\n.colorErrorLighter[data-v-746be088] {\n color: var(--color-error-lighter);\n}\n.colorErrorLightest[data-v-746be088] {\n color: var(--color-error-lightest);\n}\n.colorWarningDarkest[data-v-746be088] {\n color: var(--color-warning-darkest);\n}\n.colorWarningDarker[data-v-746be088] {\n color: var(--color-warning-darker);\n}\n.colorWarning[data-v-746be088] {\n color: var(--color-warning);\n}\n.colorWarningLighter[data-v-746be088] {\n color: var(--color-warning-lighter);\n}\n.colorWarningLightest[data-v-746be088] {\n color: var(--color-warning-lightest);\n}\n.colorBlawBlue[data-v-746be088] {\n color: var(--color-blaw-blue);\n}\n.colorBtaxBlue[data-v-746be088] {\n color: var(--color-btax-blue);\n}\n.colorThemeAntitrust[data-v-746be088] {\n color: var(--color-theme-antitrust);\n}\n.colorThemeBanking[data-v-746be088] {\n color: var(--color-theme-banking);\n}\n.colorThemeBankruptcy[data-v-746be088] {\n color: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefits[data-v-746be088] {\n color: var(--color-theme-benefits);\n}\n.colorThemeCorporate[data-v-746be088] {\n color: var(--color-theme-corporate);\n}\n.colorThemeEdiscovery[data-v-746be088] {\n color: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironment[data-v-746be088] {\n color: var(--color-theme-environment);\n}\n.colorThemeHealth[data-v-746be088] {\n color: var(--color-theme-health);\n}\n.colorThemeIp[data-v-746be088] {\n color: var(--color-theme-ip);\n}\n.colorThemeLabor[data-v-746be088] {\n color: var(--color-theme-labor);\n}\n.colorThemeSecurities[data-v-746be088] {\n color: var(--color-theme-securities);\n}\n.colorThemeTelecom[data-v-746be088] {\n color: var(--color-theme-telecom);\n}\n.colorDataviz1[data-v-746be088] {\n color: var(--color-dataviz-1);\n}\n.colorDataviz2[data-v-746be088] {\n color: var(--color-dataviz-2);\n}\n.colorDataviz3[data-v-746be088] {\n color: var(--color-dataviz-3);\n}\n.colorDataviz4[data-v-746be088] {\n color: var(--color-dataviz-4);\n}\n.colorDataviz5[data-v-746be088] {\n color: var(--color-dataviz-5);\n}\n.colorDataviz6[data-v-746be088] {\n color: var(--color-dataviz-6);\n}\n.colorDataviz7[data-v-746be088] {\n color: var(--color-dataviz-7);\n}\n.colorDataviz8[data-v-746be088] {\n color: var(--color-dataviz-8);\n}\n.colorDataviz9[data-v-746be088] {\n color: var(--color-dataviz-9);\n}\n.colorDataviz10[data-v-746be088] {\n color: var(--color-dataviz-10);\n}\n.colorDatavizPositive[data-v-746be088] {\n color: var(--color-dataviz-positive);\n}\n.colorDatavizNegative[data-v-746be088] {\n color: var(--color-dataviz-negative);\n}\n.colorDemocrat[data-v-746be088] {\n color: var(--color-democrat);\n}\n.colorRepublican[data-v-746be088] {\n color: var(--color-republican);\n}\n.colorIndependent[data-v-746be088] {\n color: var(--color-independent);\n}\n.colorBlackBg[data-v-746be088] {\n background: var(--color-black);\n}\n.colorGrayDarkBg[data-v-746be088] {\n background: var(--color-gray-dark);\n}\n.colorGrayBg[data-v-746be088] {\n background: var(--color-gray);\n}\n.colorGrayLightBg[data-v-746be088] {\n background: var(--color-gray-light);\n}\n.colorGrayLighterBg[data-v-746be088] {\n background: var(--color-gray-lighter);\n}\n.colorGrayLightestBg[data-v-746be088] {\n background: var(--color-gray-lightest);\n}\n.colorWhiteBg[data-v-746be088] {\n background: var(--color-white);\n}\n.colorLinkBg[data-v-746be088] {\n background: var(--color-link);\n}\n.colorLinkVisitedBg[data-v-746be088] {\n background: var(--color-link-visited);\n}\n.colorLinkDarkBgBg[data-v-746be088] {\n background: var(--color-link-dark-bg);\n}\n.colorDisabledBg[data-v-746be088] {\n background: var(--color-disabled);\n}\n.colorActionDarkestBg[data-v-746be088] {\n background: var(--color-action-darkest);\n}\n.colorActionDarkerBg[data-v-746be088] {\n background: var(--color-action-darker);\n}\n.colorActionBg[data-v-746be088] {\n background: var(--color-action);\n}\n.colorActionLighterBg[data-v-746be088] {\n background: var(--color-action-lighter);\n}\n.colorActionLightestBg[data-v-746be088] {\n background: var(--color-action-lightest);\n}\n.colorSelectedDarkestBg[data-v-746be088] {\n background: var(--color-selected-darkest);\n}\n.colorSelectedDarkerBg[data-v-746be088] {\n background: var(--color-selected-darker);\n}\n.colorSelectedBg[data-v-746be088] {\n background: var(--color-selected);\n}\n.colorSelectedLighterBg[data-v-746be088] {\n background: var(--color-selected-lighter);\n}\n.colorSelectedLightestBg[data-v-746be088] {\n background: var(--color-selected-lightest);\n}\n.colorErrorDarkestBg[data-v-746be088] {\n background: var(--color-error-darkest);\n}\n.colorErrorDarkerBg[data-v-746be088] {\n background: var(--color-error-darker);\n}\n.colorErrorBg[data-v-746be088] {\n background: var(--color-error);\n}\n.colorErrorLighterBg[data-v-746be088] {\n background: var(--color-error-lighter);\n}\n.colorErrorLightestBg[data-v-746be088] {\n background: var(--color-error-lightest);\n}\n.colorWarningDarkestBg[data-v-746be088] {\n background: var(--color-warning-darkest);\n}\n.colorWarningDarkerBg[data-v-746be088] {\n background: var(--color-warning-darker);\n}\n.colorWarningBg[data-v-746be088] {\n background: var(--color-warning);\n}\n.colorWarningLighterBg[data-v-746be088] {\n background: var(--color-warning-lighter);\n}\n.colorWarningLightestBg[data-v-746be088] {\n background: var(--color-warning-lightest);\n}\n.colorBlawBlueBg[data-v-746be088] {\n background: var(--color-blaw-blue);\n}\n.colorBtaxBlueBg[data-v-746be088] {\n background: var(--color-btax-blue);\n}\n.colorThemeAntitrustBg[data-v-746be088] {\n background: var(--color-theme-antitrust);\n}\n.colorThemeBankingBg[data-v-746be088] {\n background: var(--color-theme-banking);\n}\n.colorThemeBankruptcyBg[data-v-746be088] {\n background: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefitsBg[data-v-746be088] {\n background: var(--color-theme-benefits);\n}\n.colorThemeCorporateBg[data-v-746be088] {\n background: var(--color-theme-corporate);\n}\n.colorThemeEdiscoveryBg[data-v-746be088] {\n background: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironmentBg[data-v-746be088] {\n background: var(--color-theme-environment);\n}\n.colorThemeHealthBg[data-v-746be088] {\n background: var(--color-theme-health);\n}\n.colorThemeIpBg[data-v-746be088] {\n background: var(--color-theme-ip);\n}\n.colorThemeLaborBg[data-v-746be088] {\n background: var(--color-theme-labor);\n}\n.colorThemeSecuritiesBg[data-v-746be088] {\n background: var(--color-theme-securities);\n}\n.colorThemeTelecomBg[data-v-746be088] {\n background: var(--color-theme-telecom);\n}\n.colorDataviz1Bg[data-v-746be088] {\n background: var(--color-dataviz-1);\n}\n.colorDataviz2Bg[data-v-746be088] {\n background: var(--color-dataviz-2);\n}\n.colorDataviz3Bg[data-v-746be088] {\n background: var(--color-dataviz-3);\n}\n.colorDataviz4Bg[data-v-746be088] {\n background: var(--color-dataviz-4);\n}\n.colorDataviz5Bg[data-v-746be088] {\n background: var(--color-dataviz-5);\n}\n.colorDataviz6Bg[data-v-746be088] {\n background: var(--color-dataviz-6);\n}\n.colorDataviz7Bg[data-v-746be088] {\n background: var(--color-dataviz-7);\n}\n.colorDataviz8Bg[data-v-746be088] {\n background: var(--color-dataviz-8);\n}\n.colorDataviz9Bg[data-v-746be088] {\n background: var(--color-dataviz-9);\n}\n.colorDataviz10Bg[data-v-746be088] {\n background: var(--color-dataviz-10);\n}\n.colorDatavizPositiveBg[data-v-746be088] {\n background: var(--color-dataviz-positive);\n}\n.colorDatavizNegativeBg[data-v-746be088] {\n background: var(--color-dataviz-negative);\n}\n.colorDemocratBg[data-v-746be088] {\n background: var(--color-democrat);\n}\n.colorRepublicanBg[data-v-746be088] {\n background: var(--color-republican);\n}\n.colorIndependentBg[data-v-746be088] {\n background: var(--color-independent);\n}\n[data-v-746be088]:root {\n --root-fontsize: 16px;\n --font-primary: \"OpenSans\",arial,sans-serif;\n --font-accent: \"AvenirNextMForBBG\",\"Avenir\",\"Helvetica Neue\",helvetica,arial,sans-serif;\n --fontsize-heading-lg: 3.375rem;\n --fontsize-heading-md: 2.25rem;\n --fontsize-heading-sm: 1.5rem;\n --fontsize-base-lg: 1rem;\n --fontsize-base-md: .875rem;\n --fontsize-base-sm: .75rem;\n --fontsize-small: .625rem;\n --lineheight-heading-lg: 4rem;\n --lineheight-heading-md: 2.75rem;\n --lineheight-heading-sm: 1.75rem;\n --lineheight-base-lg: 1.5rem;\n --lineheight-base-md: 1.25rem;\n --lineheight-base-sm: 1rem;\n --lineheight-small: .75rem;\n --lineheight-100: 1.0;\n --fontweight-regular: 400;\n --fontweight-semi: 600;\n --fontweight-bold: 700;\n --letterspacing-heading-lg: -0.04rem;\n --letterspacing-heading-md: -0.04rem;\n --letterspacing-heading-sm: 0rem;\n --letterspacing-base-lg: 0rem;\n --letterspacing-base-md: 0.00625rem;\n --letterspacing-base-sm: 0.01875rem;\n --letterspacing-small: 0.01875rem;\n --cdn-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}\n.fontSizeHeadingLg[data-v-746be088] {\n font-size: var(--fontsize-heading-lg);\n line-height: var(--lineheight-heading-lg);\n letter-spacing: var(--letterspacing-heading-lg);\n}\n.fontSizeHeadingMd[data-v-746be088] {\n font-size: var(--fontsize-heading-md);\n line-height: var(--lineheight-heading-md);\n letter-spacing: var(--letterspacing-heading-md);\n}\n.fontSizeHeadingSm[data-v-746be088] {\n font-size: var(--fontsize-heading-sm);\n line-height: var(--lineheight-heading-sm);\n letter-spacing: var(--letterspacing-heading-sm);\n}\n.fontSizeBaseLg[data-v-746be088] {\n font-size: var(--fontsize-base-lg);\n line-height: var(--lineheight-base-lg);\n letter-spacing: var(--letterspacing-base-lg);\n}\n.fontSizeBaseMd[data-v-746be088] {\n font-size: var(--fontsize-base-md);\n line-height: var(--lineheight-base-md);\n letter-spacing: var(--letterspacing-base-md);\n}\n.fontSizeBaseSm[data-v-746be088] {\n font-size: var(--fontsize-base-sm);\n line-height: var(--lineheight-base-sm);\n letter-spacing: var(--letterspacing-base-sm);\n}\n[data-v-746be088]:root {\n --root-fontsize: 16px;\n --font-primary: \"OpenSans\",arial,sans-serif;\n --font-accent: \"AvenirNextMForBBG\",\"Avenir\",\"Helvetica Neue\",helvetica,arial,sans-serif;\n --fontsize-heading-lg: 3.375rem;\n --fontsize-heading-md: 2.25rem;\n --fontsize-heading-sm: 1.5rem;\n --fontsize-base-lg: 1rem;\n --fontsize-base-md: .875rem;\n --fontsize-base-sm: .75rem;\n --fontsize-small: .625rem;\n --lineheight-heading-lg: 4rem;\n --lineheight-heading-md: 2.75rem;\n --lineheight-heading-sm: 1.75rem;\n --lineheight-base-lg: 1.5rem;\n --lineheight-base-md: 1.25rem;\n --lineheight-base-sm: 1rem;\n --lineheight-small: .75rem;\n --lineheight-100: 1.0;\n --fontweight-regular: 400;\n --fontweight-semi: 600;\n --fontweight-bold: 700;\n --letterspacing-heading-lg: -0.04rem;\n --letterspacing-heading-md: -0.04rem;\n --letterspacing-heading-sm: 0rem;\n --letterspacing-base-lg: 0rem;\n --letterspacing-base-md: 0.00625rem;\n --letterspacing-base-sm: 0.01875rem;\n --letterspacing-small: 0.01875rem;\n --cdn-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}\n[data-v-746be088]:root {\n --baseline: .25rem;\n --baseline-scale: 2,3,4,6,9,12,18,24,36;\n --baseline-12: 3rem;\n --baseline-1: .25rem;\n --baseline-2: 0.50rem;\n --baseline-24: 6rem;\n --baseline-3: 0.75rem;\n --baseline-36: 9rem;\n --baseline-4: 1rem;\n --baseline-6: 1.5rem;\n --baseline-18: 4.5rem;\n --baseline-9: 2.25rem;\n}\n.FishTankPickerDay[data-v-746be088] {\n font-family: var(--font-primary);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 1px solid var(--color-gray-lighter);\n border-radius: 2px;\n background-color: var(--color-white);\n -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);\n box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);\n position: relative;\n width: 375px;\n padding: 15px;\n margin-top: 5px;\n}\n.FishTankPickerDay[data-v-746be088]:not([inline]) {\n position: absolute;\n z-index: 100;\n}\n.FishTankPickerDay *[data-v-746be088] {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.FishTankPickerDay hr[data-v-746be088] {\n display: block;\n}\n.FishTankPickerDay footer[data-v-746be088] {\n padding: 10px 0px 0px 0px;\n}\n.FishTankPickerDay header[data-v-746be088] {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding: 0px 0px 10px 0px;\n}\n.FishTankPickerDay header .current-month[data-v-746be088] {\n font-size: var(--fontsize-base-lg);\n font-weight: var(--fontweight-bold);\n color: var(--color-gray);\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n text-align: center;\n}\n.FishTankPickerDay header .current-month[disabled][data-v-746be088] {\n pointer-events: none;\n}\n.FishTankPickerDay header .prev[data-v-746be088],\n .FishTankPickerDay header .next[data-v-746be088] {\n cursor: pointer;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font-size: 36px;\n border-radius: 2px;\n text-align: right;\n}\n.FishTankPickerDay header .prev[data-v-746be088]:hover,\n .FishTankPickerDay header .next[data-v-746be088]:hover {\n background: var(--color-gray-lightest);\n}\n.FishTankPickerDay header .prev[data-v-746be088]:active,\n .FishTankPickerDay header .next[data-v-746be088]:active {\n background: var(--color-gray-lighter);\n}\n.FishTankPickerDay header .prev[disabled][data-v-746be088],\n .FishTankPickerDay header .next[disabled][data-v-746be088] {\n pointer-events: none;\n}\n.FishTankPickerDay header .prev[disabled] .FishtankIcon[data-v-746be088],\n .FishTankPickerDay header .next[disabled] .FishtankIcon[data-v-746be088] {\n opacity: 0.5;\n}\n.FishTankPickerDay header .prev.double[data-v-746be088] :first-child,\n .FishTankPickerDay header .next.double[data-v-746be088] :first-child {\n margin-right: -18px;\n}\n.FishTankPickerDay header .prev .FishtankIcon[data-v-746be088],\n .FishTankPickerDay header .next .FishtankIcon[data-v-746be088] {\n width: 24px;\n}\n.FishTankPickerDay .cells[data-v-746be088] {\n padding-left: 2px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n border: 1px solid var(--color-gray-lighter);\n background: var(--color-background);\n border-radius: 2px;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.FishTankPickerDay .cell[data-v-746be088] {\n font-size: var(--fontsize-base-sm);\n font-weight: var(--fontweight-semi);\n color: var(--color-gray);\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n margin: 2px;\n width: calc(100% / 7.7);\n height: 35px;\n line-height: 35px;\n text-align: center;\n vertical-align: middle;\n border: 1px solid transparent;\n border-radius: 2px;\n background: var(--color-background);\n}\n.FishTankPickerDay .cell[disabled][data-v-746be088] {\n color: var(--color-white);\n fill: var(--color-disabled);\n cursor: default;\n}\n.FishTankPickerDay .cell:not(.blank):not([disabled]).day[data-v-746be088],\n .FishTankPickerDay .cell:not(.blank):not([disabled]).month[data-v-746be088],\n .FishTankPickerDay .cell:not(.blank):not([disabled]).year[data-v-746be088] {\n cursor: pointer;\n}\n.FishTankPickerDay .cell.day.today[data-v-746be088] {\n border: 1px solid var(--color-gray);\n}\n.FishTankPickerDay .cell:not(.blank):not([disabled]).day[data-v-746be088]:hover,\n .FishTankPickerDay .cell:not(.blank):not([disabled]).month[data-v-746be088]:hover,\n .FishTankPickerDay .cell:not(.blank):not([disabled]).year[data-v-746be088]:hover {\n background-color: var(--color-selected);\n color: var(--color-gray-lightest);\n}\n.FishTankPickerDay .cell.selected[data-v-746be088] {\n background-color: var(--color-selected);\n color: var(--color-gray-lightest);\n}\n.FishTankPickerDay .cell.selected[data-v-746be088]:hover {\n background-color: var(--color-selected);\n color: var(--color-gray-lightest);\n}\n.FishTankPickerDay .cell.selected.highlighted[data-v-746be088],\n .FishTankPickerDay .cell.highlighted.highlight-end[data-v-746be088],\n .FishTankPickerDay .cell.highlighted.highlight-start[data-v-746be088] {\n color: var(--color-gray-lightest);\n background-color: var(--color-selected);\n}\n.FishTankPickerDay .cell.highlighted[data-v-746be088] {\n background: var(--color-selected-lightest);\n}\n.FishTankPickerDay .cell.highlighted[disabled][data-v-746be088] {\n color: var(--color-disabled);\n}\n.FishTankPickerDay .cell.grey[data-v-746be088] {\n color: var(--color-gray);\n}\n.FishTankPickerDay .cell.grey[data-v-746be088]:hover {\n background: inherit;\n}\n.FishTankPickerDay .cell.day-header[data-v-746be088] {\n color: var(--color-gray-dark);\n white-space: nowrap;\n cursor: inherit;\n}\n.FishTankPickerDay .cell.day-header[data-v-746be088]:hover {\n background: inherit;\n}\n.FishTankPickerDay .select-today[data-v-746be088] {\n cursor: pointer;\n color: var(--color-link);\n font-size: var(--fontsize-base-md);\n font-weight: var(--fontweight-semi);\n margin-left: 88%;\n}\n.FishTankPickerDay .select-today[data-v-746be088]:hover {\n opacity: 0.9;\n}\n.FishTankPickerDay .select-today[data-v-746be088]:active {\n color: --color-link-visited;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$56 = "data-v-746be088";
/* module identifier */
var __vue_module_identifier__$56 = undefined;
/* functional template */
var __vue_is_functional_template__$56 = false;
/* style inject SSR */
var FishTankPickerDay = __vue_normalize__({
render: __vue_render__$50,
staticRenderFns: __vue_staticRenderFns__$50
}, __vue_inject_styles__$56, __vue_script__$56, __vue_scope_id__$56, __vue_is_functional_template__$56, __vue_module_identifier__$56, __vue_create_injector__, undefined);
//
/**
* A date selector calendar that displays months in a given year
*/
var script$57 = {
name: 'FishTankPickerMonth',
components: {
ChevronLeft24: ChevronLeft24,
ChevronRight24: ChevronRight24
},
props: {
/**
* User specified function that determines if a given view (day, month, year) can be displayed
*/
disableYear: Boolean,
/**
* Non-selectable dates, can be specified up to or from a date, over a range, by day,
* by individual date, or by user-specified function
*
*disabledDates: {
* to: new Date(2016, 0, 5), // Disable all dates up to specific date
* from: new Date(2016, 0, 26), // Disable all dates after specific date
* days: [6, 0], // Disable Saturday's and Sunday's
* daysOfMonth: [29, 30, 31], // Disable 29th, 30th and 31st of each month
* dates: [ // Disable an array of dates
* new Date(2016, 9, 16),
* new Date(2016, 9, 17),
* new Date(2016, 9, 18)
* ],
* ranges: [{ // Disable dates in given ranges (exclusive).
* from: new Date(2016, 11, 25),
* to: new Date(2016, 11, 30)
* }, {
* from: new Date(2017, 1, 12),
* to: new Date(2017, 2, 25)
* }],
* // a custom function that returns true if the date is disabled
* // this can be used for wiring you own logic to disable a date if none
* // of the above conditions serve your purpose
* // this function should accept a date and return true if is disabled
* customPredictor: function(date) {
* // disables the date if it is a multiple of 5
* if(date.getDate() % 5 == 0){
* return true
* }
* }
*}
*/
disabledDates: Object,
/**
* Initial calendar date to open to
*/
initialPageDate: Date,
/**
* Show the calendar inline
*/
inline: Boolean,
/**
* Language to use for month name abbreviations
*/
translation: {
type: Object,
default: function _default() {
return en;
}
},
/**
* Use UTC for time calculations
*/
utc: Boolean,
/**
* The selected date
*/
value: Date
},
data: function data() {
return {
pageDate: this.initialPageDate || this.value || new Date(),
utils: makeFishTankDateUtils(this.utc)
};
},
computed: {
/**
* Is the next year disabled?
* @return {Boolean}
*/
isNextYearDisabled: function isNextYearDisabled() {
if (!this.disabledDates || !this.disabledDates.from) {
return false;
}
return this.utils.getFullYear(this.disabledDates.from) <= this.utils.getFullYear(this.pageDate);
},
/**
* Is the previous year disabled?
* @return {Boolean}
*/
isPreviousYearDisabled: function isPreviousYearDisabled() {
if (!this.disabledDates || !this.disabledDates.to) {
return false;
}
return this.utils.getFullYear(this.disabledDates.to) >= this.utils.getFullYear(this.pageDate);
},
/**
* @return {Object[]}
*/
months: function months() {
var d = this.pageDate;
var months = []; // set up a new date object to the beginning of the current 'page'
var dObj = this.utc ? new Date(Date.UTC(d.getUTCFullYear(), 0, d.getUTCDate())) : new Date(d.getFullYear(), 0, d.getDate(), d.getHours(), d.getMinutes());
for (var i = 0; i < 12; i++) {
months.push({
label: this.utils.getMonthName(i, this.translation.months),
timestamp: dObj.getTime(),
isSelected: this._isSelectedMonth(dObj),
isDisabled: this._isDisabledMonth(dObj)
});
this.utils.setMonth(dObj, this.utils.getMonth(dObj) + 1);
}
return months;
},
/**
* Get year name on current page.
* @return {String}
*/
pageYearName: function pageYearName() {
var yearSuffix = this.translation.yearSuffix;
return "".concat(this.utils.getFullYear(this.pageDate)).concat(yearSuffix);
}
},
methods: {
/**
* Sets current page date
* @param {Date} date
*/
setPageDate: function setPageDate(date) {
this.pageDate = date;
},
/**
* Changes the year up or down
* @param {Number} incrementBy
*/
_changeYear: function _changeYear(incrementBy) {
var date = this.pageDate;
this.utils.setFullYear(date, this.utils.getFullYear(date) + incrementBy);
this.pageDate = new Date(date);
},
/**
* Whether a month is disabled
* @param {Date}
* @return {Boolean}
*/
_isDisabledMonth: function _isDisabledMonth(date) {
var disabledDates = false;
if (typeof this.disabledDates === 'undefined' || !this.disabledDates) {
return false;
}
if (typeof this.disabledDates.to !== 'undefined' && this.disabledDates.to) {
if (this.utils.getMonth(date) < this.utils.getMonth(this.disabledDates.to) && this.utils.getFullYear(date) <= this.utils.getFullYear(this.disabledDates.to) || this.utils.getFullYear(date) < this.utils.getFullYear(this.disabledDates.to)) {
disabledDates = true;
}
}
if (typeof this.disabledDates.from !== 'undefined' && this.disabledDates.from) {
if (this.utils.getMonth(date) > this.utils.getMonth(this.disabledDates.from) && this.utils.getFullYear(date) >= this.utils.getFullYear(this.disabledDates.from) || this.utils.getFullYear(date) > this.utils.getFullYear(this.disabledDates.from)) {
disabledDates = true;
}
}
if (typeof this.disabledDates.customPredictor === 'function' && this.disabledDates.customPredictor(date)) {
disabledDates = true;
}
return disabledDates;
},
/**
* Whether the selected date is in this month
* @param {Date}
* @return {Boolean}
*/
_isSelectedMonth: function _isSelectedMonth(date) {
return this.value && this.utils.getFullYear(this.value) === this.utils.getFullYear(date) && this.utils.getMonth(this.value) === this.utils.getMonth(date);
},
/**
* Increments the year
*/
_nextYear: function _nextYear() {
if (!this.isNextYearDisabled) {
this._changeYear(1);
}
},
/**
* Decrements the year
*/
_previousYear: function _previousYear() {
if (!this.isPreviousYearDisabled) {
this._changeYear(-1);
}
},
/**
* Emits a selectMonth event
* @param {Object} month
*/
_selectMonth: function _selectMonth(month) {
if (month.isDisabled) {
return false;
}
this.$emit('selectMonth', month);
}
}
};
/* script */
var __vue_script__$57 = script$57;
/* template */
var __vue_render__$51 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
staticClass: "FishTankPickerMonth",
attrs: {
inline: _vm.inline
},
on: {
mousedown: function mousedown($event) {
$event.preventDefault();
}
}
}, [_c("header", [_c("span", {
staticClass: "prev",
attrs: {
disabled: _vm.isPreviousYearDisabled
},
on: {
click: _vm._previousYear
}
}, [_c("chevron-left24")], 1), _vm._v(" "), _c("span", {
staticClass: "current-year",
attrs: {
disabled: _vm.disableYear
},
on: {
click: function click($event) {
return _vm.$emit("showYearCalendar");
}
}
}, [_vm._v(_vm._s(_vm.pageYearName))]), _vm._v(" "), _c("span", {
staticClass: "next",
attrs: {
disabled: _vm.isNextYearDisabled
},
on: {
click: _vm._nextYear
}
}, [_c("chevron-right24")], 1)]), _vm._v(" "), _vm._l(_vm.months, function (month, index) {
return _c("span", {
key: index,
class: {
"cell month": true,
selected: month.isSelected
},
attrs: {
disabled: month.isDisabled
},
on: {
click: function click($event) {
$event.stopPropagation();
return _vm._selectMonth(month);
}
}
}, [_vm._v(_vm._s(month.label))]);
})], 2);
};
var __vue_staticRenderFns__$51 = [];
__vue_render__$51._withStripped = true;
/* style */
var __vue_inject_styles__$57 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-544ff4b0_0", {
source: ".FishTankPickerMonth[data-v-544ff4b0] {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n border: 1px solid #ccc;\n background-color: #f0f3f7;\n position: relative;\n width: 300px;\n}\n.FishTankPickerMonth[data-v-544ff4b0]:not([inline]) {\n position: absolute;\n z-index: 100;\n}\n.FishTankPickerMonth *[data-v-544ff4b0] {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.FishTankPickerMonth header[data-v-544ff4b0] {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n background-color: #0D9DDB;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding: 0 8px;\n}\n.FishTankPickerMonth header .current-year[data-v-544ff4b0] {\n color: white;\n cursor: pointer;\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n text-align: center;\n}\n.FishTankPickerMonth header .current-year[disabled][data-v-544ff4b0] {\n pointer-events: none;\n}\n.FishTankPickerMonth header .prev[data-v-544ff4b0], .FishTankPickerMonth header .next[data-v-544ff4b0] {\n cursor: pointer;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font-size: 36px;\n}\n.FishTankPickerMonth header .prev[disabled][data-v-544ff4b0], .FishTankPickerMonth header .next[disabled][data-v-544ff4b0] {\n pointer-events: none;\n}\n.FishTankPickerMonth header .prev[disabled] .FishtankIcon[data-v-544ff4b0], .FishTankPickerMonth header .next[disabled] .FishtankIcon[data-v-544ff4b0] {\n opacity: 0.5;\n}\n.FishTankPickerMonth header .prev .FishtankIcon[data-v-544ff4b0], .FishTankPickerMonth header .next .FishtankIcon[data-v-544ff4b0] {\n width: 24px;\n}\n.FishTankPickerMonth .cell[data-v-544ff4b0] {\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n padding: 0 5px;\n width: calc(100%/3);\n height: 40px;\n line-height: 40px;\n text-align: center;\n vertical-align: middle;\n border: 1px solid transparent;\n}\n.FishTankPickerMonth .cell[disabled][data-v-544ff4b0] {\n color: #ddd;\n fill: #a3a3a3;\n cursor: default;\n}\n.FishTankPickerMonth .cell:not(.blank):not([disabled]).day[data-v-544ff4b0],\n .FishTankPickerMonth .cell:not(.blank):not([disabled]).month[data-v-544ff4b0],\n .FishTankPickerMonth .cell:not(.blank):not([disabled]).year[data-v-544ff4b0] {\n cursor: pointer;\n}\n.FishTankPickerMonth .cell.day.today[data-v-544ff4b0] {\n border: 1px solid var(--primary-color, #777C7F);\n}\n.FishTankPickerMonth .cell:not(.blank):not([disabled]).day[data-v-544ff4b0]:hover,\n .FishTankPickerMonth .cell:not(.blank):not([disabled]).month[data-v-544ff4b0]:hover,\n .FishTankPickerMonth .cell:not(.blank):not([disabled]).year[data-v-544ff4b0]:hover {\n background-color: #0D9DDB;\n}\n.FishTankPickerMonth .cell.selected[data-v-544ff4b0] {\n background-color: #0D9DDB;\n}\n.FishTankPickerMonth .cell.selected[data-v-544ff4b0]:hover {\n background-color: #0D9DDB;\n}\n.FishTankPickerMonth .cell.selected.highlighted[data-v-544ff4b0],\n .FishTankPickerMonth .cell.highlighted.highlight-end[data-v-544ff4b0],\n .FishTankPickerMonth .cell.highlighted.highlight-start[data-v-544ff4b0] {\n background-color: #0D9DDB;\n}\n.FishTankPickerMonth .cell.highlighted[data-v-544ff4b0] {\n background: #72c6ea;\n}\n.FishTankPickerMonth .cell.highlighted[disabled][data-v-544ff4b0] {\n color: #a3a3a3;\n}\n.FishTankPickerMonth .cell.grey[data-v-544ff4b0] {\n color: #888;\n}\n.FishTankPickerMonth .cell.grey[data-v-544ff4b0]:hover {\n background: inherit;\n}\n.FishTankPickerMonth .cell.day-header[data-v-544ff4b0] {\n font-size: 75%;\n white-space: nowrap;\n cursor: inherit;\n}\n.FishTankPickerMonth .cell.day-header[data-v-544ff4b0]:hover {\n background: inherit;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$57 = "data-v-544ff4b0";
/* module identifier */
var __vue_module_identifier__$57 = undefined;
/* functional template */
var __vue_is_functional_template__$57 = false;
/* style inject SSR */
var FishTankPickerMonth = __vue_normalize__({
render: __vue_render__$51,
staticRenderFns: __vue_staticRenderFns__$51
}, __vue_inject_styles__$57, __vue_script__$57, __vue_scope_id__$57, __vue_is_functional_template__$57, __vue_module_identifier__$57, __vue_create_injector__, undefined);
/**
* A date input field. Validates input according to specified format
*/
var script$58 = {
components: {
calendar: Calendar24,
close: CloseSml24
},
model: {
prop: "date",
event: "change"
},
props: {
format: {
type: String,
default: "MM/DD/YYYY"
},
/**
* Hide calendar toggle icon
*/
hideCalendarToggle: Boolean,
/**
* Hides clear icon
*/
hideClear: Boolean,
/**
* Current Date
*/
date: Date
},
data: function data() {
return {
month: "",
day: "",
year: "",
isFocused: undefined
};
},
computed: {
fullDate: function fullDate() {
return !!this.month && !!this.day && !!this.year ? "".concat(this.month, "/").concat(this.day, "/").concat(this.year) : undefined;
}
},
watch: {
// Certainly a better way to do this, probably provide error state
month: function month(newVal) {
var re = /[^0-9]/gi;
this.$set(this, "month", newVal.replace(re, ""));
if (Number(this.month) > 12) {
this.month = "";
}
if (this.$refs.month !== document.activeElement && this.month.length === 1) {
this.month = "0" + this.month;
}
if (this.$refs.day !== document.activeElement && this.day.length === 1) {
this.day = "0" + this.day;
}
if (this.month.length === 2 && this.day.length === 0) {
this.$refs.day.focus();
}
},
day: function day(newVal) {
var re = /[^0-9]/gi;
this.$set(this, "day", newVal.replace(re, ""));
if (Number(this.day) > 31) {
this.day = "";
}
if (this.$refs.month !== document.activeElement && this.month.length === 1) {
this.month = "0" + this.month;
}
if (this.$refs.day !== document.activeElement && this.day.length === 1) {
this.day = "0" + this.day;
}
if (this.day.length === 2 && this.month.length === 2 && this.year.length === 0) {
this.$refs.year.focus();
}
},
year: function year(newVal) {
var re = /[^0-9]/gi;
this.$set(this, "year", newVal.replace(re, ""));
if (this.$refs.month !== document.activeElement && this.month.length === 1) {
this.month = "0" + this.month;
}
if (this.$refs.day !== document.activeElement && this.day.length === 1) {
this.day = "0" + this.day;
}
},
date: function date(newVal) {
this.getParentDate();
}
},
created: function created() {
this.getParentDate();
},
updated: function updated() {
if (this.month.length === 2 && this.day.length === 2 && this.year.length === 4) {
// Code being re-used here, consolidate with a function
if (this._dateStringIsValid(this.fullDate)) {
this.$emit("change", new Date(this.fullDate));
} else {
this.formattedValue = null;
}
}
},
methods: {
getParentDate: function getParentDate() {
var dateArr = this._formatDate(this.date).split("/");
this.month = dateArr[0];
this.day = dateArr[1];
this.year = dateArr[2];
},
clearInput: function clearInput() {
// unsafe mutation?
this.month = "";
this.day = "";
this.year = ""; //What should we do when the input is cleared ? -- Need feedback here
this.$emit("change", new Date(""));
},
_dateStringIsValid: function _dateStringIsValid(str) {
var ts = Date.parse(str);
return !isNaN(ts) && this._formatDate(ts) === str;
},
_formatDate: function _formatDate(d) {
return makeFishTankDateUtils(this.utc).formatDate(new Date(d), this.format);
},
_handleKeyup: function _handleKeyup(e) {
// Only change on Enter
if (e.key !== "Enter") return; // Correcting possible invalid date formats
if (this.month.length === 1) {
this.month = "0" + this.month;
}
if (this.day.length === 1) {
this.day = "0" + this.day;
} // Set the value if valid, clear otherwise
if (this._dateStringIsValid(this.fullDate)) {
this.$emit("change", new Date(this.fullDate));
} else {
this.formattedValue = null;
}
}
}
};
/* script */
var __vue_script__$58 = script$58;
/* template */
var __vue_render__$52 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
class: ["date-container", {
"is-focused": _vm.isFocused
}],
attrs: {
"hide-calendar-toggle": _vm.hideCalendarToggle,
"hide-clear": _vm.hideClear
},
on: {
keyup: _vm._handleKeyup,
focus: function focus($event) {
_vm.isFocused = true;
},
blur: function blur($event) {
_vm.isFocused = false;
}
}
}, [_c("div", {
staticClass: "flex"
}, [!_vm.hideCalendarToggle ? _c("calendar", {
staticClass: "icon",
attrs: {
tabindex: "0",
role: "button"
},
on: {
click: function click($event) {
if ($event.target !== $event.currentTarget) {
return null;
}
return _vm.$emit("toggleCalendar");
},
focus: function focus($event) {
_vm.isFocused = true;
},
blur: function blur($event) {
_vm.isFocused = false;
}
},
nativeOn: {
keyup: function keyup($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
return null;
}
return _vm.$emit("toggleCalendar");
}
}
}) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "date-fields"
}, [_c("input", {
directives: [{
name: "model",
rawName: "v-model",
value: _vm.month,
expression: "month"
}],
ref: "month",
staticClass: "month",
attrs: {
type: "text",
placeholder: "MM",
maxlength: "2"
},
domProps: {
value: _vm.month
},
on: {
keyup: _vm._handleKeyup,
focus: function focus($event) {
_vm.isFocused = true;
},
blur: function blur($event) {
_vm.isFocused = false;
},
input: function input($event) {
if ($event.target.composing) {
return;
}
_vm.month = $event.target.value;
}
}
}), _vm._v(" "), _c("div", {
staticClass: "slash"
}, [_vm._v("/")]), _vm._v(" "), _c("input", {
directives: [{
name: "model",
rawName: "v-model",
value: _vm.day,
expression: "day"
}],
ref: "day",
staticClass: "day",
attrs: {
type: "text",
placeholder: "DD",
maxlength: "2"
},
domProps: {
value: _vm.day
},
on: {
keyup: _vm._handleKeyup,
focus: function focus($event) {
_vm.isFocused = true;
},
blur: function blur($event) {
_vm.isFocused = false;
},
input: function input($event) {
if ($event.target.composing) {
return;
}
_vm.day = $event.target.value;
}
}
}), _vm._v(" "), _c("div", {
staticClass: "slash"
}, [_vm._v("/")]), _vm._v(" "), _c("input", {
directives: [{
name: "model",
rawName: "v-model",
value: _vm.year,
expression: "year"
}],
ref: "year",
staticClass: "year",
attrs: {
type: "text",
placeholder: "YYYY",
maxlength: "4"
},
domProps: {
value: _vm.year
},
on: {
keyup: _vm._handleKeyup,
focus: function focus($event) {
_vm.isFocused = true;
},
blur: function blur($event) {
_vm.isFocused = false;
},
input: function input($event) {
if ($event.target.composing) {
return;
}
_vm.year = $event.target.value;
}
}
})]), _vm._v(" "), !_vm.hideClear ? _c("close", {
staticClass: "icon",
attrs: {
tabindex: "0",
role: "button"
},
on: {
click: this.clearInput,
focus: function focus($event) {
_vm.isFocused = true;
},
blur: function blur($event) {
_vm.isFocused = false;
}
},
nativeOn: {
keyup: function keyup($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
return null;
}
return _vm.clearInput($event);
}
}
}) : _vm._e()], 1)]);
};
var __vue_staticRenderFns__$52 = [];
__vue_render__$52._withStripped = true;
/* style */
var __vue_inject_styles__$58 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-2756cd41_0", {
source: "[data-v-2756cd41]:root {\n --color-black: #292E31;\n --color-gray-dark: #505558;\n --color-gray: #777C7F;\n --color-gray-light: #9EA3A6;\n --color-gray-lighter: #C5CACD;\n --color-gray-lightest: #EDF2F5;\n --color-white: #FFFFFF;\n --color-link: #267ABD;\n --color-link-visited: #7F57B8;\n --color-link-dark-bg: #ACCCE5;\n --color-disabled: #C5CACD;\n --color-action-darkest: #30855C;\n --color-action-darker: #399E6E;\n --color-action: #3DA774;\n --color-action-lighter: #49B88B;\n --color-action-lightest: #EBF6F1;\n --color-selected-darkest: #0A7DAF;\n --color-selected-darker: #0D94CF;\n --color-selected: #0D9DDB;\n --color-selected-lighter: #0FB0E2;\n --color-selected-lightest: #E7F5FB;\n --color-error-darkest: #B43931;\n --color-error-darker: #D5443A;\n --color-error: #E1483E;\n --color-error-lighter: #E7564A;\n --color-error-lightest: #FBECEB;\n --color-warning-darkest: #CC900D;\n --color-warning-darker: #F2AB10;\n --color-warning: #FFB511;\n --color-warning-lighter: #FFC314;\n --color-warning-lightest: #FFF7E7;\n --color-blaw-blue: #0D9DDB;\n --color-btax-blue: #2785D6;\n --color-theme-antitrust: #57534A;\n --color-theme-banking: #379851;\n --color-theme-bankruptcy: #C52700;\n --color-theme-benefits: #EA6A02;\n --color-theme-corporate: #8A5BB6;\n --color-theme-ediscovery: #F64A56;\n --color-theme-environment: #6DC470;\n --color-theme-health: #0D3B91;\n --color-theme-ip: #1E95C1;\n --color-theme-labor: #00C18C;\n --color-theme-securities: #45BDE9;\n --color-theme-telecom: #6A8C8A;\n --color-dataviz-1: #63B995;\n --color-dataviz-2: #1E4882;\n --color-dataviz-3: #F87060;\n --color-dataviz-4: #1AA2AF;\n --color-dataviz-5: #FFB511;\n --color-dataviz-6: #9357C8;\n --color-dataviz-7: #F697C0;\n --color-dataviz-8: #2ECC71;\n --color-dataviz-9: #34495E;\n --color-dataviz-10: #FF6D10;\n --color-dataviz-positive: #2ECC71;\n --color-dataviz-negative: #F87060;\n --color-democrat: #0A54C2;\n --color-republican: #D3301A;\n --color-independent: #FFB00D;\n}\n.colorBlack[data-v-2756cd41] {\n color: var(--color-black);\n}\n.colorGrayDark[data-v-2756cd41] {\n color: var(--color-gray-dark);\n}\n.colorGray[data-v-2756cd41] {\n color: var(--color-gray);\n}\n.colorGrayLight[data-v-2756cd41] {\n color: var(--color-gray-light);\n}\n.colorGrayLighter[data-v-2756cd41] {\n color: var(--color-gray-lighter);\n}\n.colorGrayLightest[data-v-2756cd41] {\n color: var(--color-gray-lightest);\n}\n.colorWhite[data-v-2756cd41] {\n color: var(--color-white);\n}\n.colorLink[data-v-2756cd41] {\n color: var(--color-link);\n}\n.colorLinkVisited[data-v-2756cd41] {\n color: var(--color-link-visited);\n}\n.colorLinkDarkBg[data-v-2756cd41] {\n color: var(--color-link-dark-bg);\n}\n.colorDisabled[data-v-2756cd41] {\n color: var(--color-disabled);\n}\n.colorActionDarkest[data-v-2756cd41] {\n color: var(--color-action-darkest);\n}\n.colorActionDarker[data-v-2756cd41] {\n color: var(--color-action-darker);\n}\n.colorAction[data-v-2756cd41] {\n color: var(--color-action);\n}\n.colorActionLighter[data-v-2756cd41] {\n color: var(--color-action-lighter);\n}\n.colorActionLightest[data-v-2756cd41] {\n color: var(--color-action-lightest);\n}\n.colorSelectedDarkest[data-v-2756cd41] {\n color: var(--color-selected-darkest);\n}\n.colorSelectedDarker[data-v-2756cd41] {\n color: var(--color-selected-darker);\n}\n.colorSelected[data-v-2756cd41] {\n color: var(--color-selected);\n}\n.colorSelectedLighter[data-v-2756cd41] {\n color: var(--color-selected-lighter);\n}\n.colorSelectedLightest[data-v-2756cd41] {\n color: var(--color-selected-lightest);\n}\n.colorErrorDarkest[data-v-2756cd41] {\n color: var(--color-error-darkest);\n}\n.colorErrorDarker[data-v-2756cd41] {\n color: var(--color-error-darker);\n}\n.colorError[data-v-2756cd41] {\n color: var(--color-error);\n}\n.colorErrorLighter[data-v-2756cd41] {\n color: var(--color-error-lighter);\n}\n.colorErrorLightest[data-v-2756cd41] {\n color: var(--color-error-lightest);\n}\n.colorWarningDarkest[data-v-2756cd41] {\n color: var(--color-warning-darkest);\n}\n.colorWarningDarker[data-v-2756cd41] {\n color: var(--color-warning-darker);\n}\n.colorWarning[data-v-2756cd41] {\n color: var(--color-warning);\n}\n.colorWarningLighter[data-v-2756cd41] {\n color: var(--color-warning-lighter);\n}\n.colorWarningLightest[data-v-2756cd41] {\n color: var(--color-warning-lightest);\n}\n.colorBlawBlue[data-v-2756cd41] {\n color: var(--color-blaw-blue);\n}\n.colorBtaxBlue[data-v-2756cd41] {\n color: var(--color-btax-blue);\n}\n.colorThemeAntitrust[data-v-2756cd41] {\n color: var(--color-theme-antitrust);\n}\n.colorThemeBanking[data-v-2756cd41] {\n color: var(--color-theme-banking);\n}\n.colorThemeBankruptcy[data-v-2756cd41] {\n color: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefits[data-v-2756cd41] {\n color: var(--color-theme-benefits);\n}\n.colorThemeCorporate[data-v-2756cd41] {\n color: var(--color-theme-corporate);\n}\n.colorThemeEdiscovery[data-v-2756cd41] {\n color: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironment[data-v-2756cd41] {\n color: var(--color-theme-environment);\n}\n.colorThemeHealth[data-v-2756cd41] {\n color: var(--color-theme-health);\n}\n.colorThemeIp[data-v-2756cd41] {\n color: var(--color-theme-ip);\n}\n.colorThemeLabor[data-v-2756cd41] {\n color: var(--color-theme-labor);\n}\n.colorThemeSecurities[data-v-2756cd41] {\n color: var(--color-theme-securities);\n}\n.colorThemeTelecom[data-v-2756cd41] {\n color: var(--color-theme-telecom);\n}\n.colorDataviz1[data-v-2756cd41] {\n color: var(--color-dataviz-1);\n}\n.colorDataviz2[data-v-2756cd41] {\n color: var(--color-dataviz-2);\n}\n.colorDataviz3[data-v-2756cd41] {\n color: var(--color-dataviz-3);\n}\n.colorDataviz4[data-v-2756cd41] {\n color: var(--color-dataviz-4);\n}\n.colorDataviz5[data-v-2756cd41] {\n color: var(--color-dataviz-5);\n}\n.colorDataviz6[data-v-2756cd41] {\n color: var(--color-dataviz-6);\n}\n.colorDataviz7[data-v-2756cd41] {\n color: var(--color-dataviz-7);\n}\n.colorDataviz8[data-v-2756cd41] {\n color: var(--color-dataviz-8);\n}\n.colorDataviz9[data-v-2756cd41] {\n color: var(--color-dataviz-9);\n}\n.colorDataviz10[data-v-2756cd41] {\n color: var(--color-dataviz-10);\n}\n.colorDatavizPositive[data-v-2756cd41] {\n color: var(--color-dataviz-positive);\n}\n.colorDatavizNegative[data-v-2756cd41] {\n color: var(--color-dataviz-negative);\n}\n.colorDemocrat[data-v-2756cd41] {\n color: var(--color-democrat);\n}\n.colorRepublican[data-v-2756cd41] {\n color: var(--color-republican);\n}\n.colorIndependent[data-v-2756cd41] {\n color: var(--color-independent);\n}\n.colorBlackBg[data-v-2756cd41] {\n background: var(--color-black);\n}\n.colorGrayDarkBg[data-v-2756cd41] {\n background: var(--color-gray-dark);\n}\n.colorGrayBg[data-v-2756cd41] {\n background: var(--color-gray);\n}\n.colorGrayLightBg[data-v-2756cd41] {\n background: var(--color-gray-light);\n}\n.colorGrayLighterBg[data-v-2756cd41] {\n background: var(--color-gray-lighter);\n}\n.colorGrayLightestBg[data-v-2756cd41] {\n background: var(--color-gray-lightest);\n}\n.colorWhiteBg[data-v-2756cd41] {\n background: var(--color-white);\n}\n.colorLinkBg[data-v-2756cd41] {\n background: var(--color-link);\n}\n.colorLinkVisitedBg[data-v-2756cd41] {\n background: var(--color-link-visited);\n}\n.colorLinkDarkBgBg[data-v-2756cd41] {\n background: var(--color-link-dark-bg);\n}\n.colorDisabledBg[data-v-2756cd41] {\n background: var(--color-disabled);\n}\n.colorActionDarkestBg[data-v-2756cd41] {\n background: var(--color-action-darkest);\n}\n.colorActionDarkerBg[data-v-2756cd41] {\n background: var(--color-action-darker);\n}\n.colorActionBg[data-v-2756cd41] {\n background: var(--color-action);\n}\n.colorActionLighterBg[data-v-2756cd41] {\n background: var(--color-action-lighter);\n}\n.colorActionLightestBg[data-v-2756cd41] {\n background: var(--color-action-lightest);\n}\n.colorSelectedDarkestBg[data-v-2756cd41] {\n background: var(--color-selected-darkest);\n}\n.colorSelectedDarkerBg[data-v-2756cd41] {\n background: var(--color-selected-darker);\n}\n.colorSelectedBg[data-v-2756cd41] {\n background: var(--color-selected);\n}\n.colorSelectedLighterBg[data-v-2756cd41] {\n background: var(--color-selected-lighter);\n}\n.colorSelectedLightestBg[data-v-2756cd41] {\n background: var(--color-selected-lightest);\n}\n.colorErrorDarkestBg[data-v-2756cd41] {\n background: var(--color-error-darkest);\n}\n.colorErrorDarkerBg[data-v-2756cd41] {\n background: var(--color-error-darker);\n}\n.colorErrorBg[data-v-2756cd41] {\n background: var(--color-error);\n}\n.colorErrorLighterBg[data-v-2756cd41] {\n background: var(--color-error-lighter);\n}\n.colorErrorLightestBg[data-v-2756cd41] {\n background: var(--color-error-lightest);\n}\n.colorWarningDarkestBg[data-v-2756cd41] {\n background: var(--color-warning-darkest);\n}\n.colorWarningDarkerBg[data-v-2756cd41] {\n background: var(--color-warning-darker);\n}\n.colorWarningBg[data-v-2756cd41] {\n background: var(--color-warning);\n}\n.colorWarningLighterBg[data-v-2756cd41] {\n background: var(--color-warning-lighter);\n}\n.colorWarningLightestBg[data-v-2756cd41] {\n background: var(--color-warning-lightest);\n}\n.colorBlawBlueBg[data-v-2756cd41] {\n background: var(--color-blaw-blue);\n}\n.colorBtaxBlueBg[data-v-2756cd41] {\n background: var(--color-btax-blue);\n}\n.colorThemeAntitrustBg[data-v-2756cd41] {\n background: var(--color-theme-antitrust);\n}\n.colorThemeBankingBg[data-v-2756cd41] {\n background: var(--color-theme-banking);\n}\n.colorThemeBankruptcyBg[data-v-2756cd41] {\n background: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefitsBg[data-v-2756cd41] {\n background: var(--color-theme-benefits);\n}\n.colorThemeCorporateBg[data-v-2756cd41] {\n background: var(--color-theme-corporate);\n}\n.colorThemeEdiscoveryBg[data-v-2756cd41] {\n background: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironmentBg[data-v-2756cd41] {\n background: var(--color-theme-environment);\n}\n.colorThemeHealthBg[data-v-2756cd41] {\n background: var(--color-theme-health);\n}\n.colorThemeIpBg[data-v-2756cd41] {\n background: var(--color-theme-ip);\n}\n.colorThemeLaborBg[data-v-2756cd41] {\n background: var(--color-theme-labor);\n}\n.colorThemeSecuritiesBg[data-v-2756cd41] {\n background: var(--color-theme-securities);\n}\n.colorThemeTelecomBg[data-v-2756cd41] {\n background: var(--color-theme-telecom);\n}\n.colorDataviz1Bg[data-v-2756cd41] {\n background: var(--color-dataviz-1);\n}\n.colorDataviz2Bg[data-v-2756cd41] {\n background: var(--color-dataviz-2);\n}\n.colorDataviz3Bg[data-v-2756cd41] {\n background: var(--color-dataviz-3);\n}\n.colorDataviz4Bg[data-v-2756cd41] {\n background: var(--color-dataviz-4);\n}\n.colorDataviz5Bg[data-v-2756cd41] {\n background: var(--color-dataviz-5);\n}\n.colorDataviz6Bg[data-v-2756cd41] {\n background: var(--color-dataviz-6);\n}\n.colorDataviz7Bg[data-v-2756cd41] {\n background: var(--color-dataviz-7);\n}\n.colorDataviz8Bg[data-v-2756cd41] {\n background: var(--color-dataviz-8);\n}\n.colorDataviz9Bg[data-v-2756cd41] {\n background: var(--color-dataviz-9);\n}\n.colorDataviz10Bg[data-v-2756cd41] {\n background: var(--color-dataviz-10);\n}\n.colorDatavizPositiveBg[data-v-2756cd41] {\n background: var(--color-dataviz-positive);\n}\n.colorDatavizNegativeBg[data-v-2756cd41] {\n background: var(--color-dataviz-negative);\n}\n.colorDemocratBg[data-v-2756cd41] {\n background: var(--color-democrat);\n}\n.colorRepublicanBg[data-v-2756cd41] {\n background: var(--color-republican);\n}\n.colorIndependentBg[data-v-2756cd41] {\n background: var(--color-independent);\n}\n[data-v-2756cd41]:root {\n --root-fontsize: 16px;\n --font-primary: \"OpenSans\",arial,sans-serif;\n --font-accent: \"AvenirNextMForBBG\",\"Avenir\",\"Helvetica Neue\",helvetica,arial,sans-serif;\n --fontsize-heading-lg: 3.375rem;\n --fontsize-heading-md: 2.25rem;\n --fontsize-heading-sm: 1.5rem;\n --fontsize-base-lg: 1rem;\n --fontsize-base-md: .875rem;\n --fontsize-base-sm: .75rem;\n --fontsize-small: .625rem;\n --lineheight-heading-lg: 4rem;\n --lineheight-heading-md: 2.75rem;\n --lineheight-heading-sm: 1.75rem;\n --lineheight-base-lg: 1.5rem;\n --lineheight-base-md: 1.25rem;\n --lineheight-base-sm: 1rem;\n --lineheight-small: .75rem;\n --lineheight-100: 1.0;\n --fontweight-regular: 400;\n --fontweight-semi: 600;\n --fontweight-bold: 700;\n --letterspacing-heading-lg: -0.04rem;\n --letterspacing-heading-md: -0.04rem;\n --letterspacing-heading-sm: 0rem;\n --letterspacing-base-lg: 0rem;\n --letterspacing-base-md: 0.00625rem;\n --letterspacing-base-sm: 0.01875rem;\n --letterspacing-small: 0.01875rem;\n --cdn-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}\n.fontSizeHeadingLg[data-v-2756cd41] {\n font-size: var(--fontsize-heading-lg);\n line-height: var(--lineheight-heading-lg);\n letter-spacing: var(--letterspacing-heading-lg);\n}\n.fontSizeHeadingMd[data-v-2756cd41] {\n font-size: var(--fontsize-heading-md);\n line-height: var(--lineheight-heading-md);\n letter-spacing: var(--letterspacing-heading-md);\n}\n.fontSizeHeadingSm[data-v-2756cd41] {\n font-size: var(--fontsize-heading-sm);\n line-height: var(--lineheight-heading-sm);\n letter-spacing: var(--letterspacing-heading-sm);\n}\n.fontSizeBaseLg[data-v-2756cd41] {\n font-size: var(--fontsize-base-lg);\n line-height: var(--lineheight-base-lg);\n letter-spacing: var(--letterspacing-base-lg);\n}\n.fontSizeBaseMd[data-v-2756cd41] {\n font-size: var(--fontsize-base-md);\n line-height: var(--lineheight-base-md);\n letter-spacing: var(--letterspacing-base-md);\n}\n.fontSizeBaseSm[data-v-2756cd41] {\n font-size: var(--fontsize-base-sm);\n line-height: var(--lineheight-base-sm);\n letter-spacing: var(--letterspacing-base-sm);\n}\n[data-v-2756cd41]:root {\n --root-fontsize: 16px;\n --font-primary: \"OpenSans\",arial,sans-serif;\n --font-accent: \"AvenirNextMForBBG\",\"Avenir\",\"Helvetica Neue\",helvetica,arial,sans-serif;\n --fontsize-heading-lg: 3.375rem;\n --fontsize-heading-md: 2.25rem;\n --fontsize-heading-sm: 1.5rem;\n --fontsize-base-lg: 1rem;\n --fontsize-base-md: .875rem;\n --fontsize-base-sm: .75rem;\n --fontsize-small: .625rem;\n --lineheight-heading-lg: 4rem;\n --lineheight-heading-md: 2.75rem;\n --lineheight-heading-sm: 1.75rem;\n --lineheight-base-lg: 1.5rem;\n --lineheight-base-md: 1.25rem;\n --lineheight-base-sm: 1rem;\n --lineheight-small: .75rem;\n --lineheight-100: 1.0;\n --fontweight-regular: 400;\n --fontweight-semi: 600;\n --fontweight-bold: 700;\n --letterspacing-heading-lg: -0.04rem;\n --letterspacing-heading-md: -0.04rem;\n --letterspacing-heading-sm: 0rem;\n --letterspacing-base-lg: 0rem;\n --letterspacing-base-md: 0.00625rem;\n --letterspacing-base-sm: 0.01875rem;\n --letterspacing-small: 0.01875rem;\n --cdn-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}\n[data-v-2756cd41]:root {\n --baseline: .25rem;\n --baseline-scale: 2,3,4,6,9,12,18,24,36;\n --baseline-12: 3rem;\n --baseline-1: .25rem;\n --baseline-2: 0.50rem;\n --baseline-24: 6rem;\n --baseline-3: 0.75rem;\n --baseline-36: 9rem;\n --baseline-4: 1rem;\n --baseline-6: 1.5rem;\n --baseline-18: 4.5rem;\n --baseline-9: 2.25rem;\n}\n.FishTankDateInput[data-v-2756cd41] {\n font-family: var(--font-primary);\n font-size: var(--fontsize-base-lg);\n font-weight: var(--fontweight-semi);\n position: relative;\n}\n.FishTankDateInput[disabled][data-v-2756cd41], .FishTankDateInput[readonly][data-v-2756cd41] {\n pointer-events: none;\n}\n.FishTankDateInput[disabled][data-v-2756cd41] {\n opacity: 0.5;\n}\n.FishTankDateInput[hide-calendar-toggle] input[data-v-2756cd41] {\n padding-left: 4px;\n}\n.FishTankDateInput[hide-clear] input[data-v-2756cd41] {\n padding-right: 4px;\n}\n.date-container[data-v-2756cd41] {\n display: inline-block;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n border: 1px solid var(--color-gray-light);\n border-radius: var(--border-radius, 2px);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 1px;\n}\n.date-container[data-v-2756cd41]:focus-within, .date-container.is-focused[data-v-2756cd41] {\n border: 2px solid var(--color-notification-3);\n padding: 0px;\n}\n.date-fields[data-v-2756cd41] {\n display: inline-block;\n margin-left: 4px;\n}\n.flex[data-v-2756cd41] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding: 4px;\n}\ninput[data-v-2756cd41] {\n display: inline-block;\n text-align: right;\n border-radius: var(--border-radius, 2px);\n height: 25px;\n padding: 0px 0px;\n border: none;\n}\ninput[data-v-2756cd41]:focus {\n outline: 0;\n}\ninput[data-v-2756cd41]::-moz-selection {\n color: var(--color-black);\n background: var(--color-secondary-darker);\n}\ninput[data-v-2756cd41]::selection {\n color: var(--color-black);\n background: var(--color-secondary-darker);\n}\ninput[data-v-2756cd41]::-webkit-input-placeholder {\n font-style: italic;\n text-align: left;\n}\ninput[data-v-2756cd41]:-moz-placeholder {\n font-style: italic;\n text-align: left;\n}\ninput[data-v-2756cd41]:-ms-input-placeholder {\n font-style: italic;\n text-align: left;\n}\n.month[data-v-2756cd41] {\n width: 25px;\n}\n.day[data-v-2756cd41] {\n width: 20px;\n}\n.year[data-v-2756cd41] {\n width: 33px;\n}\n.slash[data-v-2756cd41] {\n display: inline-block;\n font-family: var(--font-primary);\n font-size: var(--fontsize-base-lg);\n width: 10px;\n text-align: center;\n}\n.icon[data-v-2756cd41] {\n display: inline-block;\n -ms-flex-item-align: center;\n align-self: center;\n outline: none;\n border-radius: var(--border-radius, 2px);\n}\n.icon[data-v-2756cd41]:hover {\n background: var(--color-gray-lightest);\n}\n.icon[data-v-2756cd41]:active {\n background: var(--color-secondary-darker);\n}\n.icon[data-v-2756cd41]:focus {\n background: var(--color-secondary-darker);\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$58 = "data-v-2756cd41";
/* module identifier */
var __vue_module_identifier__$58 = undefined;
/* functional template */
var __vue_is_functional_template__$58 = false;
/* style inject SSR */
var FishTankDateInput = __vue_normalize__({
render: __vue_render__$52,
staticRenderFns: __vue_staticRenderFns__$52
}, __vue_inject_styles__$58, __vue_script__$58, __vue_scope_id__$58, __vue_is_functional_template__$58, __vue_module_identifier__$58, __vue_create_injector__, undefined);
//
/**
* A date picker with text or interactive calendar input. Accepts a variety of languages and text input formats
*/
var script$59 = {
name: 'FishTankDatePicker',
// model: {
// prop: 'value',
// event: 'change'
// },
components: {
FishTankDateInput: FishTankDateInput,
FishTankPickerDay: FishTankPickerDay,
FishTankPickerMonth: FishTankPickerMonth,
FishTankPickerYear: FishTankPickerYear
},
model: {
prop: 'value',
event: 'change'
},
props: {
/**
* Input id
*/
id: String,
/**
* If true, disable FishTankDatePicker on screen
*/
disabled: Boolean,
/**
* Non-selectable dates, can be specified up to or from a date, over a range, by day,
* by individual date, or by user-specified function
*
*disabledDates: {
* to: new Date(2016, 0, 5), // Disable all dates up to specific date
* from: new Date(2016, 0, 26), // Disable all dates after specific date
* days: [6, 0], // Disable Saturday's and Sunday's
* daysOfMonth: [29, 30, 31], // Disable 29th, 30th and 31st of each month
* dates: [ // Disable an array of dates
* new Date(2016, 9, 16),
* new Date(2016, 9, 17),
* new Date(2016, 9, 18)
* ],
* ranges: [{ // Disable dates in given ranges (exclusive).
* from: new Date(2016, 11, 25),
* to: new Date(2016, 11, 30)
* }, {
* from: new Date(2017, 1, 12),
* to: new Date(2017, 2, 25)
* }],
* // a custom function that returns true if the date is disabled
* // this can be used for wiring you own logic to disable a date if none
* // of the above conditions serve your purpose
* // this function should accept a date and return true if is disabled
* customPredictor: function(date) {
* // disables the date if it is a multiple of 5
* if(date.getDate() % 5 == 0){
* return true
* }
* }
*}
*/
disabledDates: Object,
/**
* Highlight date range from cursor up to the "to" highlight date
* Useful for visualizing selection of the start of a date range
*/
floatHighlightStart: Boolean,
/**
* Highlight date range from cursor back to the "from" highlight date
* Useful for visualizing selection of the end of a date range
*/
floatHighlightEnd: Boolean,
/**
* Date formatting string or function
*/
format: {
type: String,
default: 'MM/DD/YYYY'
},
/**
* To show the full month name
*/
fullMonthName: Boolean,
/**
* Hide calendar toggle icon
*/
hideCalendarToggle: Boolean,
/**
* Hides clear icon
*/
hideClear: Boolean,
/**
* Dates can be highlighted (e.g. for marking an appointment or date range)
* highlighted: {
* to: new Date(2016, 0, 5), // Highlight all dates up to specific date
* from: new Date(2016, 0, 26), // Highlight all dates after specific date
* days: [6, 0], // Highlight Saturday's and Sunday's
* daysOfMonth: [15, 20, 31], // Highlight 15th, 20th and 31st of each month
* dates: [ // Highlight an array of dates
* new Date(2016, 9, 16),
* new Date(2016, 9, 17),
* new Date(2016, 9, 18)
* ],
* // a custom function that returns true of the date is highlighted
* // this can be used for wiring you own logic to highlight a date if none
* // of the above conditions serve your purpose
* // this function should accept a date and return true if is highlighted
* customPredictor: function(date) {
* // highlights the date if it is a multiple of 4
* if(date.getDate() % 4 == 0){
* return true
* }
* },
* includeDisabled: true // Highlight disabled dates
* }
*/
highlighted: Object,
/**
* Initial calendar date to open to
*/
initialPageDate: Date,
/**
* To show the FishTankDatePicker always open
*/
inline: Boolean,
/**
* To start the week on Monday
*/
mondayFirst: Boolean,
/**
* Input name property
*/
name: String,
/**
* Show picker on focus
*/
openOnFocus: Boolean,
/**
* Input placeholder text
*/
placeholder: String,
/**
* Sets html required attribute on input
*/
required: Boolean,
/**
* Translation for days and months
*/
translation: {
type: Object,
default: function _default() {
return en;
}
},
/**
* Use UTC for time calculations
*/
utc: Boolean,
/**
* Date value of the FishTankDatePicker
*/
value: Date
},
data: function data() {
return {
activePicker: null,
pageDate: this.initialPageDate || this.value || new Date(),
utils: makeFishTankDateUtils(this.utc)
};
},
watch: {
value: function value(newValue) {
this.activePicker = null;
}
},
mounted: function mounted() {
window.addEventListener('click', this._resetActivePicker);
},
beforeDestroy: function beforeDestroy() {
window.removeEventListener('click', this._resetActivePicker);
},
methods: {
/**
* @public
* Focus on text input
*/
focus: function focus() {
this.$refs.input.focus();
},
/**
* @param {Object} month
* @type {Object}
*/
_selectMonth: function _selectMonth(month) {
this.$refs.day.setPageDate(new Date(month.timestamp));
this.activePicker = 'day';
},
/**
* @param {Object} year
* @type {Object}
*/
_selectYear: function _selectYear(year) {
this.$refs.month.setPageDate(new Date(year.timestamp));
this.activePicker = 'month';
},
/**
* Closes picker calendar when user clicks outside component
* @param {Event} e
*/
_resetActivePicker: function _resetActivePicker(e) {
if (this.activePicker != null && !this.$el.contains(e.target)) {
this.activePicker = null;
}
}
}
};
var __vue_script__$59 = script$59;
/* template */
var __vue_render__$53 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
staticClass: "FishTankDatePicker"
}, [_c("FishTankDateInput", {
ref: "input",
attrs: {
disabled: _vm.disabled,
"hide-calendar-toggle": _vm.hideCalendarToggle,
"hide-clear": _vm.hideClear,
name: _vm.name,
date: _vm.value
},
on: {
change: function change($event) {
return _vm.$emit("change", $event);
},
focus: function focus($event) {
_vm.activePicker = _vm.openOnFocus ? "day" : _vm.activePicker;
},
toggleCalendar: function toggleCalendar($event) {
_vm.activePicker = _vm.activePicker ? null : "day";
}
}
}), _vm._v(" "), _c("FishTankPickerDay", {
directives: [{
name: "show",
rawName: "v-show",
value: _vm.activePicker === "day",
expression: "activePicker === 'day'"
}],
ref: "day",
attrs: {
"disabled-dates": _vm.disabledDates,
"full-month-name": _vm.fullMonthName,
highlighted: _vm.highlighted,
inline: _vm.inline,
"monday-first": _vm.mondayFirst,
translation: _vm.translation,
value: _vm.value,
utc: _vm.utc,
"float-highlight-end": _vm.floatHighlightEnd,
"float-highlight-start": _vm.floatHighlightStart
},
on: {
change: function change($event) {
return _vm.$emit("change", $event);
},
showMonthCalendar: function showMonthCalendar($event) {
_vm.activePicker = "month";
}
}
})], 1);
};
var __vue_staticRenderFns__$53 = [];
__vue_render__$53._withStripped = true;
/* style */
var __vue_inject_styles__$59 = undefined;
/* scoped */
var __vue_scope_id__$59 = undefined;
/* module identifier */
var __vue_module_identifier__$59 = undefined;
/* functional template */
var __vue_is_functional_template__$59 = false;
/* style inject */
/* style inject SSR */
var FishTankDatePicker = __vue_normalize__({
render: __vue_render__$53,
staticRenderFns: __vue_staticRenderFns__$53
}, __vue_inject_styles__$59, __vue_script__$59, __vue_scope_id__$59, __vue_is_functional_template__$59, __vue_module_identifier__$59, undefined, undefined);
//
/**
* A date selector with options for preset intervals or custom single date or date range
*/
var script$60 = {
name: 'FishTankDateSelector',
components: {
FishTankDatePicker: FishTankDatePicker,
Dropdown: FishTankSelect$1
},
model: {
prop: 'value',
event: 'change'
},
props: {
/**
* Input label
*/
label: {
type: String,
default: 'Date'
},
/**
* Component orientation
*/
orientation: {
type: String,
default: 'ltr'
},
/**
* Range type options
*/
rangeTypeOptions: {
type: Array,
default: function _default() {
return [{
label: 'Any',
value: 'no_date'
}, {
label: 'Single date',
value: 'single_date'
}, {
label: 'Date range',
value: 'date_range'
}, {
label: 'Last 7 days',
value: 'last_7_days'
}, {
label: 'Last 30 days',
value: 'last_30_days'
}, {
label: 'Last 12 months',
value: 'last_12_months'
}, {
label: 'Last 5 years',
value: 'last_5_years'
}];
}
},
/**
* Current value
* @param {Object} value - Value hash
* @param {String} preset - Preset string (no_date, single_date, etc)
* @param {Date} [value.from] - From date
* @param {Date} [value.to] - To date
*/
value: {
type: Object,
default: function _default() {
return {
from: null,
to: null,
preset: 'no_date'
};
}
}
},
methods: {
_handleFromChange: function _handleFromChange(date) {
var _this = this;
this.$emit('change', {
from: date,
to: this.value.to,
preset: this.value.preset
}); // Focus on 'to' picker if preset is date_range
if (this.value.preset === 'date_range') {
// Have to delay to avoid race with click-away behavior
// NOTE: Do not use this pattern unless absolutely needed
setTimeout(function () {
return _this.$refs.to.focus();
}, 5);
}
},
_handlePresetChange: function _handlePresetChange(preset) {
var _this2 = this;
this.$emit('change', {
from: null,
to: null,
preset: preset
}); // Focus on 'from' picker if selecting preset that requires picker
if (this.value.preset === 'date_range' || this.value.preset === 'single_date') {
// Have to delay to avoid race with click-away behavior
// NOTE: Do not use this pattern unless absolutely needed
setTimeout(function () {
return _this2.$refs.from.focus();
}, 5);
}
}
}
};
/* script */
var __vue_script__$60 = script$60;
/* template */
var __vue_render__$54 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
staticClass: "FishTankDateSelector",
attrs: {
orientation: _vm.orientation
}
}, [_c("dropdown", {
attrs: {
items: _vm.rangeTypeOptions,
label: _vm.label,
orientation: _vm.orientation
},
on: {
change: _vm._handlePresetChange
},
model: {
value: _vm.value.preset,
callback: function callback($$v) {
_vm.$set(_vm.value, "preset", $$v);
},
expression: "value.preset"
}
}), _vm._v(" "), _vm.value.preset == "single_date" || _vm.value.preset == "date_range" ? _c("div", {
staticClass: "inputs"
}, [_c("fish-tank-date-picker", {
ref: "from",
staticClass: "from-date",
attrs: {
"disabled-dates": {
from: _vm.value.to
},
highlighted: {
from: _vm.value.from,
to: _vm.value.to
},
value: _vm.value.from,
"float-highlight-start": "",
"hide-clear": "",
"open-on-focus": ""
},
on: {
change: _vm._handleFromChange
}
}), _vm._v(" "), _vm.value.preset == "date_range" ? _c("fish-tank-date-picker", {
ref: "to",
staticClass: "to-date",
attrs: {
"disabled-dates": {
to: _vm.value.from
},
highlighted: {
from: _vm.value.from,
to: _vm.value.to
},
value: _vm.value.to,
"float-highlight-end": "",
"hide-calendar-toggle": "",
"hide-clear": "",
"open-on-focus": ""
},
on: {
change: function change($event) {
return _vm.$emit("change", {
from: _vm.value.from,
to: $event,
preset: _vm.value.preset
});
}
}
}) : _vm._e()], 1) : _vm._e()], 1);
};
var __vue_staticRenderFns__$54 = [];
__vue_render__$54._withStripped = true;
/* style */
var __vue_inject_styles__$60 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-af098ac2_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: undefined,
media: undefined
}), inject("data-v-af098ac2_1", {
source: "[data-v-af098ac2]:root {\n --color-black: #292E31;\n --color-gray-dark: #505558;\n --color-gray: #777C7F;\n --color-gray-light: #9EA3A6;\n --color-gray-lighter: #C5CACD;\n --color-gray-lightest: #EDF2F5;\n --color-white: #FFFFFF;\n --color-link: #267ABD;\n --color-link-visited: #7F57B8;\n --color-link-dark-bg: #ACCCE5;\n --color-disabled: #C5CACD;\n --color-action-darkest: #30855C;\n --color-action-darker: #399E6E;\n --color-action: #3DA774;\n --color-action-lighter: #49B88B;\n --color-action-lightest: #EBF6F1;\n --color-selected-darkest: #0A7DAF;\n --color-selected-darker: #0D94CF;\n --color-selected: #0D9DDB;\n --color-selected-lighter: #0FB0E2;\n --color-selected-lightest: #E7F5FB;\n --color-error-darkest: #B43931;\n --color-error-darker: #D5443A;\n --color-error: #E1483E;\n --color-error-lighter: #E7564A;\n --color-error-lightest: #FBECEB;\n --color-warning-darkest: #CC900D;\n --color-warning-darker: #F2AB10;\n --color-warning: #FFB511;\n --color-warning-lighter: #FFC314;\n --color-warning-lightest: #FFF7E7;\n --color-blaw-blue: #0D9DDB;\n --color-btax-blue: #2785D6;\n --color-theme-antitrust: #57534A;\n --color-theme-banking: #379851;\n --color-theme-bankruptcy: #C52700;\n --color-theme-benefits: #EA6A02;\n --color-theme-corporate: #8A5BB6;\n --color-theme-ediscovery: #F64A56;\n --color-theme-environment: #6DC470;\n --color-theme-health: #0D3B91;\n --color-theme-ip: #1E95C1;\n --color-theme-labor: #00C18C;\n --color-theme-securities: #45BDE9;\n --color-theme-telecom: #6A8C8A;\n --color-dataviz-1: #63B995;\n --color-dataviz-2: #1E4882;\n --color-dataviz-3: #F87060;\n --color-dataviz-4: #1AA2AF;\n --color-dataviz-5: #FFB511;\n --color-dataviz-6: #9357C8;\n --color-dataviz-7: #F697C0;\n --color-dataviz-8: #2ECC71;\n --color-dataviz-9: #34495E;\n --color-dataviz-10: #FF6D10;\n --color-dataviz-positive: #2ECC71;\n --color-dataviz-negative: #F87060;\n --color-democrat: #0A54C2;\n --color-republican: #D3301A;\n --color-independent: #FFB00D;\n}\n.colorBlack[data-v-af098ac2] {\n color: var(--color-black);\n}\n.colorGrayDark[data-v-af098ac2] {\n color: var(--color-gray-dark);\n}\n.colorGray[data-v-af098ac2] {\n color: var(--color-gray);\n}\n.colorGrayLight[data-v-af098ac2] {\n color: var(--color-gray-light);\n}\n.colorGrayLighter[data-v-af098ac2] {\n color: var(--color-gray-lighter);\n}\n.colorGrayLightest[data-v-af098ac2] {\n color: var(--color-gray-lightest);\n}\n.colorWhite[data-v-af098ac2] {\n color: var(--color-white);\n}\n.colorLink[data-v-af098ac2] {\n color: var(--color-link);\n}\n.colorLinkVisited[data-v-af098ac2] {\n color: var(--color-link-visited);\n}\n.colorLinkDarkBg[data-v-af098ac2] {\n color: var(--color-link-dark-bg);\n}\n.colorDisabled[data-v-af098ac2] {\n color: var(--color-disabled);\n}\n.colorActionDarkest[data-v-af098ac2] {\n color: var(--color-action-darkest);\n}\n.colorActionDarker[data-v-af098ac2] {\n color: var(--color-action-darker);\n}\n.colorAction[data-v-af098ac2] {\n color: var(--color-action);\n}\n.colorActionLighter[data-v-af098ac2] {\n color: var(--color-action-lighter);\n}\n.colorActionLightest[data-v-af098ac2] {\n color: var(--color-action-lightest);\n}\n.colorSelectedDarkest[data-v-af098ac2] {\n color: var(--color-selected-darkest);\n}\n.colorSelectedDarker[data-v-af098ac2] {\n color: var(--color-selected-darker);\n}\n.colorSelected[data-v-af098ac2] {\n color: var(--color-selected);\n}\n.colorSelectedLighter[data-v-af098ac2] {\n color: var(--color-selected-lighter);\n}\n.colorSelectedLightest[data-v-af098ac2] {\n color: var(--color-selected-lightest);\n}\n.colorErrorDarkest[data-v-af098ac2] {\n color: var(--color-error-darkest);\n}\n.colorErrorDarker[data-v-af098ac2] {\n color: var(--color-error-darker);\n}\n.colorError[data-v-af098ac2] {\n color: var(--color-error);\n}\n.colorErrorLighter[data-v-af098ac2] {\n color: var(--color-error-lighter);\n}\n.colorErrorLightest[data-v-af098ac2] {\n color: var(--color-error-lightest);\n}\n.colorWarningDarkest[data-v-af098ac2] {\n color: var(--color-warning-darkest);\n}\n.colorWarningDarker[data-v-af098ac2] {\n color: var(--color-warning-darker);\n}\n.colorWarning[data-v-af098ac2] {\n color: var(--color-warning);\n}\n.colorWarningLighter[data-v-af098ac2] {\n color: var(--color-warning-lighter);\n}\n.colorWarningLightest[data-v-af098ac2] {\n color: var(--color-warning-lightest);\n}\n.colorBlawBlue[data-v-af098ac2] {\n color: var(--color-blaw-blue);\n}\n.colorBtaxBlue[data-v-af098ac2] {\n color: var(--color-btax-blue);\n}\n.colorThemeAntitrust[data-v-af098ac2] {\n color: var(--color-theme-antitrust);\n}\n.colorThemeBanking[data-v-af098ac2] {\n color: var(--color-theme-banking);\n}\n.colorThemeBankruptcy[data-v-af098ac2] {\n color: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefits[data-v-af098ac2] {\n color: var(--color-theme-benefits);\n}\n.colorThemeCorporate[data-v-af098ac2] {\n color: var(--color-theme-corporate);\n}\n.colorThemeEdiscovery[data-v-af098ac2] {\n color: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironment[data-v-af098ac2] {\n color: var(--color-theme-environment);\n}\n.colorThemeHealth[data-v-af098ac2] {\n color: var(--color-theme-health);\n}\n.colorThemeIp[data-v-af098ac2] {\n color: var(--color-theme-ip);\n}\n.colorThemeLabor[data-v-af098ac2] {\n color: var(--color-theme-labor);\n}\n.colorThemeSecurities[data-v-af098ac2] {\n color: var(--color-theme-securities);\n}\n.colorThemeTelecom[data-v-af098ac2] {\n color: var(--color-theme-telecom);\n}\n.colorDataviz1[data-v-af098ac2] {\n color: var(--color-dataviz-1);\n}\n.colorDataviz2[data-v-af098ac2] {\n color: var(--color-dataviz-2);\n}\n.colorDataviz3[data-v-af098ac2] {\n color: var(--color-dataviz-3);\n}\n.colorDataviz4[data-v-af098ac2] {\n color: var(--color-dataviz-4);\n}\n.colorDataviz5[data-v-af098ac2] {\n color: var(--color-dataviz-5);\n}\n.colorDataviz6[data-v-af098ac2] {\n color: var(--color-dataviz-6);\n}\n.colorDataviz7[data-v-af098ac2] {\n color: var(--color-dataviz-7);\n}\n.colorDataviz8[data-v-af098ac2] {\n color: var(--color-dataviz-8);\n}\n.colorDataviz9[data-v-af098ac2] {\n color: var(--color-dataviz-9);\n}\n.colorDataviz10[data-v-af098ac2] {\n color: var(--color-dataviz-10);\n}\n.colorDatavizPositive[data-v-af098ac2] {\n color: var(--color-dataviz-positive);\n}\n.colorDatavizNegative[data-v-af098ac2] {\n color: var(--color-dataviz-negative);\n}\n.colorDemocrat[data-v-af098ac2] {\n color: var(--color-democrat);\n}\n.colorRepublican[data-v-af098ac2] {\n color: var(--color-republican);\n}\n.colorIndependent[data-v-af098ac2] {\n color: var(--color-independent);\n}\n.colorBlackBg[data-v-af098ac2] {\n background: var(--color-black);\n}\n.colorGrayDarkBg[data-v-af098ac2] {\n background: var(--color-gray-dark);\n}\n.colorGrayBg[data-v-af098ac2] {\n background: var(--color-gray);\n}\n.colorGrayLightBg[data-v-af098ac2] {\n background: var(--color-gray-light);\n}\n.colorGrayLighterBg[data-v-af098ac2] {\n background: var(--color-gray-lighter);\n}\n.colorGrayLightestBg[data-v-af098ac2] {\n background: var(--color-gray-lightest);\n}\n.colorWhiteBg[data-v-af098ac2] {\n background: var(--color-white);\n}\n.colorLinkBg[data-v-af098ac2] {\n background: var(--color-link);\n}\n.colorLinkVisitedBg[data-v-af098ac2] {\n background: var(--color-link-visited);\n}\n.colorLinkDarkBgBg[data-v-af098ac2] {\n background: var(--color-link-dark-bg);\n}\n.colorDisabledBg[data-v-af098ac2] {\n background: var(--color-disabled);\n}\n.colorActionDarkestBg[data-v-af098ac2] {\n background: var(--color-action-darkest);\n}\n.colorActionDarkerBg[data-v-af098ac2] {\n background: var(--color-action-darker);\n}\n.colorActionBg[data-v-af098ac2] {\n background: var(--color-action);\n}\n.colorActionLighterBg[data-v-af098ac2] {\n background: var(--color-action-lighter);\n}\n.colorActionLightestBg[data-v-af098ac2] {\n background: var(--color-action-lightest);\n}\n.colorSelectedDarkestBg[data-v-af098ac2] {\n background: var(--color-selected-darkest);\n}\n.colorSelectedDarkerBg[data-v-af098ac2] {\n background: var(--color-selected-darker);\n}\n.colorSelectedBg[data-v-af098ac2] {\n background: var(--color-selected);\n}\n.colorSelectedLighterBg[data-v-af098ac2] {\n background: var(--color-selected-lighter);\n}\n.colorSelectedLightestBg[data-v-af098ac2] {\n background: var(--color-selected-lightest);\n}\n.colorErrorDarkestBg[data-v-af098ac2] {\n background: var(--color-error-darkest);\n}\n.colorErrorDarkerBg[data-v-af098ac2] {\n background: var(--color-error-darker);\n}\n.colorErrorBg[data-v-af098ac2] {\n background: var(--color-error);\n}\n.colorErrorLighterBg[data-v-af098ac2] {\n background: var(--color-error-lighter);\n}\n.colorErrorLightestBg[data-v-af098ac2] {\n background: var(--color-error-lightest);\n}\n.colorWarningDarkestBg[data-v-af098ac2] {\n background: var(--color-warning-darkest);\n}\n.colorWarningDarkerBg[data-v-af098ac2] {\n background: var(--color-warning-darker);\n}\n.colorWarningBg[data-v-af098ac2] {\n background: var(--color-warning);\n}\n.colorWarningLighterBg[data-v-af098ac2] {\n background: var(--color-warning-lighter);\n}\n.colorWarningLightestBg[data-v-af098ac2] {\n background: var(--color-warning-lightest);\n}\n.colorBlawBlueBg[data-v-af098ac2] {\n background: var(--color-blaw-blue);\n}\n.colorBtaxBlueBg[data-v-af098ac2] {\n background: var(--color-btax-blue);\n}\n.colorThemeAntitrustBg[data-v-af098ac2] {\n background: var(--color-theme-antitrust);\n}\n.colorThemeBankingBg[data-v-af098ac2] {\n background: var(--color-theme-banking);\n}\n.colorThemeBankruptcyBg[data-v-af098ac2] {\n background: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefitsBg[data-v-af098ac2] {\n background: var(--color-theme-benefits);\n}\n.colorThemeCorporateBg[data-v-af098ac2] {\n background: var(--color-theme-corporate);\n}\n.colorThemeEdiscoveryBg[data-v-af098ac2] {\n background: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironmentBg[data-v-af098ac2] {\n background: var(--color-theme-environment);\n}\n.colorThemeHealthBg[data-v-af098ac2] {\n background: var(--color-theme-health);\n}\n.colorThemeIpBg[data-v-af098ac2] {\n background: var(--color-theme-ip);\n}\n.colorThemeLaborBg[data-v-af098ac2] {\n background: var(--color-theme-labor);\n}\n.colorThemeSecuritiesBg[data-v-af098ac2] {\n background: var(--color-theme-securities);\n}\n.colorThemeTelecomBg[data-v-af098ac2] {\n background: var(--color-theme-telecom);\n}\n.colorDataviz1Bg[data-v-af098ac2] {\n background: var(--color-dataviz-1);\n}\n.colorDataviz2Bg[data-v-af098ac2] {\n background: var(--color-dataviz-2);\n}\n.colorDataviz3Bg[data-v-af098ac2] {\n background: var(--color-dataviz-3);\n}\n.colorDataviz4Bg[data-v-af098ac2] {\n background: var(--color-dataviz-4);\n}\n.colorDataviz5Bg[data-v-af098ac2] {\n background: var(--color-dataviz-5);\n}\n.colorDataviz6Bg[data-v-af098ac2] {\n background: var(--color-dataviz-6);\n}\n.colorDataviz7Bg[data-v-af098ac2] {\n background: var(--color-dataviz-7);\n}\n.colorDataviz8Bg[data-v-af098ac2] {\n background: var(--color-dataviz-8);\n}\n.colorDataviz9Bg[data-v-af098ac2] {\n background: var(--color-dataviz-9);\n}\n.colorDataviz10Bg[data-v-af098ac2] {\n background: var(--color-dataviz-10);\n}\n.colorDatavizPositiveBg[data-v-af098ac2] {\n background: var(--color-dataviz-positive);\n}\n.colorDatavizNegativeBg[data-v-af098ac2] {\n background: var(--color-dataviz-negative);\n}\n.colorDemocratBg[data-v-af098ac2] {\n background: var(--color-democrat);\n}\n.colorRepublicanBg[data-v-af098ac2] {\n background: var(--color-republican);\n}\n.colorIndependentBg[data-v-af098ac2] {\n background: var(--color-independent);\n}\n[data-v-af098ac2]:root {\n --root-fontsize: 16px;\n --font-primary: \"OpenSans\",arial,sans-serif;\n --font-accent: \"AvenirNextMForBBG\",\"Avenir\",\"Helvetica Neue\",helvetica,arial,sans-serif;\n --fontsize-heading-lg: 3.375rem;\n --fontsize-heading-md: 2.25rem;\n --fontsize-heading-sm: 1.5rem;\n --fontsize-base-lg: 1rem;\n --fontsize-base-md: .875rem;\n --fontsize-base-sm: .75rem;\n --fontsize-small: .625rem;\n --lineheight-heading-lg: 4rem;\n --lineheight-heading-md: 2.75rem;\n --lineheight-heading-sm: 1.75rem;\n --lineheight-base-lg: 1.5rem;\n --lineheight-base-md: 1.25rem;\n --lineheight-base-sm: 1rem;\n --lineheight-small: .75rem;\n --lineheight-100: 1.0;\n --fontweight-regular: 400;\n --fontweight-semi: 600;\n --fontweight-bold: 700;\n --letterspacing-heading-lg: -0.04rem;\n --letterspacing-heading-md: -0.04rem;\n --letterspacing-heading-sm: 0rem;\n --letterspacing-base-lg: 0rem;\n --letterspacing-base-md: 0.00625rem;\n --letterspacing-base-sm: 0.01875rem;\n --letterspacing-small: 0.01875rem;\n --cdn-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}\n.fontSizeHeadingLg[data-v-af098ac2] {\n font-size: var(--fontsize-heading-lg);\n line-height: var(--lineheight-heading-lg);\n letter-spacing: var(--letterspacing-heading-lg);\n}\n.fontSizeHeadingMd[data-v-af098ac2] {\n font-size: var(--fontsize-heading-md);\n line-height: var(--lineheight-heading-md);\n letter-spacing: var(--letterspacing-heading-md);\n}\n.fontSizeHeadingSm[data-v-af098ac2] {\n font-size: var(--fontsize-heading-sm);\n line-height: var(--lineheight-heading-sm);\n letter-spacing: var(--letterspacing-heading-sm);\n}\n.fontSizeBaseLg[data-v-af098ac2] {\n font-size: var(--fontsize-base-lg);\n line-height: var(--lineheight-base-lg);\n letter-spacing: var(--letterspacing-base-lg);\n}\n.fontSizeBaseMd[data-v-af098ac2] {\n font-size: var(--fontsize-base-md);\n line-height: var(--lineheight-base-md);\n letter-spacing: var(--letterspacing-base-md);\n}\n.fontSizeBaseSm[data-v-af098ac2] {\n font-size: var(--fontsize-base-sm);\n line-height: var(--lineheight-base-sm);\n letter-spacing: var(--letterspacing-base-sm);\n}\n[data-v-af098ac2]:root {\n --root-fontsize: 16px;\n --font-primary: \"OpenSans\",arial,sans-serif;\n --font-accent: \"AvenirNextMForBBG\",\"Avenir\",\"Helvetica Neue\",helvetica,arial,sans-serif;\n --fontsize-heading-lg: 3.375rem;\n --fontsize-heading-md: 2.25rem;\n --fontsize-heading-sm: 1.5rem;\n --fontsize-base-lg: 1rem;\n --fontsize-base-md: .875rem;\n --fontsize-base-sm: .75rem;\n --fontsize-small: .625rem;\n --lineheight-heading-lg: 4rem;\n --lineheight-heading-md: 2.75rem;\n --lineheight-heading-sm: 1.75rem;\n --lineheight-base-lg: 1.5rem;\n --lineheight-base-md: 1.25rem;\n --lineheight-base-sm: 1rem;\n --lineheight-small: .75rem;\n --lineheight-100: 1.0;\n --fontweight-regular: 400;\n --fontweight-semi: 600;\n --fontweight-bold: 700;\n --letterspacing-heading-lg: -0.04rem;\n --letterspacing-heading-md: -0.04rem;\n --letterspacing-heading-sm: 0rem;\n --letterspacing-base-lg: 0rem;\n --letterspacing-base-md: 0.00625rem;\n --letterspacing-base-sm: 0.01875rem;\n --letterspacing-small: 0.01875rem;\n --cdn-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}\n[data-v-af098ac2]:root {\n --baseline: .25rem;\n --baseline-scale: 2,3,4,6,9,12,18,24,36;\n --baseline-12: 3rem;\n --baseline-1: .25rem;\n --baseline-2: 0.50rem;\n --baseline-24: 6rem;\n --baseline-3: 0.75rem;\n --baseline-36: 9rem;\n --baseline-4: 1rem;\n --baseline-6: 1.5rem;\n --baseline-18: 4.5rem;\n --baseline-9: 2.25rem;\n}\n.FishTankDateSelector[data-v-af098ac2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font-family: \"OpenSans\", arial, sans-serif;\n}\n.FishTankDateSelector[orientation=\"ttb\"][data-v-af098ac2] {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.FishTankDateSelector[orientation=\"ttb\"] .Dropdown[data-v-af098ac2] {\n --selector-width: 218px;\n margin-bottom: 10px;\n}\n.FishTankDateSelector[orientation=\"ttb\"] .inputs[data-v-af098ac2] {\n margin-bottom: 10px;\n}\n.FishTankDateSelector[orientation=\"ttb\"] .inputs .from-date[data-v-af098ac2] {\n padding-left: 0;\n}\n.FishTankDateSelector .Dropdown[data-v-af098ac2] {\n --background-color: #F0F3F7;\n --primary-color: #505558;\n --selector-width: 150px;\n}\n.FishTankDateSelector .inputs[data-v-af098ac2] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.FishTankDateSelector .inputs .FishTankDatePicker[data-v-af098ac2] {\n padding-left: 10px;\n --font-family: $font-primary;\n --primary-color: #505558;\n}\n.FishTankDateSelector .inputs .FishTankDatePicker.to-date[data-v-af098ac2] {\n position: relative;\n}\n.FishTankDateSelector .inputs .FishTankDatePicker.to-date[data-v-af098ac2] input {\n border-left: none;\n margin-left: -11px;\n}\n.FishTankDateSelector .inputs .FishTankDatePicker.to-date[data-v-af098ac2]:after {\n content: '-';\n display: block;\n left: -6px;\n position: absolute;\n top: 50%;\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$60 = "data-v-af098ac2";
/* module identifier */
var __vue_module_identifier__$60 = undefined;
/* functional template */
var __vue_is_functional_template__$60 = false;
/* style inject SSR */
var FishTankDateSelector = __vue_normalize__({
render: __vue_render__$54,
staticRenderFns: __vue_staticRenderFns__$54
}, __vue_inject_styles__$60, __vue_script__$60, __vue_scope_id__$60, __vue_is_functional_template__$60, __vue_module_identifier__$60, __vue_create_injector__, undefined);
export { BaseAlert, AlertError, AlertInfo, AlertSuccess, FishTankBaseButton$1 as BaseButton, FishTankButtonPrimary as ButtonPrimary, FishTankButtonSecondary as ButtonSecondary, FishTankButtonDestructive as ButtonDestructive, FishTankButtonWhite as ButtonWhite, FishTankButtonOutline as ButtonOutline, FishTankButtonGradient as ButtonGradient, FishTankButtonFAB as ButtonFAB, FishTankButtonFeatureLabel as ButtonFeatureLabel, FishTankButtonFeatureIcon as ButtonFeatureIcon, FishTankButtonOutlineDark as ButtonOutlineDark, FishTankButtonOutlineSmall as ButtonOutlineSmall, FishTankButtonOutlineDarkSmall as ButtonOutlineDarkSmall, FishTankCard as Card, FishTankCardV2 as CardV2, FishTankCardV2, FishTankCheckbox as InputCheckbox, radio as InputRadio, FishTankSwitch as InputSwitch, TextInput as InputText, Modal, FishTankModalV2$1 as ModalV2, FishTankModalV2$1 as FishTankModalV2, FishTankDialogBox$1 as DialogBox, FishTankLoaderSpinner as FishTankSpinner, BaseAlert as FishTankBaseAlert, AlertError as FishTankAlertError, AlertInfo as FishTankAlertInfo, AlertSuccess as FishTankAlertSuccess, FishTankBaseButton$1 as FishTankBaseButton, FishTankButton, FishTankButtonPrimary, FishTankButtonSecondary, FishTankButtonDestructive, FishTankButtonWhite, FishTankButtonOutline, FishTankButtonGradient, FishTankButtonFAB, FishTankButtonFeatureLabel, FishTankButtonFeatureIcon, FishTankButtonOutlineDark, FishTankButtonOutlineSmall, FishTankButtonOutlineDarkSmall, FishTankCard, FishTankCheckbox, FishTankCheckboxSwitch as FishTankCheckboxV2, FishTankCheckboxSwitch, radio as FishTankRadio, FishTankRadioGroup$1 as FishTankRadioGroup, FishTankSwitch, Modal as FishTankModal, FishTankDialogBox$1 as FishTankDialogBox, FishTankBadge$1 as FishTankBadge, FishTankNumberBadge$1 as FishTankNumberBadge, FishTankTag$1 as FishTankTag, FishTankPagination$1 as FishTankPagination, FishTankLoaderSpinner, FishTankButtonGroup, FishTankButtonGroupButton, FishTankLoaderContent, FishTankTable$1 as FishTankTable, FishTankText, TextInput as FishTankTextInput, FishTankTextInputV2, FishTankTextArea, FishTankHeading, FishTankAccordion, FishTankAccordionGroup, box as FishTankBox, FishTankSelect$1 as FishTankSelect, FishTankLookup, FishTankRadioList, FishTankTabs, FishTankVerticalTabs, FishTankContainer, FishTankColumn, HighlightedText as FishTankHighlight, FishTankTooltip$1 as FishTankTooltip, FishTankPickerYear, FishTankPickerDay, FishTankPickerMonth, FishTankDateInput, FishTankDatePicker, FishTankDateSelector };