@fishtank/fishtank-vue
Version:
[Fish Tank VueJS Component Module](https://fishtank.bna.com)
16,495 lines • 842 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
var Vue = _interopDefault(require('vue'));
var __vue_normalize__ = _interopDefault(require('vue-runtime-helpers/dist/normalize-component.js'));
var __vue_create_injector__ = _interopDefault(require('vue-runtime-helpers/dist/inject-style/browser.js'));
var iconsVue = require('@fishtank/icons-vue');
var defineProperty = _interopDefault(require('core-js/library/fn/object/define-property'));
var iterator = _interopDefault(require('core-js/library/fn/symbol/iterator'));
var symbol = _interopDefault(require('core-js/library/fn/symbol'));
var getPrototypeOf = _interopDefault(require('core-js/library/fn/object/get-prototype-of'));
var setPrototypeOf = _interopDefault(require('core-js/library/fn/object/set-prototype-of'));
var create = _interopDefault(require('core-js/library/fn/object/create'));
var tslib_1 = require('tslib');
var vuePropertyDecorator = require('vue-property-decorator');
require('core-js/modules/es6.regexp.to-string');
require('core-js/modules/es6.function.name');
var isArray = _interopDefault(require('core-js/library/fn/array/is-array'));
var from = _interopDefault(require('core-js/library/fn/array/from'));
var isIterable = _interopDefault(require('core-js/library/fn/is-iterable'));
require('core-js/modules/es6.object.keys');
require('core-js/modules/es6.array.sort');
require('core-js/modules/es6.array.from');
require('core-js/modules/web.dom.iterable');
require('core-js/modules/es6.string.iterator');
require('core-js/modules/es6.set');
var _ = _interopDefault(require('lodash'));
require('core-js/modules/es6.regexp.replace');
var ftColorsObj = _interopDefault(require('@fishtank/colors/dist/text.common.js'));
require('core-js/modules/es6.number.constructor');
require('core-js/modules/es6.regexp.split');
require('core-js/modules/es6.string.fixed');
var vueClassComponent = require('vue-class-component');
var colors = require('@fishtank/colors/dist/index.common');
var colors__default = colors['default'];
require('core-js/modules/es6.string.small');
var getIterator = _interopDefault(require('core-js/library/fn/get-iterator'));
var VueJsPaginate = require('vuejs-paginate');
var vueContentLoader = require('vue-content-loader');
require('core-js/modules/es7.array.includes');
require('core-js/modules/es6.string.includes');
require('core-js/modules/es7.symbol.async-iterator');
require('core-js/modules/es6.symbol');
var ftColorsObj$1 = _interopDefault(require('@fishtank/colors/dist/heading.common.js'));
require('core-js/modules/es6.array.find');
require('core-js/modules/es6.string.anchor');
var Popper = _interopDefault(require('popper.js'));
var vueClickaway = require('vue-clickaway');
require('core-js/modules/es6.regexp.constructor');
var VTooltip = _interopDefault(require('v-tooltip'));
var defineProperties = _interopDefault(require('core-js/library/fn/object/define-properties'));
var getOwnPropertyDescriptors = _interopDefault(require('core-js/library/fn/object/get-own-property-descriptors'));
var getOwnPropertyDescriptor = _interopDefault(require('core-js/library/fn/object/get-own-property-descriptor'));
var getOwnPropertySymbols = _interopDefault(require('core-js/library/fn/object/get-own-property-symbols'));
var keys = _interopDefault(require('core-js/library/fn/object/keys'));
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-13806d49_0", {
source: ".ft-alert-EqSB {\n padding: 0.75rem;\n position: relative;\n border-color: #292E31;\n border-width: 1px;\n border-style: solid;\n}\n.ft-icon-1qwv {\n position: absolute;\n}\n.ft-icon-1qwv svg {\n height: 2rem;\n width: 2rem;\n}\n.ft-contentWIcon-1StY {\n margin-left: 2.75rem;\n}\n.ft-content-yzHv {\n font-size: 0.75rem;\n line-height: 1rem;\n margin-left: 0.75rem;\n}\n.ft-heading-1j03 {\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n}\n",
map: undefined,
media: undefined
});
Object.defineProperty(this, "$style", {
value: {
"alert": "ft-alert-EqSB",
"icon": "ft-icon-1qwv",
"contentWIcon": "ft-contentWIcon-1StY",
"content": "ft-content-yzHv",
"heading": "ft-heading-1j03"
}
});
};
/* scoped */
var __vue_scope_id__ = undefined;
/* module identifier */
var __vue_module_identifier__ = undefined;
/* functional template */
var __vue_is_functional_template__ = false;
/* style inject SSR */
var BaseAlert = __vue_normalize__({
render: __vue_render__,
staticRenderFns: __vue_staticRenderFns__
}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, __vue_create_injector__, undefined);
var script$1 = {
name: "AlertError",
components: {
BaseAlert: BaseAlert,
WarningIcon: iconsVue.Warning32
},
props: {
heading: {
type: String,
required: true
}
}
};
/* script */
var __vue_script__$1 = script$1;
/* template */
var __vue_render__$1 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("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-08d4fdfc_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-0bceeaa0_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-64df3240_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 _typeof(obj) {
if (typeof symbol$1 === "function" && typeof iterator$1 === "symbol") {
_typeof = function _typeof(obj) {
return typeof obj;
};
} else {
_typeof = function _typeof(obj) {
return obj && typeof symbol$1 === "function" && obj.constructor === symbol$1 && obj !== symbol$1.prototype ? "symbol" : typeof 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;
}(vuePropertyDecorator.Vue);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: String,
default: null
})], inputOrientation.prototype, "orientation", void 0);
inputOrientation = tslib_1.__decorate([vuePropertyDecorator.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;
}(vuePropertyDecorator.Vue);
tslib_1.__decorate([vuePropertyDecorator.Prop({
required: false,
type: String,
default: ""
})], TextInputMixin.prototype, "value", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
required: false,
type: String,
default: undefined
})], TextInputMixin.prototype, "label", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: String,
default: null,
required: false
})], TextInputMixin.prototype, "id", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: Boolean,
default: false,
required: false
})], TextInputMixin.prototype, "required", void 0);
tslib_1.__decorate([vuePropertyDecorator.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 = tslib_1.__decorate([vuePropertyDecorator.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;
}(vuePropertyDecorator.Vue);
tslib_1.__decorate([vuePropertyDecorator.Prop({
default: false,
type: Boolean
})], FishTankBaseButton.prototype, "disabled", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
default: false,
type: Boolean
})], FishTankBaseButton.prototype, "block", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: String,
default: "",
required: false
})], FishTankBaseButton.prototype, "name", void 0);
FishTankBaseButton = tslib_1.__decorate([vuePropertyDecorator.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-9324361c_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-2b39c105_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-1c280ed4_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-494e71c5_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-02f080fc_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-6f0b5eb8_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-8fe05718_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 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$11 = 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__$11 = script$11;
/* template */
/* style */
var __vue_inject_styles__$11 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-81f8396c_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-81f8396c_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__$11 = undefined;
/* module identifier */
var __vue_module_identifier__$11 = undefined;
/* functional template */
var __vue_is_functional_template__$11 = undefined;
/* style inject SSR */
var FishTankText = __vue_normalize__({}, __vue_inject_styles__$11, __vue_script__$11, __vue_scope_id__$11, __vue_is_functional_template__$11, __vue_module_identifier__$11, __vue_create_injector__, undefined);
/**
* @display Floating Action Button
* Button sits above content in a fixed position.
* Can take an icon or icon and label; Labels can only be ~2 characters long.
*/
var defaultColorStart = require("@fishtank/colors/dist/index.common").colorBgovNavy;
var defaultColorEnd = require("@fishtank/colors/dist/index.common").colorBgovPurple;
var colorWhite = require("@fishtank/colors/dist/index.common").colorWhite;
var script$12 = Vue.extend({
components: {
ftext: FishTankText
},
props: {
/**
* Show drawer containing child FAB buttons
*/
optionsAvailable: {
type: Boolean,
required: false,
default: false
},
/**
* FAB button background color.
*/
background: {
type: String,
required: false,
default: "black"
},
/**
* FAB button gradient start color.
*/
colorStart: {
type: String,
required: false,
default: "black"
},
/**
* FAB button gradient end color.
*/
colorEnd: {
type: String,
required: false,
default: undefined
},
/**
* FAB button icon and text color.
*/
color: {
type: String,
required: false,
default: colorWhite
},
/**
* FAB button disabled.
*/
disabled: {
type: Boolean,
required: false,
default: false
}
},
computed: {
returnPrimaryFabColor: function returnPrimaryFabColor() {
if (this.colorEnd === undefined) {
return "background-color: ".concat(this.background || this.colorStart);
}
return "background-image: linear-gradient( 135deg, ".concat(this.colorStart, " 0%, ").concat(this.colorEnd, " 100% ); \n border-image: linear-gradient( 135deg, ").concat(this.colorStart, " 0% , ").concat(this.colorEnd, " 100% ) 1% ; ");
},
iconAndLabelSlots: function iconAndLabelSlots() {
return this.$slots.icon && this.$slots.label;
},
listeners: function listeners() {
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);
}
});
}
},
methods: {}
});
/* script */
var __vue_script__$12 = script$12;
/* template */
var __vue_render__$11 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
class: ["fab-wrapper", _vm.iconAndLabelSlots ? "fab-icon-and-label" : "fab-icon"]
}, [_c("button", _vm._g(_vm._b({
class: ["fab"],
style: _vm.returnPrimaryFabColor
}, "button", _vm.$attrs, false), _vm.$listeners), [_c("div", {
staticClass: "fab-icon"
}, [_vm._t("icon")], 2), _vm._v(" "), _c("div", {
staticClass: "fab-label"
}, [_c("ftext", {
attrs: {
size: "baseMd",
color: "white",
uppercase: "",
"semi-bold": ""
}
}, [_vm._t("label")], 2)], 1)])]);
};
var __vue_staticRenderFns__$11 = [];
__vue_render__$11._withStripped = true;
/* style */
var __vue_inject_styles__$12 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-290793af_0", {
source: ".fab-wrapper[data-v-290793af] {\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.fab-wrapper .fab[data-v-290793af] {\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 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 outline: transparent;\n}\n.fab-wrapper .fab > *[data-v-290793af] {\n color: white;\n}\n.fab-wrapper .fab[data-v-290793af]:hover, .fab-wrapper .fab[data-v-290793af]:focus {\n -webkit-box-shadow: 0 0 0 2px #0D9DDB;\n box-shadow: 0 0 0 2px #0D9DDB;\n}\n.fab-wrapper .fab[data-v-290793af]:active {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.fab-wrapper .fab-icon > *[data-v-290793af] {\n color: #FFFFFF;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$12 = "data-v-290793af";
/* module identifier */
var __vue_module_identifier__$12 = undefined;
/* functional template */
var __vue_is_functional_template__$12 = false;
/* style inject SSR */
var FishTankButtonFAB = __vue_normalize__({
render: __vue_render__$11,
staticRenderFns: __vue_staticRenderFns__$11
}, __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: "FishTankButtonFeatureLabel",
components: {
FishTankBaseButton: FishTankBaseButton$1
}
});
/* script */
var __vue_script__$13 = script$13;
/* 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__$13 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-66e5a47e_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:disabled:hover svg {\n fill: #C5CACD;\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 FishTankButtonFeatureLabel = __vue_normalize__({
render: __vue_render__$12,
staticRenderFns: __vue_staticRenderFns__$12
}, __vue_inject_styles__$13, __vue_script__$13, __vue_scope_id__$13, __vue_is_functional_template__$13, __vue_module_identifier__$13, __vue_create_injector__, undefined);
var script$14 = Vue.extend({
name: "FishTankButtonFeatureIcon",
components: {
FishTankBaseButton: FishTankBaseButton$1
},
props: {
name: {
type: String,
required: false,
default: "Feature Icon Button"
}
},
computed: {}
});
var __vue_script__$14 = script$14;
/* 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__$14 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-70936651_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__$14 = undefined;
/* module identifier */
var __vue_module_identifier__$14 = undefined;
/* functional template */
var __vue_is_functional_template__$14 = false;
/* style inject SSR */
var FishTankButtonFeatureIcon = __vue_normalize__({
render: __vue_render__$13,
staticRenderFns: __vue_staticRenderFns__$13
}, __vue_inject_styles__$14, __vue_script__$14, __vue_scope_id__$14, __vue_is_functional_template__$14, __vue_module_identifier__$14, __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$15 = 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__$15 = script$15;
/* 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__$15 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-0dec09a4_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__$15 = undefined;
/* module identifier */
var __vue_module_identifier__$15 = undefined;
/* functional template */
var __vue_is_functional_template__$15 = false;
/* style inject SSR */
var FishTankButtonOutlineDark = __vue_normalize__({
render: __vue_render__$14,
staticRenderFns: __vue_staticRenderFns__$14
}, __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: "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__$16 = script$16;
/* 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__$16 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-78224af0_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__$16 = undefined;
/* module identifier */
var __vue_module_identifier__$16 = undefined;
/* functional template */
var __vue_is_functional_template__$16 = false;
/* style inject SSR */
var FishTankButtonOutlineSmall = __vue_normalize__({
render: __vue_render__$15,
staticRenderFns: __vue_staticRenderFns__$15
}, __vue_inject_styles__$16, __vue_script__$16, __vue_scope_id__$16, __vue_is_functional_template__$16, __vue_module_identifier__$16, __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$17 = 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__$17 = script$17;
/* 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__$17 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-a5f33372_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__$17 = undefined;
/* module identifier */
var __vue_module_identifier__$17 = undefined;
/* functional template */
var __vue_is_functional_template__$17 = false;
/* style inject SSR */
var FishTankButtonOutlineDarkSmall = __vue_normalize__({
render: __vue_render__$16,
staticRenderFns: __vue_staticRenderFns__$16
}, __vue_inject_styles__$17, __vue_script__$17, __vue_scope_id__$17, __vue_is_functional_template__$17, __vue_module_identifier__$17, __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$18 = 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__$18 = script$18;
/* 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__$18 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-e5492a7e_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-e5492a7e_1", {
source: ".card + .card[data-v-e5492a7e] {\n margin-top: 1.5rem;\n}\n",
map: undefined,
media: undefined
}), inject("data-v-e5492a7e_2", {
source: "",
map: undefined,
media: undefined
}), inject("data-v-e5492a7e_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__$18 = "data-v-e5492a7e";
/* module identifier */
var __vue_module_identifier__$18 = undefined;
/* functional template */
var __vue_is_functional_template__$18 = false;
/* style inject SSR */
var FishTankCard = __vue_normalize__({
render: __vue_render__$17,
staticRenderFns: __vue_staticRenderFns__$17
}, __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 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;
}(vuePropertyDecorator.Vue);
tslib_1.__decorate([vuePropertyDecorator.Prop({
default: undefined,
type: String,
required: false
})], CardV2.prototype, "heading", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: String,
required: false,
default: undefined
})], CardV2.prototype, "branded", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: String,
required: false,
default: undefined
})], CardV2.prototype, "customHeadingBg", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: String,
required: false,
default: undefined
})], CardV2.prototype, "customHeadingText", void 0);
CardV2 = tslib_1.__decorate([vuePropertyDecorator.Component({})], CardV2);
var script$19 = CardV2;
/* script */
var __vue_script__$19 = script$19;
/* 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: "ft-card"
}, [_vm.branded ? _c("div", {
staticClass: "branded brandStripe",
style: _vm.returnBrandStripe()
}) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "ft-card-container"
}, [_vm._t("heading", null, {
headerClass: _vm.heading
}), _vm._v(" "), !_vm.$slots.heading && _vm.heading ? _c("div", {
staticClass: "ft-card-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: "ft-card-body"
}, [_vm._t("default")], 2)], 2)]);
};
var __vue_staticRenderFns__$18 = [];
__vue_render__$18._withStripped = true;
/* style */
var __vue_inject_styles__$19 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-5b2699a6_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.ft-card + .ft-card {\n margin-top: 1.5rem;\n}\n",
map: undefined,
media: undefined
}), inject("data-v-5b2699a6_1", {
source: ".ft-card-container[data-v-5b2699a6] {\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-5b2699a6] {\n border-radius: 2px 2px 0 0;\n height: 4px;\n}\n.brandStripe + .ft-card-container .card__heading[data-v-5b2699a6] {\n border-radius: 0;\n}\n.brandStripe + .ft-card-container .ft-card-body[data-v-5b2699a6] {\n border-top: none;\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n}\n.ft-card-heading[data-v-5b2699a6] {\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-card-body[data-v-5b2699a6] {\n border-radius: 2px;\n background-color: #FFFFFF;\n border: 1px solid #C5CACD;\n}\n.ft-card-heading + .ft-card-body[data-v-5b2699a6] {\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__$19 = "data-v-5b2699a6";
/* module identifier */
var __vue_module_identifier__$19 = undefined;
/* functional template */
var __vue_is_functional_template__$19 = false;
/* style inject SSR */
var FishTankCardV2 = __vue_normalize__({
render: __vue_render__$18,
staticRenderFns: __vue_staticRenderFns__$18
}, __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: iconsVue.CheckboxSelected24,
CheckboxUnselected: iconsVue.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-6c6b05b8_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-6c6b05b8_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;
}(vuePropertyDecorator.Vue);
tslib_1.__decorate([vuePropertyDecorator.Model('change', {
type: [String, Boolean, Object, Number],
default: "",
required: true
})], FishTankRadio.prototype, "modelValue", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: [String, Boolean, Object, Number],
default: null,
required: true
})], FishTankRadio.prototype, "value", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: Boolean,
default: null,
required: false
})], FishTankRadio.prototype, "disabled", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: String,
default: null,
required: true
})], FishTankRadio.prototype, "label", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: String,
default: null,
required: false
})], FishTankRadio.prototype, "id", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: String,
default: "",
required: false
})], FishTankRadio.prototype, "name", void 0);
tslib_1.__decorate([vuePropertyDecorator.Inject({
default: {
register: function register() {},
unregister: function unregister() {}
}
})], FishTankRadio.prototype, "fishtankRadioGroupShared", void 0);
FishTankRadio = tslib_1.__decorate([vuePropertyDecorator.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-6489c6bb_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-6489c6bb_1", {
source: "/* fix box sizing bug*/\n.radio[data-v-6489c6bb] {\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-6489c6bb] {\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-6489c6bb]:disabled {\n cursor: default;\n}\n.radio .icon[data-v-6489c6bb] {\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-6489c6bb]: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-6489c6bb]:after {\n -webkit-transform: scale(1);\n transform: scale(1);\n}\n.radio .input:hover + .icon[data-v-6489c6bb]:after {\n background-color: #0D94CF;\n border: 1px solid #0D94CF;\n}\n.radio .label[data-v-6489c6bb] {\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-6489c6bb]:hover {\n color: #292E31;\n}\n.radio .input:hover + .ft-icon[data-v-6489c6bb] {\n border: 2px solid #292E31;\n}\n.radio .input:disabled + .icon[data-v-6489c6bb] {\n border: 2px solid #C5CACD;\n}\n.radio .input:disabled + .icon.is-checked[data-v-6489c6bb] {\n border: 2px solid #C5CACD;\n}\n.radio .input:disabled + .icon.is-checked[data-v-6489c6bb]:after {\n background-color: #C5CACD;\n border: 1px solid #C5CACD;\n}\n.radio .input:disabled ~ .labelContent[data-v-6489c6bb] {\n color: #C5CACD;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$21 = "data-v-6489c6bb";
/* 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-1e44b8c9_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-1e44b8c9_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: iconsVue.CloseSml24,
WarningIcon: iconsVue.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.apply(null, arguments);
},
keyup: [function ($event) {
if (!$event.type.indexOf("key") && $event.keyCode !== 90 && $event.keyCode !== 91) {
return null;
}
return _vm.getFalseHeight.apply(null, arguments);
}, function ($event) {
if (!$event.type.indexOf("key") && $event.keyCode !== 86 && $event.keyCode !== 91) {
return null;
}
return _vm.getFalseHeight.apply(null, arguments);
}, function ($event) {
if (!$event.type.indexOf("key") && $event.keyCode !== 88 && $event.keyCode !== 91) {
return null;
}
return _vm.getFalseHeight.apply(null, arguments);
}, function ($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
return null;
}
return _vm.getFalseHeight.apply(null, arguments);
}, function ($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "delete", [8, 46], $event.key, ["Backspace", "Delete", "Del"])) {
return null;
}
return _vm.getFalseHeight.apply(null, arguments);
}],
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", function () {
return [_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-5a50adb6_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-5a50adb6_1", {
source: ".input-element[data-v-5a50adb6] {\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-5a50adb6]:focus {\n outline: #0D9DDB 2px solid;\n}\n.input-element[data-v-5a50adb6]:disabled {\n background-color: #EDF2F5;\n color: #C5CACD;\n}\n.input-element[data-v-5a50adb6]::-webkit-input-placeholder {\n /* Chrome/Opera/Safari */\n color: #C5CACD;\n font-style: italic;\n}\n.input-element[data-v-5a50adb6]::-moz-placeholder {\n /* Firefox 19+ */\n color: #C5CACD;\n font-style: italic;\n}\n.input-element[data-v-5a50adb6]:-ms-input-placeholder {\n /* IE 10+ */\n color: #C5CACD;\n font-style: italic;\n}\n.input-element[data-v-5a50adb6]:-moz-placeholder {\n /* Firefox 18- */\n color: #C5CACD;\n font-style: italic;\n}\n.input-element[type=number][data-v-5a50adb6] {\n text-align: right;\n padding-right: 0.75rem;\n}\n.left-icon ~ .input-element[data-v-5a50adb6] {\n padding-left: 2.75rem;\n}\n.input-wrapper[data-v-5a50adb6] {\n position: relative;\n}\n.left-icon[data-v-5a50adb6],\n.right-icon[data-v-5a50adb6] {\n position: absolute;\n top: 0.5rem;\n}\n.left-icon svg[data-v-5a50adb6],\n .right-icon svg[data-v-5a50adb6] {\n width: 24px;\n height: 24px;\n}\n.left-icon[data-v-5a50adb6] {\n left: 0.5rem;\n}\n.right-icon[data-v-5a50adb6] {\n right: 0.5rem;\n}\n.right-icon svg[data-v-5a50adb6] {\n fill: #777C7F;\n}\n.label[data-v-5a50adb6] {\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-5a50adb6] {\n color: #E1483E;\n}\n.label-wrapper[data-v-5a50adb6] {\n position: relative;\n margin-bottom: 0.25rem;\n}\n.auxillary-slot[data-v-5a50adb6] {\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-5a50adb6] {\n padding-bottom: 1.5rem;\n}\n.input-element[data-v-5a50adb6]::-webkit-outer-spin-button,\n.input-element[data-v-5a50adb6]::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.error-state[data-v-5a50adb6] {\n border-color: #E1483E;\n color: #E1483E;\n}\n.error .error-text[data-v-5a50adb6] {\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-5a50adb6] {\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-5a50adb6] {\n color: #E1483E;\n}\n.error-icon[data-v-5a50adb6] {\n line-height: 0px;\n}\n.error-icon > *[data-v-5a50adb6] {\n fill: #E1483E;\n margin-right: 12px;\n}\n.inputTextInputTextarea[data-v-5a50adb6] {\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-5a50adb6] {\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-5a50adb6";
/* module identifier */
var __vue_module_identifier__$23 = undefined;
/* functional template */
var __vue_is_functional_template__$23 = false;
/* style inject SSR */
var FishTankTextInput = __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: iconsVue.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.apply(null, arguments);
}
}
})], 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-2294416a_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('.ft-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) {
if (this.modalLocked === true) {
document.body.classList.add('ft-modal-locked');
}
this.show();
} else {
if (this.modalLocked === true) {
document.body.classList.remove('ft-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('ft-overlay--active');
if (overlay$1.classList.length > len) {
return true;
} else {
return false;
}
}
}
if (!overlay$1) {
overlay$1 = document.querySelector('.ft-overlay');
}
if (!overlay$1) {
overlay$1 = document.createElement('div');
}
overlay$1.className = 'ft-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 += ' ft-overlay--active';
});
return true;
}
}, {
key: "removeOverlay",
value: function removeOverlay() {
var _this2 = this;
if (!overlay$1) {
return this.showScroll();
}
if (document.body.classList.contains('ft-modal-locked')) {
document.body.classList.remove('ft-modal-locked');
}
overlay$1.classList.remove('ft-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('ft-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;
}
if (this.height) {
styles['max-height'] = this.height;
}
return styles;
}
}, {
key: "classObj",
get: function get() {
var classObj = {
'ft-modal--active': this.active,
'ft-modal--fixed': this.fixed,
'ft-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 !== "ft-modal__entry-point") {
classObj[classVal] = true;
}
});
}
return classObj;
}
}]);
return FishTankModalV2;
}(vueClassComponent.mixins(Detachable));
tslib_1.__decorate([vuePropertyDecorator.Model('change', {
type: Boolean,
required: true
})], FishTankModalV2.prototype, "active", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: String,
required: false,
default: undefined
})], FishTankModalV2.prototype, "heading", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: Boolean,
required: false,
default: false
})], FishTankModalV2.prototype, "fixed", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: Boolean,
required: false,
default: false
})], FishTankModalV2.prototype, "dialog", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: Boolean,
required: false,
default: true
})], FishTankModalV2.prototype, "escapeable", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: String,
required: false,
default: undefined
})], FishTankModalV2.prototype, "width", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: String,
required: false,
default: undefined
})], FishTankModalV2.prototype, "height", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: String,
required: false,
default: undefined
})], FishTankModalV2.prototype, "overflow", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: Boolean,
required: false,
default: true
})], FishTankModalV2.prototype, "modalLocked", void 0);
tslib_1.__decorate([vuePropertyDecorator.Watch('active')], FishTankModalV2.prototype, "change", null);
FishTankModalV2 = tslib_1.__decorate([vuePropertyDecorator.Component({
components: {
Close24: iconsVue.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: "ft-modal__entry-point"
}, [_c("div", {
ref: "content",
staticClass: "ft-modal",
class: _vm.classObj
}, [_vm.escapeable ? _c("div", {
staticClass: "ft-modal__escapable-background",
on: {
click: _vm.close
}
}) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "ft-modal__container",
style: _vm.styles
}, [_c("div", {
staticClass: "ft-modal__heading"
}, [_c("div", {
staticClass: "ft-modal__heading-title-container"
}, [_vm.$slots.headingIcon ? _c("div", {
staticClass: "ft-modal__heading-icon-wrapper",
attrs: {
tabindex: "-1"
}
}, [_c("div", {
staticClass: "ft-modal__heading-icon",
attrs: {
tabindex: "-1"
}
}, [_vm._t("headingIcon")], 2)]) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "ft-modal__heading-title"
}, [_vm._t("heading")], 2)]), _vm._v(" "), _vm.$slots.headingExtra ? _c("div", {
staticClass: "ft-modal__heading-extra"
}, [_vm._t("headingExtra")], 2) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "ft-modal__close"
}, [!_vm.dialog ? _c("span", {
staticClass: "ft-modal__close-separator"
}) : _vm._e(), _vm._v(" "), _c("div", {
staticClass: "ft-modal__close-icon-wrapper"
}, [_c("Close24", {
staticClass: "ft-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.apply(null, arguments);
}
}
})], 1)])]), _vm._v(" "), _c("div", {
staticClass: "ft-modal__body",
style: _vm.overflow === undefined ? {
"overflow-y": "auto"
} : {
"overflow-y": _vm.overflow
}
}, [_vm._t("default")], 2), _vm._v(" "), _vm.showFooter ? _c("div", {
staticClass: "ft-modal__footer"
}, [_vm.$slots.footer ? _c("div", {
staticClass: "ft-modal__footer-container"
}, [_vm._t("footer")], 2) : _vm.$slots.footerLeft || _vm.$slots.footerRight ? _c("div", {
staticClass: "ft-modal__footer-container"
}, [_c("div", {
staticClass: "ft-modal__footerLeft"
}, [_vm._t("footerLeft")], 2), _vm._v(" "), _c("div", {
staticClass: "ft-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-4ce7603a_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-4ce7603a_1", {
source: ".ft-modal[data-v-4ce7603a] {\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.ft-modal__escapable-background[data-v-4ce7603a] {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n cursor: pointer;\n}\n.ft-modal__container[data-v-4ce7603a] {\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.ft-modal--active[data-v-4ce7603a] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.ft-modal--fixed .ft-modal__container[data-v-4ce7603a] {\n height: 100%;\n}\n.ft-modal__heading[data-v-4ce7603a] {\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.ft-modal__heading[data-v-4ce7603a],\n.ft-modal__footer[data-v-4ce7603a] {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.ft-modal__footer[data-v-4ce7603a] {\n padding: 0px;\n white-space: nowrap;\n}\n.ft-modal__footer-container[data-v-4ce7603a] {\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.ft-modal__heading-title-container[data-v-4ce7603a] {\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.ft-modal__heading-icon[data-v-4ce7603a] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.ft-modal__heading-icon-wrapper + .ft-modal__heading-title[data-v-4ce7603a] {\n margin-left: 8px;\n}\n.ft-modal__heading-extra[data-v-4ce7603a] {\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.ft-modal__close[data-v-4ce7603a] {\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.ft-modal__close-separator[data-v-4ce7603a] {\n display: inline-block;\n width: 1px;\n height: 32px;\n background-color: #C5CACD;\n}\n.ft-modal__close-icon-wrapper[data-v-4ce7603a] {\n padding-left: 12px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.ft-modal__close-icon[data-v-4ce7603a] {\n cursor: pointer;\n}\n.ft-modal__body[data-v-4ce7603a] {\n overflow-x: hidden;\n}\n.ft-modal--fixed .ft-modal__footer[data-v-4ce7603a] {\n background-color: #EDF2F5;\n border-top: 1px solid #C5CACD;\n border-radius: 0 0 2px 2px;\n}\n.ft-modal--fixed .ft-modal__body[data-v-4ce7603a] {\n -webkit-box-flex: 1;\n -ms-flex: 1 100%;\n flex: 1 100%;\n}\n.ft-modal--dialog .ft-modal__heading[data-v-4ce7603a] {\n background-color: transparent;\n padding-left: 0;\n padding-right: 0;\n margin: 0 0.75rem;\n}\n@media (max-width: 751px) {\n.ft-modal__container[data-v-4ce7603a] {\n height: 100%;\n max-height: 100%;\n}\n.ft-modal__body[data-v-4ce7603a] {\n -webkit-box-flex: 1;\n -ms-flex: 1 100%;\n flex: 1 100%;\n}\n}\n.ft-modal__footerLeft[data-v-4ce7603a] {\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.ft-modal__footerRight[data-v-4ce7603a] {\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-4ce7603a_2", {
source: "\n.ft-modal-locked {\n min-height: 100%;\n overflow: hidden;\n}\n.ft-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.ft-overlay--active {\n display: block;\n}\n\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$25 = "data-v-4ce7603a";
/* 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;
}(vuePropertyDecorator.Vue);
tslib_1.__decorate([vuePropertyDecorator.Model('change', {
type: Boolean,
required: true
})], FishTankDialogBox.prototype, "active", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: String,
required: false,
default: undefined
})], FishTankDialogBox.prototype, "heading", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: String,
required: false,
default: undefined
})], FishTankDialogBox.prototype, "width", void 0);
FishTankDialogBox = tslib_1.__decorate([vuePropertyDecorator.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;
},
spinnerPixelSize: function spinnerPixelSize() {
return this["".concat(this.size, "Dash")];
},
spinnerRadiusSize: function spinnerRadiusSize() {
var num = this["".concat(this.size, "Dash")].toFixed();
return num / 2;
},
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
}],
style: {
width: _vm.spinnerPixelSize + "px",
height: _vm.spinnerPixelSize + "px"
},
attrs: {
"aria-busy": "" + _vm.loading,
role: "alert"
}
}, [_c("svg", {
attrs: {
height: _vm.spinnerPixelSize,
width: _vm.spinnerPixelSize
}
}, [_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: _vm.spinnerRadiusSize,
cy: _vm.spinnerRadiusSize
}
}), _vm._v(" "), _c("circle", {
class: ["spinner-gradient"],
style: [{
strokeDasharray: "" + _vm.strokeDashArray
}, {
stroke: "" + _vm.circleTheme
}],
attrs: {
r: _vm.radius,
cx: _vm.spinnerRadiusSize,
cy: _vm.spinnerRadiusSize
},
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-16abb257_0", {
source: ".spinner[data-v-16abb257] {\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-16abb257 .75s linear infinite;\n animation: loading-data-v-16abb257 .75s linear infinite;\n}\n.spinner .spinner-base[data-v-16abb257] {\n fill: none;\n stroke: transparent;\n}\n.spinner .spinner-gradient[data-v-16abb257] {\n fill: none;\n stroke-linecap: round;\n}\n.spinner.pause-spinner[data-v-16abb257] {\n -webkit-animation-play-state: paused;\n animation-play-state: paused;\n}\n.spinner.spinner--small circle.base[data-v-16abb257], .spinner.spinner--small circle.spinner-gradient[data-v-16abb257] {\n stroke-width: 4;\n}\n.spinner.spinner--medium circle.base[data-v-16abb257], .spinner.spinner--medium circle.spinner-gradient[data-v-16abb257] {\n stroke-width: 6;\n}\n.spinner.spinner--medium circle.spinner-gradient[data-v-16abb257] {\n stroke-dasharray: 50;\n}\n.spinner.spinner--large circle.base[data-v-16abb257], .spinner.spinner--large circle.spinner-gradient[data-v-16abb257] {\n stroke-width: 12;\n}\n.spinner.spinner--large circle.spinner-gradient[data-v-16abb257] {\n stroke-dasharray: 100;\n}\n.spinner .spinner--align-center[data-v-16abb257] {\n text-align: center;\n}\n.spinner .spinner--align-left[data-v-16abb257] {\n text-align: left;\n}\n.spinner .spinner--align-right[data-v-16abb257] {\n text-align: right;\n}\n@-webkit-keyframes loading-data-v-16abb257 {\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-16abb257 {\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-16abb257";
/* 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-81d2d358_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-81d2d358_1", {
source: "body.user-is-tabbing .a11y[data-v-81d2d358]:focus {\n -webkit-box-shadow: 0 0 0 2px #0D9DDB;\n box-shadow: 0 0 0 2px #0D9DDB;\n}\n.button[data-v-81d2d358] {\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-81d2d358] {\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-81d2d358] {\n padding: 6px 11px 10px 11px;\n height: 2.5rem;\n}\n.button.small[data-v-81d2d358] {\n padding: 1px 11px 9px 11px;\n height: 1.5rem;\n}\n.button[data-v-81d2d358]:active {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.button[data-v-81d2d358]:disabled {\n opacity: 0.4;\n}\n.button.theme[data-v-81d2d358] {\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-81d2d358]:disabled {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.button.theme[data-v-81d2d358]: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-81d2d358] {\n color: var(--button-text-color);\n}\n.button.theme[data-v-81d2d358]:hover {\n background-color: var(--button-hover-color);\n}\n.button.theme[data-v-81d2d358]:active {\n background-color: var(--button-active-color);\n}\n.button.theme[data-v-81d2d358]:disabled:hover {\n background-color: var(--button-disabled-hover-color);\n}\n.button.standard[data-v-81d2d358] {\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-81d2d358]:disabled {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.button.standard[data-v-81d2d358]: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-81d2d358] {\n color: #FFFFFF;\n}\n.button.standard[data-v-81d2d358]:hover {\n background-color: #0D9DDB;\n}\n.button.standard[data-v-81d2d358]:active {\n background-color: #0D9DDB;\n}\n.button.standard[data-v-81d2d358]:disabled:hover {\n background-color: #0D9DDB;\n}\n.button.primary[data-v-81d2d358], .button.success[data-v-81d2d358] {\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-81d2d358]:disabled, .button.success[data-v-81d2d358]:disabled {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.button.primary[data-v-81d2d358]:hover, .button.success[data-v-81d2d358]: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-81d2d358], .button.success .text[data-v-81d2d358] {\n color: #FFFFFF;\n}\n.button.primary[data-v-81d2d358]:hover, .button.success[data-v-81d2d358]:hover {\n background-color: #49B88B;\n}\n.button.primary[data-v-81d2d358]:active, .button.success[data-v-81d2d358]:active {\n background-color: #399E6E;\n}\n.button.primary[data-v-81d2d358]:disabled:hover, .button.success[data-v-81d2d358]:disabled:hover {\n background-color: #3DA774;\n}\n.button.secondary[data-v-81d2d358], .button.cancel[data-v-81d2d358] {\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-81d2d358], .button.cancel .text[data-v-81d2d358] {\n color: #505558;\n}\n.button.secondary[data-v-81d2d358]:disabled, .button.cancel[data-v-81d2d358]:disabled {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.button.secondary[data-v-81d2d358]:hover, .button.cancel[data-v-81d2d358]: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-81d2d358]:hover, .button.cancel[data-v-81d2d358]:hover {\n background-color: #F6F8FA;\n}\n.button.secondary[data-v-81d2d358]:active, .button.cancel[data-v-81d2d358]:active {\n background-color: #E0E5E8;\n}\n.button.secondary[data-v-81d2d358]:disabled:hover, .button.cancel[data-v-81d2d358]:disabled:hover {\n background-color: #EDF2F5;\n}\n.button.destructive[data-v-81d2d358], .button.danger[data-v-81d2d358] {\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-81d2d358], .button.danger .text[data-v-81d2d358] {\n color: #FFFFFF;\n}\n.button.destructive[data-v-81d2d358]:disabled, .button.danger[data-v-81d2d358]:disabled {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.button.destructive[data-v-81d2d358]:hover, .button.danger[data-v-81d2d358]: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-81d2d358]:hover, .button.danger[data-v-81d2d358]:hover {\n background-color: #E7564A;\n}\n.button.destructive[data-v-81d2d358]:active, .button.danger[data-v-81d2d358]:active {\n background-color: #D5443A;\n}\n.button.destructive[data-v-81d2d358]:disabled:hover, .button.danger[data-v-81d2d358]:disabled:hover {\n background-color: #E1483E;\n}\n.button.warning[data-v-81d2d358] {\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-81d2d358]:disabled {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.button.warning[data-v-81d2d358]: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-81d2d358] {\n color: #FFFFFF;\n}\n.button.warning[data-v-81d2d358]:hover {\n background-color: #FFC314;\n}\n.button.warning[data-v-81d2d358]:active {\n background-color: #F2AB10;\n}\n.button.warning[data-v-81d2d358]:disabled:hover {\n background-color: #FFB511;\n}\n.button.outline[data-v-81d2d358] {\n background-color: transparent;\n border-color: #777C7F;\n border-width: 2px;\n}\n.button.outline .text[data-v-81d2d358] {\n color: #777C7F;\n}\n.button.outline[data-v-81d2d358]:hover {\n background-color: #777C7F;\n}\n.button.outline:hover .text[data-v-81d2d358] {\n color: #FFFFFF;\n}\n.button.outline[data-v-81d2d358]:disabled {\n border-color: #C5CACD;\n}\n.button.outline:disabled .text[data-v-81d2d358] {\n color: #C5CACD;\n}\n.button.outline[data-v-81d2d358]:disabled:hover {\n background-color: transparent;\n}\n.button.outline[data-v-81d2d358]:active {\n background-color: #505558;\n border-color: #505558;\n}\n.button[data-v-81d2d358]:active, .button[data-v-81d2d358]:hover {\n cursor: pointer;\n}\n.button[data-v-81d2d358]:active:disabled, .button[data-v-81d2d358]: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-81d2d358";
/* 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;
}(vuePropertyDecorator.Vue);
tslib_1.__decorate([vuePropertyDecorator.Model('change', {
type: [Boolean, Array]
})], FishTankCheckboxV2.prototype, "value", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: Boolean,
required: false,
default: false
})], FishTankCheckboxV2.prototype, "disabled", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: String,
required: true
})], FishTankCheckboxV2.prototype, "label", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: String,
default: null,
required: false
})], FishTankCheckboxV2.prototype, "id", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({})], FishTankCheckboxV2.prototype, "slider", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({})], FishTankCheckboxV2.prototype, "switch", void 0);
FishTankCheckboxV2 = tslib_1.__decorate([vuePropertyDecorator.Component({
components: {
CheckboxSelected: iconsVue.CheckboxSelected24,
CheckboxUnselected: iconsVue.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-b2189bcc_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-b2189bcc_1", {
source: ".checkbox[data-v-b2189bcc] {\n position: relative;\n}\n.input[data-v-b2189bcc] {\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n opacity: 0;\n}\n.label[data-v-b2189bcc] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.animationWrap[data-v-b2189bcc] {\n margin-top: 4px;\n position: relative;\n width: 24px;\n height: 24px;\n}\n.svgSelected[data-v-b2189bcc], .svgUnselected[data-v-b2189bcc] {\n position: absolute;\n left: 0;\n top: 0;\n}\n.svgSelected[data-v-b2189bcc] {\n color: #0D9DDB;\n}\n.svgUnselected[data-v-b2189bcc] {\n color: #777C7F;\n}\n.labelContent[data-v-b2189bcc] {\n padding-left: 0.75rem;\n margin: 6px 0;\n}\n.labelContentLabel[data-v-b2189bcc] {\n margin: 6px 0;\n}\n.checkbox:hover .svgSelected[data-v-b2189bcc] {\n color: #0A7DAF;\n}\n.checkbox:hover .svgUnselected[data-v-b2189bcc] {\n color: #292E31;\n}\n.checkbox:hover .labelContent[data-v-b2189bcc] {\n color: #292E31;\n}\n.disabled .labelContent[data-v-b2189bcc], .disabled .svgSelected[data-v-b2189bcc], .disabled .svgUnselected[data-v-b2189bcc] {\n color: #C5CACD;\n}\n.disabled:hover .labelContent[data-v-b2189bcc], .disabled:hover .svgSelected[data-v-b2189bcc], .disabled:hover .svgUnselected[data-v-b2189bcc] {\n color: #C5CACD;\n}\n.transitionScaleLeaveActive[data-v-b2189bcc], .transitionScaleLeaveActive[data-v-b2189bcc] {\n top: 0px;\n left: 0px;\n}\n.transitionScaleEnterActive[data-v-b2189bcc] {\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-b2189bcc] {\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-b2189bcc], .transitionScaleLeaveTo[data-v-b2189bcc] {\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-b2189bcc_2", {
source: ".switch .label[data-v-b2189bcc] {\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-b2189bcc] {\n width: 100%;\n position: relative;\n padding: 6px 0;\n}\n.switch .input[data-v-b2189bcc] {\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-b2189bcc] {\n top: 0px;\n color: #505558;\n}\n.switch:hover > label[data-v-b2189bcc] {\n color: #292E31;\n cursor: pointer;\n}\n.switch .inputCheckboxWrap[data-v-b2189bcc] {\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-b2189bcc] {\n color: #C5CACD;\n cursor: default;\n}\n.switch .input:disabled + .inputCheckboxWrap[data-v-b2189bcc] {\n background-color: #EDF2F5;\n border: 1px solid #C5CACD;\n}\n.switch .inputCheckboxTarget[data-v-b2189bcc] {\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-b2189bcc] {\n background-color: #EDF2F5;\n border: 1px solid #C5CACD;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.switch .inputCheckboxTarget[data-v-b2189bcc]: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-b2189bcc]:after {\n display: block;\n clear: both;\n content: '';\n}\n.switch .input:disabled + .inputCheckboxWrap .inputCheckboxTarget[data-v-b2189bcc]:after {\n background-color: #C5CACD;\n}\n.switch .input:disabled:checked + .inputCheckboxWrap[data-v-b2189bcc] {\n background-color: #EDF2F5;\n border: 1px solid #C5CACD;\n}\n.switch .input:checked + .inputCheckboxWrap[data-v-b2189bcc] {\n background-color: #0D9DDB;\n border: 1px solid #0A7DAF;\n}\n.switch .input + .inputCheckboxWrap .inputCheckboxTarget[data-v-b2189bcc] {\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-b2189bcc] {\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-b2189bcc";
/* 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;
}(vuePropertyDecorator.Vue);
tslib_1.__decorate([vuePropertyDecorator.Model('change', {
type: [String, Boolean, Object, Number],
default: "",
required: true
})], FishTankRadioGroup.prototype, "modelValue", void 0);
tslib_1.__decorate([vuePropertyDecorator.Provide()], FishTankRadioGroup.prototype, "fishtankRadioGroupShared", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
required: false,
default: false,
type: Boolean
})], FishTankRadioGroup.prototype, "small", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: String,
default: null,
required: false
})], FishTankRadioGroup.prototype, "id", void 0);
FishTankRadioGroup = tslib_1.__decorate([vuePropertyDecorator.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) {
if (!(isIterable$1(Object(arr)) || Object.prototype.toString.call(arr) === "[object Arguments]")) {
return;
}
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 mobile = {
chevronLeft: 'chevronLeft',
chevronRight: 'chevronRight',
chevronTop: 'chevronTop',
chevronBottom: 'chevronBottom',
chevronMiddle: 'chevronMiddle',
mobileListItem: 'mobileListItem'
};
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,
mobileListItem: toggle(mobile.mobileListItem),
chevron: mapping({
left: mobile.chevronLeft,
right: mobile.chevronRight
}),
chevronPosition: mapping({
top: mobile.chevronTop,
bottom: mobile.chevronBottom,
middle: mobile.chevronMiddle
})
};
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;
}
},
/**
* Box semantic element
*/
as: {
default: 'div',
required: false,
type: String,
validator: function validator(value) {
return ["a", "p", "li", "ul", "div", "span", "section", "article", "aside", "footer", "header", "details", "figcaption", "figure", "main", "nav", "summary", "time"].indexOf(value) !== -1;
},
description: "Box semantic element"
},
mobileListItem: {
type: Boolean,
default: false,
required: false
},
chevron: {
type: String,
default: undefined,
required: false,
validator: function validator(value) {
return ["left", "right"].indexOf(value) !== -1;
}
},
chevronPosition: {
type: String,
default: undefined,
required: false,
validator: function validator(value) {
return ["top", "bottom", 'middle'].indexOf(value) !== -1;
}
},
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-fba15b4c_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: 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.ft-mobileListItem-1TgW + .ft-mobileListItem-1TgW {\n border-top: 1px solid #C5CACD;\n}\n.ft-lastMobileListItem-1-K_ {\n border-bottom: 0px;\n}\n.ft-chevronRight-2Eyl {\n position: relative;\n padding-right: 30px;\n}\n.ft-chevronRight-2Eyl:before {\n right: 10px;\n content: '';\n position: absolute;\n border-right-color: #C5CACD;\n border-bottom-color: #C5CACD;\n border-right: 2px solid var(--list-item-chevron-color, #C5CACD);\n border-bottom: 2px solid var(--list-item-chevron-color, #C5CACD);\n width: 14px;\n height: 14px;\n background-color: transparent;\n z-index: 5;\n -webkit-transform: rotateZ(-45deg);\n transform: rotateZ(-45deg);\n}\n.ft-chevronLeft-2a5M {\n position: relative;\n padding-left: 30px;\n}\n.ft-chevronLeft-2a5M:before {\n left: 10px;\n content: '';\n position: absolute;\n border-right-color: #C5CACD;\n border-bottom-color: #C5CACD;\n border-right: 2px solid var(--list-item-chevron-color, #C5CACD);\n border-bottom: 2px solid var(--list-item-chevron-color, #C5CACD);\n width: 14px;\n height: 14px;\n background-color: transparent;\n z-index: 5;\n -webkit-transform: rotateZ(135deg);\n transform: rotateZ(135deg);\n}\n.ft-chevronTop-2gDv:before {\n top: 5%;\n}\n.ft-chevronBottom-25Zy:before {\n bottom: 5%;\n}\n.ft-chevronMiddle-wwo8:before {\n top: calc(50% - 7px);\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",
"mobileListItem": "ft-mobileListItem-1TgW",
"lastMobileListItem": "ft-lastMobileListItem-1-K_",
"chevronRight": "ft-chevronRight-2Eyl",
"chevronLeft": "ft-chevronLeft-2a5M",
"chevronTop": "ft-chevronTop-2gDv",
"chevronBottom": "ft-chevronBottom-25Zy",
"chevronMiddle": "ft-chevronMiddle-wwo8",
"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;
}(vuePropertyDecorator.Vue);
tslib_1.__decorate([vuePropertyDecorator.Prop({
default: false
})], FishTankBadge.prototype, "removable", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
default: 'light'
})], FishTankBadge.prototype, "textShade", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
default: 'notification-1'
})], FishTankBadge.prototype, "theme", void 0);
FishTankBadge = tslib_1.__decorate([vuePropertyDecorator.Component({
components: {
badgeText: FishTankText,
close: iconsVue.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-2da15702_0", {
source: "[data-v-2da15702]: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-2da15702] {\n color: var(--color-black);\n}\n.colorGrayDark[data-v-2da15702] {\n color: var(--color-gray-dark);\n}\n.colorGray[data-v-2da15702] {\n color: var(--color-gray);\n}\n.colorGrayLight[data-v-2da15702] {\n color: var(--color-gray-light);\n}\n.colorGrayLighter[data-v-2da15702] {\n color: var(--color-gray-lighter);\n}\n.colorGrayLightest[data-v-2da15702] {\n color: var(--color-gray-lightest);\n}\n.colorWhite[data-v-2da15702] {\n color: var(--color-white);\n}\n.colorLink[data-v-2da15702] {\n color: var(--color-link);\n}\n.colorLinkVisited[data-v-2da15702] {\n color: var(--color-link-visited);\n}\n.colorLinkDarkBg[data-v-2da15702] {\n color: var(--color-link-dark-bg);\n}\n.colorDisabled[data-v-2da15702] {\n color: var(--color-disabled);\n}\n.colorActionDarkest[data-v-2da15702] {\n color: var(--color-action-darkest);\n}\n.colorActionDarker[data-v-2da15702] {\n color: var(--color-action-darker);\n}\n.colorAction[data-v-2da15702] {\n color: var(--color-action);\n}\n.colorActionLighter[data-v-2da15702] {\n color: var(--color-action-lighter);\n}\n.colorActionLightest[data-v-2da15702] {\n color: var(--color-action-lightest);\n}\n.colorSelectedDarkest[data-v-2da15702] {\n color: var(--color-selected-darkest);\n}\n.colorSelectedDarker[data-v-2da15702] {\n color: var(--color-selected-darker);\n}\n.colorSelected[data-v-2da15702] {\n color: var(--color-selected);\n}\n.colorSelectedLighter[data-v-2da15702] {\n color: var(--color-selected-lighter);\n}\n.colorSelectedLightest[data-v-2da15702] {\n color: var(--color-selected-lightest);\n}\n.colorErrorDarkest[data-v-2da15702] {\n color: var(--color-error-darkest);\n}\n.colorErrorDarker[data-v-2da15702] {\n color: var(--color-error-darker);\n}\n.colorError[data-v-2da15702] {\n color: var(--color-error);\n}\n.colorErrorLighter[data-v-2da15702] {\n color: var(--color-error-lighter);\n}\n.colorErrorLightest[data-v-2da15702] {\n color: var(--color-error-lightest);\n}\n.colorWarningDarkest[data-v-2da15702] {\n color: var(--color-warning-darkest);\n}\n.colorWarningDarker[data-v-2da15702] {\n color: var(--color-warning-darker);\n}\n.colorWarning[data-v-2da15702] {\n color: var(--color-warning);\n}\n.colorWarningLighter[data-v-2da15702] {\n color: var(--color-warning-lighter);\n}\n.colorWarningLightest[data-v-2da15702] {\n color: var(--color-warning-lightest);\n}\n.colorBlawBlue[data-v-2da15702] {\n color: var(--color-blaw-blue);\n}\n.colorBtaxBlue[data-v-2da15702] {\n color: var(--color-btax-blue);\n}\n.colorThemeAntitrust[data-v-2da15702] {\n color: var(--color-theme-antitrust);\n}\n.colorThemeBanking[data-v-2da15702] {\n color: var(--color-theme-banking);\n}\n.colorThemeBankruptcy[data-v-2da15702] {\n color: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefits[data-v-2da15702] {\n color: var(--color-theme-benefits);\n}\n.colorThemeCorporate[data-v-2da15702] {\n color: var(--color-theme-corporate);\n}\n.colorThemeEdiscovery[data-v-2da15702] {\n color: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironment[data-v-2da15702] {\n color: var(--color-theme-environment);\n}\n.colorThemeHealth[data-v-2da15702] {\n color: var(--color-theme-health);\n}\n.colorThemeIp[data-v-2da15702] {\n color: var(--color-theme-ip);\n}\n.colorThemeLabor[data-v-2da15702] {\n color: var(--color-theme-labor);\n}\n.colorThemeSecurities[data-v-2da15702] {\n color: var(--color-theme-securities);\n}\n.colorThemeTelecom[data-v-2da15702] {\n color: var(--color-theme-telecom);\n}\n.colorDataviz1[data-v-2da15702] {\n color: var(--color-dataviz-1);\n}\n.colorDataviz2[data-v-2da15702] {\n color: var(--color-dataviz-2);\n}\n.colorDataviz3[data-v-2da15702] {\n color: var(--color-dataviz-3);\n}\n.colorDataviz4[data-v-2da15702] {\n color: var(--color-dataviz-4);\n}\n.colorDataviz5[data-v-2da15702] {\n color: var(--color-dataviz-5);\n}\n.colorDataviz6[data-v-2da15702] {\n color: var(--color-dataviz-6);\n}\n.colorDataviz7[data-v-2da15702] {\n color: var(--color-dataviz-7);\n}\n.colorDataviz8[data-v-2da15702] {\n color: var(--color-dataviz-8);\n}\n.colorDataviz9[data-v-2da15702] {\n color: var(--color-dataviz-9);\n}\n.colorDataviz10[data-v-2da15702] {\n color: var(--color-dataviz-10);\n}\n.colorDatavizPositive[data-v-2da15702] {\n color: var(--color-dataviz-positive);\n}\n.colorDatavizNegative[data-v-2da15702] {\n color: var(--color-dataviz-negative);\n}\n.colorDemocrat[data-v-2da15702] {\n color: var(--color-democrat);\n}\n.colorRepublican[data-v-2da15702] {\n color: var(--color-republican);\n}\n.colorIndependent[data-v-2da15702] {\n color: var(--color-independent);\n}\n.colorBlackBg[data-v-2da15702] {\n background: var(--color-black);\n}\n.colorGrayDarkBg[data-v-2da15702] {\n background: var(--color-gray-dark);\n}\n.colorGrayBg[data-v-2da15702] {\n background: var(--color-gray);\n}\n.colorGrayLightBg[data-v-2da15702] {\n background: var(--color-gray-light);\n}\n.colorGrayLighterBg[data-v-2da15702] {\n background: var(--color-gray-lighter);\n}\n.colorGrayLightestBg[data-v-2da15702] {\n background: var(--color-gray-lightest);\n}\n.colorWhiteBg[data-v-2da15702] {\n background: var(--color-white);\n}\n.colorLinkBg[data-v-2da15702] {\n background: var(--color-link);\n}\n.colorLinkVisitedBg[data-v-2da15702] {\n background: var(--color-link-visited);\n}\n.colorLinkDarkBgBg[data-v-2da15702] {\n background: var(--color-link-dark-bg);\n}\n.colorDisabledBg[data-v-2da15702] {\n background: var(--color-disabled);\n}\n.colorActionDarkestBg[data-v-2da15702] {\n background: var(--color-action-darkest);\n}\n.colorActionDarkerBg[data-v-2da15702] {\n background: var(--color-action-darker);\n}\n.colorActionBg[data-v-2da15702] {\n background: var(--color-action);\n}\n.colorActionLighterBg[data-v-2da15702] {\n background: var(--color-action-lighter);\n}\n.colorActionLightestBg[data-v-2da15702] {\n background: var(--color-action-lightest);\n}\n.colorSelectedDarkestBg[data-v-2da15702] {\n background: var(--color-selected-darkest);\n}\n.colorSelectedDarkerBg[data-v-2da15702] {\n background: var(--color-selected-darker);\n}\n.colorSelectedBg[data-v-2da15702] {\n background: var(--color-selected);\n}\n.colorSelectedLighterBg[data-v-2da15702] {\n background: var(--color-selected-lighter);\n}\n.colorSelectedLightestBg[data-v-2da15702] {\n background: var(--color-selected-lightest);\n}\n.colorErrorDarkestBg[data-v-2da15702] {\n background: var(--color-error-darkest);\n}\n.colorErrorDarkerBg[data-v-2da15702] {\n background: var(--color-error-darker);\n}\n.colorErrorBg[data-v-2da15702] {\n background: var(--color-error);\n}\n.colorErrorLighterBg[data-v-2da15702] {\n background: var(--color-error-lighter);\n}\n.colorErrorLightestBg[data-v-2da15702] {\n background: var(--color-error-lightest);\n}\n.colorWarningDarkestBg[data-v-2da15702] {\n background: var(--color-warning-darkest);\n}\n.colorWarningDarkerBg[data-v-2da15702] {\n background: var(--color-warning-darker);\n}\n.colorWarningBg[data-v-2da15702] {\n background: var(--color-warning);\n}\n.colorWarningLighterBg[data-v-2da15702] {\n background: var(--color-warning-lighter);\n}\n.colorWarningLightestBg[data-v-2da15702] {\n background: var(--color-warning-lightest);\n}\n.colorBlawBlueBg[data-v-2da15702] {\n background: var(--color-blaw-blue);\n}\n.colorBtaxBlueBg[data-v-2da15702] {\n background: var(--color-btax-blue);\n}\n.colorThemeAntitrustBg[data-v-2da15702] {\n background: var(--color-theme-antitrust);\n}\n.colorThemeBankingBg[data-v-2da15702] {\n background: var(--color-theme-banking);\n}\n.colorThemeBankruptcyBg[data-v-2da15702] {\n background: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefitsBg[data-v-2da15702] {\n background: var(--color-theme-benefits);\n}\n.colorThemeCorporateBg[data-v-2da15702] {\n background: var(--color-theme-corporate);\n}\n.colorThemeEdiscoveryBg[data-v-2da15702] {\n background: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironmentBg[data-v-2da15702] {\n background: var(--color-theme-environment);\n}\n.colorThemeHealthBg[data-v-2da15702] {\n background: var(--color-theme-health);\n}\n.colorThemeIpBg[data-v-2da15702] {\n background: var(--color-theme-ip);\n}\n.colorThemeLaborBg[data-v-2da15702] {\n background: var(--color-theme-labor);\n}\n.colorThemeSecuritiesBg[data-v-2da15702] {\n background: var(--color-theme-securities);\n}\n.colorThemeTelecomBg[data-v-2da15702] {\n background: var(--color-theme-telecom);\n}\n.colorDataviz1Bg[data-v-2da15702] {\n background: var(--color-dataviz-1);\n}\n.colorDataviz2Bg[data-v-2da15702] {\n background: var(--color-dataviz-2);\n}\n.colorDataviz3Bg[data-v-2da15702] {\n background: var(--color-dataviz-3);\n}\n.colorDataviz4Bg[data-v-2da15702] {\n background: var(--color-dataviz-4);\n}\n.colorDataviz5Bg[data-v-2da15702] {\n background: var(--color-dataviz-5);\n}\n.colorDataviz6Bg[data-v-2da15702] {\n background: var(--color-dataviz-6);\n}\n.colorDataviz7Bg[data-v-2da15702] {\n background: var(--color-dataviz-7);\n}\n.colorDataviz8Bg[data-v-2da15702] {\n background: var(--color-dataviz-8);\n}\n.colorDataviz9Bg[data-v-2da15702] {\n background: var(--color-dataviz-9);\n}\n.colorDataviz10Bg[data-v-2da15702] {\n background: var(--color-dataviz-10);\n}\n.colorDatavizPositiveBg[data-v-2da15702] {\n background: var(--color-dataviz-positive);\n}\n.colorDatavizNegativeBg[data-v-2da15702] {\n background: var(--color-dataviz-negative);\n}\n.colorDemocratBg[data-v-2da15702] {\n background: var(--color-democrat);\n}\n.colorRepublicanBg[data-v-2da15702] {\n background: var(--color-republican);\n}\n.colorIndependentBg[data-v-2da15702] {\n background: var(--color-independent);\n}\n[data-v-2da15702]: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-2da15702] {\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-2da15702] {\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-2da15702] {\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-2da15702] {\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-2da15702] {\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-2da15702] {\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-2da15702]: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-2da15702]: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-2da15702] {\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-2da15702] {\n padding: 0px 1px 0px calc(var(--baseline)*2);\n}\n.badge.badge-padding--text[data-v-2da15702] {\n padding: 4px calc(var(--baseline)*2) 4px calc(var(--baseline)*2);\n}\n.badge.badge-theme--grad-bgov-bluepurple[data-v-2da15702] {\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-2da15702] {\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-2da15702] {\n background: var(--badge-background-color, #EA60A7);\n}\n.badge.badge-theme--color-notification-2[data-v-2da15702] {\n background: var(--badge-background-color, #FFB511);\n}\n.badge.badge-theme--color-notification-3[data-v-2da15702] {\n background: var(--badge-background-color, #0D9DDB);\n}\n.badge.badge-theme--color-notification-3[data-v-2da15702] {\n background: var(--badge-background-color, #0D9DDB);\n}\n.badge.badge-theme--color-disabled[data-v-2da15702] {\n background: var(--badge-background-color, #C5CACD);\n}\n.badge.badge-theme--color-neutral[data-v-2da15702] {\n background: var(--badge-background-color, #FFFFFF);\n border: 1px solid var(--badge-background-color, #C5CACD);\n}\n.remove-light[data-v-2da15702] {\n margin-left: 5px;\n fill: var(--remove-icon-color, #FFFFFF);\n}\n.remove-dark[data-v-2da15702] {\n margin-left: 5px;\n fill: var(--remove-icon-color, #292E31);\n}\n.remove-disabled[data-v-2da15702] {\n margin-left: 5px;\n fill: var(--remove-icon-color, #9EA3A6);\n}\na[data-v-2da15702] {\n color: inherit;\n text-decoration: none;\n}\na.a--interactive[data-v-2da15702]:hover {\n color: inherit;\n text-decoration: none;\n opacity: 0.8;\n cursor: pointer;\n}\na.a--static[data-v-2da15702]: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-2da15702";
/* 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;
}(vuePropertyDecorator.Vue);
tslib_1.__decorate([vuePropertyDecorator.Prop({
default: undefined,
type: Number
})], FishTankNumberBadge.prototype, "value", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
default: 'light'
})], FishTankNumberBadge.prototype, "textShade", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
default: 'notification-1',
required: false
})], FishTankNumberBadge.prototype, "theme", void 0);
FishTankNumberBadge = tslib_1.__decorate([vuePropertyDecorator.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-4f98e7bb_0", {
source: "[data-v-4f98e7bb]: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-4f98e7bb] {\n color: var(--color-black);\n}\n.colorGrayDark[data-v-4f98e7bb] {\n color: var(--color-gray-dark);\n}\n.colorGray[data-v-4f98e7bb] {\n color: var(--color-gray);\n}\n.colorGrayLight[data-v-4f98e7bb] {\n color: var(--color-gray-light);\n}\n.colorGrayLighter[data-v-4f98e7bb] {\n color: var(--color-gray-lighter);\n}\n.colorGrayLightest[data-v-4f98e7bb] {\n color: var(--color-gray-lightest);\n}\n.colorWhite[data-v-4f98e7bb] {\n color: var(--color-white);\n}\n.colorLink[data-v-4f98e7bb] {\n color: var(--color-link);\n}\n.colorLinkVisited[data-v-4f98e7bb] {\n color: var(--color-link-visited);\n}\n.colorLinkDarkBg[data-v-4f98e7bb] {\n color: var(--color-link-dark-bg);\n}\n.colorDisabled[data-v-4f98e7bb] {\n color: var(--color-disabled);\n}\n.colorActionDarkest[data-v-4f98e7bb] {\n color: var(--color-action-darkest);\n}\n.colorActionDarker[data-v-4f98e7bb] {\n color: var(--color-action-darker);\n}\n.colorAction[data-v-4f98e7bb] {\n color: var(--color-action);\n}\n.colorActionLighter[data-v-4f98e7bb] {\n color: var(--color-action-lighter);\n}\n.colorActionLightest[data-v-4f98e7bb] {\n color: var(--color-action-lightest);\n}\n.colorSelectedDarkest[data-v-4f98e7bb] {\n color: var(--color-selected-darkest);\n}\n.colorSelectedDarker[data-v-4f98e7bb] {\n color: var(--color-selected-darker);\n}\n.colorSelected[data-v-4f98e7bb] {\n color: var(--color-selected);\n}\n.colorSelectedLighter[data-v-4f98e7bb] {\n color: var(--color-selected-lighter);\n}\n.colorSelectedLightest[data-v-4f98e7bb] {\n color: var(--color-selected-lightest);\n}\n.colorErrorDarkest[data-v-4f98e7bb] {\n color: var(--color-error-darkest);\n}\n.colorErrorDarker[data-v-4f98e7bb] {\n color: var(--color-error-darker);\n}\n.colorError[data-v-4f98e7bb] {\n color: var(--color-error);\n}\n.colorErrorLighter[data-v-4f98e7bb] {\n color: var(--color-error-lighter);\n}\n.colorErrorLightest[data-v-4f98e7bb] {\n color: var(--color-error-lightest);\n}\n.colorWarningDarkest[data-v-4f98e7bb] {\n color: var(--color-warning-darkest);\n}\n.colorWarningDarker[data-v-4f98e7bb] {\n color: var(--color-warning-darker);\n}\n.colorWarning[data-v-4f98e7bb] {\n color: var(--color-warning);\n}\n.colorWarningLighter[data-v-4f98e7bb] {\n color: var(--color-warning-lighter);\n}\n.colorWarningLightest[data-v-4f98e7bb] {\n color: var(--color-warning-lightest);\n}\n.colorBlawBlue[data-v-4f98e7bb] {\n color: var(--color-blaw-blue);\n}\n.colorBtaxBlue[data-v-4f98e7bb] {\n color: var(--color-btax-blue);\n}\n.colorThemeAntitrust[data-v-4f98e7bb] {\n color: var(--color-theme-antitrust);\n}\n.colorThemeBanking[data-v-4f98e7bb] {\n color: var(--color-theme-banking);\n}\n.colorThemeBankruptcy[data-v-4f98e7bb] {\n color: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefits[data-v-4f98e7bb] {\n color: var(--color-theme-benefits);\n}\n.colorThemeCorporate[data-v-4f98e7bb] {\n color: var(--color-theme-corporate);\n}\n.colorThemeEdiscovery[data-v-4f98e7bb] {\n color: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironment[data-v-4f98e7bb] {\n color: var(--color-theme-environment);\n}\n.colorThemeHealth[data-v-4f98e7bb] {\n color: var(--color-theme-health);\n}\n.colorThemeIp[data-v-4f98e7bb] {\n color: var(--color-theme-ip);\n}\n.colorThemeLabor[data-v-4f98e7bb] {\n color: var(--color-theme-labor);\n}\n.colorThemeSecurities[data-v-4f98e7bb] {\n color: var(--color-theme-securities);\n}\n.colorThemeTelecom[data-v-4f98e7bb] {\n color: var(--color-theme-telecom);\n}\n.colorDataviz1[data-v-4f98e7bb] {\n color: var(--color-dataviz-1);\n}\n.colorDataviz2[data-v-4f98e7bb] {\n color: var(--color-dataviz-2);\n}\n.colorDataviz3[data-v-4f98e7bb] {\n color: var(--color-dataviz-3);\n}\n.colorDataviz4[data-v-4f98e7bb] {\n color: var(--color-dataviz-4);\n}\n.colorDataviz5[data-v-4f98e7bb] {\n color: var(--color-dataviz-5);\n}\n.colorDataviz6[data-v-4f98e7bb] {\n color: var(--color-dataviz-6);\n}\n.colorDataviz7[data-v-4f98e7bb] {\n color: var(--color-dataviz-7);\n}\n.colorDataviz8[data-v-4f98e7bb] {\n color: var(--color-dataviz-8);\n}\n.colorDataviz9[data-v-4f98e7bb] {\n color: var(--color-dataviz-9);\n}\n.colorDataviz10[data-v-4f98e7bb] {\n color: var(--color-dataviz-10);\n}\n.colorDatavizPositive[data-v-4f98e7bb] {\n color: var(--color-dataviz-positive);\n}\n.colorDatavizNegative[data-v-4f98e7bb] {\n color: var(--color-dataviz-negative);\n}\n.colorDemocrat[data-v-4f98e7bb] {\n color: var(--color-democrat);\n}\n.colorRepublican[data-v-4f98e7bb] {\n color: var(--color-republican);\n}\n.colorIndependent[data-v-4f98e7bb] {\n color: var(--color-independent);\n}\n.colorBlackBg[data-v-4f98e7bb] {\n background: var(--color-black);\n}\n.colorGrayDarkBg[data-v-4f98e7bb] {\n background: var(--color-gray-dark);\n}\n.colorGrayBg[data-v-4f98e7bb] {\n background: var(--color-gray);\n}\n.colorGrayLightBg[data-v-4f98e7bb] {\n background: var(--color-gray-light);\n}\n.colorGrayLighterBg[data-v-4f98e7bb] {\n background: var(--color-gray-lighter);\n}\n.colorGrayLightestBg[data-v-4f98e7bb] {\n background: var(--color-gray-lightest);\n}\n.colorWhiteBg[data-v-4f98e7bb] {\n background: var(--color-white);\n}\n.colorLinkBg[data-v-4f98e7bb] {\n background: var(--color-link);\n}\n.colorLinkVisitedBg[data-v-4f98e7bb] {\n background: var(--color-link-visited);\n}\n.colorLinkDarkBgBg[data-v-4f98e7bb] {\n background: var(--color-link-dark-bg);\n}\n.colorDisabledBg[data-v-4f98e7bb] {\n background: var(--color-disabled);\n}\n.colorActionDarkestBg[data-v-4f98e7bb] {\n background: var(--color-action-darkest);\n}\n.colorActionDarkerBg[data-v-4f98e7bb] {\n background: var(--color-action-darker);\n}\n.colorActionBg[data-v-4f98e7bb] {\n background: var(--color-action);\n}\n.colorActionLighterBg[data-v-4f98e7bb] {\n background: var(--color-action-lighter);\n}\n.colorActionLightestBg[data-v-4f98e7bb] {\n background: var(--color-action-lightest);\n}\n.colorSelectedDarkestBg[data-v-4f98e7bb] {\n background: var(--color-selected-darkest);\n}\n.colorSelectedDarkerBg[data-v-4f98e7bb] {\n background: var(--color-selected-darker);\n}\n.colorSelectedBg[data-v-4f98e7bb] {\n background: var(--color-selected);\n}\n.colorSelectedLighterBg[data-v-4f98e7bb] {\n background: var(--color-selected-lighter);\n}\n.colorSelectedLightestBg[data-v-4f98e7bb] {\n background: var(--color-selected-lightest);\n}\n.colorErrorDarkestBg[data-v-4f98e7bb] {\n background: var(--color-error-darkest);\n}\n.colorErrorDarkerBg[data-v-4f98e7bb] {\n background: var(--color-error-darker);\n}\n.colorErrorBg[data-v-4f98e7bb] {\n background: var(--color-error);\n}\n.colorErrorLighterBg[data-v-4f98e7bb] {\n background: var(--color-error-lighter);\n}\n.colorErrorLightestBg[data-v-4f98e7bb] {\n background: var(--color-error-lightest);\n}\n.colorWarningDarkestBg[data-v-4f98e7bb] {\n background: var(--color-warning-darkest);\n}\n.colorWarningDarkerBg[data-v-4f98e7bb] {\n background: var(--color-warning-darker);\n}\n.colorWarningBg[data-v-4f98e7bb] {\n background: var(--color-warning);\n}\n.colorWarningLighterBg[data-v-4f98e7bb] {\n background: var(--color-warning-lighter);\n}\n.colorWarningLightestBg[data-v-4f98e7bb] {\n background: var(--color-warning-lightest);\n}\n.colorBlawBlueBg[data-v-4f98e7bb] {\n background: var(--color-blaw-blue);\n}\n.colorBtaxBlueBg[data-v-4f98e7bb] {\n background: var(--color-btax-blue);\n}\n.colorThemeAntitrustBg[data-v-4f98e7bb] {\n background: var(--color-theme-antitrust);\n}\n.colorThemeBankingBg[data-v-4f98e7bb] {\n background: var(--color-theme-banking);\n}\n.colorThemeBankruptcyBg[data-v-4f98e7bb] {\n background: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefitsBg[data-v-4f98e7bb] {\n background: var(--color-theme-benefits);\n}\n.colorThemeCorporateBg[data-v-4f98e7bb] {\n background: var(--color-theme-corporate);\n}\n.colorThemeEdiscoveryBg[data-v-4f98e7bb] {\n background: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironmentBg[data-v-4f98e7bb] {\n background: var(--color-theme-environment);\n}\n.colorThemeHealthBg[data-v-4f98e7bb] {\n background: var(--color-theme-health);\n}\n.colorThemeIpBg[data-v-4f98e7bb] {\n background: var(--color-theme-ip);\n}\n.colorThemeLaborBg[data-v-4f98e7bb] {\n background: var(--color-theme-labor);\n}\n.colorThemeSecuritiesBg[data-v-4f98e7bb] {\n background: var(--color-theme-securities);\n}\n.colorThemeTelecomBg[data-v-4f98e7bb] {\n background: var(--color-theme-telecom);\n}\n.colorDataviz1Bg[data-v-4f98e7bb] {\n background: var(--color-dataviz-1);\n}\n.colorDataviz2Bg[data-v-4f98e7bb] {\n background: var(--color-dataviz-2);\n}\n.colorDataviz3Bg[data-v-4f98e7bb] {\n background: var(--color-dataviz-3);\n}\n.colorDataviz4Bg[data-v-4f98e7bb] {\n background: var(--color-dataviz-4);\n}\n.colorDataviz5Bg[data-v-4f98e7bb] {\n background: var(--color-dataviz-5);\n}\n.colorDataviz6Bg[data-v-4f98e7bb] {\n background: var(--color-dataviz-6);\n}\n.colorDataviz7Bg[data-v-4f98e7bb] {\n background: var(--color-dataviz-7);\n}\n.colorDataviz8Bg[data-v-4f98e7bb] {\n background: var(--color-dataviz-8);\n}\n.colorDataviz9Bg[data-v-4f98e7bb] {\n background: var(--color-dataviz-9);\n}\n.colorDataviz10Bg[data-v-4f98e7bb] {\n background: var(--color-dataviz-10);\n}\n.colorDatavizPositiveBg[data-v-4f98e7bb] {\n background: var(--color-dataviz-positive);\n}\n.colorDatavizNegativeBg[data-v-4f98e7bb] {\n background: var(--color-dataviz-negative);\n}\n.colorDemocratBg[data-v-4f98e7bb] {\n background: var(--color-democrat);\n}\n.colorRepublicanBg[data-v-4f98e7bb] {\n background: var(--color-republican);\n}\n.colorIndependentBg[data-v-4f98e7bb] {\n background: var(--color-independent);\n}\n[data-v-4f98e7bb]: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-4f98e7bb] {\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-4f98e7bb] {\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-4f98e7bb] {\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-4f98e7bb] {\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-4f98e7bb] {\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-4f98e7bb] {\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-4f98e7bb]: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-4f98e7bb]: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-4f98e7bb] {\n position: relative;\n display: inline-block;\n margin-right: calc(var(--baseline)*3);\n}\n.badge-chip[data-v-4f98e7bb] {\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-4f98e7bb] {\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-4f98e7bb] {\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-4f98e7bb] {\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-4f98e7bb] {\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-4f98e7bb] {\n background: var(--badge-background-color, #EA60A7);\n}\n.badge-chip.badge-chip--color-notification-2[data-v-4f98e7bb] {\n background: var(--badge-background-color, #FFB511);\n}\n.badge-chip.badge-chip--color-notification-3[data-v-4f98e7bb] {\n background: var(--badge-background-color, #0D9DDB);\n}\n.badge-chip.badge-chip--color-notification-3[data-v-4f98e7bb] {\n background: var(--badge-background-color, #0D9DDB);\n}\n.badge-chip.badge-chip--color-disabled[data-v-4f98e7bb] {\n background: var(--badge-background-color, #C5CACD);\n}\n.badge-chip.badge-chip--color-neutral[data-v-4f98e7bb] {\n background: var(--badge-background-color, #FFFFFF);\n border: 1px solid #C5CACD;\n}\n.badge-chip.text--color-light[data-v-4f98e7bb] {\n color: var(--color-white);\n}\n.badge-chip.text--color-dark[data-v-4f98e7bb] {\n color: var(--color-black);\n}\n.badge-chip.text--color-disabled[data-v-4f98e7bb] {\n color: var(--color-gray-light);\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$33 = "data-v-4f98e7bb";
/* 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;
}(vuePropertyDecorator.Vue);
tslib_1.__decorate([vuePropertyDecorator.Model('change', {
type: [String, Boolean, Object, Array, Number]
})], FishTankTag.prototype, "modelValue", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: Boolean,
required: false,
default: false
})], FishTankTag.prototype, "disabled", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
default: null,
type: [String, Boolean, Object, Array, Number]
})], FishTankTag.prototype, "value", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: String,
required: true
})], FishTankTag.prototype, "label", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: String,
default: null,
required: false
})], FishTankTag.prototype, "id", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
default: true,
type: [String, Boolean, Object, Array, Number]
})], FishTankTag.prototype, "trueValue", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
default: false,
type: [String, Boolean, Object, Array, Number]
})], FishTankTag.prototype, "falseValue", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: Boolean,
required: false,
default: false
})], FishTankTag.prototype, "removable", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: String,
default: 'right',
required: false
})], FishTankTag.prototype, "iconPosition", void 0);
FishTankTag = tslib_1.__decorate([vuePropertyDecorator.Component({
components: {
CloseSml24: iconsVue.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-24032727_0", {
source: ".wrap[data-v-24032727] {\n position: relative;\n display: inline-block;\n position: relative;\n margin: 0px;\n}\n.input[data-v-24032727] {\n position: absolute;\n width: 100%;\n height: 100%;\n display: block;\n opacity: 0;\n cursor: pointer;\n}\n.input[data-v-24032727]:disabled {\n cursor: default;\n}\n.tag[data-v-24032727] {\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-24032727] {\n padding-right: 28px;\n}\n.checked[data-v-24032727] {\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-24032727] {\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-24032727] {\n color: var(--color-black);\n background-color: var(--color-secondary-lighter);\n}\n.label:hover .checked[data-v-24032727] {\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-24032727] {\n color: var(--color-disabled);\n background-color: var(--color-gray-lightest);\n border-color: var(--color-gray-lighter);\n}\n.labelContent[data-v-24032727] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.icon[data-v-24032727] {\n margin-top: -2px;\n position: relative;\n cursor: pointer;\n}\n.iconRight[data-v-24032727] {\n padding-left: 0;\n}\n.iconAlignment[data-v-24032727] {\n position: absolute;\n padding-left: var(--baseline);\n}\n.iconChecked[data-v-24032727] {\n color: var(--color-white);\n}\nbody.user-is-tabbing .focused[data-v-24032727] {\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-24032727";
/* 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;
}(vuePropertyDecorator.Vue);
tslib_1.__decorate([vuePropertyDecorator.Model('paginate', {
type: Number,
required: false,
default: 0
})], FishTankPagination.prototype, "pageNum", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: Number,
required: true
})], FishTankPagination.prototype, "pageCount", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: Number,
required: false,
default: 5
})], FishTankPagination.prototype, "pageRange", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: Boolean,
required: false,
default: true
})], FishTankPagination.prototype, "showLastPage", void 0);
FishTankPagination = tslib_1.__decorate([vuePropertyDecorator.Component({
components: {
'vue-paginate': VueJsPaginate,
ChevronLeftIcon: iconsVue.ChevronLeft24,
ChevronRightIcon: iconsVue.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": _vm.pageRange,
"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-f4f80fc4_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-2e0636a2_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-0b1eb346_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-0b1eb346_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: vueContentLoader.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) {
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.includes(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;
}
}
}
}
}, {
key: "getColVerticalAlign",
value: function getColVerticalAlign(cellName) {
var _iteratorNormalCompletion2 = true;
var _didIteratorError2 = false;
var _iteratorError2 = undefined;
try {
for (var _iterator2 = this.tableData.fields[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
var currField = _step2.value;
if (currField.name.includes(cellName)) {
switch (currField.colVAlignment) {
// length and percentage not currently supported
case "sub":
return "td--sub";
case "super":
return "td--super";
case "text-top":
return "td--text-top";
case "text-bottom":
return "td--text-bottom";
case "middle":
return "td--middle";
case "top":
return "td--top";
case "bottom":
return "td--bottom";
default:
return "td--baseline";
}
}
}
} catch (err) {
_didIteratorError2 = true;
_iteratorError2 = err;
} finally {
try {
if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
_iterator2.return();
}
} finally {
if (_didIteratorError2) {
throw _iteratorError2;
}
}
}
}
}]);
return FishTankTable;
}(vuePropertyDecorator.Vue);
tslib_1.__decorate([vuePropertyDecorator.Prop({
default: {},
type: Object
})], FishTankTable.prototype, "tableData", void 0);
FishTankTable = tslib_1.__decorate([vuePropertyDecorator.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"
}, [_c("thead", [_c("tr", [_vm._l(_vm.tableData.fields, function (field, index) {
return [_vm.isSpecialCell(field.name) ? [_vm.getCellType(field.name) == "__slot" ? _c("th", {
key: index,
class: [],
style: {
width: field.width
}
}, [_vm._t(_vm.renderComponent(field.name), null, {
field: field
})], 2) : _vm._e()] : [_c("th", {
key: index,
class: [],
style: {
width: field.width
}
}, [_vm._v("\n " + _vm._s(field.title.toUpperCase()) + "\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.getColVerticalAlign(name)]
}, [_vm._t(_vm.renderComponent(cell), null, {
rowData: row,
rowIndex: rowIndex
})], 2) : _vm._e()] : [_c("td", {
key: index,
class: [_vm.getColAlign(name), _vm.getColVerticalAlign(name)],
style: {
width: row.width
}
}, [_vm._v("\n " + _vm._s(cell) + "\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-38ba950b_0", {
source: "[data-v-38ba950b]: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-38ba950b] {\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-38ba950b] {\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-38ba950b] {\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-38ba950b] {\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-38ba950b] {\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-38ba950b] {\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-38ba950b]: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-38ba950b]: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-38ba950b] {\n color: var(--color-black);\n}\n.colorGrayDark[data-v-38ba950b] {\n color: var(--color-gray-dark);\n}\n.colorGray[data-v-38ba950b] {\n color: var(--color-gray);\n}\n.colorGrayLight[data-v-38ba950b] {\n color: var(--color-gray-light);\n}\n.colorGrayLighter[data-v-38ba950b] {\n color: var(--color-gray-lighter);\n}\n.colorGrayLightest[data-v-38ba950b] {\n color: var(--color-gray-lightest);\n}\n.colorWhite[data-v-38ba950b] {\n color: var(--color-white);\n}\n.colorLink[data-v-38ba950b] {\n color: var(--color-link);\n}\n.colorLinkVisited[data-v-38ba950b] {\n color: var(--color-link-visited);\n}\n.colorLinkDarkBg[data-v-38ba950b] {\n color: var(--color-link-dark-bg);\n}\n.colorDisabled[data-v-38ba950b] {\n color: var(--color-disabled);\n}\n.colorActionDarkest[data-v-38ba950b] {\n color: var(--color-action-darkest);\n}\n.colorActionDarker[data-v-38ba950b] {\n color: var(--color-action-darker);\n}\n.colorAction[data-v-38ba950b] {\n color: var(--color-action);\n}\n.colorActionLighter[data-v-38ba950b] {\n color: var(--color-action-lighter);\n}\n.colorActionLightest[data-v-38ba950b] {\n color: var(--color-action-lightest);\n}\n.colorSelectedDarkest[data-v-38ba950b] {\n color: var(--color-selected-darkest);\n}\n.colorSelectedDarker[data-v-38ba950b] {\n color: var(--color-selected-darker);\n}\n.colorSelected[data-v-38ba950b] {\n color: var(--color-selected);\n}\n.colorSelectedLighter[data-v-38ba950b] {\n color: var(--color-selected-lighter);\n}\n.colorSelectedLightest[data-v-38ba950b] {\n color: var(--color-selected-lightest);\n}\n.colorErrorDarkest[data-v-38ba950b] {\n color: var(--color-error-darkest);\n}\n.colorErrorDarker[data-v-38ba950b] {\n color: var(--color-error-darker);\n}\n.colorError[data-v-38ba950b] {\n color: var(--color-error);\n}\n.colorErrorLighter[data-v-38ba950b] {\n color: var(--color-error-lighter);\n}\n.colorErrorLightest[data-v-38ba950b] {\n color: var(--color-error-lightest);\n}\n.colorWarningDarkest[data-v-38ba950b] {\n color: var(--color-warning-darkest);\n}\n.colorWarningDarker[data-v-38ba950b] {\n color: var(--color-warning-darker);\n}\n.colorWarning[data-v-38ba950b] {\n color: var(--color-warning);\n}\n.colorWarningLighter[data-v-38ba950b] {\n color: var(--color-warning-lighter);\n}\n.colorWarningLightest[data-v-38ba950b] {\n color: var(--color-warning-lightest);\n}\n.colorBlawBlue[data-v-38ba950b] {\n color: var(--color-blaw-blue);\n}\n.colorBtaxBlue[data-v-38ba950b] {\n color: var(--color-btax-blue);\n}\n.colorThemeAntitrust[data-v-38ba950b] {\n color: var(--color-theme-antitrust);\n}\n.colorThemeBanking[data-v-38ba950b] {\n color: var(--color-theme-banking);\n}\n.colorThemeBankruptcy[data-v-38ba950b] {\n color: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefits[data-v-38ba950b] {\n color: var(--color-theme-benefits);\n}\n.colorThemeCorporate[data-v-38ba950b] {\n color: var(--color-theme-corporate);\n}\n.colorThemeEdiscovery[data-v-38ba950b] {\n color: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironment[data-v-38ba950b] {\n color: var(--color-theme-environment);\n}\n.colorThemeHealth[data-v-38ba950b] {\n color: var(--color-theme-health);\n}\n.colorThemeIp[data-v-38ba950b] {\n color: var(--color-theme-ip);\n}\n.colorThemeLabor[data-v-38ba950b] {\n color: var(--color-theme-labor);\n}\n.colorThemeSecurities[data-v-38ba950b] {\n color: var(--color-theme-securities);\n}\n.colorThemeTelecom[data-v-38ba950b] {\n color: var(--color-theme-telecom);\n}\n.colorDataviz1[data-v-38ba950b] {\n color: var(--color-dataviz-1);\n}\n.colorDataviz2[data-v-38ba950b] {\n color: var(--color-dataviz-2);\n}\n.colorDataviz3[data-v-38ba950b] {\n color: var(--color-dataviz-3);\n}\n.colorDataviz4[data-v-38ba950b] {\n color: var(--color-dataviz-4);\n}\n.colorDataviz5[data-v-38ba950b] {\n color: var(--color-dataviz-5);\n}\n.colorDataviz6[data-v-38ba950b] {\n color: var(--color-dataviz-6);\n}\n.colorDataviz7[data-v-38ba950b] {\n color: var(--color-dataviz-7);\n}\n.colorDataviz8[data-v-38ba950b] {\n color: var(--color-dataviz-8);\n}\n.colorDataviz9[data-v-38ba950b] {\n color: var(--color-dataviz-9);\n}\n.colorDataviz10[data-v-38ba950b] {\n color: var(--color-dataviz-10);\n}\n.colorDatavizPositive[data-v-38ba950b] {\n color: var(--color-dataviz-positive);\n}\n.colorDatavizNegative[data-v-38ba950b] {\n color: var(--color-dataviz-negative);\n}\n.colorDemocrat[data-v-38ba950b] {\n color: var(--color-democrat);\n}\n.colorRepublican[data-v-38ba950b] {\n color: var(--color-republican);\n}\n.colorIndependent[data-v-38ba950b] {\n color: var(--color-independent);\n}\n.colorBlackBg[data-v-38ba950b] {\n background: var(--color-black);\n}\n.colorGrayDarkBg[data-v-38ba950b] {\n background: var(--color-gray-dark);\n}\n.colorGrayBg[data-v-38ba950b] {\n background: var(--color-gray);\n}\n.colorGrayLightBg[data-v-38ba950b] {\n background: var(--color-gray-light);\n}\n.colorGrayLighterBg[data-v-38ba950b] {\n background: var(--color-gray-lighter);\n}\n.colorGrayLightestBg[data-v-38ba950b] {\n background: var(--color-gray-lightest);\n}\n.colorWhiteBg[data-v-38ba950b] {\n background: var(--color-white);\n}\n.colorLinkBg[data-v-38ba950b] {\n background: var(--color-link);\n}\n.colorLinkVisitedBg[data-v-38ba950b] {\n background: var(--color-link-visited);\n}\n.colorLinkDarkBgBg[data-v-38ba950b] {\n background: var(--color-link-dark-bg);\n}\n.colorDisabledBg[data-v-38ba950b] {\n background: var(--color-disabled);\n}\n.colorActionDarkestBg[data-v-38ba950b] {\n background: var(--color-action-darkest);\n}\n.colorActionDarkerBg[data-v-38ba950b] {\n background: var(--color-action-darker);\n}\n.colorActionBg[data-v-38ba950b] {\n background: var(--color-action);\n}\n.colorActionLighterBg[data-v-38ba950b] {\n background: var(--color-action-lighter);\n}\n.colorActionLightestBg[data-v-38ba950b] {\n background: var(--color-action-lightest);\n}\n.colorSelectedDarkestBg[data-v-38ba950b] {\n background: var(--color-selected-darkest);\n}\n.colorSelectedDarkerBg[data-v-38ba950b] {\n background: var(--color-selected-darker);\n}\n.colorSelectedBg[data-v-38ba950b] {\n background: var(--color-selected);\n}\n.colorSelectedLighterBg[data-v-38ba950b] {\n background: var(--color-selected-lighter);\n}\n.colorSelectedLightestBg[data-v-38ba950b] {\n background: var(--color-selected-lightest);\n}\n.colorErrorDarkestBg[data-v-38ba950b] {\n background: var(--color-error-darkest);\n}\n.colorErrorDarkerBg[data-v-38ba950b] {\n background: var(--color-error-darker);\n}\n.colorErrorBg[data-v-38ba950b] {\n background: var(--color-error);\n}\n.colorErrorLighterBg[data-v-38ba950b] {\n background: var(--color-error-lighter);\n}\n.colorErrorLightestBg[data-v-38ba950b] {\n background: var(--color-error-lightest);\n}\n.colorWarningDarkestBg[data-v-38ba950b] {\n background: var(--color-warning-darkest);\n}\n.colorWarningDarkerBg[data-v-38ba950b] {\n background: var(--color-warning-darker);\n}\n.colorWarningBg[data-v-38ba950b] {\n background: var(--color-warning);\n}\n.colorWarningLighterBg[data-v-38ba950b] {\n background: var(--color-warning-lighter);\n}\n.colorWarningLightestBg[data-v-38ba950b] {\n background: var(--color-warning-lightest);\n}\n.colorBlawBlueBg[data-v-38ba950b] {\n background: var(--color-blaw-blue);\n}\n.colorBtaxBlueBg[data-v-38ba950b] {\n background: var(--color-btax-blue);\n}\n.colorThemeAntitrustBg[data-v-38ba950b] {\n background: var(--color-theme-antitrust);\n}\n.colorThemeBankingBg[data-v-38ba950b] {\n background: var(--color-theme-banking);\n}\n.colorThemeBankruptcyBg[data-v-38ba950b] {\n background: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefitsBg[data-v-38ba950b] {\n background: var(--color-theme-benefits);\n}\n.colorThemeCorporateBg[data-v-38ba950b] {\n background: var(--color-theme-corporate);\n}\n.colorThemeEdiscoveryBg[data-v-38ba950b] {\n background: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironmentBg[data-v-38ba950b] {\n background: var(--color-theme-environment);\n}\n.colorThemeHealthBg[data-v-38ba950b] {\n background: var(--color-theme-health);\n}\n.colorThemeIpBg[data-v-38ba950b] {\n background: var(--color-theme-ip);\n}\n.colorThemeLaborBg[data-v-38ba950b] {\n background: var(--color-theme-labor);\n}\n.colorThemeSecuritiesBg[data-v-38ba950b] {\n background: var(--color-theme-securities);\n}\n.colorThemeTelecomBg[data-v-38ba950b] {\n background: var(--color-theme-telecom);\n}\n.colorDataviz1Bg[data-v-38ba950b] {\n background: var(--color-dataviz-1);\n}\n.colorDataviz2Bg[data-v-38ba950b] {\n background: var(--color-dataviz-2);\n}\n.colorDataviz3Bg[data-v-38ba950b] {\n background: var(--color-dataviz-3);\n}\n.colorDataviz4Bg[data-v-38ba950b] {\n background: var(--color-dataviz-4);\n}\n.colorDataviz5Bg[data-v-38ba950b] {\n background: var(--color-dataviz-5);\n}\n.colorDataviz6Bg[data-v-38ba950b] {\n background: var(--color-dataviz-6);\n}\n.colorDataviz7Bg[data-v-38ba950b] {\n background: var(--color-dataviz-7);\n}\n.colorDataviz8Bg[data-v-38ba950b] {\n background: var(--color-dataviz-8);\n}\n.colorDataviz9Bg[data-v-38ba950b] {\n background: var(--color-dataviz-9);\n}\n.colorDataviz10Bg[data-v-38ba950b] {\n background: var(--color-dataviz-10);\n}\n.colorDatavizPositiveBg[data-v-38ba950b] {\n background: var(--color-dataviz-positive);\n}\n.colorDatavizNegativeBg[data-v-38ba950b] {\n background: var(--color-dataviz-negative);\n}\n.colorDemocratBg[data-v-38ba950b] {\n background: var(--color-democrat);\n}\n.colorRepublicanBg[data-v-38ba950b] {\n background: var(--color-republican);\n}\n.colorIndependentBg[data-v-38ba950b] {\n background: var(--color-independent);\n}\ntable[data-v-38ba950b] {\n border: solid 1px #C5CACD;\n border-spacing: 0;\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed;\n}\ntd[data-v-38ba950b], th[data-v-38ba950b] {\n padding: 10px;\n border-right: solid 1px #C5CACD;\n}\ntd[data-v-38ba950b] {\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-38ba950b] {\n text-align: left;\n}\ntd.td--right[data-v-38ba950b] {\n text-align: right;\n}\ntd.td--center[data-v-38ba950b] {\n text-align: center;\n}\ntd.td--baseline[data-v-38ba950b] {\n vertical-align: baseline;\n}\ntd.td--middle[data-v-38ba950b] {\n vertical-align: middle;\n}\ntd.td--sub[data-v-38ba950b] {\n vertical-align: sub;\n}\ntd.td--super[data-v-38ba950b] {\n vertical-align: super;\n}\ntd.td--text-top[data-v-38ba950b] {\n vertical-align: text-top;\n}\ntd.td--text-bottom[data-v-38ba950b] {\n vertical-align: text-bottom;\n}\ntd.td--top[data-v-38ba950b] {\n vertical-align: top;\n}\nth[data-v-38ba950b] {\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-38ba950b]:nth-child(odd) {\n background: #F2F2F2;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$39 = "data-v-38ba950b";
/* 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 =
/*#__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;
}(vuePropertyDecorator.Vue);
tslib_1.__decorate([vuePropertyDecorator.Prop(String)], TextInput.prototype, "type", void 0);
TextInput = tslib_1.__decorate([vuePropertyDecorator.Component({
components: {
CloseIcon: iconsVue.CloseSml24,
WarningIcon: iconsVue.Warning24
},
mixins: [textInputMixin, orientation]
})], TextInput);
var script$40 = TextInput;
/* 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.apply(null, arguments);
}, function ($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"])) {
return null;
}
return _vm.clearText.apply(null, arguments);
}],
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-4f25d6ac_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-4f25d6ac_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-4f25d6ac] {\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-4f25d6ac] {\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-4f25d6ac] {\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-4f25d6ac]:focus {\n outline: 0;\n}\n.input-element[data-v-4f25d6ac]:disabled {\n background-color: #EDF2F5;\n color: #C5CACD;\n}\n.input-element[data-v-4f25d6ac]::-webkit-input-placeholder {\n /* Chrome/Opera/Safari */\n color: #C5CACD;\n font-style: italic;\n}\n.input-element[data-v-4f25d6ac]::-moz-placeholder {\n /* Firefox 19+ */\n color: #C5CACD;\n font-style: italic;\n}\n.input-element[data-v-4f25d6ac]:-ms-input-placeholder {\n /* IE 10+ */\n color: #C5CACD;\n font-style: italic;\n}\n.input-element[data-v-4f25d6ac]:-moz-placeholder {\n /* Firefox 18- */\n color: #C5CACD;\n font-style: italic;\n}\n.input-element[type=number][data-v-4f25d6ac] {\n text-align: right;\n}\n.left-icon[data-v-4f25d6ac],\n.right-icon[data-v-4f25d6ac] {\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-4f25d6ac],\n .right-icon svg[data-v-4f25d6ac] {\n width: 24px;\n height: 24px;\n}\n.left-icon[data-v-4f25d6ac] {\n left: 0.5rem;\n}\n.right-icon[data-v-4f25d6ac] {\n right: 0.5rem;\n}\n.right-icon svg[data-v-4f25d6ac] {\n fill: #777C7F;\n}\n[uppercase][data-v-4f25d6ac] {\n text-transform: uppercase;\n}\n.label-required[data-v-4f25d6ac] {\n color: #E1483E;\n}\n.label-wrapper[data-v-4f25d6ac] {\n position: relative;\n margin-bottom: 0.25rem;\n}\n.auxillary-slot[data-v-4f25d6ac] {\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-4f25d6ac] {\n padding-bottom: 1.5rem;\n}\n.text-input-label[data-v-4f25d6ac] {\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-4f25d6ac]::-webkit-outer-spin-button,\n.input-element[data-v-4f25d6ac]::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.error-state[data-v-4f25d6ac] {\n border-color: #E1483E;\n color: #E1483E;\n}\n.error .error-text[data-v-4f25d6ac] {\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-4f25d6ac] {\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-4f25d6ac] {\n color: #E1483E;\n}\n.error-icon[data-v-4f25d6ac] {\n line-height: 0px;\n}\n.error-icon > *[data-v-4f25d6ac] {\n fill: #E1483E;\n margin-right: 12px;\n}\n.inputTextInputTextarea[data-v-4f25d6ac] {\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-4f25d6ac] {\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-4f25d6ac] {\n padding: 10px 0px 0px 0px;\n display: inline-block;\n}\n.ltr[data-v-4f25d6ac], .rtl[data-v-4f25d6ac] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.ltr .label-wrapper[data-v-4f25d6ac], .rtl .label-wrapper[data-v-4f25d6ac] {\n padding: 8px 0px 0px 0px;\n}\n.rtl[data-v-4f25d6ac] {\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-4f25d6ac";
/* 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: iconsVue.CloseSml24,
WarningIcon: iconsVue.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: "ft-textarea-label-wrapper"
}, [_c("label", {
staticClass: "ft-textarea-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: "ft-textarea-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.apply(null, arguments);
},
keyup: [function ($event) {
if (!$event.type.indexOf("key") && $event.keyCode !== 90 && $event.keyCode !== 91) {
return null;
}
return _vm.getFalseHeight.apply(null, arguments);
}, function ($event) {
if (!$event.type.indexOf("key") && $event.keyCode !== 86 && $event.keyCode !== 91) {
return null;
}
return _vm.getFalseHeight.apply(null, arguments);
}, function ($event) {
if (!$event.type.indexOf("key") && $event.keyCode !== 88 && $event.keyCode !== 91) {
return null;
}
return _vm.getFalseHeight.apply(null, arguments);
}, function ($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
return null;
}
return _vm.getFalseHeight.apply(null, arguments);
}, function ($event) {
if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "delete", [8, 46], $event.key, ["Backspace", "Delete", "Del"])) {
return null;
}
return _vm.getFalseHeight.apply(null, arguments);
}],
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", function () {
return [_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-359b5a18_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-359b5a18_1", {
source: ".input-element[data-v-359b5a18] {\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-359b5a18]:focus {\n outline: #0D9DDB 2px solid;\n}\n.input-element[data-v-359b5a18]:disabled {\n background-color: #EDF2F5;\n color: #C5CACD;\n}\n.input-element[data-v-359b5a18]::-webkit-input-placeholder {\n /* Chrome/Opera/Safari */\n color: #C5CACD;\n font-style: italic;\n}\n.input-element[data-v-359b5a18]::-moz-placeholder {\n /* Firefox 19+ */\n color: #C5CACD;\n font-style: italic;\n}\n.input-element[data-v-359b5a18]:-ms-input-placeholder {\n /* IE 10+ */\n color: #C5CACD;\n font-style: italic;\n}\n.input-element[data-v-359b5a18]:-moz-placeholder {\n /* Firefox 18- */\n color: #C5CACD;\n font-style: italic;\n}\n[uppercase][data-v-359b5a18] {\n text-transform: uppercase;\n}\n.left-icon ~ .input-element[data-v-359b5a18] {\n padding-left: 2.75rem;\n}\n.input-wrapper[data-v-359b5a18] {\n position: relative;\n}\n.left-icon[data-v-359b5a18],\n.right-icon[data-v-359b5a18] {\n position: absolute;\n top: 0.5rem;\n}\n.left-icon svg[data-v-359b5a18],\n .right-icon svg[data-v-359b5a18] {\n width: 24px;\n height: 24px;\n}\n.left-icon[data-v-359b5a18] {\n left: 0.5rem;\n}\n.right-icon[data-v-359b5a18] {\n right: 0.5rem;\n}\n.right-icon svg[data-v-359b5a18] {\n fill: #777C7F;\n}\n.ft-textarea-label-required[data-v-359b5a18] {\n color: #E1483E;\n}\n.ft-textarea-label-wrapper[data-v-359b5a18] {\n position: relative;\n margin-bottom: 0.25rem;\n}\n.auxillary-slot[data-v-359b5a18] {\n font-size: 0.75rem;\n line-height: 1rem;\n position: absolute;\n right: 0;\n bottom: 0;\n}\n.text-area[data-v-359b5a18] {\n padding-bottom: 1.5rem;\n}\n.input-element[data-v-359b5a18]::-webkit-outer-spin-button,\n.input-element[data-v-359b5a18]::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.error-state[data-v-359b5a18] {\n border-color: #E1483E;\n color: #E1483E;\n}\n.error .error-text[data-v-359b5a18] {\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-359b5a18] {\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 .ft-textarea-label[data-v-359b5a18] {\n color: #E1483E;\n}\n.error-icon[data-v-359b5a18] {\n line-height: 0px;\n}\n.error-icon > *[data-v-359b5a18] {\n fill: #E1483E;\n margin-right: 12px;\n}\n.inputTextInputTextarea[data-v-359b5a18] {\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-359b5a18] {\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-359b5a18], .rtl[data-v-359b5a18] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.ltr .ft-textarea-label-wrapper[data-v-359b5a18], .rtl .ft-textarea-label-wrapper[data-v-359b5a18] {\n padding: 8px 0px 0px 0px;\n}\n.rtl[data-v-359b5a18] {\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-359b5a18";
/* 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: {
/**
* Heading Semantic Level
*/
level: {
type: String,
default: '1',
validator: function validator(value) {
return 0 < (parseInt(value) && 7 > parseInt(value));
}
},
/**
* Text alignment
*/
align: {
type: String,
default: 'left',
validator: function validator(value) {
return align$1.indexOf(value) !== -1;
}
},
/**
* Font color
*/
color: {
type: String,
validator: function validator(value) {
return propToFishtankColorName(value) in ftColorsObj$1;
},
default: 'black',
description: "Text color"
},
/**
* Bold font weight
*/
bold: {
type: Boolean,
required: false,
default: false
},
/**
* Semi Bold font weight
*/
semiBold: {
type: Boolean,
required: false,
default: false
},
/**
* Heading text size
*/
size: {
type: String,
default: 'baseLg',
validator: function validator(value) {
return fontSizes$1.indexOf(value) !== -1;
}
},
/**
* Text, within a container of fixed size, overflows with ellipsis
*/
truncate: {
type: Boolean,
default: false
},
/**
* Heading font type
*/
font: {
default: 'primary',
type: String,
validator: function validator(value) {
return ['primary', 'accent'].indexOf(value) !== -1;
}
},
/**
* 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),
uppercase: toggle(style.uppercase),
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-16e42372_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-16e42372_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.ft-uppercase-1qpR {\n text-transform: uppercase;\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",
"uppercase": "ft-uppercase-1qpR"
}
});
};
/* 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: iconsVue.ChevronUp24,
ChevronSmlUp24: iconsVue.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-09e725a4_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-09e725a4_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-c308cad0_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-c308cad0";
/* 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";
}
var maxHeight = null;
if (this.$props.maxHeight) {
maxHeight = "".concat(this.$props.maxHeight, "px");
} else {
maxHeight = "300px";
}
return {
width: width,
maxHeight: maxHeight,
overflowY: 'scroll'
};
}
}]);
return FishTankSelect;
}(vuePropertyDecorator.Vue);
tslib_1.__decorate([vuePropertyDecorator.Prop({
default: function _default() {
return [];
}
})], FishTankSelect.prototype, "items", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({})], FishTankSelect.prototype, "id", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({})], FishTankSelect.prototype, "label", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({})], FishTankSelect.prototype, "name", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
default: "ttb"
})], FishTankSelect.prototype, "orientation", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({})], FishTankSelect.prototype, "placeholder", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({})], FishTankSelect.prototype, "value", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({})], FishTankSelect.prototype, "small", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop()], FishTankSelect.prototype, "width", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop()], FishTankSelect.prototype, "maxHeight", void 0);
FishTankSelect = tslib_1.__decorate([vuePropertyDecorator.Component({
components: {
ftext: FishTankText,
box: box,
caretdown: iconsVue.CaretDown24
},
mixins: [a11y, vueClickaway.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", function () {
return [_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-5804fc5d_0", {
source: "body.user-is-tabbing .a11y[data-v-5804fc5d]:focus,\nbody.user-is-tabbing .a11y-within[data-v-5804fc5d] {\n -webkit-box-shadow: 0 0 0 2px #0D9DDB;\n box-shadow: 0 0 0 2px #0D9DDB;\n}\n.select .selected[data-v-5804fc5d] {\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-5804fc5d] {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n.select .small-text[data-v-5804fc5d] {\n padding-top: 0.25rem;\n}\n.select .items-wrap[data-v-5804fc5d] {\n z-index: 10;\n}\n.select .items[data-v-5804fc5d] {\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-5804fc5d] {\n display: block;\n padding: 0.25rem;\n color: #505558;\n}\n.select .list-item-text.focused[data-v-5804fc5d], .select .list-item[data-v-5804fc5d]:hover, .select .list-item[data-v-5804fc5d]: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-5804fc5d";
/* 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);
/**
* Focus event. Triggered on mouse of keyboard focus
*
* @event focus
* @type {string}
*/
/** Triggered when inputting text into the component
* @event input
* @type {Event}
*/
/** Triggered when selecting a result from the dropdown
* @event change
* @type {Event}
*/
var script$46 = {// name: 'Lookup',
// components: { TextInput, Node },
// model: {
// prop: 'value',
// event: 'change'
// },
// props: {
// /**
// * Input element id
// */
// id: String,
// /**
// * the icon to display, the default is the magnifying glass
// */
// icon: {
// type: String,
// default: 'search_24'
// },
// /**
// * 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,
// /**
// * Array of autocomplete items
// */
// items: {
// type: Array,
// default: () => []
// },
// /**
// * WIP rework of filterng functions
// * This input will filter your results by a regex match on the query
// * enable this if your autocomplete items should NOT be filterd by the query
// * ie. search/autocomplete has given you your items and not all of them match the query string
// */
// disableFiltering: {
// type: Boolean,
// default: false
// },
// /**
// * Key name of children array */
// children: {
// type: String,
// default:undefined
// },
// /**
// * Current selected value
// * @param {Object} value - Value hash
// * @param {Boolean} value.text - Display value
// * @param {Boolean} value.value - Selected value
// */
// value: Object
// },
// data () {
// return {
// focused: false,
// opened: false,
// focusedItem: -1,
// popObj: undefined,
// inputEl: { type: HTMLElement },
// query:''
// }
// },
// computed: {
// },
// methods: {
// destroyed() {
// if (this.popObj !== undefined) this.destroyPop();
// },
// /**
// * Closes the dropdown
// */
// closeDropdown(items: Array<String>, index: number) {
// if (items.length - 1 === index) {
// this.opened = false;
// }
// },
// /**
// * Open the dropdown
// */
// openItems() {
// if (this.focused === true) this.showPop();
// },
// /**
// * Trigger the pop-up tooltip container of the dropdown
// */
// showPop() {
// (this as any).inputEl = this.$refs.anchor
// this.$nextTick(function() {
// (this as any).popObj = new Popper(
// (this as any).inputEl,
// (this as any).$refs.itemsWrap,
// {
// placement: "bottom-start",
// modifiers: {
// computeStyle: {
// gpuAcceleration: true,
// },
// },
// onCreate: function(data){
// console.log(data);
// }
// }
// );
// });
// },
// /**
// * close pop
// */
// closeItems () {
// if (this.popObj) {
// (this as any).popObj.destroy();
// (this as any).popObj = null;
// this.opened = false;
// }
// },
// /**
// * Destroys instance of select popup
// */
// destroyPop() {
// this.$nextTick(function() {
// if (this.popObj !== undefined) (this as any).popObj.destroy();
// });
// }
// }
};
/* script */
var __vue_script__$46 = script$46;
/* template */
var __vue_render__$43 = function __vue_render__() {
var _vm = this;
var _h = _vm.$createElement;
var _c = _vm._self._c || _h;
return _c("div", {
staticClass: "ft-lookup input-wrapper"
});
};
var __vue_staticRenderFns__$43 = [];
__vue_render__$43._withStripped = true;
/* style */
var __vue_inject_styles__$46 = undefined;
/* scoped */
var __vue_scope_id__$46 = "data-v-110e934a";
/* module identifier */
var __vue_module_identifier__$46 = undefined;
/* functional template */
var __vue_is_functional_template__$46 = false;
/* style inject */
/* style inject SSR */
var FishTankLookup = __vue_normalize__({
render: __vue_render__$43,
staticRenderFns: __vue_staticRenderFns__$43
}, __vue_inject_styles__$46, __vue_script__$46, __vue_scope_id__$46, __vue_is_functional_template__$46, __vue_module_identifier__$46, undefined, undefined);
/** Triggered when value is changed
* @event change
* @type {Event}
*/
var script$47 = 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__$47 = script$47;
/* template */
var __vue_render__$44 = 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, function () {
return [_vm._v(_vm._s(item.label))];
}) : _vm._e()], 2)], 1);
}), 0)])], 1);
};
var __vue_staticRenderFns__$44 = [];
__vue_render__$44._withStripped = true;
/* style */
var __vue_inject_styles__$47 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-cc66a5ca_0", {
source: ".radio-list[data-v-cc66a5ca] {\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-cc66a5ca] {\n display: block;\n max-width: none;\n}\n.radio-list .items[data-v-cc66a5ca] {\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-cc66a5ca] {\n display: block;\n}\n.radio-list .wrap[data-v-cc66a5ca] {\n position: relative;\n margin-right: 25px;\n}\n.radio-list .ltr[data-v-cc66a5ca], .radio-list .rtl[data-v-cc66a5ca] {\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-cc66a5ca] {\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-cc66a5ca] {\n text-transform: uppercase;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$47 = "data-v-cc66a5ca";
/* module identifier */
var __vue_module_identifier__$47 = undefined;
/* functional template */
var __vue_is_functional_template__$47 = false;
/* style inject SSR */
var FishTankRadioList = __vue_normalize__({
render: __vue_render__$44,
staticRenderFns: __vue_staticRenderFns__$44
}, __vue_inject_styles__$47, __vue_script__$47, __vue_scope_id__$47, __vue_is_functional_template__$47, __vue_module_identifier__$47, __vue_create_injector__, undefined);
var script$48 = Vue.extend({
name: 'FishTankTabs',
components: {},
props: {
/**
* Active tab name
*/
active: {
type: String,
default: ''
},
/**
* 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: {
type: Array,
default: function _default() {
return [];
}
},
/**
* 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__$48 = script$48;
/* template */
var __vue_render__$45 = 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", function () {
return [_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__$45 = [];
__vue_render__$45._withStripped = true;
/* style */
var __vue_inject_styles__$48 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-936c7092_0", {
source: ".Tabs .header[data-v-936c7092] {\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-936c7092] {\n border-bottom: 1px solid var(--border-color, lightgray);\n}\n.no-seperator[data-v-936c7092] {\n border-bottom: 1px solid transparent;\n}\n.focus[data-v-936c7092]: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-936c7092]:focus {\n outline: transparent;\n}\n.title[data-v-936c7092] {\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[data-v-936c7092]:not(:last-child) {\n margin-right: var(--tab-title-margin-right, 15px);\n}\n.title[data-v-936c7092]:hover {\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-936c7092]: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-936c7092] {\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-936c7092]: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-936c7092] {\n display: none;\n}\n.title[data-v-936c7092]:first-of-type {\n border-radius: var(--tab-title-first-of-type-border-radius, unset);\n}\n.title[data-v-936c7092]:last-of-type {\n border-radius: var(--tab-title-last-of-type-border-radius, unset);\n}\n.title[data-v-936c7092]:only-of-type {\n border-radius: var(--tab-title-only-of-type-border-radius, unset);\n}\n.Tabs .body[data-v-936c7092] {\n border: transparent;\n}\n.Tabs .body .content[data-v-936c7092]:hidden {\n display: none;\n}\n.Tabs[data-v-936c7092]:disabled, .Tabs [disabled][data-v-936c7092] {\n opacity: 0.25;\n pointer-events: none;\n}\n",
map: undefined,
media: undefined
}), inject("data-v-936c7092_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__$48 = "data-v-936c7092";
/* module identifier */
var __vue_module_identifier__$48 = undefined;
/* functional template */
var __vue_is_functional_template__$48 = false;
/* style inject SSR */
var FishTankTabs = __vue_normalize__({
render: __vue_render__$45,
staticRenderFns: __vue_staticRenderFns__$45
}, __vue_inject_styles__$48, __vue_script__$48, __vue_scope_id__$48, __vue_is_functional_template__$48, __vue_module_identifier__$48, __vue_create_injector__, undefined);
var script$49 = Vue.extend({
name: 'FishTankTabsV2',
components: {
FishTankText: FishTankText
},
props: {
/**
* Active tab name
*/
active: {
type: String,
default: ''
},
/**
* Disabled state of entire component
*/
disabled: Boolean,
/*
align="right" or
align="left"
*/
align: {
type: String,
required: false,
default: 'center'
},
/*
header-width="50vw" or
header-width="40%" etc
*/
headerWidth: {
type: String,
required: false,
default: ''
},
// default - height: 42px, border-top: 4px, font-size: 16px
// large - height: 60px, boarder-top: 6px, font-size: 18px
tabSize: {
type: String,
required: false,
default: ''
},
/**
* 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 '-tab' suffix for tab slot
* @param {Boolean} [items[].renderHidden] - Render the content when hidden instead of omitting, for forms etc
*/
items: {
type: Array,
default: function _default() {
return [];
}
},
/**
* 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
*/
tabStyleObject: {
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;
},
getHeaderWidth: function getHeaderWidth(headerWidth, itemLength) {
// if header-with prop is passed, override the width to prop value
if (headerWidth) {
return {
width: "".concat(headerWidth)
};
} // if more than 5 tabs, default header width to 100%
var tabCount = itemLength;
if (tabCount >= 5) {
return {
width: "100%"
};
} // otherwise, set header width to 20 * tabCount, and
// (individual tab width to 20%)
return {
width: "".concat(20 * tabCount, "%")
};
}
}
});
var __vue_script__$49 = script$49;
/* 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-wrapper"
}, [_c("div", {
class: ["header", _vm.align],
style: [_vm.headerStyleObject, _vm.getHeaderWidth(_vm.headerWidth, _vm.items.length)],
attrs: {
role: "menubar"
}
}, _vm._l(_vm.items, function (item, index) {
return _c("div", {
key: index + "-tab",
class: ["tab", item.name === _vm.active ? "" : "focus", _vm.tabSize],
style: [_vm.tabStyleObject],
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 + "-tab", function () {
return [_c("fish-tank-text", {
attrs: {
bold: item.name === _vm.active,
color: item.name === _vm.active ? "black" : "grayDark",
size: "baseLg"
}
}, [_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__$46 = [];
__vue_render__$46._withStripped = true;
/* style */
var __vue_inject_styles__$49 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-155f920f_0", {
source: ".header-wrapper[data-v-155f920f] {\n border-bottom: 1px solid #9EA3A6;\n}\n.header[data-v-155f920f] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n margin: 0 auto;\n}\n.header.left[data-v-155f920f] {\n margin: 0;\n}\n.header.right[data-v-155f920f] {\n margin: 0 0 0 auto;\n}\n.tab[data-v-155f920f] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n height: 1.5rem;\n width: 100%;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n text-align: center;\n padding: 6px 8px 8px 8px;\n background-color: #EDF2F5;\n border-top: 4px solid transparent;\n border-right: 1px solid #C5CACD;\n border-collapse: collapse;\n}\n.tab[data-v-155f920f]:hover {\n background-color: #E7F5FB;\n}\n.tab.large[data-v-155f920f] {\n height: 2.5rem;\n border-top-width: 6px;\n padding: 4px 8px 10px 8px;\n}\n.tab.large div[data-v-155f920f] {\n font-size: 18px;\n}\n.tab[data-v-155f920f]:last-child {\n border-right: none;\n}\n.tab[active][data-v-155f920f] {\n z-index: 1;\n background-color: #F8F8F8;\n border-top-color: #0A7DAF;\n border-right: 1px solid #9EA3A6;\n margin-bottom: -1px;\n margin-left: -1px;\n border-bottom: 1px solid #F8F8F8;\n border-left: 1px solid #9EA3A6;\n}\n.tab[data-v-155f920f]:focus {\n outline: transparent;\n}\n.tab.focus[data-v-155f920f]:focus {\n z-index: 2;\n -webkit-box-shadow: 0 0 0 2px #0D9DDB;\n box-shadow: 0 0 0 2px #0D9DDB;\n -webkit-transition-property: -webkit-box-shadow;\n transition-property: -webkit-box-shadow;\n transition-property: box-shadow;\n transition-property: box-shadow, -webkit-box-shadow;\n -webkit-transition-delay: 0.2s;\n transition-delay: 0.2s;\n}\n",
map: undefined,
media: undefined
}), inject("data-v-155f920f_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__$49 = "data-v-155f920f";
/* module identifier */
var __vue_module_identifier__$49 = undefined;
/* functional template */
var __vue_is_functional_template__$49 = false;
/* style inject SSR */
var FishTankTabsV2 = __vue_normalize__({
render: __vue_render__$46,
staticRenderFns: __vue_staticRenderFns__$46
}, __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: 'FishTankVerticalTabs',
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__$50 = script$50;
/* 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", function () {
return [_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__$50 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-617a44ee_0", {
source: ".Tabs[data-v-617a44ee] {\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-617a44ee] {\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-617a44ee]: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-617a44ee]:focus {\n outline: transparent;\n}\n.title[data-v-617a44ee] {\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-617a44ee] {\n padding-left: 12px;\n border-right: 4px solid transparent;\n}\n.title[data-v-617a44ee]:not(:first-child) {\n border-top: transparent;\n}\n.title[data-v-617a44ee]: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-617a44ee] {\n border-left: 4px solid var(--active-disabled, #C5CaCd);\n}\n.title[data-v-617a44ee]: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-617a44ee]:active:first-child {\n border-top: transparent;\n}\n.title[data-v-617a44ee]:active:last-child {\n border-bottom: transparent;\n}\n.title:active > span[data-v-617a44ee] {\n border-left: 4px solid var(--active-color, #0D9DDB);\n}\n.title[active][data-v-617a44ee] {\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-617a44ee]:first-child {\n border-top: transparent;\n}\n.title[active][data-v-617a44ee]:last-child {\n border-bottom: transparent;\n}\n.title[active] > span[data-v-617a44ee] {\n border-left: 4px solid var(--active-color, #0D9DDB);\n}\n.title[data-v-617a44ee]:disabled {\n color: var(--color-disabled, #C5CACD);\n background-color: var(--disabled-tab-title-background-color);\n}\n.title:disabled > span[data-v-617a44ee] {\n border-left: 4px solid transparent;\n}\n.title[hidden][data-v-617a44ee] {\n display: none;\n}\n.title[data-v-617a44ee]:first-of-type {\n border-radius: var(--tab-title-first-of-type-border-radius, unset);\n}\n.title[data-v-617a44ee]:last-of-type {\n border-radius: var(--tab-title-last-of-type-border-radius, unset);\n}\n.title[data-v-617a44ee]:only-of-type {\n border-radius: var(--tab-title-only-of-type-border-radius, unset);\n}\n.Tabs .body[data-v-617a44ee] {\n border: transparent;\n}\n.Tabs .body .content[data-v-617a44ee]:hidden {\n display: none;\n}\n.Tabs[data-v-617a44ee]:disabled, .Tabs [disabled][data-v-617a44ee] {\n color: var(--color-disabled, #C5CACD);\n pointer-events: none;\n}\n.Tabs:disabled > span[data-v-617a44ee], .Tabs [disabled] > span[data-v-617a44ee] {\n border-left: 4px solid transparent;\n}\n",
map: undefined,
media: undefined
}), inject("data-v-617a44ee_1", {
source: "body.user-is-tabbing .a11y[data-v-617a44ee]: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-617a44ee";
/* module identifier */
var __vue_module_identifier__$50 = undefined;
/* functional template */
var __vue_is_functional_template__$50 = false;
/* style inject SSR */
var FishTankVerticalTabs = __vue_normalize__({
render: __vue_render__$47,
staticRenderFns: __vue_staticRenderFns__$47
}, __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 props$1 = {// container:toggle(styles.container),
// fluid:toggle(styles.fluid),
};
var script$51 = 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__$51 = script$51;
/* template */
/* style */
var __vue_inject_styles__$51 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-5344544c_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__$51 = undefined;
/* module identifier */
var __vue_module_identifier__$51 = undefined;
/* functional template */
var __vue_is_functional_template__$51 = undefined;
/* style inject SSR */
var FishTankContainer = __vue_normalize__({}, __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 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$52 = 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__$52 = script$52;
/* template */
/* style */
var __vue_inject_styles__$52 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-147326d6_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__$52 = undefined;
/* module identifier */
var __vue_module_identifier__$52 = undefined;
/* functional template */
var __vue_is_functional_template__$52 = undefined;
/* style inject SSR */
var FishTankColumn = __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 script$53 = {
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__$53 = script$53;
/* template */
var __vue_render__$48 = 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__$48 = [];
__vue_render__$48._withStripped = true;
/* style */
var __vue_inject_styles__$53 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-20c697af_0", {
source: ".HighlightedText[data-v-20c697af] .highlight {\n background-color: #FFF8B0;\n}\n.HighlightedText2[data-v-20c697af] .highlight {\n background-color: #E3F7FF;\n}\n.HighlightedText3[data-v-20c697af] .highlight {\n background-color: #E0FFE0;\n}\n[data-v-20c697af] .highlight {\n padding: 0px 4px;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$53 = "data-v-20c697af";
/* module identifier */
var __vue_module_identifier__$53 = undefined;
/* functional template */
var __vue_is_functional_template__$53 = false;
/* style inject SSR */
var FishTankHighlightedText = __vue_normalize__({
render: __vue_render__$48,
staticRenderFns: __vue_staticRenderFns__$48
}, __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'
}
};
vuePropertyDecorator.Vue.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
};
_this.overrideHover = false;
return _this;
}
_createClass(FishTankTooltip, [{
key: "openTooltip",
value: function openTooltip() {
this.open = true;
}
}, {
key: "closeTooltip",
value: function closeTooltip() {
this.open = false;
}
}]);
return FishTankTooltip;
}(vuePropertyDecorator.Vue);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: Boolean,
required: false,
default: true
})], FishTankTooltip.prototype, "show", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: Number,
required: false,
default: 0
})], FishTankTooltip.prototype, "tooltipOffset", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: String,
required: false,
default: "'bottom-start'"
})], FishTankTooltip.prototype, "orientation", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: Boolean,
required: false,
default: false
})], FishTankTooltip.prototype, "useClick", void 0);
tslib_1.__decorate([vuePropertyDecorator.Prop({
type: Boolean,
required: false,
default: false
})], FishTankTooltip.prototype, "custom", void 0);
FishTankTooltip = tslib_1.__decorate([vuePropertyDecorator.Component({
components: {
VTooltip: VTooltip,
ftext: FishTankText
}
})], FishTankTooltip);
var script$54 = FishTankTooltip;
/* script */
var __vue_script__$54 = script$54;
/* template */
var __vue_render__$49 = 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: _vm.useClick === false ? "hover" : "click",
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.useClick === false ? _vm.open = true : null;
},
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__$49 = [];
__vue_render__$49._withStripped = true;
/* style */
var __vue_inject_styles__$54 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-d2833f92_0", {
source: ".tooltip-target {\n background-color: transparent;\n border: 0px;\n outline: 0px;\n}\n.tooltip-target:focus, .tooltip-target:hover {\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.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__$49,
staticRenderFns: __vue_staticRenderFns__$49
}, __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
;
var defineProperties$1 = defineProperties;
var getOwnPropertyDescriptors$1 = getOwnPropertyDescriptors;
var getOwnPropertyDescriptor$1 = getOwnPropertyDescriptor;
var getOwnPropertySymbols$1 = getOwnPropertySymbols;
var keys$1 = keys;
function ownKeys(object, enumerableOnly) {
var keys$$1 = keys$1(object);
if (getOwnPropertySymbols$1) {
var symbols = getOwnPropertySymbols$1(object);
if (enumerableOnly) symbols = symbols.filter(function (sym) {
return getOwnPropertyDescriptor$1(object, sym).enumerable;
});
keys$$1.push.apply(keys$$1, symbols);
}
return keys$$1;
}
function _objectSpread2(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i] != null ? arguments[i] : {};
if (i % 2) {
ownKeys(Object(source), true).forEach(function (key) {
_defineProperty(target, key, source[key]);
});
} else if (getOwnPropertyDescriptors$1) {
defineProperties$1(target, getOwnPropertyDescriptors$1(source));
} else {
ownKeys(Object(source)).forEach(function (key) {
defineProperty$1(target, key, getOwnPropertyDescriptor$1(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 _objectSpread2({}, utils, {
useUtc: useUtc
});
};
_objectSpread2({}, utils) // eslint-disable-next-line
;
//
/**
* A date selector calendar that displays years in a given decade
*/
var script$55 = {
name: 'FishTankPickerYear',
components: {
ChevronLeft24: iconsVue.ChevronLeft24,
ChevronRight24: iconsVue.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__$50 = 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__$50 = [];
__vue_render__$50._withStripped = true;
/* style */
var __vue_inject_styles__$55 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-307f4542_0", {
source: ".FishTankPickerYear[data-v-307f4542] {\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-307f4542]:not([inline]) {\n position: absolute;\n z-index: 100;\n}\n.FishTankPickerYear *[data-v-307f4542] {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.FishTankPickerYear header[data-v-307f4542] {\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-307f4542] {\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-307f4542], .FishTankPickerYear header .next[data-v-307f4542] {\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-307f4542], .FishTankPickerYear header .next[disabled][data-v-307f4542] {\n pointer-events: none;\n}\n.FishTankPickerYear header .prev[disabled] .FishtankIcon[data-v-307f4542], .FishTankPickerYear header .next[disabled] .FishtankIcon[data-v-307f4542] {\n opacity: 0.5;\n}\n.FishTankPickerYear header .prev .FishtankIcon[data-v-307f4542], .FishTankPickerYear header .next .FishtankIcon[data-v-307f4542] {\n width: 24px;\n}\n.FishTankPickerYear .cell[data-v-307f4542] {\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-307f4542] {\n color: #ddd;\n fill: #a3a3a3;\n cursor: default;\n}\n.FishTankPickerYear .cell:not(.blank):not([disabled]).year[data-v-307f4542] {\n cursor: pointer;\n}\n.FishTankPickerYear .cell:not(.blank):not([disabled]).year[data-v-307f4542]:hover {\n background-color: #0D9DDB;\n}\n.FishTankPickerYear .cell.selected[data-v-307f4542] {\n background-color: #0D9DDB;\n}\n.FishTankPickerYear .cell.selected[data-v-307f4542]:hover {\n background-color: #0D9DDB;\n}\n.FishTankPickerYear .cell.selected.highlighted[data-v-307f4542],\n .FishTankPickerYear .cell.highlighted.highlight-end[data-v-307f4542],\n .FishTankPickerYear .cell.highlighted.highlight-start[data-v-307f4542] {\n background-color: #0D9DDB;\n}\n.FishTankPickerYear .cell.highlighted[data-v-307f4542] {\n background: #72c6ea;\n}\n.FishTankPickerYear .cell.highlighted[disabled][data-v-307f4542] {\n color: #a3a3a3;\n}\n.FishTankPickerYear .cell.grey[data-v-307f4542] {\n color: #888;\n}\n.FishTankPickerYear .cell.grey[data-v-307f4542]:hover {\n background: inherit;\n}\n.FishTankPickerYear .cell.day-header[data-v-307f4542] {\n font-size: 75%;\n white-space: nowrap;\n cursor: inherit;\n}\n.FishTankPickerYear .cell.day-header[data-v-307f4542]:hover {\n background: inherit;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$55 = "data-v-307f4542";
/* 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__$50,
staticRenderFns: __vue_staticRenderFns__$50
}, __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: iconsVue.ChevronLeft24,
ChevronRight24: iconsVue.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__$51 = 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__$51 = [];
__vue_render__$51._withStripped = true;
/* style */
var __vue_inject_styles__$56 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-2b65da2d_0", {
source: "[data-v-2b65da2d]: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-2b65da2d] {\n color: var(--color-black);\n}\n.colorGrayDark[data-v-2b65da2d] {\n color: var(--color-gray-dark);\n}\n.colorGray[data-v-2b65da2d] {\n color: var(--color-gray);\n}\n.colorGrayLight[data-v-2b65da2d] {\n color: var(--color-gray-light);\n}\n.colorGrayLighter[data-v-2b65da2d] {\n color: var(--color-gray-lighter);\n}\n.colorGrayLightest[data-v-2b65da2d] {\n color: var(--color-gray-lightest);\n}\n.colorWhite[data-v-2b65da2d] {\n color: var(--color-white);\n}\n.colorLink[data-v-2b65da2d] {\n color: var(--color-link);\n}\n.colorLinkVisited[data-v-2b65da2d] {\n color: var(--color-link-visited);\n}\n.colorLinkDarkBg[data-v-2b65da2d] {\n color: var(--color-link-dark-bg);\n}\n.colorDisabled[data-v-2b65da2d] {\n color: var(--color-disabled);\n}\n.colorActionDarkest[data-v-2b65da2d] {\n color: var(--color-action-darkest);\n}\n.colorActionDarker[data-v-2b65da2d] {\n color: var(--color-action-darker);\n}\n.colorAction[data-v-2b65da2d] {\n color: var(--color-action);\n}\n.colorActionLighter[data-v-2b65da2d] {\n color: var(--color-action-lighter);\n}\n.colorActionLightest[data-v-2b65da2d] {\n color: var(--color-action-lightest);\n}\n.colorSelectedDarkest[data-v-2b65da2d] {\n color: var(--color-selected-darkest);\n}\n.colorSelectedDarker[data-v-2b65da2d] {\n color: var(--color-selected-darker);\n}\n.colorSelected[data-v-2b65da2d] {\n color: var(--color-selected);\n}\n.colorSelectedLighter[data-v-2b65da2d] {\n color: var(--color-selected-lighter);\n}\n.colorSelectedLightest[data-v-2b65da2d] {\n color: var(--color-selected-lightest);\n}\n.colorErrorDarkest[data-v-2b65da2d] {\n color: var(--color-error-darkest);\n}\n.colorErrorDarker[data-v-2b65da2d] {\n color: var(--color-error-darker);\n}\n.colorError[data-v-2b65da2d] {\n color: var(--color-error);\n}\n.colorErrorLighter[data-v-2b65da2d] {\n color: var(--color-error-lighter);\n}\n.colorErrorLightest[data-v-2b65da2d] {\n color: var(--color-error-lightest);\n}\n.colorWarningDarkest[data-v-2b65da2d] {\n color: var(--color-warning-darkest);\n}\n.colorWarningDarker[data-v-2b65da2d] {\n color: var(--color-warning-darker);\n}\n.colorWarning[data-v-2b65da2d] {\n color: var(--color-warning);\n}\n.colorWarningLighter[data-v-2b65da2d] {\n color: var(--color-warning-lighter);\n}\n.colorWarningLightest[data-v-2b65da2d] {\n color: var(--color-warning-lightest);\n}\n.colorBlawBlue[data-v-2b65da2d] {\n color: var(--color-blaw-blue);\n}\n.colorBtaxBlue[data-v-2b65da2d] {\n color: var(--color-btax-blue);\n}\n.colorThemeAntitrust[data-v-2b65da2d] {\n color: var(--color-theme-antitrust);\n}\n.colorThemeBanking[data-v-2b65da2d] {\n color: var(--color-theme-banking);\n}\n.colorThemeBankruptcy[data-v-2b65da2d] {\n color: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefits[data-v-2b65da2d] {\n color: var(--color-theme-benefits);\n}\n.colorThemeCorporate[data-v-2b65da2d] {\n color: var(--color-theme-corporate);\n}\n.colorThemeEdiscovery[data-v-2b65da2d] {\n color: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironment[data-v-2b65da2d] {\n color: var(--color-theme-environment);\n}\n.colorThemeHealth[data-v-2b65da2d] {\n color: var(--color-theme-health);\n}\n.colorThemeIp[data-v-2b65da2d] {\n color: var(--color-theme-ip);\n}\n.colorThemeLabor[data-v-2b65da2d] {\n color: var(--color-theme-labor);\n}\n.colorThemeSecurities[data-v-2b65da2d] {\n color: var(--color-theme-securities);\n}\n.colorThemeTelecom[data-v-2b65da2d] {\n color: var(--color-theme-telecom);\n}\n.colorDataviz1[data-v-2b65da2d] {\n color: var(--color-dataviz-1);\n}\n.colorDataviz2[data-v-2b65da2d] {\n color: var(--color-dataviz-2);\n}\n.colorDataviz3[data-v-2b65da2d] {\n color: var(--color-dataviz-3);\n}\n.colorDataviz4[data-v-2b65da2d] {\n color: var(--color-dataviz-4);\n}\n.colorDataviz5[data-v-2b65da2d] {\n color: var(--color-dataviz-5);\n}\n.colorDataviz6[data-v-2b65da2d] {\n color: var(--color-dataviz-6);\n}\n.colorDataviz7[data-v-2b65da2d] {\n color: var(--color-dataviz-7);\n}\n.colorDataviz8[data-v-2b65da2d] {\n color: var(--color-dataviz-8);\n}\n.colorDataviz9[data-v-2b65da2d] {\n color: var(--color-dataviz-9);\n}\n.colorDataviz10[data-v-2b65da2d] {\n color: var(--color-dataviz-10);\n}\n.colorDatavizPositive[data-v-2b65da2d] {\n color: var(--color-dataviz-positive);\n}\n.colorDatavizNegative[data-v-2b65da2d] {\n color: var(--color-dataviz-negative);\n}\n.colorDemocrat[data-v-2b65da2d] {\n color: var(--color-democrat);\n}\n.colorRepublican[data-v-2b65da2d] {\n color: var(--color-republican);\n}\n.colorIndependent[data-v-2b65da2d] {\n color: var(--color-independent);\n}\n.colorBlackBg[data-v-2b65da2d] {\n background: var(--color-black);\n}\n.colorGrayDarkBg[data-v-2b65da2d] {\n background: var(--color-gray-dark);\n}\n.colorGrayBg[data-v-2b65da2d] {\n background: var(--color-gray);\n}\n.colorGrayLightBg[data-v-2b65da2d] {\n background: var(--color-gray-light);\n}\n.colorGrayLighterBg[data-v-2b65da2d] {\n background: var(--color-gray-lighter);\n}\n.colorGrayLightestBg[data-v-2b65da2d] {\n background: var(--color-gray-lightest);\n}\n.colorWhiteBg[data-v-2b65da2d] {\n background: var(--color-white);\n}\n.colorLinkBg[data-v-2b65da2d] {\n background: var(--color-link);\n}\n.colorLinkVisitedBg[data-v-2b65da2d] {\n background: var(--color-link-visited);\n}\n.colorLinkDarkBgBg[data-v-2b65da2d] {\n background: var(--color-link-dark-bg);\n}\n.colorDisabledBg[data-v-2b65da2d] {\n background: var(--color-disabled);\n}\n.colorActionDarkestBg[data-v-2b65da2d] {\n background: var(--color-action-darkest);\n}\n.colorActionDarkerBg[data-v-2b65da2d] {\n background: var(--color-action-darker);\n}\n.colorActionBg[data-v-2b65da2d] {\n background: var(--color-action);\n}\n.colorActionLighterBg[data-v-2b65da2d] {\n background: var(--color-action-lighter);\n}\n.colorActionLightestBg[data-v-2b65da2d] {\n background: var(--color-action-lightest);\n}\n.colorSelectedDarkestBg[data-v-2b65da2d] {\n background: var(--color-selected-darkest);\n}\n.colorSelectedDarkerBg[data-v-2b65da2d] {\n background: var(--color-selected-darker);\n}\n.colorSelectedBg[data-v-2b65da2d] {\n background: var(--color-selected);\n}\n.colorSelectedLighterBg[data-v-2b65da2d] {\n background: var(--color-selected-lighter);\n}\n.colorSelectedLightestBg[data-v-2b65da2d] {\n background: var(--color-selected-lightest);\n}\n.colorErrorDarkestBg[data-v-2b65da2d] {\n background: var(--color-error-darkest);\n}\n.colorErrorDarkerBg[data-v-2b65da2d] {\n background: var(--color-error-darker);\n}\n.colorErrorBg[data-v-2b65da2d] {\n background: var(--color-error);\n}\n.colorErrorLighterBg[data-v-2b65da2d] {\n background: var(--color-error-lighter);\n}\n.colorErrorLightestBg[data-v-2b65da2d] {\n background: var(--color-error-lightest);\n}\n.colorWarningDarkestBg[data-v-2b65da2d] {\n background: var(--color-warning-darkest);\n}\n.colorWarningDarkerBg[data-v-2b65da2d] {\n background: var(--color-warning-darker);\n}\n.colorWarningBg[data-v-2b65da2d] {\n background: var(--color-warning);\n}\n.colorWarningLighterBg[data-v-2b65da2d] {\n background: var(--color-warning-lighter);\n}\n.colorWarningLightestBg[data-v-2b65da2d] {\n background: var(--color-warning-lightest);\n}\n.colorBlawBlueBg[data-v-2b65da2d] {\n background: var(--color-blaw-blue);\n}\n.colorBtaxBlueBg[data-v-2b65da2d] {\n background: var(--color-btax-blue);\n}\n.colorThemeAntitrustBg[data-v-2b65da2d] {\n background: var(--color-theme-antitrust);\n}\n.colorThemeBankingBg[data-v-2b65da2d] {\n background: var(--color-theme-banking);\n}\n.colorThemeBankruptcyBg[data-v-2b65da2d] {\n background: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefitsBg[data-v-2b65da2d] {\n background: var(--color-theme-benefits);\n}\n.colorThemeCorporateBg[data-v-2b65da2d] {\n background: var(--color-theme-corporate);\n}\n.colorThemeEdiscoveryBg[data-v-2b65da2d] {\n background: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironmentBg[data-v-2b65da2d] {\n background: var(--color-theme-environment);\n}\n.colorThemeHealthBg[data-v-2b65da2d] {\n background: var(--color-theme-health);\n}\n.colorThemeIpBg[data-v-2b65da2d] {\n background: var(--color-theme-ip);\n}\n.colorThemeLaborBg[data-v-2b65da2d] {\n background: var(--color-theme-labor);\n}\n.colorThemeSecuritiesBg[data-v-2b65da2d] {\n background: var(--color-theme-securities);\n}\n.colorThemeTelecomBg[data-v-2b65da2d] {\n background: var(--color-theme-telecom);\n}\n.colorDataviz1Bg[data-v-2b65da2d] {\n background: var(--color-dataviz-1);\n}\n.colorDataviz2Bg[data-v-2b65da2d] {\n background: var(--color-dataviz-2);\n}\n.colorDataviz3Bg[data-v-2b65da2d] {\n background: var(--color-dataviz-3);\n}\n.colorDataviz4Bg[data-v-2b65da2d] {\n background: var(--color-dataviz-4);\n}\n.colorDataviz5Bg[data-v-2b65da2d] {\n background: var(--color-dataviz-5);\n}\n.colorDataviz6Bg[data-v-2b65da2d] {\n background: var(--color-dataviz-6);\n}\n.colorDataviz7Bg[data-v-2b65da2d] {\n background: var(--color-dataviz-7);\n}\n.colorDataviz8Bg[data-v-2b65da2d] {\n background: var(--color-dataviz-8);\n}\n.colorDataviz9Bg[data-v-2b65da2d] {\n background: var(--color-dataviz-9);\n}\n.colorDataviz10Bg[data-v-2b65da2d] {\n background: var(--color-dataviz-10);\n}\n.colorDatavizPositiveBg[data-v-2b65da2d] {\n background: var(--color-dataviz-positive);\n}\n.colorDatavizNegativeBg[data-v-2b65da2d] {\n background: var(--color-dataviz-negative);\n}\n.colorDemocratBg[data-v-2b65da2d] {\n background: var(--color-democrat);\n}\n.colorRepublicanBg[data-v-2b65da2d] {\n background: var(--color-republican);\n}\n.colorIndependentBg[data-v-2b65da2d] {\n background: var(--color-independent);\n}\n[data-v-2b65da2d]: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-2b65da2d] {\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-2b65da2d] {\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-2b65da2d] {\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-2b65da2d] {\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-2b65da2d] {\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-2b65da2d] {\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-2b65da2d]: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-2b65da2d]: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-2b65da2d] {\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-2b65da2d]:not([inline]) {\n position: absolute;\n z-index: 100;\n}\n.FishTankPickerDay *[data-v-2b65da2d] {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.FishTankPickerDay hr[data-v-2b65da2d] {\n display: block;\n}\n.FishTankPickerDay footer[data-v-2b65da2d] {\n padding: 10px 0px 0px 0px;\n}\n.FishTankPickerDay header[data-v-2b65da2d] {\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-2b65da2d] {\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-2b65da2d] {\n pointer-events: none;\n}\n.FishTankPickerDay header .prev[data-v-2b65da2d],\n .FishTankPickerDay header .next[data-v-2b65da2d] {\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-2b65da2d]:hover,\n .FishTankPickerDay header .next[data-v-2b65da2d]:hover {\n background: var(--color-gray-lightest);\n}\n.FishTankPickerDay header .prev[data-v-2b65da2d]:active,\n .FishTankPickerDay header .next[data-v-2b65da2d]:active {\n background: var(--color-gray-lighter);\n}\n.FishTankPickerDay header .prev[disabled][data-v-2b65da2d],\n .FishTankPickerDay header .next[disabled][data-v-2b65da2d] {\n pointer-events: none;\n}\n.FishTankPickerDay header .prev[disabled] .FishtankIcon[data-v-2b65da2d],\n .FishTankPickerDay header .next[disabled] .FishtankIcon[data-v-2b65da2d] {\n opacity: 0.5;\n}\n.FishTankPickerDay header .prev.double[data-v-2b65da2d] :first-child,\n .FishTankPickerDay header .next.double[data-v-2b65da2d] :first-child {\n margin-right: -18px;\n}\n.FishTankPickerDay header .prev .FishtankIcon[data-v-2b65da2d],\n .FishTankPickerDay header .next .FishtankIcon[data-v-2b65da2d] {\n width: 24px;\n}\n.FishTankPickerDay .cells[data-v-2b65da2d] {\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-2b65da2d] {\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-2b65da2d] {\n color: var(--color-white);\n fill: var(--color-disabled);\n cursor: default;\n}\n.FishTankPickerDay .cell:not(.blank):not([disabled]).day[data-v-2b65da2d],\n .FishTankPickerDay .cell:not(.blank):not([disabled]).month[data-v-2b65da2d],\n .FishTankPickerDay .cell:not(.blank):not([disabled]).year[data-v-2b65da2d] {\n cursor: pointer;\n}\n.FishTankPickerDay .cell.day.today[data-v-2b65da2d] {\n border: 1px solid var(--color-gray);\n}\n.FishTankPickerDay .cell:not(.blank):not([disabled]).day[data-v-2b65da2d]:hover,\n .FishTankPickerDay .cell:not(.blank):not([disabled]).month[data-v-2b65da2d]:hover,\n .FishTankPickerDay .cell:not(.blank):not([disabled]).year[data-v-2b65da2d]:hover {\n background-color: var(--color-selected);\n color: var(--color-gray-lightest);\n}\n.FishTankPickerDay .cell.selected[data-v-2b65da2d] {\n background-color: var(--color-selected);\n color: var(--color-gray-lightest);\n}\n.FishTankPickerDay .cell.selected[data-v-2b65da2d]:hover {\n background-color: var(--color-selected);\n color: var(--color-gray-lightest);\n}\n.FishTankPickerDay .cell.selected.highlighted[data-v-2b65da2d],\n .FishTankPickerDay .cell.highlighted.highlight-end[data-v-2b65da2d],\n .FishTankPickerDay .cell.highlighted.highlight-start[data-v-2b65da2d] {\n color: var(--color-gray-lightest);\n background-color: var(--color-selected);\n}\n.FishTankPickerDay .cell.highlighted[data-v-2b65da2d] {\n background: var(--color-selected-lightest);\n}\n.FishTankPickerDay .cell.highlighted[disabled][data-v-2b65da2d] {\n color: var(--color-disabled);\n}\n.FishTankPickerDay .cell.grey[data-v-2b65da2d] {\n color: var(--color-gray);\n}\n.FishTankPickerDay .cell.grey[data-v-2b65da2d]:hover {\n background: inherit;\n}\n.FishTankPickerDay .cell.day-header[data-v-2b65da2d] {\n color: var(--color-gray-dark);\n white-space: nowrap;\n cursor: inherit;\n}\n.FishTankPickerDay .cell.day-header[data-v-2b65da2d]:hover {\n background: inherit;\n}\n.FishTankPickerDay .select-today[data-v-2b65da2d] {\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-2b65da2d]:hover {\n opacity: 0.9;\n}\n.FishTankPickerDay .select-today[data-v-2b65da2d]:active {\n color: --color-link-visited;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$56 = "data-v-2b65da2d";
/* 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__$51,
staticRenderFns: __vue_staticRenderFns__$51
}, __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: iconsVue.ChevronLeft24,
ChevronRight24: iconsVue.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__$52 = 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__$52 = [];
__vue_render__$52._withStripped = true;
/* style */
var __vue_inject_styles__$57 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-0d5447be_0", {
source: ".FishTankPickerMonth[data-v-0d5447be] {\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-0d5447be]:not([inline]) {\n position: absolute;\n z-index: 100;\n}\n.FishTankPickerMonth *[data-v-0d5447be] {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.FishTankPickerMonth header[data-v-0d5447be] {\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-0d5447be] {\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-0d5447be] {\n pointer-events: none;\n}\n.FishTankPickerMonth header .prev[data-v-0d5447be], .FishTankPickerMonth header .next[data-v-0d5447be] {\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-0d5447be], .FishTankPickerMonth header .next[disabled][data-v-0d5447be] {\n pointer-events: none;\n}\n.FishTankPickerMonth header .prev[disabled] .FishtankIcon[data-v-0d5447be], .FishTankPickerMonth header .next[disabled] .FishtankIcon[data-v-0d5447be] {\n opacity: 0.5;\n}\n.FishTankPickerMonth header .prev .FishtankIcon[data-v-0d5447be], .FishTankPickerMonth header .next .FishtankIcon[data-v-0d5447be] {\n width: 24px;\n}\n.FishTankPickerMonth .cell[data-v-0d5447be] {\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-0d5447be] {\n color: #ddd;\n fill: #a3a3a3;\n cursor: default;\n}\n.FishTankPickerMonth .cell:not(.blank):not([disabled]).day[data-v-0d5447be],\n .FishTankPickerMonth .cell:not(.blank):not([disabled]).month[data-v-0d5447be],\n .FishTankPickerMonth .cell:not(.blank):not([disabled]).year[data-v-0d5447be] {\n cursor: pointer;\n}\n.FishTankPickerMonth .cell.day.today[data-v-0d5447be] {\n border: 1px solid var(--primary-color, #777C7F);\n}\n.FishTankPickerMonth .cell:not(.blank):not([disabled]).day[data-v-0d5447be]:hover,\n .FishTankPickerMonth .cell:not(.blank):not([disabled]).month[data-v-0d5447be]:hover,\n .FishTankPickerMonth .cell:not(.blank):not([disabled]).year[data-v-0d5447be]:hover {\n background-color: #0D9DDB;\n}\n.FishTankPickerMonth .cell.selected[data-v-0d5447be] {\n background-color: #0D9DDB;\n}\n.FishTankPickerMonth .cell.selected[data-v-0d5447be]:hover {\n background-color: #0D9DDB;\n}\n.FishTankPickerMonth .cell.selected.highlighted[data-v-0d5447be],\n .FishTankPickerMonth .cell.highlighted.highlight-end[data-v-0d5447be],\n .FishTankPickerMonth .cell.highlighted.highlight-start[data-v-0d5447be] {\n background-color: #0D9DDB;\n}\n.FishTankPickerMonth .cell.highlighted[data-v-0d5447be] {\n background: #72c6ea;\n}\n.FishTankPickerMonth .cell.highlighted[disabled][data-v-0d5447be] {\n color: #a3a3a3;\n}\n.FishTankPickerMonth .cell.grey[data-v-0d5447be] {\n color: #888;\n}\n.FishTankPickerMonth .cell.grey[data-v-0d5447be]:hover {\n background: inherit;\n}\n.FishTankPickerMonth .cell.day-header[data-v-0d5447be] {\n font-size: 75%;\n white-space: nowrap;\n cursor: inherit;\n}\n.FishTankPickerMonth .cell.day-header[data-v-0d5447be]:hover {\n background: inherit;\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$57 = "data-v-0d5447be";
/* 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__$52,
staticRenderFns: __vue_staticRenderFns__$52
}, __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: iconsVue.Calendar24,
close: iconsVue.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__$53 = 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.apply(null, arguments);
}
}
}) : _vm._e()], 1)]);
};
var __vue_staticRenderFns__$53 = [];
__vue_render__$53._withStripped = true;
/* style */
var __vue_inject_styles__$58 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-bedd9820_0", {
source: "[data-v-bedd9820]: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-bedd9820] {\n color: var(--color-black);\n}\n.colorGrayDark[data-v-bedd9820] {\n color: var(--color-gray-dark);\n}\n.colorGray[data-v-bedd9820] {\n color: var(--color-gray);\n}\n.colorGrayLight[data-v-bedd9820] {\n color: var(--color-gray-light);\n}\n.colorGrayLighter[data-v-bedd9820] {\n color: var(--color-gray-lighter);\n}\n.colorGrayLightest[data-v-bedd9820] {\n color: var(--color-gray-lightest);\n}\n.colorWhite[data-v-bedd9820] {\n color: var(--color-white);\n}\n.colorLink[data-v-bedd9820] {\n color: var(--color-link);\n}\n.colorLinkVisited[data-v-bedd9820] {\n color: var(--color-link-visited);\n}\n.colorLinkDarkBg[data-v-bedd9820] {\n color: var(--color-link-dark-bg);\n}\n.colorDisabled[data-v-bedd9820] {\n color: var(--color-disabled);\n}\n.colorActionDarkest[data-v-bedd9820] {\n color: var(--color-action-darkest);\n}\n.colorActionDarker[data-v-bedd9820] {\n color: var(--color-action-darker);\n}\n.colorAction[data-v-bedd9820] {\n color: var(--color-action);\n}\n.colorActionLighter[data-v-bedd9820] {\n color: var(--color-action-lighter);\n}\n.colorActionLightest[data-v-bedd9820] {\n color: var(--color-action-lightest);\n}\n.colorSelectedDarkest[data-v-bedd9820] {\n color: var(--color-selected-darkest);\n}\n.colorSelectedDarker[data-v-bedd9820] {\n color: var(--color-selected-darker);\n}\n.colorSelected[data-v-bedd9820] {\n color: var(--color-selected);\n}\n.colorSelectedLighter[data-v-bedd9820] {\n color: var(--color-selected-lighter);\n}\n.colorSelectedLightest[data-v-bedd9820] {\n color: var(--color-selected-lightest);\n}\n.colorErrorDarkest[data-v-bedd9820] {\n color: var(--color-error-darkest);\n}\n.colorErrorDarker[data-v-bedd9820] {\n color: var(--color-error-darker);\n}\n.colorError[data-v-bedd9820] {\n color: var(--color-error);\n}\n.colorErrorLighter[data-v-bedd9820] {\n color: var(--color-error-lighter);\n}\n.colorErrorLightest[data-v-bedd9820] {\n color: var(--color-error-lightest);\n}\n.colorWarningDarkest[data-v-bedd9820] {\n color: var(--color-warning-darkest);\n}\n.colorWarningDarker[data-v-bedd9820] {\n color: var(--color-warning-darker);\n}\n.colorWarning[data-v-bedd9820] {\n color: var(--color-warning);\n}\n.colorWarningLighter[data-v-bedd9820] {\n color: var(--color-warning-lighter);\n}\n.colorWarningLightest[data-v-bedd9820] {\n color: var(--color-warning-lightest);\n}\n.colorBlawBlue[data-v-bedd9820] {\n color: var(--color-blaw-blue);\n}\n.colorBtaxBlue[data-v-bedd9820] {\n color: var(--color-btax-blue);\n}\n.colorThemeAntitrust[data-v-bedd9820] {\n color: var(--color-theme-antitrust);\n}\n.colorThemeBanking[data-v-bedd9820] {\n color: var(--color-theme-banking);\n}\n.colorThemeBankruptcy[data-v-bedd9820] {\n color: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefits[data-v-bedd9820] {\n color: var(--color-theme-benefits);\n}\n.colorThemeCorporate[data-v-bedd9820] {\n color: var(--color-theme-corporate);\n}\n.colorThemeEdiscovery[data-v-bedd9820] {\n color: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironment[data-v-bedd9820] {\n color: var(--color-theme-environment);\n}\n.colorThemeHealth[data-v-bedd9820] {\n color: var(--color-theme-health);\n}\n.colorThemeIp[data-v-bedd9820] {\n color: var(--color-theme-ip);\n}\n.colorThemeLabor[data-v-bedd9820] {\n color: var(--color-theme-labor);\n}\n.colorThemeSecurities[data-v-bedd9820] {\n color: var(--color-theme-securities);\n}\n.colorThemeTelecom[data-v-bedd9820] {\n color: var(--color-theme-telecom);\n}\n.colorDataviz1[data-v-bedd9820] {\n color: var(--color-dataviz-1);\n}\n.colorDataviz2[data-v-bedd9820] {\n color: var(--color-dataviz-2);\n}\n.colorDataviz3[data-v-bedd9820] {\n color: var(--color-dataviz-3);\n}\n.colorDataviz4[data-v-bedd9820] {\n color: var(--color-dataviz-4);\n}\n.colorDataviz5[data-v-bedd9820] {\n color: var(--color-dataviz-5);\n}\n.colorDataviz6[data-v-bedd9820] {\n color: var(--color-dataviz-6);\n}\n.colorDataviz7[data-v-bedd9820] {\n color: var(--color-dataviz-7);\n}\n.colorDataviz8[data-v-bedd9820] {\n color: var(--color-dataviz-8);\n}\n.colorDataviz9[data-v-bedd9820] {\n color: var(--color-dataviz-9);\n}\n.colorDataviz10[data-v-bedd9820] {\n color: var(--color-dataviz-10);\n}\n.colorDatavizPositive[data-v-bedd9820] {\n color: var(--color-dataviz-positive);\n}\n.colorDatavizNegative[data-v-bedd9820] {\n color: var(--color-dataviz-negative);\n}\n.colorDemocrat[data-v-bedd9820] {\n color: var(--color-democrat);\n}\n.colorRepublican[data-v-bedd9820] {\n color: var(--color-republican);\n}\n.colorIndependent[data-v-bedd9820] {\n color: var(--color-independent);\n}\n.colorBlackBg[data-v-bedd9820] {\n background: var(--color-black);\n}\n.colorGrayDarkBg[data-v-bedd9820] {\n background: var(--color-gray-dark);\n}\n.colorGrayBg[data-v-bedd9820] {\n background: var(--color-gray);\n}\n.colorGrayLightBg[data-v-bedd9820] {\n background: var(--color-gray-light);\n}\n.colorGrayLighterBg[data-v-bedd9820] {\n background: var(--color-gray-lighter);\n}\n.colorGrayLightestBg[data-v-bedd9820] {\n background: var(--color-gray-lightest);\n}\n.colorWhiteBg[data-v-bedd9820] {\n background: var(--color-white);\n}\n.colorLinkBg[data-v-bedd9820] {\n background: var(--color-link);\n}\n.colorLinkVisitedBg[data-v-bedd9820] {\n background: var(--color-link-visited);\n}\n.colorLinkDarkBgBg[data-v-bedd9820] {\n background: var(--color-link-dark-bg);\n}\n.colorDisabledBg[data-v-bedd9820] {\n background: var(--color-disabled);\n}\n.colorActionDarkestBg[data-v-bedd9820] {\n background: var(--color-action-darkest);\n}\n.colorActionDarkerBg[data-v-bedd9820] {\n background: var(--color-action-darker);\n}\n.colorActionBg[data-v-bedd9820] {\n background: var(--color-action);\n}\n.colorActionLighterBg[data-v-bedd9820] {\n background: var(--color-action-lighter);\n}\n.colorActionLightestBg[data-v-bedd9820] {\n background: var(--color-action-lightest);\n}\n.colorSelectedDarkestBg[data-v-bedd9820] {\n background: var(--color-selected-darkest);\n}\n.colorSelectedDarkerBg[data-v-bedd9820] {\n background: var(--color-selected-darker);\n}\n.colorSelectedBg[data-v-bedd9820] {\n background: var(--color-selected);\n}\n.colorSelectedLighterBg[data-v-bedd9820] {\n background: var(--color-selected-lighter);\n}\n.colorSelectedLightestBg[data-v-bedd9820] {\n background: var(--color-selected-lightest);\n}\n.colorErrorDarkestBg[data-v-bedd9820] {\n background: var(--color-error-darkest);\n}\n.colorErrorDarkerBg[data-v-bedd9820] {\n background: var(--color-error-darker);\n}\n.colorErrorBg[data-v-bedd9820] {\n background: var(--color-error);\n}\n.colorErrorLighterBg[data-v-bedd9820] {\n background: var(--color-error-lighter);\n}\n.colorErrorLightestBg[data-v-bedd9820] {\n background: var(--color-error-lightest);\n}\n.colorWarningDarkestBg[data-v-bedd9820] {\n background: var(--color-warning-darkest);\n}\n.colorWarningDarkerBg[data-v-bedd9820] {\n background: var(--color-warning-darker);\n}\n.colorWarningBg[data-v-bedd9820] {\n background: var(--color-warning);\n}\n.colorWarningLighterBg[data-v-bedd9820] {\n background: var(--color-warning-lighter);\n}\n.colorWarningLightestBg[data-v-bedd9820] {\n background: var(--color-warning-lightest);\n}\n.colorBlawBlueBg[data-v-bedd9820] {\n background: var(--color-blaw-blue);\n}\n.colorBtaxBlueBg[data-v-bedd9820] {\n background: var(--color-btax-blue);\n}\n.colorThemeAntitrustBg[data-v-bedd9820] {\n background: var(--color-theme-antitrust);\n}\n.colorThemeBankingBg[data-v-bedd9820] {\n background: var(--color-theme-banking);\n}\n.colorThemeBankruptcyBg[data-v-bedd9820] {\n background: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefitsBg[data-v-bedd9820] {\n background: var(--color-theme-benefits);\n}\n.colorThemeCorporateBg[data-v-bedd9820] {\n background: var(--color-theme-corporate);\n}\n.colorThemeEdiscoveryBg[data-v-bedd9820] {\n background: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironmentBg[data-v-bedd9820] {\n background: var(--color-theme-environment);\n}\n.colorThemeHealthBg[data-v-bedd9820] {\n background: var(--color-theme-health);\n}\n.colorThemeIpBg[data-v-bedd9820] {\n background: var(--color-theme-ip);\n}\n.colorThemeLaborBg[data-v-bedd9820] {\n background: var(--color-theme-labor);\n}\n.colorThemeSecuritiesBg[data-v-bedd9820] {\n background: var(--color-theme-securities);\n}\n.colorThemeTelecomBg[data-v-bedd9820] {\n background: var(--color-theme-telecom);\n}\n.colorDataviz1Bg[data-v-bedd9820] {\n background: var(--color-dataviz-1);\n}\n.colorDataviz2Bg[data-v-bedd9820] {\n background: var(--color-dataviz-2);\n}\n.colorDataviz3Bg[data-v-bedd9820] {\n background: var(--color-dataviz-3);\n}\n.colorDataviz4Bg[data-v-bedd9820] {\n background: var(--color-dataviz-4);\n}\n.colorDataviz5Bg[data-v-bedd9820] {\n background: var(--color-dataviz-5);\n}\n.colorDataviz6Bg[data-v-bedd9820] {\n background: var(--color-dataviz-6);\n}\n.colorDataviz7Bg[data-v-bedd9820] {\n background: var(--color-dataviz-7);\n}\n.colorDataviz8Bg[data-v-bedd9820] {\n background: var(--color-dataviz-8);\n}\n.colorDataviz9Bg[data-v-bedd9820] {\n background: var(--color-dataviz-9);\n}\n.colorDataviz10Bg[data-v-bedd9820] {\n background: var(--color-dataviz-10);\n}\n.colorDatavizPositiveBg[data-v-bedd9820] {\n background: var(--color-dataviz-positive);\n}\n.colorDatavizNegativeBg[data-v-bedd9820] {\n background: var(--color-dataviz-negative);\n}\n.colorDemocratBg[data-v-bedd9820] {\n background: var(--color-democrat);\n}\n.colorRepublicanBg[data-v-bedd9820] {\n background: var(--color-republican);\n}\n.colorIndependentBg[data-v-bedd9820] {\n background: var(--color-independent);\n}\n[data-v-bedd9820]: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-bedd9820] {\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-bedd9820] {\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-bedd9820] {\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-bedd9820] {\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-bedd9820] {\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-bedd9820] {\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-bedd9820]: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-bedd9820]: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-bedd9820] {\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-bedd9820], .FishTankDateInput[readonly][data-v-bedd9820] {\n pointer-events: none;\n}\n.FishTankDateInput[disabled][data-v-bedd9820] {\n opacity: 0.5;\n}\n.FishTankDateInput[hide-calendar-toggle] input[data-v-bedd9820] {\n padding-left: 4px;\n}\n.FishTankDateInput[hide-clear] input[data-v-bedd9820] {\n padding-right: 4px;\n}\n.date-container[data-v-bedd9820] {\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-bedd9820]:focus-within, .date-container.is-focused[data-v-bedd9820] {\n border: 2px solid var(--color-notification-3);\n padding: 0px;\n}\n.date-fields[data-v-bedd9820] {\n display: inline-block;\n margin-left: 4px;\n}\n.flex[data-v-bedd9820] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n padding: 4px;\n}\ninput[data-v-bedd9820] {\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-bedd9820]:focus {\n outline: 0;\n}\ninput[data-v-bedd9820]::-moz-selection {\n color: var(--color-black);\n background: var(--color-secondary-darker);\n}\ninput[data-v-bedd9820]::selection {\n color: var(--color-black);\n background: var(--color-secondary-darker);\n}\ninput[data-v-bedd9820]::-webkit-input-placeholder {\n font-style: italic;\n text-align: left;\n}\ninput[data-v-bedd9820]:-moz-placeholder {\n font-style: italic;\n text-align: left;\n}\ninput[data-v-bedd9820]:-ms-input-placeholder {\n font-style: italic;\n text-align: left;\n}\n.month[data-v-bedd9820] {\n width: 25px;\n}\n.day[data-v-bedd9820] {\n width: 20px;\n}\n.year[data-v-bedd9820] {\n width: 33px;\n}\n.slash[data-v-bedd9820] {\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-bedd9820] {\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-bedd9820]:hover {\n background: var(--color-gray-lightest);\n}\n.icon[data-v-bedd9820]:active {\n background: var(--color-secondary-darker);\n}\n.icon[data-v-bedd9820]:focus {\n background: var(--color-secondary-darker);\n}\n",
map: undefined,
media: undefined
});
};
/* scoped */
var __vue_scope_id__$58 = "data-v-bedd9820";
/* 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__$53,
staticRenderFns: __vue_staticRenderFns__$53
}, __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__$54 = 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__$54 = [];
__vue_render__$54._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__$54,
staticRenderFns: __vue_staticRenderFns__$54
}, __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__$55 = 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__$55 = [];
__vue_render__$55._withStripped = true;
/* style */
var __vue_inject_styles__$60 = function __vue_inject_styles__(inject) {
if (!inject) return;
inject("data-v-672b89e0_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-672b89e0_1", {
source: "[data-v-672b89e0]: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-672b89e0] {\n color: var(--color-black);\n}\n.colorGrayDark[data-v-672b89e0] {\n color: var(--color-gray-dark);\n}\n.colorGray[data-v-672b89e0] {\n color: var(--color-gray);\n}\n.colorGrayLight[data-v-672b89e0] {\n color: var(--color-gray-light);\n}\n.colorGrayLighter[data-v-672b89e0] {\n color: var(--color-gray-lighter);\n}\n.colorGrayLightest[data-v-672b89e0] {\n color: var(--color-gray-lightest);\n}\n.colorWhite[data-v-672b89e0] {\n color: var(--color-white);\n}\n.colorLink[data-v-672b89e0] {\n color: var(--color-link);\n}\n.colorLinkVisited[data-v-672b89e0] {\n color: var(--color-link-visited);\n}\n.colorLinkDarkBg[data-v-672b89e0] {\n color: var(--color-link-dark-bg);\n}\n.colorDisabled[data-v-672b89e0] {\n color: var(--color-disabled);\n}\n.colorActionDarkest[data-v-672b89e0] {\n color: var(--color-action-darkest);\n}\n.colorActionDarker[data-v-672b89e0] {\n color: var(--color-action-darker);\n}\n.colorAction[data-v-672b89e0] {\n color: var(--color-action);\n}\n.colorActionLighter[data-v-672b89e0] {\n color: var(--color-action-lighter);\n}\n.colorActionLightest[data-v-672b89e0] {\n color: var(--color-action-lightest);\n}\n.colorSelectedDarkest[data-v-672b89e0] {\n color: var(--color-selected-darkest);\n}\n.colorSelectedDarker[data-v-672b89e0] {\n color: var(--color-selected-darker);\n}\n.colorSelected[data-v-672b89e0] {\n color: var(--color-selected);\n}\n.colorSelectedLighter[data-v-672b89e0] {\n color: var(--color-selected-lighter);\n}\n.colorSelectedLightest[data-v-672b89e0] {\n color: var(--color-selected-lightest);\n}\n.colorErrorDarkest[data-v-672b89e0] {\n color: var(--color-error-darkest);\n}\n.colorErrorDarker[data-v-672b89e0] {\n color: var(--color-error-darker);\n}\n.colorError[data-v-672b89e0] {\n color: var(--color-error);\n}\n.colorErrorLighter[data-v-672b89e0] {\n color: var(--color-error-lighter);\n}\n.colorErrorLightest[data-v-672b89e0] {\n color: var(--color-error-lightest);\n}\n.colorWarningDarkest[data-v-672b89e0] {\n color: var(--color-warning-darkest);\n}\n.colorWarningDarker[data-v-672b89e0] {\n color: var(--color-warning-darker);\n}\n.colorWarning[data-v-672b89e0] {\n color: var(--color-warning);\n}\n.colorWarningLighter[data-v-672b89e0] {\n color: var(--color-warning-lighter);\n}\n.colorWarningLightest[data-v-672b89e0] {\n color: var(--color-warning-lightest);\n}\n.colorBlawBlue[data-v-672b89e0] {\n color: var(--color-blaw-blue);\n}\n.colorBtaxBlue[data-v-672b89e0] {\n color: var(--color-btax-blue);\n}\n.colorThemeAntitrust[data-v-672b89e0] {\n color: var(--color-theme-antitrust);\n}\n.colorThemeBanking[data-v-672b89e0] {\n color: var(--color-theme-banking);\n}\n.colorThemeBankruptcy[data-v-672b89e0] {\n color: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefits[data-v-672b89e0] {\n color: var(--color-theme-benefits);\n}\n.colorThemeCorporate[data-v-672b89e0] {\n color: var(--color-theme-corporate);\n}\n.colorThemeEdiscovery[data-v-672b89e0] {\n color: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironment[data-v-672b89e0] {\n color: var(--color-theme-environment);\n}\n.colorThemeHealth[data-v-672b89e0] {\n color: var(--color-theme-health);\n}\n.colorThemeIp[data-v-672b89e0] {\n color: var(--color-theme-ip);\n}\n.colorThemeLabor[data-v-672b89e0] {\n color: var(--color-theme-labor);\n}\n.colorThemeSecurities[data-v-672b89e0] {\n color: var(--color-theme-securities);\n}\n.colorThemeTelecom[data-v-672b89e0] {\n color: var(--color-theme-telecom);\n}\n.colorDataviz1[data-v-672b89e0] {\n color: var(--color-dataviz-1);\n}\n.colorDataviz2[data-v-672b89e0] {\n color: var(--color-dataviz-2);\n}\n.colorDataviz3[data-v-672b89e0] {\n color: var(--color-dataviz-3);\n}\n.colorDataviz4[data-v-672b89e0] {\n color: var(--color-dataviz-4);\n}\n.colorDataviz5[data-v-672b89e0] {\n color: var(--color-dataviz-5);\n}\n.colorDataviz6[data-v-672b89e0] {\n color: var(--color-dataviz-6);\n}\n.colorDataviz7[data-v-672b89e0] {\n color: var(--color-dataviz-7);\n}\n.colorDataviz8[data-v-672b89e0] {\n color: var(--color-dataviz-8);\n}\n.colorDataviz9[data-v-672b89e0] {\n color: var(--color-dataviz-9);\n}\n.colorDataviz10[data-v-672b89e0] {\n color: var(--color-dataviz-10);\n}\n.colorDatavizPositive[data-v-672b89e0] {\n color: var(--color-dataviz-positive);\n}\n.colorDatavizNegative[data-v-672b89e0] {\n color: var(--color-dataviz-negative);\n}\n.colorDemocrat[data-v-672b89e0] {\n color: var(--color-democrat);\n}\n.colorRepublican[data-v-672b89e0] {\n color: var(--color-republican);\n}\n.colorIndependent[data-v-672b89e0] {\n color: var(--color-independent);\n}\n.colorBlackBg[data-v-672b89e0] {\n background: var(--color-black);\n}\n.colorGrayDarkBg[data-v-672b89e0] {\n background: var(--color-gray-dark);\n}\n.colorGrayBg[data-v-672b89e0] {\n background: var(--color-gray);\n}\n.colorGrayLightBg[data-v-672b89e0] {\n background: var(--color-gray-light);\n}\n.colorGrayLighterBg[data-v-672b89e0] {\n background: var(--color-gray-lighter);\n}\n.colorGrayLightestBg[data-v-672b89e0] {\n background: var(--color-gray-lightest);\n}\n.colorWhiteBg[data-v-672b89e0] {\n background: var(--color-white);\n}\n.colorLinkBg[data-v-672b89e0] {\n background: var(--color-link);\n}\n.colorLinkVisitedBg[data-v-672b89e0] {\n background: var(--color-link-visited);\n}\n.colorLinkDarkBgBg[data-v-672b89e0] {\n background: var(--color-link-dark-bg);\n}\n.colorDisabledBg[data-v-672b89e0] {\n background: var(--color-disabled);\n}\n.colorActionDarkestBg[data-v-672b89e0] {\n background: var(--color-action-darkest);\n}\n.colorActionDarkerBg[data-v-672b89e0] {\n background: var(--color-action-darker);\n}\n.colorActionBg[data-v-672b89e0] {\n background: var(--color-action);\n}\n.colorActionLighterBg[data-v-672b89e0] {\n background: var(--color-action-lighter);\n}\n.colorActionLightestBg[data-v-672b89e0] {\n background: var(--color-action-lightest);\n}\n.colorSelectedDarkestBg[data-v-672b89e0] {\n background: var(--color-selected-darkest);\n}\n.colorSelectedDarkerBg[data-v-672b89e0] {\n background: var(--color-selected-darker);\n}\n.colorSelectedBg[data-v-672b89e0] {\n background: var(--color-selected);\n}\n.colorSelectedLighterBg[data-v-672b89e0] {\n background: var(--color-selected-lighter);\n}\n.colorSelectedLightestBg[data-v-672b89e0] {\n background: var(--color-selected-lightest);\n}\n.colorErrorDarkestBg[data-v-672b89e0] {\n background: var(--color-error-darkest);\n}\n.colorErrorDarkerBg[data-v-672b89e0] {\n background: var(--color-error-darker);\n}\n.colorErrorBg[data-v-672b89e0] {\n background: var(--color-error);\n}\n.colorErrorLighterBg[data-v-672b89e0] {\n background: var(--color-error-lighter);\n}\n.colorErrorLightestBg[data-v-672b89e0] {\n background: var(--color-error-lightest);\n}\n.colorWarningDarkestBg[data-v-672b89e0] {\n background: var(--color-warning-darkest);\n}\n.colorWarningDarkerBg[data-v-672b89e0] {\n background: var(--color-warning-darker);\n}\n.colorWarningBg[data-v-672b89e0] {\n background: var(--color-warning);\n}\n.colorWarningLighterBg[data-v-672b89e0] {\n background: var(--color-warning-lighter);\n}\n.colorWarningLightestBg[data-v-672b89e0] {\n background: var(--color-warning-lightest);\n}\n.colorBlawBlueBg[data-v-672b89e0] {\n background: var(--color-blaw-blue);\n}\n.colorBtaxBlueBg[data-v-672b89e0] {\n background: var(--color-btax-blue);\n}\n.colorThemeAntitrustBg[data-v-672b89e0] {\n background: var(--color-theme-antitrust);\n}\n.colorThemeBankingBg[data-v-672b89e0] {\n background: var(--color-theme-banking);\n}\n.colorThemeBankruptcyBg[data-v-672b89e0] {\n background: var(--color-theme-bankruptcy);\n}\n.colorThemeBenefitsBg[data-v-672b89e0] {\n background: var(--color-theme-benefits);\n}\n.colorThemeCorporateBg[data-v-672b89e0] {\n background: var(--color-theme-corporate);\n}\n.colorThemeEdiscoveryBg[data-v-672b89e0] {\n background: var(--color-theme-ediscovery);\n}\n.colorThemeEnvironmentBg[data-v-672b89e0] {\n background: var(--color-theme-environment);\n}\n.colorThemeHealthBg[data-v-672b89e0] {\n background: var(--color-theme-health);\n}\n.colorThemeIpBg[data-v-672b89e0] {\n background: var(--color-theme-ip);\n}\n.colorThemeLaborBg[data-v-672b89e0] {\n background: var(--color-theme-labor);\n}\n.colorThemeSecuritiesBg[data-v-672b89e0] {\n background: var(--color-theme-securities);\n}\n.colorThemeTelecomBg[data-v-672b89e0] {\n background: var(--color-theme-telecom);\n}\n.colorDataviz1Bg[data-v-672b89e0] {\n background: var(--color-dataviz-1);\n}\n.colorDataviz2Bg[data-v-672b89e0] {\n background: var(--color-dataviz-2);\n}\n.colorDataviz3Bg[data-v-672b89e0] {\n background: var(--color-dataviz-3);\n}\n.colorDataviz4Bg[data-v-672b89e0] {\n background: var(--color-dataviz-4);\n}\n.colorDataviz5Bg[data-v-672b89e0] {\n background: var(--color-dataviz-5);\n}\n.colorDataviz6Bg[data-v-672b89e0] {\n background: var(--color-dataviz-6);\n}\n.colorDataviz7Bg[data-v-672b89e0] {\n background: var(--color-dataviz-7);\n}\n.colorDataviz8Bg[data-v-672b89e0] {\n background: var(--color-dataviz-8);\n}\n.colorDataviz9Bg[data-v-672b89e0] {\n background: var(--color-dataviz-9);\n}\n.colorDataviz10Bg[data-v-672b89e0] {\n background: var(--color-dataviz-10);\n}\n.colorDatavizPositiveBg[data-v-672b89e0] {\n background: var(--color-dataviz-positive);\n}\n.colorDatavizNegativeBg[data-v-672b89e0] {\n background: var(--color-dataviz-negative);\n}\n.colorDemocratBg[data-v-672b89e0] {\n background: var(--color-democrat);\n}\n.colorRepublicanBg[data-v-672b89e0] {\n background: var(--color-republican);\n}\n.colorIndependentBg[data-v-672b89e0] {\n background: var(--color-independent);\n}\n[data-v-672b89e0]: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-672b89e0] {\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-672b89e0] {\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-672b89e0] {\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-672b89e0] {\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-672b89e0] {\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-672b89e0] {\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-672b89e0]: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-672b89e0]: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-672b89e0] {\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-672b89e0] {\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-672b89e0] {\n --selector-width: 218px;\n margin-bottom: 10px;\n}\n.FishTankDateSelector[orientation=\"ttb\"] .inputs[data-v-672b89e0] {\n margin-bottom: 10px;\n}\n.FishTankDateSelector[orientation=\"ttb\"] .inputs .from-date[data-v-672b89e0] {\n padding-left: 0;\n}\n.FishTankDateSelector .Dropdown[data-v-672b89e0] {\n --background-color: #F0F3F7;\n --primary-color: #505558;\n --selector-width: 150px;\n}\n.FishTankDateSelector .inputs[data-v-672b89e0] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.FishTankDateSelector .inputs .FishTankDatePicker[data-v-672b89e0] {\n padding-left: 10px;\n --font-family: $font-primary;\n --primary-color: #505558;\n}\n.FishTankDateSelector .inputs .FishTankDatePicker.to-date[data-v-672b89e0] {\n position: relative;\n}\n.FishTankDateSelector .inputs .FishTankDatePicker.to-date[data-v-672b89e0] input {\n border-left: none;\n margin-left: -11px;\n}\n.FishTankDateSelector .inputs .FishTankDatePicker.to-date[data-v-672b89e0]: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-672b89e0";
/* 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__$55,
staticRenderFns: __vue_staticRenderFns__$55
}, __vue_inject_styles__$60, __vue_script__$60, __vue_scope_id__$60, __vue_is_functional_template__$60, __vue_module_identifier__$60, __vue_create_injector__, undefined);
exports.BaseAlert = BaseAlert;
exports.AlertError = AlertError;
exports.AlertInfo = AlertInfo;
exports.AlertSuccess = AlertSuccess;
exports.BaseButton = FishTankBaseButton$1;
exports.ButtonPrimary = FishTankButtonPrimary;
exports.ButtonSecondary = FishTankButtonSecondary;
exports.ButtonDestructive = FishTankButtonDestructive;
exports.ButtonWhite = FishTankButtonWhite;
exports.ButtonOutline = FishTankButtonOutline;
exports.ButtonGradient = FishTankButtonGradient;
exports.ButtonFAB = FishTankButtonFAB;
exports.ButtonFeatureLabel = FishTankButtonFeatureLabel;
exports.ButtonFeatureIcon = FishTankButtonFeatureIcon;
exports.ButtonOutlineDark = FishTankButtonOutlineDark;
exports.ButtonOutlineSmall = FishTankButtonOutlineSmall;
exports.ButtonOutlineDarkSmall = FishTankButtonOutlineDarkSmall;
exports.Card = FishTankCard;
exports.CardV2 = FishTankCardV2;
exports.FishTankCardV2 = FishTankCardV2;
exports.InputCheckbox = FishTankCheckbox;
exports.InputRadio = radio;
exports.InputSwitch = FishTankSwitch;
exports.InputText = FishTankTextInput;
exports.Modal = Modal;
exports.ModalV2 = FishTankModalV2$1;
exports.FishTankModalV2 = FishTankModalV2$1;
exports.DialogBox = FishTankDialogBox$1;
exports.FishTankSpinner = FishTankLoaderSpinner;
exports.FishTankBaseAlert = BaseAlert;
exports.FishTankAlertError = AlertError;
exports.FishTankAlertInfo = AlertInfo;
exports.FishTankAlertSuccess = AlertSuccess;
exports.FishTankBaseButton = FishTankBaseButton$1;
exports.FishTankButton = FishTankButton;
exports.FishTankButtonPrimary = FishTankButtonPrimary;
exports.FishTankButtonSecondary = FishTankButtonSecondary;
exports.FishTankButtonDestructive = FishTankButtonDestructive;
exports.FishTankButtonWhite = FishTankButtonWhite;
exports.FishTankButtonOutline = FishTankButtonOutline;
exports.FishTankButtonGradient = FishTankButtonGradient;
exports.FishTankButtonFAB = FishTankButtonFAB;
exports.FishTankButtonFeatureLabel = FishTankButtonFeatureLabel;
exports.FishTankButtonFeatureIcon = FishTankButtonFeatureIcon;
exports.FishTankButtonOutlineDark = FishTankButtonOutlineDark;
exports.FishTankButtonOutlineSmall = FishTankButtonOutlineSmall;
exports.FishTankButtonOutlineDarkSmall = FishTankButtonOutlineDarkSmall;
exports.FishTankCard = FishTankCard;
exports.FishTankCheckbox = FishTankCheckbox;
exports.FishTankCheckboxV2 = FishTankCheckboxSwitch;
exports.FishTankCheckboxSwitch = FishTankCheckboxSwitch;
exports.FishTankRadio = radio;
exports.FishTankRadioGroup = FishTankRadioGroup$1;
exports.FishTankSwitch = FishTankSwitch;
exports.FishTankModal = Modal;
exports.FishTankDialogBox = FishTankDialogBox$1;
exports.FishTankBadge = FishTankBadge$1;
exports.FishTankNumberBadge = FishTankNumberBadge$1;
exports.FishTankTag = FishTankTag$1;
exports.FishTankPagination = FishTankPagination$1;
exports.FishTankLoaderSpinner = FishTankLoaderSpinner;
exports.FishTankButtonGroup = FishTankButtonGroup;
exports.FishTankButtonGroupButton = FishTankButtonGroupButton;
exports.FishTankLoaderContent = FishTankLoaderContent;
exports.FishTankTable = FishTankTable$1;
exports.FishTankText = FishTankText;
exports.FishTankTextInput = FishTankTextInput;
exports.FishTankTextInputV2 = FishTankTextInputV2;
exports.FishTankTextArea = FishTankTextArea;
exports.FishTankHeading = FishTankHeading;
exports.FishTankAccordion = FishTankAccordion;
exports.FishTankAccordionGroup = FishTankAccordionGroup;
exports.FishTankBox = box;
exports.FishTankSelect = FishTankSelect$1;
exports.FishTankLookup = FishTankLookup;
exports.FishTankRadioList = FishTankRadioList;
exports.FishTankTabs = FishTankTabs;
exports.FishTankTabsV2 = FishTankTabsV2;
exports.FishTankVerticalTabs = FishTankVerticalTabs;
exports.FishTankContainer = FishTankContainer;
exports.FishTankColumn = FishTankColumn;
exports.FishTankHighlight = FishTankHighlightedText;
exports.FishTankTooltip = FishTankTooltip$1;
exports.FishTankPickerYear = FishTankPickerYear;
exports.FishTankPickerDay = FishTankPickerDay;
exports.FishTankPickerMonth = FishTankPickerMonth;
exports.FishTankDateInput = FishTankDateInput;
exports.FishTankDatePicker = FishTankDatePicker;
exports.FishTankDateSelector = FishTankDateSelector;