From 45c6e3c5d8da3f5de750ea7ada3b39fb0a998567 Mon Sep 17 00:00:00 2001 From: dntzhang Date: Mon, 20 Apr 2020 11:55:21 +0800 Subject: [PATCH] feat(omiu): support icon and closable in tabs --- components/tabs/demos/js-demo/index.html | 30 +++++++++++++++++++----- components/tabs/src/index.d.ts | 4 ++++ components/tabs/src/index.js | 16 +++++++++---- components/tabs/src/index.js.map | 2 +- components/tabs/src/index.scss | 10 ++++++++ components/tabs/src/index.tsx | 28 ++++++++++++---------- 6 files changed, 67 insertions(+), 23 deletions(-) diff --git a/components/tabs/demos/js-demo/index.html b/components/tabs/demos/js-demo/index.html index b660be859..0eb55e69f 100644 --- a/components/tabs/demos/js-demo/index.html +++ b/components/tabs/demos/js-demo/index.html @@ -18,29 +18,47 @@ - + - + + - +
- +
- +
- + + +
+ + + +
+ + +
+ + + + diff --git a/components/tabs/src/index.d.ts b/components/tabs/src/index.d.ts index e72764841..d30fc7b31 100644 --- a/components/tabs/src/index.d.ts +++ b/components/tabs/src/index.d.ts @@ -5,17 +5,20 @@ interface Props { activeIndex: number; type?: 'card' | 'border-card'; position?: 'left' | 'right' | 'top' | 'bottom'; + closable?: boolean; } export default class Tabs extends WeElement { static css: any; static defaultProps: { position: string; + closable: boolean; }; static propTypes: { list: ArrayConstructor; activeIndex: NumberConstructor; type: StringConstructor; position: StringConstructor; + closable: BooleanConstructor; }; _x: any; _width: any; @@ -23,6 +26,7 @@ export default class Tabs extends WeElement { onTabClick: (evt: any, index: any) => void; setActiveBar(ele: any, index: any): void; installed(): void; + _tempTagName: string; render(props: any): JSX.Element; } export {}; diff --git a/components/tabs/src/index.js b/components/tabs/src/index.js index 7d344fe7d..072178782 100644 --- a/components/tabs/src/index.js +++ b/components/tabs/src/index.js @@ -2155,7 +2155,7 @@ exports = module.exports = __webpack_require__(/*! ../node_modules/_css-loader@1 // module -exports.push([module.i, ":host {\n display: block; }\n\n.o-tabs__header {\n padding: 0;\n position: relative;\n margin: 0 0 15px; }\n\n.o-tabs__active-bar {\n position: absolute;\n bottom: 0;\n left: 0;\n height: 2px;\n background-color: #07c160;\n z-index: 1;\n -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n list-style: none; }\n\n.o-tabs__new-tab {\n float: right;\n border: 1px solid #d3dce6;\n height: 18px;\n width: 18px;\n line-height: 18px;\n margin: 12px 0 9px 10px;\n border-radius: 3px;\n text-align: center;\n font-size: 12px;\n color: #d3dce6;\n cursor: pointer;\n -webkit-transition: all .15s;\n transition: all .15s; }\n\n.o-tabs__new-tab .o-icon-plus {\n -webkit-transform: scale(0.8, 0.8);\n transform: scale(0.8, 0.8); }\n\n.o-tabs__new-tab:hover {\n color: #07c160; }\n\n.o-tabs__nav-wrap {\n overflow: hidden;\n margin-bottom: -1px;\n position: relative; }\n\n.o-tabs__nav-wrap::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n height: 2px;\n background-color: #E4E7ED;\n z-index: 1; }\n\n.o-tabs--border-card > .o-tabs__header .o-tabs__nav-wrap::after,\n.o-tabs--card > .o-tabs__header .o-tabs__nav-wrap::after {\n content: none; }\n\n.o-tabs__nav-wrap.is-scrollable {\n padding: 0 20px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n\n.o-tabs__nav-scroll {\n overflow: hidden; }\n\n.o-tabs__nav-next,\n.o-tabs__nav-prev {\n position: absolute;\n cursor: pointer;\n line-height: 44px;\n font-size: 12px;\n color: #909399; }\n\n.o-tabs__nav-next {\n right: 0; }\n\n.o-tabs__nav-prev {\n left: 0; }\n\n.o-tabs__nav {\n white-space: nowrap;\n position: relative;\n -webkit-transition: -webkit-transform .3s;\n transition: -webkit-transform .3s;\n transition: transform .3s;\n transition: transform .3s, -webkit-transform .3s;\n float: left;\n z-index: 2; }\n\n.o-tabs__nav.is-stretch {\n min-width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n\n.o-tabs__nav.is-stretch > * {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n text-align: center; }\n\n.o-tabs__item {\n padding: 0 20px;\n height: 40px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n line-height: 40px;\n display: inline-block;\n list-style: none;\n font-size: 14px;\n font-weight: 500;\n color: #303133;\n position: relative; }\n\n.o-tabs__item:focus,\n.o-tabs__item:focus:active {\n outline: 0; }\n\n.o-tabs__item:focus.is-active.is-focus:not(:active) {\n -webkit-box-shadow: 0 0 2px 2px #07c160 inset;\n box-shadow: 0 0 2px 2px #07c160 inset;\n border-radius: 3px; }\n\n.o-tabs__item .o-icon-close {\n border-radius: 50%;\n text-align: center;\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n margin-left: 5px; }\n\n.o-tabs__item .o-icon-close:before {\n -webkit-transform: scale(0.9);\n transform: scale(0.9);\n display: inline-block; }\n\n.o-tabs__item .o-icon-close:hover {\n background-color: #C0C4CC;\n color: #FFF; }\n\n.o-tabs__item.is-active {\n color: #07c160; }\n\n.o-tabs__item:hover {\n color: #07c160;\n cursor: pointer; }\n\n.o-tabs__item.is-disabled {\n color: #C0C4CC;\n cursor: default; }\n\n.o-tabs__content {\n overflow: hidden;\n position: relative; }\n\n.o-tabs--card > .o-tabs__header {\n border-bottom: 1px solid #E4E7ED; }\n\n.o-tabs--card > .o-tabs__header .o-tabs__nav {\n border: 1px solid #E4E7ED;\n border-bottom: none;\n border-radius: 4px 4px 0 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n\n.o-tabs--card > .o-tabs__header .o-tabs__active-bar {\n display: none; }\n\n.o-tabs--card > .o-tabs__header .o-tabs__item .o-icon-close {\n position: relative;\n font-size: 12px;\n width: 0;\n height: 14px;\n vertical-align: middle;\n line-height: 15px;\n overflow: hidden;\n top: -1px;\n right: -2px;\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%; }\n\n.o-tabs--card > .o-tabs__header .o-tabs__item.is-active.is-closable .o-icon-close,\n.o-tabs--card > .o-tabs__header .o-tabs__item.is-closable:hover .o-icon-close {\n width: 14px; }\n\n.o-tabs--card > .o-tabs__header .o-tabs__item {\n border-bottom: 1px solid transparent;\n border-left: 1px solid #E4E7ED;\n -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }\n\n.o-tabs--card > .o-tabs__header .o-tabs__item:first-child {\n border-left: none; }\n\n.o-tabs--card > .o-tabs__header .o-tabs__item.is-closable:hover {\n padding-left: 13px;\n padding-right: 13px; }\n\n.o-tabs--card > .o-tabs__header .o-tabs__item.is-active {\n border-bottom-color: #FFF; }\n\n.o-tabs--card > .o-tabs__header .o-tabs__item.is-active.is-closable {\n padding-left: 20px;\n padding-right: 20px; }\n\n.o-tabs--border-card {\n background: #FFF;\n border: 1px solid #DCDFE6;\n border-bottom: none; }\n\n.o-tabs--border-card.o-tabs--bottom {\n border: 1px solid #DCDFE6; }\n\n.o-tabs--border-card > .o-tabs__content {\n padding: 15px; }\n\n.o-tabs--border-card > .o-tabs__header {\n background-color: #F5F7FA;\n border-bottom: 1px solid #E4E7ED;\n margin: 0; }\n\n.o-tabs--border-card > .o-tabs__header .o-tabs__item {\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n border: 1px solid transparent;\n margin-top: -1px;\n color: #909399; }\n\n.o-tabs--border-card > .o-tabs__header .o-tabs__item + .o-tabs__item,\n.o-tabs--border-card > .o-tabs__header .o-tabs__item:first-child {\n margin-left: -1px; }\n\n.o-tabs--border-card > .o-tabs__header .o-tabs__item.is-active {\n color: #07c160;\n background-color: #FFF;\n border-right-color: #DCDFE6;\n border-left-color: #DCDFE6; }\n\n.o-tabs--border-card > .o-tabs__header .o-tabs__item:not(.is-disabled):hover {\n color: #07c160; }\n\n.o-tabs--border-card > .o-tabs__header .o-tabs__item.is-disabled {\n color: #C0C4CC; }\n\n.o-tabs--border-card > .o-tabs__header .is-scrollable .o-tabs__item:first-child {\n margin-left: 0; }\n\n.o-tabs--bottom .o-tabs__item.is-bottom:nth-child(2),\n.o-tabs--bottom .o-tabs__item.is-top:nth-child(2),\n.o-tabs--top .o-tabs__item.is-bottom:nth-child(2),\n.o-tabs--top .o-tabs__item.is-top:nth-child(2) {\n padding-left: 0; }\n\n.o-tabs--bottom .o-tabs__item.is-bottom:last-child,\n.o-tabs--bottom .o-tabs__item.is-top:last-child,\n.o-tabs--top .o-tabs__item.is-bottom:last-child,\n.o-tabs--top .o-tabs__item.is-top:last-child {\n padding-right: 0; }\n\n.o-tabs--bottom .o-tabs--left > .o-tabs__header .o-tabs__item:nth-child(2),\n.o-tabs--bottom .o-tabs--right > .o-tabs__header .o-tabs__item:nth-child(2),\n.o-tabs--bottom.o-tabs--border-card > .o-tabs__header .o-tabs__item:nth-child(2),\n.o-tabs--bottom.o-tabs--card > .o-tabs__header .o-tabs__item:nth-child(2),\n.o-tabs--top .o-tabs--left > .o-tabs__header .o-tabs__item:nth-child(2),\n.o-tabs--top .o-tabs--right > .o-tabs__header .o-tabs__item:nth-child(2),\n.o-tabs--top.o-tabs--border-card > .o-tabs__header .o-tabs__item:nth-child(2),\n.o-tabs--top.o-tabs--card > .o-tabs__header .o-tabs__item:nth-child(2) {\n padding-left: 20px; }\n\n.o-tabs--bottom .o-tabs--left > .o-tabs__header .o-tabs__item:last-child,\n.o-tabs--bottom .o-tabs--right > .o-tabs__header .o-tabs__item:last-child,\n.o-tabs--bottom.o-tabs--border-card > .o-tabs__header .o-tabs__item:last-child,\n.o-tabs--bottom.o-tabs--card > .o-tabs__header .o-tabs__item:last-child,\n.o-tabs--top .o-tabs--left > .o-tabs__header .o-tabs__item:last-child,\n.o-tabs--top .o-tabs--right > .o-tabs__header .o-tabs__item:last-child,\n.o-tabs--top.o-tabs--border-card > .o-tabs__header .o-tabs__item:last-child,\n.o-tabs--top.o-tabs--card > .o-tabs__header .o-tabs__item:last-child {\n padding-right: 20px; }\n\n.o-tabs--bottom.o-tabs--border-card {\n border-top: none; }\n\n.o-tabs--bottom.o-tabs--border-card .o-tabs__header.is-bottom {\n border-bottom: 0;\n border-top: 1px solid #DCDFE6; }\n\n.o-tabs--bottom.o-tabs--border-card .o-tabs__nav-wrap.is-bottom {\n margin-top: -1px;\n margin-bottom: 0; }\n\n.o-tabs--bottom.o-tabs--border-card .o-tabs__item.is-bottom:not(.is-active) {\n border: 1px solid transparent; }\n\n.o-tabs--bottom.o-tabs--border-card .o-tabs__item.is-bottom {\n margin: 0 -1px -1px; }\n\n.o-tabs--left,\n.o-tabs--right {\n overflow: hidden; }\n\n.o-tabs--left .o-tabs__header.is-left,\n.o-tabs--left .o-tabs__header.is-right,\n.o-tabs--left .o-tabs__nav-scroll,\n.o-tabs--left .o-tabs__nav-wrap.is-left,\n.o-tabs--left .o-tabs__nav-wrap.is-right,\n.o-tabs--right .o-tabs__header.is-left,\n.o-tabs--right .o-tabs__header.is-right,\n.o-tabs--right .o-tabs__nav-scroll,\n.o-tabs--right .o-tabs__nav-wrap.is-left,\n.o-tabs--right .o-tabs__nav-wrap.is-right {\n height: 100%; }\n\n.o-tabs--left .o-tabs__active-bar.is-left,\n.o-tabs--left .o-tabs__active-bar.is-right,\n.o-tabs--right .o-tabs__active-bar.is-left,\n.o-tabs--right .o-tabs__active-bar.is-right {\n top: 0;\n bottom: auto;\n width: 2px;\n height: auto; }\n\n.o-tabs--left .o-tabs__nav-wrap.is-left,\n.o-tabs--left .o-tabs__nav-wrap.is-right,\n.o-tabs--right .o-tabs__nav-wrap.is-left,\n.o-tabs--right .o-tabs__nav-wrap.is-right {\n margin-bottom: 0; }\n\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-next,\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev,\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-next,\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev,\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-next,\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev,\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-next,\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev {\n height: 30px;\n line-height: 30px;\n width: 100%;\n text-align: center;\n cursor: pointer; }\n\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-next i,\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev i,\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-next i,\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev i,\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-next i,\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev i,\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-next i,\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev i {\n -webkit-transform: rotateZ(90deg);\n transform: rotateZ(90deg); }\n\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev,\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev,\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev,\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev {\n left: auto;\n top: 0; }\n\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-next,\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-next,\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-next,\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-next {\n right: auto;\n bottom: 0; }\n\n.o-tabs--left .o-tabs__active-bar.is-left,\n.o-tabs--left .o-tabs__nav-wrap.is-left::after {\n right: 0;\n left: auto; }\n\n.o-tabs--left .o-tabs__nav-wrap.is-left.is-scrollable,\n.o-tabs--left .o-tabs__nav-wrap.is-right.is-scrollable,\n.o-tabs--right .o-tabs__nav-wrap.is-left.is-scrollable,\n.o-tabs--right .o-tabs__nav-wrap.is-right.is-scrollable {\n padding: 30px 0; }\n\n.o-tabs--left .o-tabs__nav-wrap.is-left::after,\n.o-tabs--left .o-tabs__nav-wrap.is-right::after,\n.o-tabs--right .o-tabs__nav-wrap.is-left::after,\n.o-tabs--right .o-tabs__nav-wrap.is-right::after {\n height: 100%;\n width: 2px;\n bottom: auto;\n top: 0; }\n\n.o-tabs--left .o-tabs__nav.is-left,\n.o-tabs--left .o-tabs__nav.is-right,\n.o-tabs--right .o-tabs__nav.is-left,\n.o-tabs--right .o-tabs__nav.is-right {\n float: none; }\n\n.o-tabs--left .o-tabs__item.is-left,\n.o-tabs--left .o-tabs__item.is-right,\n.o-tabs--right .o-tabs__item.is-left,\n.o-tabs--right .o-tabs__item.is-right {\n display: block; }\n\n.o-tabs--left.o-tabs--card .o-tabs__active-bar.is-left,\n.o-tabs--right.o-tabs--card .o-tabs__active-bar.is-right {\n display: none; }\n\n.o-tabs--left .o-tabs__header.is-left {\n float: left;\n margin-bottom: 0;\n margin-right: 10px; }\n\n.o-tabs--left .o-tabs__nav-wrap.is-left {\n margin-right: -1px; }\n\n.o-tabs--left .o-tabs__item.is-left {\n text-align: right; }\n\n.o-tabs--left.o-tabs--card .o-tabs__item.is-left {\n border-left: none;\n border-right: 1px solid #E4E7ED;\n border-bottom: none;\n border-top: 1px solid #E4E7ED;\n text-align: left; }\n\n.o-tabs--left.o-tabs--card .o-tabs__item.is-left:first-child {\n border-right: 1px solid #E4E7ED;\n border-top: none; }\n\n.o-tabs--left.o-tabs--card .o-tabs__item.is-left.is-active {\n border: 1px solid #E4E7ED;\n border-right-color: #fff;\n border-left: none;\n border-bottom: none; }\n\n.o-tabs--left.o-tabs--card .o-tabs__item.is-left.is-active:first-child {\n border-top: none; }\n\n.o-tabs--left.o-tabs--card .o-tabs__item.is-left.is-active:last-child {\n border-bottom: none; }\n\n.o-tabs--left.o-tabs--card .o-tabs__nav {\n border-radius: 4px 0 0 4px;\n border-bottom: 1px solid #E4E7ED;\n border-right: none; }\n\n.o-tabs--left.o-tabs--card .o-tabs__new-tab {\n float: none; }\n\n.o-tabs--left.o-tabs--border-card .o-tabs__header.is-left {\n border-right: 1px solid #dfe4ed; }\n\n.o-tabs--left.o-tabs--border-card .o-tabs__item.is-left {\n border: 1px solid transparent;\n margin: -1px 0 -1px -1px; }\n\n.o-tabs--left.o-tabs--border-card .o-tabs__item.is-left.is-active {\n border-color: #d1dbe5 transparent; }\n\n.o-tabs--right .o-tabs__header.is-right {\n float: right;\n margin-bottom: 0;\n margin-left: 10px; }\n\n.o-tabs--right .o-tabs__nav-wrap.is-right {\n margin-left: -1px; }\n\n.o-tabs--right .o-tabs__nav-wrap.is-right::after {\n left: 0;\n right: auto; }\n\n.o-tabs--right .o-tabs__active-bar.is-right {\n left: 0; }\n\n.o-tabs--right.o-tabs--card .o-tabs__item.is-right {\n border-bottom: none;\n border-top: 1px solid #E4E7ED; }\n\n.o-tabs--right.o-tabs--card .o-tabs__item.is-right:first-child {\n border-left: 1px solid #E4E7ED;\n border-top: none; }\n\n.o-tabs--right.o-tabs--card .o-tabs__item.is-right.is-active {\n border: 1px solid #E4E7ED;\n border-left-color: #fff;\n border-right: none;\n border-bottom: none; }\n\n.o-tabs--right.o-tabs--card .o-tabs__item.is-right.is-active:first-child {\n border-top: none; }\n\n.o-tabs--right.o-tabs--card .o-tabs__item.is-right.is-active:last-child {\n border-bottom: none; }\n\n.o-tabs--right.o-tabs--card .o-tabs__nav {\n border-radius: 0 4px 4px 0;\n border-bottom: 1px solid #E4E7ED;\n border-left: none; }\n\n.o-tabs--right.o-tabs--border-card .o-tabs__header.is-right {\n border-left: 1px solid #dfe4ed; }\n\n.o-tabs--right.o-tabs--border-card .o-tabs__item.is-right {\n border: 1px solid transparent;\n margin: -1px -1px -1px 0; }\n\n.o-tabs--right.o-tabs--border-card .o-tabs__item.is-right.is-active {\n border-color: #d1dbe5 transparent; }\n\n.slideInLeft-transition,\n.slideInRight-transition {\n display: inline-block; }\n\n.slideInRight-enter {\n -webkit-animation: slideInRight-enter .3s;\n animation: slideInRight-enter .3s; }\n\n.slideInRight-leave {\n position: absolute;\n left: 0;\n right: 0;\n -webkit-animation: slideInRight-leave .3s;\n animation: slideInRight-leave .3s; }\n\n.slideInLeft-enter {\n -webkit-animation: slideInLeft-enter .3s;\n animation: slideInLeft-enter .3s; }\n\n.slideInLeft-leave {\n position: absolute;\n left: 0;\n right: 0;\n -webkit-animation: slideInLeft-leave .3s;\n animation: slideInLeft-leave .3s; }\n\n@-webkit-keyframes slideInRight-enter {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(100%);\n transform: translateX(100%); }\n to {\n opacity: 1;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(0);\n transform: translateX(0); } }\n\n@keyframes slideInRight-enter {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(100%);\n transform: translateX(100%); }\n to {\n opacity: 1;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(0);\n transform: translateX(0); } }\n\n@-webkit-keyframes slideInRight-leave {\n 0% {\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n opacity: 1; }\n 100% {\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n opacity: 0; } }\n\n@keyframes slideInRight-leave {\n 0% {\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n opacity: 1; }\n 100% {\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n opacity: 0; } }\n\n@-webkit-keyframes slideInLeft-enter {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%); }\n to {\n opacity: 1;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(0);\n transform: translateX(0); } }\n\n@keyframes slideInLeft-enter {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%); }\n to {\n opacity: 1;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(0);\n transform: translateX(0); } }\n\n@-webkit-keyframes slideInLeft-leave {\n 0% {\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n opacity: 1; }\n 100% {\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n opacity: 0; } }\n\n@keyframes slideInLeft-leave {\n 0% {\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n opacity: 1; }\n 100% {\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n opacity: 0; } }\n", ""]); +exports.push([module.i, ":host {\n display: block; }\n\n.o-tabs__header {\n padding: 0;\n position: relative;\n margin: 0 0 15px; }\n\n.o-tabs__active-bar {\n position: absolute;\n bottom: 0;\n left: 0;\n height: 2px;\n background-color: #07c160;\n z-index: 1;\n -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n list-style: none; }\n\n.o-tabs__new-tab {\n float: right;\n border: 1px solid #d3dce6;\n height: 18px;\n width: 18px;\n line-height: 18px;\n margin: 12px 0 9px 10px;\n border-radius: 3px;\n text-align: center;\n font-size: 12px;\n color: #d3dce6;\n cursor: pointer;\n -webkit-transition: all .15s;\n transition: all .15s; }\n\n.o-tabs__new-tab .o-icon-plus {\n -webkit-transform: scale(0.8, 0.8);\n transform: scale(0.8, 0.8); }\n\n.o-tabs__new-tab:hover {\n color: #07c160; }\n\n.o-tabs__nav-wrap {\n overflow: hidden;\n margin-bottom: -1px;\n position: relative; }\n\n.o-tabs__nav-wrap::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n height: 2px;\n background-color: #E4E7ED;\n z-index: 1; }\n\n.o-tabs--border-card > .o-tabs__header .o-tabs__nav-wrap::after,\n.o-tabs--card > .o-tabs__header .o-tabs__nav-wrap::after {\n content: none; }\n\n.o-tabs__nav-wrap.is-scrollable {\n padding: 0 20px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n\n.o-tabs__nav-scroll {\n overflow: hidden; }\n\n.o-tabs__nav-next,\n.o-tabs__nav-prev {\n position: absolute;\n cursor: pointer;\n line-height: 44px;\n font-size: 12px;\n color: #909399; }\n\n.o-tabs__nav-next {\n right: 0; }\n\n.o-tabs__nav-prev {\n left: 0; }\n\n.o-tabs__nav {\n white-space: nowrap;\n position: relative;\n -webkit-transition: -webkit-transform .3s;\n transition: -webkit-transform .3s;\n transition: transform .3s;\n transition: transform .3s, -webkit-transform .3s;\n float: left;\n z-index: 2; }\n\n.o-tabs__nav.is-stretch {\n min-width: 100%;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex; }\n\n.o-tabs__nav.is-stretch > * {\n -webkit-box-flex: 1;\n -ms-flex: 1;\n flex: 1;\n text-align: center; }\n\n.o-tabs__item {\n padding: 0 20px;\n height: 40px;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n line-height: 40px;\n display: inline-block;\n list-style: none;\n font-size: 14px;\n font-weight: 500;\n color: #303133;\n position: relative; }\n\n.o-tabs__item:focus,\n.o-tabs__item:focus:active {\n outline: 0; }\n\n.o-tabs__item:focus.is-active.is-focus:not(:active) {\n -webkit-box-shadow: 0 0 2px 2px #07c160 inset;\n box-shadow: 0 0 2px 2px #07c160 inset;\n border-radius: 3px; }\n\n.o-tabs__item:hover .o-icon-close {\n visibility: visible; }\n\n.o-tabs__item .o-icon-close {\n visibility: hidden;\n border-radius: 50%;\n text-align: center;\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n margin-left: 5px; }\n\n.o-tabs__item .o-icon-close:before {\n -webkit-transform: scale(0.9);\n transform: scale(0.9);\n display: inline-block; }\n\n.o-tabs__item .o-icon-close:hover {\n background-color: #C0C4CC;\n color: #FFF; }\n\n.o-tabs__item.is-active {\n color: #07c160; }\n\n.o-tabs__item:hover {\n color: #07c160;\n cursor: pointer; }\n\n.o-tabs__item.is-disabled {\n color: #C0C4CC;\n cursor: default; }\n\n.o-tabs__content {\n overflow: hidden;\n position: relative; }\n\n.o-tabs--card > .o-tabs__header {\n border-bottom: 1px solid #E4E7ED; }\n\n.o-tabs--card > .o-tabs__header .o-tabs__nav {\n border: 1px solid #E4E7ED;\n border-bottom: none;\n border-radius: 4px 4px 0 0;\n -webkit-box-sizing: border-box;\n box-sizing: border-box; }\n\n.o-tabs--card > .o-tabs__header .o-tabs__active-bar {\n display: none; }\n\n.o-tabs--card > .o-tabs__header .o-tabs__item .o-icon-close {\n position: relative;\n font-size: 12px;\n width: 0;\n height: 14px;\n vertical-align: middle;\n line-height: 15px;\n overflow: hidden;\n top: -1px;\n right: -2px;\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%; }\n\n.o-tabs--card > .o-tabs__header .o-tabs__item.is-active.is-closable .o-icon-close,\n.o-tabs--card > .o-tabs__header .o-tabs__item.is-closable:hover .o-icon-close {\n width: 14px; }\n\n.o-tabs--card > .o-tabs__header .o-tabs__item {\n border-bottom: 1px solid transparent;\n border-left: 1px solid #E4E7ED;\n -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }\n\n.o-tabs--card > .o-tabs__header .o-tabs__item:first-child {\n border-left: none; }\n\n.o-tabs--card > .o-tabs__header .o-tabs__item.is-closable:hover {\n padding-left: 13px;\n padding-right: 13px; }\n\n.o-tabs--card > .o-tabs__header .o-tabs__item.is-active {\n border-bottom-color: #FFF; }\n\n.o-tabs--card > .o-tabs__header .o-tabs__item.is-active.is-closable {\n padding-left: 20px;\n padding-right: 20px; }\n\n.o-tabs--border-card {\n background: #FFF;\n border: 1px solid #DCDFE6;\n border-bottom: none; }\n\n.o-tabs--border-card.o-tabs--bottom {\n border: 1px solid #DCDFE6; }\n\n.o-tabs--border-card > .o-tabs__content {\n padding: 15px; }\n\n.o-tabs--border-card > .o-tabs__header {\n background-color: #F5F7FA;\n border-bottom: 1px solid #E4E7ED;\n margin: 0; }\n\n.o-tabs--border-card > .o-tabs__header .o-tabs__item {\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n border: 1px solid transparent;\n margin-top: -1px;\n color: #909399; }\n\n.o-tabs--border-card > .o-tabs__header .o-tabs__item + .o-tabs__item,\n.o-tabs--border-card > .o-tabs__header .o-tabs__item:first-child {\n margin-left: -1px; }\n\n.o-tabs--border-card > .o-tabs__header .o-tabs__item.is-active {\n color: #07c160;\n background-color: #FFF;\n border-right-color: #DCDFE6;\n border-left-color: #DCDFE6; }\n\n.o-tabs--border-card > .o-tabs__header .o-tabs__item:not(.is-disabled):hover {\n color: #07c160; }\n\n.o-tabs--border-card > .o-tabs__header .o-tabs__item.is-disabled {\n color: #C0C4CC; }\n\n.o-tabs--border-card > .o-tabs__header .is-scrollable .o-tabs__item:first-child {\n margin-left: 0; }\n\n.o-tabs--bottom .o-tabs__item.is-bottom:nth-child(2),\n.o-tabs--bottom .o-tabs__item.is-top:nth-child(2),\n.o-tabs--top .o-tabs__item.is-bottom:nth-child(2),\n.o-tabs--top .o-tabs__item.is-top:nth-child(2) {\n padding-left: 0; }\n\n.o-tabs--bottom .o-tabs__item.is-bottom:last-child,\n.o-tabs--bottom .o-tabs__item.is-top:last-child,\n.o-tabs--top .o-tabs__item.is-bottom:last-child,\n.o-tabs--top .o-tabs__item.is-top:last-child {\n padding-right: 0; }\n\n.o-tabs--bottom .o-tabs--left > .o-tabs__header .o-tabs__item:nth-child(2),\n.o-tabs--bottom .o-tabs--right > .o-tabs__header .o-tabs__item:nth-child(2),\n.o-tabs--bottom.o-tabs--border-card > .o-tabs__header .o-tabs__item:nth-child(2),\n.o-tabs--bottom.o-tabs--card > .o-tabs__header .o-tabs__item:nth-child(2),\n.o-tabs--top .o-tabs--left > .o-tabs__header .o-tabs__item:nth-child(2),\n.o-tabs--top .o-tabs--right > .o-tabs__header .o-tabs__item:nth-child(2),\n.o-tabs--top.o-tabs--border-card > .o-tabs__header .o-tabs__item:nth-child(2),\n.o-tabs--top.o-tabs--card > .o-tabs__header .o-tabs__item:nth-child(2) {\n padding-left: 20px; }\n\n.o-tabs--bottom .o-tabs--left > .o-tabs__header .o-tabs__item:last-child,\n.o-tabs--bottom .o-tabs--right > .o-tabs__header .o-tabs__item:last-child,\n.o-tabs--bottom.o-tabs--border-card > .o-tabs__header .o-tabs__item:last-child,\n.o-tabs--bottom.o-tabs--card > .o-tabs__header .o-tabs__item:last-child,\n.o-tabs--top .o-tabs--left > .o-tabs__header .o-tabs__item:last-child,\n.o-tabs--top .o-tabs--right > .o-tabs__header .o-tabs__item:last-child,\n.o-tabs--top.o-tabs--border-card > .o-tabs__header .o-tabs__item:last-child,\n.o-tabs--top.o-tabs--card > .o-tabs__header .o-tabs__item:last-child {\n padding-right: 20px; }\n\n.o-tabs--bottom.o-tabs--border-card {\n border-top: none; }\n\n.o-tabs--bottom.o-tabs--border-card .o-tabs__header.is-bottom {\n border-bottom: 0;\n border-top: 1px solid #DCDFE6; }\n\n.o-tabs--bottom.o-tabs--border-card .o-tabs__nav-wrap.is-bottom {\n margin-top: -1px;\n margin-bottom: 0; }\n\n.o-tabs--bottom.o-tabs--border-card .o-tabs__item.is-bottom:not(.is-active) {\n border: 1px solid transparent; }\n\n.o-tabs--bottom.o-tabs--border-card .o-tabs__item.is-bottom {\n margin: 0 -1px -1px; }\n\n.o-tabs--left,\n.o-tabs--right {\n overflow: hidden; }\n\n.o-tabs--left .o-tabs__header.is-left,\n.o-tabs--left .o-tabs__header.is-right,\n.o-tabs--left .o-tabs__nav-scroll,\n.o-tabs--left .o-tabs__nav-wrap.is-left,\n.o-tabs--left .o-tabs__nav-wrap.is-right,\n.o-tabs--right .o-tabs__header.is-left,\n.o-tabs--right .o-tabs__header.is-right,\n.o-tabs--right .o-tabs__nav-scroll,\n.o-tabs--right .o-tabs__nav-wrap.is-left,\n.o-tabs--right .o-tabs__nav-wrap.is-right {\n height: 100%; }\n\n.o-tabs--left .o-tabs__active-bar.is-left,\n.o-tabs--left .o-tabs__active-bar.is-right,\n.o-tabs--right .o-tabs__active-bar.is-left,\n.o-tabs--right .o-tabs__active-bar.is-right {\n top: 0;\n bottom: auto;\n width: 2px;\n height: auto; }\n\n.o-tabs--left .o-tabs__nav-wrap.is-left,\n.o-tabs--left .o-tabs__nav-wrap.is-right,\n.o-tabs--right .o-tabs__nav-wrap.is-left,\n.o-tabs--right .o-tabs__nav-wrap.is-right {\n margin-bottom: 0; }\n\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-next,\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev,\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-next,\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev,\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-next,\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev,\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-next,\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev {\n height: 30px;\n line-height: 30px;\n width: 100%;\n text-align: center;\n cursor: pointer; }\n\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-next i,\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev i,\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-next i,\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev i,\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-next i,\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev i,\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-next i,\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev i {\n -webkit-transform: rotateZ(90deg);\n transform: rotateZ(90deg); }\n\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev,\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev,\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev,\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev {\n left: auto;\n top: 0; }\n\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-next,\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-next,\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-next,\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-next {\n right: auto;\n bottom: 0; }\n\n.o-tabs--left .o-tabs__active-bar.is-left,\n.o-tabs--left .o-tabs__nav-wrap.is-left::after {\n right: 0;\n left: auto; }\n\n.o-tabs--left .o-tabs__nav-wrap.is-left.is-scrollable,\n.o-tabs--left .o-tabs__nav-wrap.is-right.is-scrollable,\n.o-tabs--right .o-tabs__nav-wrap.is-left.is-scrollable,\n.o-tabs--right .o-tabs__nav-wrap.is-right.is-scrollable {\n padding: 30px 0; }\n\n.o-tabs--left .o-tabs__nav-wrap.is-left::after,\n.o-tabs--left .o-tabs__nav-wrap.is-right::after,\n.o-tabs--right .o-tabs__nav-wrap.is-left::after,\n.o-tabs--right .o-tabs__nav-wrap.is-right::after {\n height: 100%;\n width: 2px;\n bottom: auto;\n top: 0; }\n\n.o-tabs--left .o-tabs__nav.is-left,\n.o-tabs--left .o-tabs__nav.is-right,\n.o-tabs--right .o-tabs__nav.is-left,\n.o-tabs--right .o-tabs__nav.is-right {\n float: none; }\n\n.o-tabs--left .o-tabs__item.is-left,\n.o-tabs--left .o-tabs__item.is-right,\n.o-tabs--right .o-tabs__item.is-left,\n.o-tabs--right .o-tabs__item.is-right {\n display: block; }\n\n.o-tabs--left.o-tabs--card .o-tabs__active-bar.is-left,\n.o-tabs--right.o-tabs--card .o-tabs__active-bar.is-right {\n display: none; }\n\n.o-tabs--left .o-tabs__header.is-left {\n float: left;\n margin-bottom: 0;\n margin-right: 10px; }\n\n.o-tabs--left .o-tabs__nav-wrap.is-left {\n margin-right: -1px; }\n\n.o-tabs--left .o-tabs__item.is-left {\n text-align: right; }\n\n.o-tabs--left.o-tabs--card .o-tabs__item.is-left {\n border-left: none;\n border-right: 1px solid #E4E7ED;\n border-bottom: none;\n border-top: 1px solid #E4E7ED;\n text-align: left; }\n\n.o-tabs--left.o-tabs--card .o-tabs__item.is-left:first-child {\n border-right: 1px solid #E4E7ED;\n border-top: none; }\n\n.o-tabs--left.o-tabs--card .o-tabs__item.is-left.is-active {\n border: 1px solid #E4E7ED;\n border-right-color: #fff;\n border-left: none;\n border-bottom: none; }\n\n.o-tabs--left.o-tabs--card .o-tabs__item.is-left.is-active:first-child {\n border-top: none; }\n\n.o-tabs--left.o-tabs--card .o-tabs__item.is-left.is-active:last-child {\n border-bottom: none; }\n\n.o-tabs--left.o-tabs--card .o-tabs__nav {\n border-radius: 4px 0 0 4px;\n border-bottom: 1px solid #E4E7ED;\n border-right: none; }\n\n.o-tabs--left.o-tabs--card .o-tabs__new-tab {\n float: none; }\n\n.o-tabs--left.o-tabs--border-card .o-tabs__header.is-left {\n border-right: 1px solid #dfe4ed; }\n\n.o-tabs--left.o-tabs--border-card .o-tabs__item.is-left {\n border: 1px solid transparent;\n margin: -1px 0 -1px -1px; }\n\n.o-tabs--left.o-tabs--border-card .o-tabs__item.is-left.is-active {\n border-color: #d1dbe5 transparent; }\n\n.o-tabs--right .o-tabs__header.is-right {\n float: right;\n margin-bottom: 0;\n margin-left: 10px; }\n\n.o-tabs--right .o-tabs__nav-wrap.is-right {\n margin-left: -1px; }\n\n.o-tabs--right .o-tabs__nav-wrap.is-right::after {\n left: 0;\n right: auto; }\n\n.o-tabs--right .o-tabs__active-bar.is-right {\n left: 0; }\n\n.o-tabs--right.o-tabs--card .o-tabs__item.is-right {\n border-bottom: none;\n border-top: 1px solid #E4E7ED; }\n\n.o-tabs--right.o-tabs--card .o-tabs__item.is-right:first-child {\n border-left: 1px solid #E4E7ED;\n border-top: none; }\n\n.o-tabs--right.o-tabs--card .o-tabs__item.is-right.is-active {\n border: 1px solid #E4E7ED;\n border-left-color: #fff;\n border-right: none;\n border-bottom: none; }\n\n.o-tabs--right.o-tabs--card .o-tabs__item.is-right.is-active:first-child {\n border-top: none; }\n\n.o-tabs--right.o-tabs--card .o-tabs__item.is-right.is-active:last-child {\n border-bottom: none; }\n\n.o-tabs--right.o-tabs--card .o-tabs__nav {\n border-radius: 0 4px 4px 0;\n border-bottom: 1px solid #E4E7ED;\n border-left: none; }\n\n.o-tabs--right.o-tabs--border-card .o-tabs__header.is-right {\n border-left: 1px solid #dfe4ed; }\n\n.o-tabs--right.o-tabs--border-card .o-tabs__item.is-right {\n border: 1px solid transparent;\n margin: -1px -1px -1px 0; }\n\n.o-tabs--right.o-tabs--border-card .o-tabs__item.is-right.is-active {\n border-color: #d1dbe5 transparent; }\n\n.slideInLeft-transition,\n.slideInRight-transition {\n display: inline-block; }\n\n.slideInRight-enter {\n -webkit-animation: slideInRight-enter .3s;\n animation: slideInRight-enter .3s; }\n\n.slideInRight-leave {\n position: absolute;\n left: 0;\n right: 0;\n -webkit-animation: slideInRight-leave .3s;\n animation: slideInRight-leave .3s; }\n\n.slideInLeft-enter {\n -webkit-animation: slideInLeft-enter .3s;\n animation: slideInLeft-enter .3s; }\n\n.slideInLeft-leave {\n position: absolute;\n left: 0;\n right: 0;\n -webkit-animation: slideInLeft-leave .3s;\n animation: slideInLeft-leave .3s; }\n\n@-webkit-keyframes slideInRight-enter {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(100%);\n transform: translateX(100%); }\n to {\n opacity: 1;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(0);\n transform: translateX(0); } }\n\n@keyframes slideInRight-enter {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(100%);\n transform: translateX(100%); }\n to {\n opacity: 1;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(0);\n transform: translateX(0); } }\n\n@-webkit-keyframes slideInRight-leave {\n 0% {\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n opacity: 1; }\n 100% {\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n opacity: 0; } }\n\n@keyframes slideInRight-leave {\n 0% {\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n opacity: 1; }\n 100% {\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n opacity: 0; } }\n\n@-webkit-keyframes slideInLeft-enter {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%); }\n to {\n opacity: 1;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(0);\n transform: translateX(0); } }\n\n@keyframes slideInLeft-enter {\n 0% {\n opacity: 0;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%); }\n to {\n opacity: 1;\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(0);\n transform: translateX(0); } }\n\n@-webkit-keyframes slideInLeft-leave {\n 0% {\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n opacity: 1; }\n 100% {\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n opacity: 0; } }\n\n@keyframes slideInLeft-leave {\n 0% {\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n opacity: 1; }\n 100% {\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n opacity: 0; } }\n\n.o-icon-close {\n display: inline-block;\n vertical-align: -0.125em; }\n", ""]); // exports @@ -2436,21 +2436,29 @@ var Tabs = /** @class */ (function (_super) { _e)), style: activeBarStyle }), props.list.map(function (tab, index) { var _a; + _this._tempTagName = 'o-icon-' + tab.icon; return omi_1.h("div", __assign({ ref: function (e) { _this['$tab' + index] = e; }, role: "tab", onClick: function (evt) { return _this.onTabClick(evt, index); }, tabindex: props.active === index ? '0' : -1 }, omi_1.extractClass(props, 'o-tabs__item', (_a = {}, _a["is-" + props.position] = props.position, _a['is-active'] = props.activeIndex === index, - _a))), tab); + _a['is-closable'] = props.closable, + _a))), + tab.icon && omi_1.h(_this._tempTagName, null), + tab.label, + props.closable && omi_1.h("svg", { class: "o-icon-close", style: props.activeIndex === index && "visibility: visible;", fill: "currentColor", width: "1em", height: "1em", focusable: "false", viewBox: "0 0 24 24", "aria-hidden": "true" }, + omi_1.h("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }))); }))))))); }; Tabs.css = css; Tabs.defaultProps = { - position: 'top' + position: 'top', + closable: false }; Tabs.propTypes = { list: Array, activeIndex: Number, type: String, - position: String + position: String, + closable: Boolean }; Tabs = __decorate([ omi_1.tag('o-tabs') diff --git a/components/tabs/src/index.js.map b/components/tabs/src/index.js.map index bfbf07cb9..1f9d53c69 100644 --- a/components/tabs/src/index.js.map +++ b/components/tabs/src/index.js.map @@ -1 +1 @@ -{"version":3,"sources":["webpack://OTree/webpack/universalModuleDefinition","webpack://OTree/webpack/bootstrap","webpack://OTree/./color.js","webpack://OTree/./node_modules/_color-convert@1.9.3@color-convert/conversions.js","webpack://OTree/./node_modules/_color-convert@1.9.3@color-convert/index.js","webpack://OTree/./node_modules/_color-convert@1.9.3@color-convert/route.js","webpack://OTree/./node_modules/_color-name@1.1.3@color-name/index.js","webpack://OTree/./node_modules/_color-name@1.1.4@color-name/index.js","webpack://OTree/./node_modules/_color-string@1.5.3@color-string/index.js","webpack://OTree/./src/index.scss","webpack://OTree/./node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js","webpack://OTree/./node_modules/_is-arrayish@0.3.2@is-arrayish/index.js","webpack://OTree/./node_modules/_simple-swizzle@0.2.2@simple-swizzle/index.js","webpack://OTree/./src/index.scss?56db","webpack://OTree/./src/index.tsx","webpack://OTree/./theme.ts","webpack://OTree/external {\"commonjs\":\"omi\",\"commonjs2\":\"omi\",\"amd\":\"omi\",\"root\":\"Omi\"}"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD,O;QCVA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;;;;;;AClFa;AACb,kBAAkB,mBAAO,CAAC,8EAAc;AACxC,cAAc,mBAAO,CAAC,iFAAe;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,mBAAmB;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,cAAc;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,uBAAuB,cAAc;AACrC;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,wEAAwE,kCAAkC,EAAE;AAC5G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,uBAAuB,gBAAgB;AACvC;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL;AACA;AACA,uBAAuB,OAAO;AAC9B;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,YAAY;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACjYA;AACA,kBAAkB,mBAAO,CAAC,wEAAY;;AAEtC;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,OAAO,2BAA2B;AAClC,OAAO,2BAA2B;AAClC,OAAO,2BAA2B;AAClC,OAAO,2BAA2B;AAClC,QAAQ,4BAA4B;AACpC,OAAO,2BAA2B;AAClC,OAAO,2BAA2B;AAClC,OAAO,2BAA2B;AAClC,OAAO,6BAA6B;AACpC,WAAW,iCAAiC;AAC5C,UAAU,gCAAgC;AAC1C,WAAW,iCAAiC;AAC5C,OAAO,qCAAqC;AAC5C,SAAS,2CAA2C;AACpD,QAAQ;AACR;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,qDAAqD,gBAAgB;AACrE,mDAAmD,cAAc;AACjE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,EAAE;AACF;AACA,EAAE;AACF;AACA,EAAE;AACF;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA,EAAE;AACF;AACA,EAAE;AACF;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,EAAE;AACF;AACA;AACA;AACA;;AAEA;AACA;AACA,GAAG;AACH;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA,EAAE;AACF;AACA;;AAEA;;AAEA;AACA,gBAAgB,OAAO;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,GAAG;AACH;AACA,GAAG;AACH;AACA,GAAG;AACH;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA,uBAAuB;;AAEvB;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgB,OAAO,QAAQ;AAC/B,gBAAgB,OAAO,QAAQ;AAC/B,iBAAiB,OAAO,OAAO;AAC/B,iBAAiB,OAAO,OAAO;AAC/B,gBAAgB,QAAQ,OAAO;AAC/B,gBAAgB,QAAQ,OAAO;AAC/B;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA,sEAAsE;;AAEtE;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,sBAAsB;AACtB;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA,+CAA+C,EAAE,UAAU,EAAE;AAC7D;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,EAAE;AACF;AACA;;AAEA;AACA;AACA,EAAE;AACF;AACA;AACA,EAAE;AACF;AACA;AACA,EAAE;AACF;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,EAAE;AACF;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,eAAe,aAAa,aAAa;AACzC;AACA,eAAe,aAAa,aAAa;AACzC;AACA,eAAe,aAAa,aAAa;AACzC;AACA,eAAe,aAAa,aAAa;AACzC;AACA,eAAe,aAAa,aAAa;AACzC;AACA,eAAe,aAAa;AAC5B;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA,EAAE;AACF;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;;;;ACn2BA,kBAAkB,mBAAO,CAAC,uFAAe;AACzC,YAAY,mBAAO,CAAC,2EAAS;;AAE7B;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA,kCAAkC;AAClC;AACA;AACA,uCAAuC,SAAS;AAChD;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA,wDAAwD,uCAAuC;AAC/F,sDAAsD,qCAAqC;;AAE3F;AACA;;AAEA;AACA;;AAEA;AACA;AACA,EAAE;AACF,CAAC;;AAED;;;;;;;;;;;;AC7EA,kBAAkB,mBAAO,CAAC,uFAAe;;AAEzC;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA,qCAAqC,SAAS;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,yBAAyB;;AAEzB;;AAEA;AACA;AACA;;AAEA,yCAAyC,SAAS;AAClD;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA,qCAAqC,SAAS;AAC9C;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;;;;;;;;;;;;;AC/FY;;AAEZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACvJY;;AAEZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACvJA;AACA,iBAAiB,mBAAO,CAAC,wEAAY;AACrC,cAAc,mBAAO,CAAC,oFAAgB;;AAEtC;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,OAAO;AACP;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA,SAAS;AACT;;AAEA;AACA;AACA;AACA;;AAEA,yBAAyB,IAAI;AAC7B,wBAAwB,EAAE,WAAW,EAAE;AACvC;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA,aAAa,OAAO;AACpB;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,EAAE;AACF;AACA;;AAEA,aAAa,OAAO;AACpB;AACA;;AAEA;AACA;AACA;AACA,EAAE;AACF,aAAa,OAAO;AACpB;AACA;;AAEA;AACA;AACA;AACA,EAAE;AACF,aAAa,OAAO;AACpB;AACA;;AAEA;AACA;AACA;AACA,EAAE;AACF;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA,EAAE;AACF;AACA;;AAEA,YAAY,OAAO;AACnB;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;;;;ACzOA,2BAA2B,mBAAO,CAAC,iIAA8D;AACjG;;;AAGA;AACA,cAAc,QAAS,UAAU,mBAAmB,EAAE,qBAAqB,eAAe,uBAAuB,qBAAqB,EAAE,yBAAyB,uBAAuB,cAAc,YAAY,gBAAgB,8BAA8B,eAAe,oFAAoF,4EAA4E,oEAAoE,iIAAiI,qBAAqB,EAAE,sBAAsB,iBAAiB,8BAA8B,iBAAiB,gBAAgB,sBAAsB,4BAA4B,uBAAuB,uBAAuB,oBAAoB,mBAAmB,oBAAoB,iCAAiC,yBAAyB,EAAE,mCAAmC,uCAAuC,+BAA+B,EAAE,4BAA4B,mBAAmB,EAAE,uBAAuB,qBAAqB,wBAAwB,uBAAuB,EAAE,8BAA8B,kBAAkB,uBAAuB,YAAY,cAAc,gBAAgB,gBAAgB,8BAA8B,eAAe,EAAE,gIAAgI,kBAAkB,EAAE,qCAAqC,oBAAoB,mCAAmC,2BAA2B,EAAE,yBAAyB,qBAAqB,EAAE,2CAA2C,uBAAuB,oBAAoB,sBAAsB,oBAAoB,mBAAmB,EAAE,uBAAuB,aAAa,EAAE,uBAAuB,YAAY,EAAE,kBAAkB,wBAAwB,uBAAuB,8CAA8C,sCAAsC,8BAA8B,qDAAqD,gBAAgB,eAAe,EAAE,6BAA6B,oBAAoB,yBAAyB,yBAAyB,kBAAkB,EAAE,iCAAiC,wBAAwB,gBAAgB,YAAY,uBAAuB,EAAE,mBAAmB,oBAAoB,iBAAiB,mCAAmC,2BAA2B,sBAAsB,0BAA0B,qBAAqB,oBAAoB,qBAAqB,mBAAmB,uBAAuB,EAAE,sDAAsD,eAAe,EAAE,yDAAyD,kDAAkD,0CAA0C,uBAAuB,EAAE,iCAAiC,uBAAuB,uBAAuB,sEAAsE,8DAA8D,qBAAqB,EAAE,wCAAwC,kCAAkC,0BAA0B,0BAA0B,EAAE,uCAAuC,8BAA8B,gBAAgB,EAAE,6BAA6B,mBAAmB,EAAE,yBAAyB,mBAAmB,oBAAoB,EAAE,+BAA+B,mBAAmB,oBAAoB,EAAE,sBAAsB,qBAAqB,uBAAuB,EAAE,qCAAqC,qCAAqC,EAAE,kDAAkD,8BAA8B,wBAAwB,+BAA+B,mCAAmC,2BAA2B,EAAE,yDAAyD,kBAAkB,EAAE,iEAAiE,uBAAuB,oBAAoB,aAAa,iBAAiB,2BAA2B,sBAAsB,qBAAqB,cAAc,gBAAgB,uCAAuC,+BAA+B,EAAE,uKAAuK,gBAAgB,EAAE,mDAAmD,yCAAyC,mCAAmC,2HAA2H,mHAAmH,EAAE,+DAA+D,sBAAsB,EAAE,qEAAqE,uBAAuB,wBAAwB,EAAE,6DAA6D,8BAA8B,EAAE,yEAAyE,uBAAuB,wBAAwB,EAAE,0BAA0B,qBAAqB,8BAA8B,wBAAwB,EAAE,yCAAyC,8BAA8B,EAAE,6CAA6C,kBAAkB,EAAE,4CAA4C,8BAA8B,qCAAqC,cAAc,EAAE,0DAA0D,sEAAsE,8DAA8D,kCAAkC,qBAAqB,mBAAmB,EAAE,6IAA6I,sBAAsB,EAAE,oEAAoE,mBAAmB,2BAA2B,gCAAgC,+BAA+B,EAAE,kFAAkF,mBAAmB,EAAE,sEAAsE,mBAAmB,EAAE,qFAAqF,mBAAmB,EAAE,mNAAmN,oBAAoB,EAAE,2MAA2M,qBAAqB,EAAE,2mBAA2mB,uBAAuB,EAAE,2lBAA2lB,wBAAwB,EAAE,yCAAyC,qBAAqB,EAAE,mEAAmE,qBAAqB,kCAAkC,EAAE,qEAAqE,qBAAqB,qBAAqB,EAAE,iFAAiF,kCAAkC,EAAE,iEAAiE,wBAAwB,EAAE,oCAAoC,qBAAqB,EAAE,4ZAA4Z,iBAAiB,EAAE,uLAAuL,WAAW,iBAAiB,eAAe,iBAAiB,EAAE,+KAA+K,qBAAqB,EAAE,2fAA2f,iBAAiB,sBAAsB,gBAAgB,uBAAuB,oBAAoB,EAAE,2gBAA2gB,sCAAsC,8BAA8B,EAAE,+PAA+P,eAAe,WAAW,EAAE,+PAA+P,gBAAgB,cAAc,EAAE,gGAAgG,aAAa,eAAe,EAAE,uOAAuO,oBAAoB,EAAE,2MAA2M,iBAAiB,eAAe,iBAAiB,WAAW,EAAE,2JAA2J,gBAAgB,EAAE,+JAA+J,mBAAmB,EAAE,uHAAuH,kBAAkB,EAAE,2CAA2C,gBAAgB,qBAAqB,uBAAuB,EAAE,6CAA6C,uBAAuB,EAAE,yCAAyC,sBAAsB,EAAE,sDAAsD,sBAAsB,oCAAoC,wBAAwB,kCAAkC,qBAAqB,EAAE,kEAAkE,oCAAoC,qBAAqB,EAAE,gEAAgE,8BAA8B,6BAA6B,sBAAsB,wBAAwB,EAAE,4EAA4E,qBAAqB,EAAE,2EAA2E,wBAAwB,EAAE,6CAA6C,+BAA+B,qCAAqC,uBAAuB,EAAE,iDAAiD,gBAAgB,EAAE,+DAA+D,oCAAoC,EAAE,6DAA6D,kCAAkC,6BAA6B,EAAE,uEAAuE,sCAAsC,EAAE,6CAA6C,iBAAiB,qBAAqB,sBAAsB,EAAE,+CAA+C,sBAAsB,EAAE,sDAAsD,YAAY,gBAAgB,EAAE,iDAAiD,YAAY,EAAE,wDAAwD,wBAAwB,kCAAkC,EAAE,oEAAoE,mCAAmC,qBAAqB,EAAE,kEAAkE,8BAA8B,4BAA4B,uBAAuB,wBAAwB,EAAE,8EAA8E,qBAAqB,EAAE,6EAA6E,wBAAwB,EAAE,8CAA8C,+BAA+B,qCAAqC,sBAAsB,EAAE,iEAAiE,mCAAmC,EAAE,+DAA+D,kCAAkC,6BAA6B,EAAE,yEAAyE,sCAAsC,EAAE,wDAAwD,0BAA0B,EAAE,yBAAyB,8CAA8C,sCAAsC,EAAE,yBAAyB,uBAAuB,YAAY,aAAa,8CAA8C,sCAAsC,EAAE,wBAAwB,6CAA6C,qCAAqC,EAAE,wBAAwB,uBAAuB,YAAY,aAAa,6CAA6C,qCAAqC,EAAE,2CAA2C,QAAQ,iBAAiB,oCAAoC,4BAA4B,0CAA0C,kCAAkC,EAAE,QAAQ,iBAAiB,oCAAoC,4BAA4B,uCAAuC,+BAA+B,EAAE,EAAE,mCAAmC,QAAQ,iBAAiB,oCAAoC,4BAA4B,0CAA0C,kCAAkC,EAAE,QAAQ,iBAAiB,oCAAoC,4BAA4B,uCAAuC,+BAA+B,EAAE,EAAE,2CAA2C,QAAQ,oCAAoC,4BAA4B,uCAAuC,+BAA+B,iBAAiB,EAAE,UAAU,oCAAoC,4BAA4B,0CAA0C,kCAAkC,iBAAiB,EAAE,EAAE,mCAAmC,QAAQ,oCAAoC,4BAA4B,uCAAuC,+BAA+B,iBAAiB,EAAE,UAAU,oCAAoC,4BAA4B,0CAA0C,kCAAkC,iBAAiB,EAAE,EAAE,0CAA0C,QAAQ,iBAAiB,oCAAoC,4BAA4B,2CAA2C,mCAAmC,EAAE,QAAQ,iBAAiB,oCAAoC,4BAA4B,uCAAuC,+BAA+B,EAAE,EAAE,kCAAkC,QAAQ,iBAAiB,oCAAoC,4BAA4B,2CAA2C,mCAAmC,EAAE,QAAQ,iBAAiB,oCAAoC,4BAA4B,uCAAuC,+BAA+B,EAAE,EAAE,0CAA0C,QAAQ,oCAAoC,4BAA4B,uCAAuC,+BAA+B,iBAAiB,EAAE,UAAU,oCAAoC,4BAA4B,2CAA2C,mCAAmC,iBAAiB,EAAE,EAAE,kCAAkC,QAAQ,oCAAoC,4BAA4B,uCAAuC,+BAA+B,iBAAiB,EAAE,UAAU,oCAAoC,4BAA4B,2CAA2C,mCAAmC,iBAAiB,EAAE,EAAE;;AAEjrlB;;;;;;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,mCAAmC,gBAAgB;AACnD,IAAI;AACJ;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA,gBAAgB,iBAAiB;AACjC;AACA;AACA;AACA;AACA,YAAY,oBAAoB;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,GAAG;;AAEH;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA,oDAAoD,cAAc;;AAElE;AACA;;;;;;;;;;;;AC3EA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;;;;;ACRa;;AAEb,iBAAiB,mBAAO,CAAC,2EAAa;;AAEtC;AACA;;AAEA;AACA;;AAEA,mCAAmC,SAAS;AAC5C;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;AC3BA,qBAAqB,mBAAO,CAAC,2YAAiN;;AAE9O;AACA;AACA,SAAS;AACT;AACA;;;;;;;;;;;;;ACPa;AACb;AACA;AACA;AACA,cAAc,gBAAgB,sCAAsC,iBAAiB,EAAE;AACvF,6BAA6B,uDAAuD;AACpF;AACA;AACA;AACA;AACA,uBAAuB,sBAAsB;AAC7C;AACA;AACA,CAAC;AACD;AACA;AACA,gDAAgD,OAAO;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4CAA4C,QAAQ;AACpD;AACA;AACA,8CAA8C,cAAc;AAC5D,YAAY,mBAAO,CAAC,gBAAK;AACzB,UAAU,mBAAO,CAAC,sCAAc;AAChC;AACA,mBAAO,CAAC,+BAAa;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA,0CAA0C,8CAA8C;AACxF;AACA;AACA;AACA,4BAA4B,mDAAmD;AAC/E;AACA,0BAA0B;AAC1B,gCAAgC,qDAAqD;AACrF;AACA,8BAA8B;AAC9B,oCAAoC,8BAA8B;AAClE,wCAAwC,iEAAiE;AACzG;AACA,sCAAsC;AACtC,2DAA2D,uDAAuD;AAClH;AACA,iEAAiE;AACjE;AACA;AACA,gEAAgE,oBAAoB,2BAA2B,EAAE,wCAAwC,qCAAqC,EAAE,+CAA+C,oDAAoD;AACnS;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;;;;;;;;;;;;;ACxHa;AACb,8CAA8C,cAAc;AAC5D,YAAY,mBAAO,CAAC,2BAAS;AAC7B;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACrDA,iD","file":"index.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"omi\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"omi\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"OTree\"] = factory(require(\"omi\"));\n\telse\n\t\troot[\"OTree\"] = factory(root[\"Omi\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_omi__) {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"./src/index.tsx\");\n","'use strict';\nvar colorString = require('color-string');\nvar convert = require('color-convert');\nvar _slice = [].slice;\nvar skippedModels = [\n // to be honest, I don't really feel like keyword belongs in color convert, but eh.\n 'keyword',\n // gray conflicts with some method names, and has its own method defined.\n 'gray',\n // shouldn't really be in color-convert either...\n 'hex'\n];\nvar hashedModelKeys = {};\nObject.keys(convert).forEach(function (model) {\n hashedModelKeys[_slice.call(convert[model].labels).sort().join('')] = model;\n});\nvar limiters = {};\nfunction Color(obj, model) {\n if (!(this instanceof Color)) {\n return new Color(obj, model);\n }\n if (model && model in skippedModels) {\n model = null;\n }\n if (model && !(model in convert)) {\n throw new Error('Unknown model: ' + model);\n }\n var i;\n var channels;\n if (obj == null) { // eslint-disable-line no-eq-null,eqeqeq\n this.model = 'rgb';\n this.color = [0, 0, 0];\n this.valpha = 1;\n }\n else if (obj instanceof Color) {\n this.model = obj.model;\n this.color = obj.color.slice();\n this.valpha = obj.valpha;\n }\n else if (typeof obj === 'string') {\n var result = colorString.get(obj);\n if (result === null) {\n throw new Error('Unable to parse color from string: ' + obj);\n }\n this.model = result.model;\n channels = convert[this.model].channels;\n this.color = result.value.slice(0, channels);\n this.valpha = typeof result.value[channels] === 'number' ? result.value[channels] : 1;\n }\n else if (obj.length) {\n this.model = model || 'rgb';\n channels = convert[this.model].channels;\n var newArr = _slice.call(obj, 0, channels);\n this.color = zeroArray(newArr, channels);\n this.valpha = typeof obj[channels] === 'number' ? obj[channels] : 1;\n }\n else if (typeof obj === 'number') {\n // this is always RGB - can be converted later on.\n obj &= 0xFFFFFF;\n this.model = 'rgb';\n this.color = [\n (obj >> 16) & 0xFF,\n (obj >> 8) & 0xFF,\n obj & 0xFF\n ];\n this.valpha = 1;\n }\n else {\n this.valpha = 1;\n var keys = Object.keys(obj);\n if ('alpha' in obj) {\n keys.splice(keys.indexOf('alpha'), 1);\n this.valpha = typeof obj.alpha === 'number' ? obj.alpha : 0;\n }\n var hashedKeys = keys.sort().join('');\n if (!(hashedKeys in hashedModelKeys)) {\n throw new Error('Unable to parse color from object: ' + JSON.stringify(obj));\n }\n this.model = hashedModelKeys[hashedKeys];\n var labels = convert[this.model].labels;\n var color = [];\n for (i = 0; i < labels.length; i++) {\n color.push(obj[labels[i]]);\n }\n this.color = zeroArray(color);\n }\n // perform limitations (clamping, etc.)\n if (limiters[this.model]) {\n channels = convert[this.model].channels;\n for (i = 0; i < channels; i++) {\n var limit = limiters[this.model][i];\n if (limit) {\n this.color[i] = limit(this.color[i]);\n }\n }\n }\n this.valpha = Math.max(0, Math.min(1, this.valpha));\n if (Object.freeze) {\n Object.freeze(this);\n }\n}\nColor.prototype = {\n toString: function () {\n return this.string();\n },\n toJSON: function () {\n return this[this.model]();\n },\n string: function (places) {\n var self = this.model in colorString.to ? this : this.rgb();\n self = self.round(typeof places === 'number' ? places : 1);\n var args = self.valpha === 1 ? self.color : self.color.concat(this.valpha);\n return colorString.to[self.model](args);\n },\n percentString: function (places) {\n var self = this.rgb().round(typeof places === 'number' ? places : 1);\n var args = self.valpha === 1 ? self.color : self.color.concat(this.valpha);\n return colorString.to.rgb.percent(args);\n },\n array: function () {\n return this.valpha === 1 ? this.color.slice() : this.color.concat(this.valpha);\n },\n object: function () {\n var result = {};\n var channels = convert[this.model].channels;\n var labels = convert[this.model].labels;\n for (var i = 0; i < channels; i++) {\n result[labels[i]] = this.color[i];\n }\n if (this.valpha !== 1) {\n result.alpha = this.valpha;\n }\n return result;\n },\n unitArray: function () {\n var rgb = this.rgb().color;\n rgb[0] /= 255;\n rgb[1] /= 255;\n rgb[2] /= 255;\n if (this.valpha !== 1) {\n rgb.push(this.valpha);\n }\n return rgb;\n },\n unitObject: function () {\n var rgb = this.rgb().object();\n rgb.r /= 255;\n rgb.g /= 255;\n rgb.b /= 255;\n if (this.valpha !== 1) {\n rgb.alpha = this.valpha;\n }\n return rgb;\n },\n round: function (places) {\n places = Math.max(places || 0, 0);\n return new Color(this.color.map(roundToPlace(places)).concat(this.valpha), this.model);\n },\n alpha: function (val) {\n if (arguments.length) {\n return new Color(this.color.concat(Math.max(0, Math.min(1, val))), this.model);\n }\n return this.valpha;\n },\n // rgb\n red: getset('rgb', 0, maxfn(255)),\n green: getset('rgb', 1, maxfn(255)),\n blue: getset('rgb', 2, maxfn(255)),\n hue: getset(['hsl', 'hsv', 'hsl', 'hwb', 'hcg'], 0, function (val) { return ((val % 360) + 360) % 360; }),\n saturationl: getset('hsl', 1, maxfn(100)),\n lightness: getset('hsl', 2, maxfn(100)),\n saturationv: getset('hsv', 1, maxfn(100)),\n value: getset('hsv', 2, maxfn(100)),\n chroma: getset('hcg', 1, maxfn(100)),\n gray: getset('hcg', 2, maxfn(100)),\n white: getset('hwb', 1, maxfn(100)),\n wblack: getset('hwb', 2, maxfn(100)),\n cyan: getset('cmyk', 0, maxfn(100)),\n magenta: getset('cmyk', 1, maxfn(100)),\n yellow: getset('cmyk', 2, maxfn(100)),\n black: getset('cmyk', 3, maxfn(100)),\n x: getset('xyz', 0, maxfn(100)),\n y: getset('xyz', 1, maxfn(100)),\n z: getset('xyz', 2, maxfn(100)),\n l: getset('lab', 0, maxfn(100)),\n a: getset('lab', 1),\n b: getset('lab', 2),\n keyword: function (val) {\n if (arguments.length) {\n return new Color(val);\n }\n return convert[this.model].keyword(this.color);\n },\n hex: function (val) {\n if (arguments.length) {\n return new Color(val);\n }\n return colorString.to.hex(this.rgb().round().color);\n },\n rgbNumber: function () {\n var rgb = this.rgb().color;\n return ((rgb[0] & 0xFF) << 16) | ((rgb[1] & 0xFF) << 8) | (rgb[2] & 0xFF);\n },\n luminosity: function () {\n // http://www.w3.org/TR/WCAG20/#relativeluminancedef\n var rgb = this.rgb().color;\n var lum = [];\n for (var i = 0; i < rgb.length; i++) {\n var chan = rgb[i] / 255;\n lum[i] = (chan <= 0.03928) ? chan / 12.92 : Math.pow(((chan + 0.055) / 1.055), 2.4);\n }\n return 0.2126 * lum[0] + 0.7152 * lum[1] + 0.0722 * lum[2];\n },\n contrast: function (color2) {\n // http://www.w3.org/TR/WCAG20/#contrast-ratiodef\n var lum1 = this.luminosity();\n var lum2 = color2.luminosity();\n if (lum1 > lum2) {\n return (lum1 + 0.05) / (lum2 + 0.05);\n }\n return (lum2 + 0.05) / (lum1 + 0.05);\n },\n level: function (color2) {\n var contrastRatio = this.contrast(color2);\n if (contrastRatio >= 7.1) {\n return 'AAA';\n }\n return (contrastRatio >= 4.5) ? 'AA' : '';\n },\n isDark: function () {\n // YIQ equation from http://24ways.org/2010/calculating-color-contrast\n var rgb = this.rgb().color;\n var yiq = (rgb[0] * 299 + rgb[1] * 587 + rgb[2] * 114) / 1000;\n return yiq < 128;\n },\n isLight: function () {\n return !this.isDark();\n },\n negate: function () {\n var rgb = this.rgb();\n for (var i = 0; i < 3; i++) {\n rgb.color[i] = 255 - rgb.color[i];\n }\n return rgb;\n },\n lighten: function (ratio) {\n var hsl = this.hsl();\n //hsl.color[2] += hsl.color[2] * ratio;\n hsl.color[2] += ratio * 100;\n return hsl;\n },\n darken: function (ratio) {\n var hsl = this.hsl();\n //hsl.color[2] -= hsl.color[2] * ratio;\n hsl.color[2] -= ratio * 100;\n return hsl;\n },\n saturate: function (ratio) {\n var hsl = this.hsl();\n hsl.color[1] += hsl.color[1] * ratio;\n return hsl;\n },\n desaturate: function (ratio) {\n var hsl = this.hsl();\n hsl.color[1] -= hsl.color[1] * ratio;\n return hsl;\n },\n whiten: function (ratio) {\n var hwb = this.hwb();\n hwb.color[1] += hwb.color[1] * ratio;\n return hwb;\n },\n blacken: function (ratio) {\n var hwb = this.hwb();\n hwb.color[2] += hwb.color[2] * ratio;\n return hwb;\n },\n grayscale: function () {\n // http://en.wikipedia.org/wiki/Grayscale#Converting_color_to_grayscale\n var rgb = this.rgb().color;\n var val = rgb[0] * 0.3 + rgb[1] * 0.59 + rgb[2] * 0.11;\n return Color.rgb(val, val, val);\n },\n fade: function (ratio) {\n return this.alpha(this.valpha - (this.valpha * ratio));\n },\n opaquer: function (ratio) {\n return this.alpha(this.valpha + (this.valpha * ratio));\n },\n rotate: function (degrees) {\n var hsl = this.hsl();\n var hue = hsl.color[0];\n hue = (hue + degrees) % 360;\n hue = hue < 0 ? 360 + hue : hue;\n hsl.color[0] = hue;\n return hsl;\n },\n mix: function (mixinColor, weight) {\n // ported from sass implementation in C\n // https://github.com/sass/libsass/blob/0e6b4a2850092356aa3ece07c6b249f0221caced/functions.cpp#L209\n if (!mixinColor || !mixinColor.rgb) {\n throw new Error('Argument to \"mix\" was not a Color instance, but rather an instance of ' + typeof mixinColor);\n }\n var color1 = mixinColor.rgb();\n var color2 = this.rgb();\n var p = weight === undefined ? 0.5 : weight;\n var w = 2 * p - 1;\n var a = color1.alpha() - color2.alpha();\n var w1 = (((w * a === -1) ? w : (w + a) / (1 + w * a)) + 1) / 2.0;\n var w2 = 1 - w1;\n return Color.rgb(w1 * color1.red() + w2 * color2.red(), w1 * color1.green() + w2 * color2.green(), w1 * color1.blue() + w2 * color2.blue(), color1.alpha() * p + color2.alpha() * (1 - p));\n }\n};\n// model conversion methods and static constructors\nObject.keys(convert).forEach(function (model) {\n if (skippedModels.indexOf(model) !== -1) {\n return;\n }\n var channels = convert[model].channels;\n // conversion methods\n Color.prototype[model] = function () {\n if (this.model === model) {\n return new Color(this);\n }\n if (arguments.length) {\n return new Color(arguments, model);\n }\n var newAlpha = typeof arguments[channels] === 'number' ? channels : this.valpha;\n return new Color(assertArray(convert[this.model][model].raw(this.color)).concat(newAlpha), model);\n };\n // 'static' construction methods\n Color[model] = function (color) {\n if (typeof color === 'number') {\n color = zeroArray(_slice.call(arguments), channels);\n }\n return new Color(color, model);\n };\n});\nfunction roundTo(num, places) {\n return Number(num.toFixed(places));\n}\nfunction roundToPlace(places) {\n return function (num) {\n return roundTo(num, places);\n };\n}\nfunction getset(model, channel, modifier) {\n model = Array.isArray(model) ? model : [model];\n model.forEach(function (m) {\n (limiters[m] || (limiters[m] = []))[channel] = modifier;\n });\n model = model[0];\n return function (val) {\n var result;\n if (arguments.length) {\n if (modifier) {\n val = modifier(val);\n }\n result = this[model]();\n result.color[channel] = val;\n return result;\n }\n result = this[model]().color[channel];\n if (modifier) {\n result = modifier(result);\n }\n return result;\n };\n}\nfunction maxfn(max) {\n return function (v) {\n return Math.max(0, Math.min(max, v));\n };\n}\nfunction assertArray(val) {\n return Array.isArray(val) ? val : [val];\n}\nfunction zeroArray(arr, length) {\n for (var i = 0; i < length; i++) {\n if (typeof arr[i] !== 'number') {\n arr[i] = 0;\n }\n }\n return arr;\n}\nmodule.exports = Color;\n","/* MIT license */\nvar cssKeywords = require('color-name');\n\n// NOTE: conversions should only return primitive values (i.e. arrays, or\n// values that give correct `typeof` results).\n// do not use box values types (i.e. Number(), String(), etc.)\n\nvar reverseKeywords = {};\nfor (var key in cssKeywords) {\n\tif (cssKeywords.hasOwnProperty(key)) {\n\t\treverseKeywords[cssKeywords[key]] = key;\n\t}\n}\n\nvar convert = module.exports = {\n\trgb: {channels: 3, labels: 'rgb'},\n\thsl: {channels: 3, labels: 'hsl'},\n\thsv: {channels: 3, labels: 'hsv'},\n\thwb: {channels: 3, labels: 'hwb'},\n\tcmyk: {channels: 4, labels: 'cmyk'},\n\txyz: {channels: 3, labels: 'xyz'},\n\tlab: {channels: 3, labels: 'lab'},\n\tlch: {channels: 3, labels: 'lch'},\n\thex: {channels: 1, labels: ['hex']},\n\tkeyword: {channels: 1, labels: ['keyword']},\n\tansi16: {channels: 1, labels: ['ansi16']},\n\tansi256: {channels: 1, labels: ['ansi256']},\n\thcg: {channels: 3, labels: ['h', 'c', 'g']},\n\tapple: {channels: 3, labels: ['r16', 'g16', 'b16']},\n\tgray: {channels: 1, labels: ['gray']}\n};\n\n// hide .channels and .labels properties\nfor (var model in convert) {\n\tif (convert.hasOwnProperty(model)) {\n\t\tif (!('channels' in convert[model])) {\n\t\t\tthrow new Error('missing channels property: ' + model);\n\t\t}\n\n\t\tif (!('labels' in convert[model])) {\n\t\t\tthrow new Error('missing channel labels property: ' + model);\n\t\t}\n\n\t\tif (convert[model].labels.length !== convert[model].channels) {\n\t\t\tthrow new Error('channel and label counts mismatch: ' + model);\n\t\t}\n\n\t\tvar channels = convert[model].channels;\n\t\tvar labels = convert[model].labels;\n\t\tdelete convert[model].channels;\n\t\tdelete convert[model].labels;\n\t\tObject.defineProperty(convert[model], 'channels', {value: channels});\n\t\tObject.defineProperty(convert[model], 'labels', {value: labels});\n\t}\n}\n\nconvert.rgb.hsl = function (rgb) {\n\tvar r = rgb[0] / 255;\n\tvar g = rgb[1] / 255;\n\tvar b = rgb[2] / 255;\n\tvar min = Math.min(r, g, b);\n\tvar max = Math.max(r, g, b);\n\tvar delta = max - min;\n\tvar h;\n\tvar s;\n\tvar l;\n\n\tif (max === min) {\n\t\th = 0;\n\t} else if (r === max) {\n\t\th = (g - b) / delta;\n\t} else if (g === max) {\n\t\th = 2 + (b - r) / delta;\n\t} else if (b === max) {\n\t\th = 4 + (r - g) / delta;\n\t}\n\n\th = Math.min(h * 60, 360);\n\n\tif (h < 0) {\n\t\th += 360;\n\t}\n\n\tl = (min + max) / 2;\n\n\tif (max === min) {\n\t\ts = 0;\n\t} else if (l <= 0.5) {\n\t\ts = delta / (max + min);\n\t} else {\n\t\ts = delta / (2 - max - min);\n\t}\n\n\treturn [h, s * 100, l * 100];\n};\n\nconvert.rgb.hsv = function (rgb) {\n\tvar rdif;\n\tvar gdif;\n\tvar bdif;\n\tvar h;\n\tvar s;\n\n\tvar r = rgb[0] / 255;\n\tvar g = rgb[1] / 255;\n\tvar b = rgb[2] / 255;\n\tvar v = Math.max(r, g, b);\n\tvar diff = v - Math.min(r, g, b);\n\tvar diffc = function (c) {\n\t\treturn (v - c) / 6 / diff + 1 / 2;\n\t};\n\n\tif (diff === 0) {\n\t\th = s = 0;\n\t} else {\n\t\ts = diff / v;\n\t\trdif = diffc(r);\n\t\tgdif = diffc(g);\n\t\tbdif = diffc(b);\n\n\t\tif (r === v) {\n\t\t\th = bdif - gdif;\n\t\t} else if (g === v) {\n\t\t\th = (1 / 3) + rdif - bdif;\n\t\t} else if (b === v) {\n\t\t\th = (2 / 3) + gdif - rdif;\n\t\t}\n\t\tif (h < 0) {\n\t\t\th += 1;\n\t\t} else if (h > 1) {\n\t\t\th -= 1;\n\t\t}\n\t}\n\n\treturn [\n\t\th * 360,\n\t\ts * 100,\n\t\tv * 100\n\t];\n};\n\nconvert.rgb.hwb = function (rgb) {\n\tvar r = rgb[0];\n\tvar g = rgb[1];\n\tvar b = rgb[2];\n\tvar h = convert.rgb.hsl(rgb)[0];\n\tvar w = 1 / 255 * Math.min(r, Math.min(g, b));\n\n\tb = 1 - 1 / 255 * Math.max(r, Math.max(g, b));\n\n\treturn [h, w * 100, b * 100];\n};\n\nconvert.rgb.cmyk = function (rgb) {\n\tvar r = rgb[0] / 255;\n\tvar g = rgb[1] / 255;\n\tvar b = rgb[2] / 255;\n\tvar c;\n\tvar m;\n\tvar y;\n\tvar k;\n\n\tk = Math.min(1 - r, 1 - g, 1 - b);\n\tc = (1 - r - k) / (1 - k) || 0;\n\tm = (1 - g - k) / (1 - k) || 0;\n\ty = (1 - b - k) / (1 - k) || 0;\n\n\treturn [c * 100, m * 100, y * 100, k * 100];\n};\n\n/**\n * See https://en.m.wikipedia.org/wiki/Euclidean_distance#Squared_Euclidean_distance\n * */\nfunction comparativeDistance(x, y) {\n\treturn (\n\t\tMath.pow(x[0] - y[0], 2) +\n\t\tMath.pow(x[1] - y[1], 2) +\n\t\tMath.pow(x[2] - y[2], 2)\n\t);\n}\n\nconvert.rgb.keyword = function (rgb) {\n\tvar reversed = reverseKeywords[rgb];\n\tif (reversed) {\n\t\treturn reversed;\n\t}\n\n\tvar currentClosestDistance = Infinity;\n\tvar currentClosestKeyword;\n\n\tfor (var keyword in cssKeywords) {\n\t\tif (cssKeywords.hasOwnProperty(keyword)) {\n\t\t\tvar value = cssKeywords[keyword];\n\n\t\t\t// Compute comparative distance\n\t\t\tvar distance = comparativeDistance(rgb, value);\n\n\t\t\t// Check if its less, if so set as closest\n\t\t\tif (distance < currentClosestDistance) {\n\t\t\t\tcurrentClosestDistance = distance;\n\t\t\t\tcurrentClosestKeyword = keyword;\n\t\t\t}\n\t\t}\n\t}\n\n\treturn currentClosestKeyword;\n};\n\nconvert.keyword.rgb = function (keyword) {\n\treturn cssKeywords[keyword];\n};\n\nconvert.rgb.xyz = function (rgb) {\n\tvar r = rgb[0] / 255;\n\tvar g = rgb[1] / 255;\n\tvar b = rgb[2] / 255;\n\n\t// assume sRGB\n\tr = r > 0.04045 ? Math.pow(((r + 0.055) / 1.055), 2.4) : (r / 12.92);\n\tg = g > 0.04045 ? Math.pow(((g + 0.055) / 1.055), 2.4) : (g / 12.92);\n\tb = b > 0.04045 ? Math.pow(((b + 0.055) / 1.055), 2.4) : (b / 12.92);\n\n\tvar x = (r * 0.4124) + (g * 0.3576) + (b * 0.1805);\n\tvar y = (r * 0.2126) + (g * 0.7152) + (b * 0.0722);\n\tvar z = (r * 0.0193) + (g * 0.1192) + (b * 0.9505);\n\n\treturn [x * 100, y * 100, z * 100];\n};\n\nconvert.rgb.lab = function (rgb) {\n\tvar xyz = convert.rgb.xyz(rgb);\n\tvar x = xyz[0];\n\tvar y = xyz[1];\n\tvar z = xyz[2];\n\tvar l;\n\tvar a;\n\tvar b;\n\n\tx /= 95.047;\n\ty /= 100;\n\tz /= 108.883;\n\n\tx = x > 0.008856 ? Math.pow(x, 1 / 3) : (7.787 * x) + (16 / 116);\n\ty = y > 0.008856 ? Math.pow(y, 1 / 3) : (7.787 * y) + (16 / 116);\n\tz = z > 0.008856 ? Math.pow(z, 1 / 3) : (7.787 * z) + (16 / 116);\n\n\tl = (116 * y) - 16;\n\ta = 500 * (x - y);\n\tb = 200 * (y - z);\n\n\treturn [l, a, b];\n};\n\nconvert.hsl.rgb = function (hsl) {\n\tvar h = hsl[0] / 360;\n\tvar s = hsl[1] / 100;\n\tvar l = hsl[2] / 100;\n\tvar t1;\n\tvar t2;\n\tvar t3;\n\tvar rgb;\n\tvar val;\n\n\tif (s === 0) {\n\t\tval = l * 255;\n\t\treturn [val, val, val];\n\t}\n\n\tif (l < 0.5) {\n\t\tt2 = l * (1 + s);\n\t} else {\n\t\tt2 = l + s - l * s;\n\t}\n\n\tt1 = 2 * l - t2;\n\n\trgb = [0, 0, 0];\n\tfor (var i = 0; i < 3; i++) {\n\t\tt3 = h + 1 / 3 * -(i - 1);\n\t\tif (t3 < 0) {\n\t\t\tt3++;\n\t\t}\n\t\tif (t3 > 1) {\n\t\t\tt3--;\n\t\t}\n\n\t\tif (6 * t3 < 1) {\n\t\t\tval = t1 + (t2 - t1) * 6 * t3;\n\t\t} else if (2 * t3 < 1) {\n\t\t\tval = t2;\n\t\t} else if (3 * t3 < 2) {\n\t\t\tval = t1 + (t2 - t1) * (2 / 3 - t3) * 6;\n\t\t} else {\n\t\t\tval = t1;\n\t\t}\n\n\t\trgb[i] = val * 255;\n\t}\n\n\treturn rgb;\n};\n\nconvert.hsl.hsv = function (hsl) {\n\tvar h = hsl[0];\n\tvar s = hsl[1] / 100;\n\tvar l = hsl[2] / 100;\n\tvar smin = s;\n\tvar lmin = Math.max(l, 0.01);\n\tvar sv;\n\tvar v;\n\n\tl *= 2;\n\ts *= (l <= 1) ? l : 2 - l;\n\tsmin *= lmin <= 1 ? lmin : 2 - lmin;\n\tv = (l + s) / 2;\n\tsv = l === 0 ? (2 * smin) / (lmin + smin) : (2 * s) / (l + s);\n\n\treturn [h, sv * 100, v * 100];\n};\n\nconvert.hsv.rgb = function (hsv) {\n\tvar h = hsv[0] / 60;\n\tvar s = hsv[1] / 100;\n\tvar v = hsv[2] / 100;\n\tvar hi = Math.floor(h) % 6;\n\n\tvar f = h - Math.floor(h);\n\tvar p = 255 * v * (1 - s);\n\tvar q = 255 * v * (1 - (s * f));\n\tvar t = 255 * v * (1 - (s * (1 - f)));\n\tv *= 255;\n\n\tswitch (hi) {\n\t\tcase 0:\n\t\t\treturn [v, t, p];\n\t\tcase 1:\n\t\t\treturn [q, v, p];\n\t\tcase 2:\n\t\t\treturn [p, v, t];\n\t\tcase 3:\n\t\t\treturn [p, q, v];\n\t\tcase 4:\n\t\t\treturn [t, p, v];\n\t\tcase 5:\n\t\t\treturn [v, p, q];\n\t}\n};\n\nconvert.hsv.hsl = function (hsv) {\n\tvar h = hsv[0];\n\tvar s = hsv[1] / 100;\n\tvar v = hsv[2] / 100;\n\tvar vmin = Math.max(v, 0.01);\n\tvar lmin;\n\tvar sl;\n\tvar l;\n\n\tl = (2 - s) * v;\n\tlmin = (2 - s) * vmin;\n\tsl = s * vmin;\n\tsl /= (lmin <= 1) ? lmin : 2 - lmin;\n\tsl = sl || 0;\n\tl /= 2;\n\n\treturn [h, sl * 100, l * 100];\n};\n\n// http://dev.w3.org/csswg/css-color/#hwb-to-rgb\nconvert.hwb.rgb = function (hwb) {\n\tvar h = hwb[0] / 360;\n\tvar wh = hwb[1] / 100;\n\tvar bl = hwb[2] / 100;\n\tvar ratio = wh + bl;\n\tvar i;\n\tvar v;\n\tvar f;\n\tvar n;\n\n\t// wh + bl cant be > 1\n\tif (ratio > 1) {\n\t\twh /= ratio;\n\t\tbl /= ratio;\n\t}\n\n\ti = Math.floor(6 * h);\n\tv = 1 - bl;\n\tf = 6 * h - i;\n\n\tif ((i & 0x01) !== 0) {\n\t\tf = 1 - f;\n\t}\n\n\tn = wh + f * (v - wh); // linear interpolation\n\n\tvar r;\n\tvar g;\n\tvar b;\n\tswitch (i) {\n\t\tdefault:\n\t\tcase 6:\n\t\tcase 0: r = v; g = n; b = wh; break;\n\t\tcase 1: r = n; g = v; b = wh; break;\n\t\tcase 2: r = wh; g = v; b = n; break;\n\t\tcase 3: r = wh; g = n; b = v; break;\n\t\tcase 4: r = n; g = wh; b = v; break;\n\t\tcase 5: r = v; g = wh; b = n; break;\n\t}\n\n\treturn [r * 255, g * 255, b * 255];\n};\n\nconvert.cmyk.rgb = function (cmyk) {\n\tvar c = cmyk[0] / 100;\n\tvar m = cmyk[1] / 100;\n\tvar y = cmyk[2] / 100;\n\tvar k = cmyk[3] / 100;\n\tvar r;\n\tvar g;\n\tvar b;\n\n\tr = 1 - Math.min(1, c * (1 - k) + k);\n\tg = 1 - Math.min(1, m * (1 - k) + k);\n\tb = 1 - Math.min(1, y * (1 - k) + k);\n\n\treturn [r * 255, g * 255, b * 255];\n};\n\nconvert.xyz.rgb = function (xyz) {\n\tvar x = xyz[0] / 100;\n\tvar y = xyz[1] / 100;\n\tvar z = xyz[2] / 100;\n\tvar r;\n\tvar g;\n\tvar b;\n\n\tr = (x * 3.2406) + (y * -1.5372) + (z * -0.4986);\n\tg = (x * -0.9689) + (y * 1.8758) + (z * 0.0415);\n\tb = (x * 0.0557) + (y * -0.2040) + (z * 1.0570);\n\n\t// assume sRGB\n\tr = r > 0.0031308\n\t\t? ((1.055 * Math.pow(r, 1.0 / 2.4)) - 0.055)\n\t\t: r * 12.92;\n\n\tg = g > 0.0031308\n\t\t? ((1.055 * Math.pow(g, 1.0 / 2.4)) - 0.055)\n\t\t: g * 12.92;\n\n\tb = b > 0.0031308\n\t\t? ((1.055 * Math.pow(b, 1.0 / 2.4)) - 0.055)\n\t\t: b * 12.92;\n\n\tr = Math.min(Math.max(0, r), 1);\n\tg = Math.min(Math.max(0, g), 1);\n\tb = Math.min(Math.max(0, b), 1);\n\n\treturn [r * 255, g * 255, b * 255];\n};\n\nconvert.xyz.lab = function (xyz) {\n\tvar x = xyz[0];\n\tvar y = xyz[1];\n\tvar z = xyz[2];\n\tvar l;\n\tvar a;\n\tvar b;\n\n\tx /= 95.047;\n\ty /= 100;\n\tz /= 108.883;\n\n\tx = x > 0.008856 ? Math.pow(x, 1 / 3) : (7.787 * x) + (16 / 116);\n\ty = y > 0.008856 ? Math.pow(y, 1 / 3) : (7.787 * y) + (16 / 116);\n\tz = z > 0.008856 ? Math.pow(z, 1 / 3) : (7.787 * z) + (16 / 116);\n\n\tl = (116 * y) - 16;\n\ta = 500 * (x - y);\n\tb = 200 * (y - z);\n\n\treturn [l, a, b];\n};\n\nconvert.lab.xyz = function (lab) {\n\tvar l = lab[0];\n\tvar a = lab[1];\n\tvar b = lab[2];\n\tvar x;\n\tvar y;\n\tvar z;\n\n\ty = (l + 16) / 116;\n\tx = a / 500 + y;\n\tz = y - b / 200;\n\n\tvar y2 = Math.pow(y, 3);\n\tvar x2 = Math.pow(x, 3);\n\tvar z2 = Math.pow(z, 3);\n\ty = y2 > 0.008856 ? y2 : (y - 16 / 116) / 7.787;\n\tx = x2 > 0.008856 ? x2 : (x - 16 / 116) / 7.787;\n\tz = z2 > 0.008856 ? z2 : (z - 16 / 116) / 7.787;\n\n\tx *= 95.047;\n\ty *= 100;\n\tz *= 108.883;\n\n\treturn [x, y, z];\n};\n\nconvert.lab.lch = function (lab) {\n\tvar l = lab[0];\n\tvar a = lab[1];\n\tvar b = lab[2];\n\tvar hr;\n\tvar h;\n\tvar c;\n\n\thr = Math.atan2(b, a);\n\th = hr * 360 / 2 / Math.PI;\n\n\tif (h < 0) {\n\t\th += 360;\n\t}\n\n\tc = Math.sqrt(a * a + b * b);\n\n\treturn [l, c, h];\n};\n\nconvert.lch.lab = function (lch) {\n\tvar l = lch[0];\n\tvar c = lch[1];\n\tvar h = lch[2];\n\tvar a;\n\tvar b;\n\tvar hr;\n\n\thr = h / 360 * 2 * Math.PI;\n\ta = c * Math.cos(hr);\n\tb = c * Math.sin(hr);\n\n\treturn [l, a, b];\n};\n\nconvert.rgb.ansi16 = function (args) {\n\tvar r = args[0];\n\tvar g = args[1];\n\tvar b = args[2];\n\tvar value = 1 in arguments ? arguments[1] : convert.rgb.hsv(args)[2]; // hsv -> ansi16 optimization\n\n\tvalue = Math.round(value / 50);\n\n\tif (value === 0) {\n\t\treturn 30;\n\t}\n\n\tvar ansi = 30\n\t\t+ ((Math.round(b / 255) << 2)\n\t\t| (Math.round(g / 255) << 1)\n\t\t| Math.round(r / 255));\n\n\tif (value === 2) {\n\t\tansi += 60;\n\t}\n\n\treturn ansi;\n};\n\nconvert.hsv.ansi16 = function (args) {\n\t// optimization here; we already know the value and don't need to get\n\t// it converted for us.\n\treturn convert.rgb.ansi16(convert.hsv.rgb(args), args[2]);\n};\n\nconvert.rgb.ansi256 = function (args) {\n\tvar r = args[0];\n\tvar g = args[1];\n\tvar b = args[2];\n\n\t// we use the extended greyscale palette here, with the exception of\n\t// black and white. normal palette only has 4 greyscale shades.\n\tif (r === g && g === b) {\n\t\tif (r < 8) {\n\t\t\treturn 16;\n\t\t}\n\n\t\tif (r > 248) {\n\t\t\treturn 231;\n\t\t}\n\n\t\treturn Math.round(((r - 8) / 247) * 24) + 232;\n\t}\n\n\tvar ansi = 16\n\t\t+ (36 * Math.round(r / 255 * 5))\n\t\t+ (6 * Math.round(g / 255 * 5))\n\t\t+ Math.round(b / 255 * 5);\n\n\treturn ansi;\n};\n\nconvert.ansi16.rgb = function (args) {\n\tvar color = args % 10;\n\n\t// handle greyscale\n\tif (color === 0 || color === 7) {\n\t\tif (args > 50) {\n\t\t\tcolor += 3.5;\n\t\t}\n\n\t\tcolor = color / 10.5 * 255;\n\n\t\treturn [color, color, color];\n\t}\n\n\tvar mult = (~~(args > 50) + 1) * 0.5;\n\tvar r = ((color & 1) * mult) * 255;\n\tvar g = (((color >> 1) & 1) * mult) * 255;\n\tvar b = (((color >> 2) & 1) * mult) * 255;\n\n\treturn [r, g, b];\n};\n\nconvert.ansi256.rgb = function (args) {\n\t// handle greyscale\n\tif (args >= 232) {\n\t\tvar c = (args - 232) * 10 + 8;\n\t\treturn [c, c, c];\n\t}\n\n\targs -= 16;\n\n\tvar rem;\n\tvar r = Math.floor(args / 36) / 5 * 255;\n\tvar g = Math.floor((rem = args % 36) / 6) / 5 * 255;\n\tvar b = (rem % 6) / 5 * 255;\n\n\treturn [r, g, b];\n};\n\nconvert.rgb.hex = function (args) {\n\tvar integer = ((Math.round(args[0]) & 0xFF) << 16)\n\t\t+ ((Math.round(args[1]) & 0xFF) << 8)\n\t\t+ (Math.round(args[2]) & 0xFF);\n\n\tvar string = integer.toString(16).toUpperCase();\n\treturn '000000'.substring(string.length) + string;\n};\n\nconvert.hex.rgb = function (args) {\n\tvar match = args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);\n\tif (!match) {\n\t\treturn [0, 0, 0];\n\t}\n\n\tvar colorString = match[0];\n\n\tif (match[0].length === 3) {\n\t\tcolorString = colorString.split('').map(function (char) {\n\t\t\treturn char + char;\n\t\t}).join('');\n\t}\n\n\tvar integer = parseInt(colorString, 16);\n\tvar r = (integer >> 16) & 0xFF;\n\tvar g = (integer >> 8) & 0xFF;\n\tvar b = integer & 0xFF;\n\n\treturn [r, g, b];\n};\n\nconvert.rgb.hcg = function (rgb) {\n\tvar r = rgb[0] / 255;\n\tvar g = rgb[1] / 255;\n\tvar b = rgb[2] / 255;\n\tvar max = Math.max(Math.max(r, g), b);\n\tvar min = Math.min(Math.min(r, g), b);\n\tvar chroma = (max - min);\n\tvar grayscale;\n\tvar hue;\n\n\tif (chroma < 1) {\n\t\tgrayscale = min / (1 - chroma);\n\t} else {\n\t\tgrayscale = 0;\n\t}\n\n\tif (chroma <= 0) {\n\t\thue = 0;\n\t} else\n\tif (max === r) {\n\t\thue = ((g - b) / chroma) % 6;\n\t} else\n\tif (max === g) {\n\t\thue = 2 + (b - r) / chroma;\n\t} else {\n\t\thue = 4 + (r - g) / chroma + 4;\n\t}\n\n\thue /= 6;\n\thue %= 1;\n\n\treturn [hue * 360, chroma * 100, grayscale * 100];\n};\n\nconvert.hsl.hcg = function (hsl) {\n\tvar s = hsl[1] / 100;\n\tvar l = hsl[2] / 100;\n\tvar c = 1;\n\tvar f = 0;\n\n\tif (l < 0.5) {\n\t\tc = 2.0 * s * l;\n\t} else {\n\t\tc = 2.0 * s * (1.0 - l);\n\t}\n\n\tif (c < 1.0) {\n\t\tf = (l - 0.5 * c) / (1.0 - c);\n\t}\n\n\treturn [hsl[0], c * 100, f * 100];\n};\n\nconvert.hsv.hcg = function (hsv) {\n\tvar s = hsv[1] / 100;\n\tvar v = hsv[2] / 100;\n\n\tvar c = s * v;\n\tvar f = 0;\n\n\tif (c < 1.0) {\n\t\tf = (v - c) / (1 - c);\n\t}\n\n\treturn [hsv[0], c * 100, f * 100];\n};\n\nconvert.hcg.rgb = function (hcg) {\n\tvar h = hcg[0] / 360;\n\tvar c = hcg[1] / 100;\n\tvar g = hcg[2] / 100;\n\n\tif (c === 0.0) {\n\t\treturn [g * 255, g * 255, g * 255];\n\t}\n\n\tvar pure = [0, 0, 0];\n\tvar hi = (h % 1) * 6;\n\tvar v = hi % 1;\n\tvar w = 1 - v;\n\tvar mg = 0;\n\n\tswitch (Math.floor(hi)) {\n\t\tcase 0:\n\t\t\tpure[0] = 1; pure[1] = v; pure[2] = 0; break;\n\t\tcase 1:\n\t\t\tpure[0] = w; pure[1] = 1; pure[2] = 0; break;\n\t\tcase 2:\n\t\t\tpure[0] = 0; pure[1] = 1; pure[2] = v; break;\n\t\tcase 3:\n\t\t\tpure[0] = 0; pure[1] = w; pure[2] = 1; break;\n\t\tcase 4:\n\t\t\tpure[0] = v; pure[1] = 0; pure[2] = 1; break;\n\t\tdefault:\n\t\t\tpure[0] = 1; pure[1] = 0; pure[2] = w;\n\t}\n\n\tmg = (1.0 - c) * g;\n\n\treturn [\n\t\t(c * pure[0] + mg) * 255,\n\t\t(c * pure[1] + mg) * 255,\n\t\t(c * pure[2] + mg) * 255\n\t];\n};\n\nconvert.hcg.hsv = function (hcg) {\n\tvar c = hcg[1] / 100;\n\tvar g = hcg[2] / 100;\n\n\tvar v = c + g * (1.0 - c);\n\tvar f = 0;\n\n\tif (v > 0.0) {\n\t\tf = c / v;\n\t}\n\n\treturn [hcg[0], f * 100, v * 100];\n};\n\nconvert.hcg.hsl = function (hcg) {\n\tvar c = hcg[1] / 100;\n\tvar g = hcg[2] / 100;\n\n\tvar l = g * (1.0 - c) + 0.5 * c;\n\tvar s = 0;\n\n\tif (l > 0.0 && l < 0.5) {\n\t\ts = c / (2 * l);\n\t} else\n\tif (l >= 0.5 && l < 1.0) {\n\t\ts = c / (2 * (1 - l));\n\t}\n\n\treturn [hcg[0], s * 100, l * 100];\n};\n\nconvert.hcg.hwb = function (hcg) {\n\tvar c = hcg[1] / 100;\n\tvar g = hcg[2] / 100;\n\tvar v = c + g * (1.0 - c);\n\treturn [hcg[0], (v - c) * 100, (1 - v) * 100];\n};\n\nconvert.hwb.hcg = function (hwb) {\n\tvar w = hwb[1] / 100;\n\tvar b = hwb[2] / 100;\n\tvar v = 1 - b;\n\tvar c = v - w;\n\tvar g = 0;\n\n\tif (c < 1) {\n\t\tg = (v - c) / (1 - c);\n\t}\n\n\treturn [hwb[0], c * 100, g * 100];\n};\n\nconvert.apple.rgb = function (apple) {\n\treturn [(apple[0] / 65535) * 255, (apple[1] / 65535) * 255, (apple[2] / 65535) * 255];\n};\n\nconvert.rgb.apple = function (rgb) {\n\treturn [(rgb[0] / 255) * 65535, (rgb[1] / 255) * 65535, (rgb[2] / 255) * 65535];\n};\n\nconvert.gray.rgb = function (args) {\n\treturn [args[0] / 100 * 255, args[0] / 100 * 255, args[0] / 100 * 255];\n};\n\nconvert.gray.hsl = convert.gray.hsv = function (args) {\n\treturn [0, 0, args[0]];\n};\n\nconvert.gray.hwb = function (gray) {\n\treturn [0, 100, gray[0]];\n};\n\nconvert.gray.cmyk = function (gray) {\n\treturn [0, 0, 0, gray[0]];\n};\n\nconvert.gray.lab = function (gray) {\n\treturn [gray[0], 0, 0];\n};\n\nconvert.gray.hex = function (gray) {\n\tvar val = Math.round(gray[0] / 100 * 255) & 0xFF;\n\tvar integer = (val << 16) + (val << 8) + val;\n\n\tvar string = integer.toString(16).toUpperCase();\n\treturn '000000'.substring(string.length) + string;\n};\n\nconvert.rgb.gray = function (rgb) {\n\tvar val = (rgb[0] + rgb[1] + rgb[2]) / 3;\n\treturn [val / 255 * 100];\n};\n","var conversions = require('./conversions');\nvar route = require('./route');\n\nvar convert = {};\n\nvar models = Object.keys(conversions);\n\nfunction wrapRaw(fn) {\n\tvar wrappedFn = function (args) {\n\t\tif (args === undefined || args === null) {\n\t\t\treturn args;\n\t\t}\n\n\t\tif (arguments.length > 1) {\n\t\t\targs = Array.prototype.slice.call(arguments);\n\t\t}\n\n\t\treturn fn(args);\n\t};\n\n\t// preserve .conversion property if there is one\n\tif ('conversion' in fn) {\n\t\twrappedFn.conversion = fn.conversion;\n\t}\n\n\treturn wrappedFn;\n}\n\nfunction wrapRounded(fn) {\n\tvar wrappedFn = function (args) {\n\t\tif (args === undefined || args === null) {\n\t\t\treturn args;\n\t\t}\n\n\t\tif (arguments.length > 1) {\n\t\t\targs = Array.prototype.slice.call(arguments);\n\t\t}\n\n\t\tvar result = fn(args);\n\n\t\t// we're assuming the result is an array here.\n\t\t// see notice in conversions.js; don't use box types\n\t\t// in conversion functions.\n\t\tif (typeof result === 'object') {\n\t\t\tfor (var len = result.length, i = 0; i < len; i++) {\n\t\t\t\tresult[i] = Math.round(result[i]);\n\t\t\t}\n\t\t}\n\n\t\treturn result;\n\t};\n\n\t// preserve .conversion property if there is one\n\tif ('conversion' in fn) {\n\t\twrappedFn.conversion = fn.conversion;\n\t}\n\n\treturn wrappedFn;\n}\n\nmodels.forEach(function (fromModel) {\n\tconvert[fromModel] = {};\n\n\tObject.defineProperty(convert[fromModel], 'channels', {value: conversions[fromModel].channels});\n\tObject.defineProperty(convert[fromModel], 'labels', {value: conversions[fromModel].labels});\n\n\tvar routes = route(fromModel);\n\tvar routeModels = Object.keys(routes);\n\n\trouteModels.forEach(function (toModel) {\n\t\tvar fn = routes[toModel];\n\n\t\tconvert[fromModel][toModel] = wrapRounded(fn);\n\t\tconvert[fromModel][toModel].raw = wrapRaw(fn);\n\t});\n});\n\nmodule.exports = convert;\n","var conversions = require('./conversions');\n\n/*\n\tthis function routes a model to all other models.\n\n\tall functions that are routed have a property `.conversion` attached\n\tto the returned synthetic function. This property is an array\n\tof strings, each with the steps in between the 'from' and 'to'\n\tcolor models (inclusive).\n\n\tconversions that are not possible simply are not included.\n*/\n\nfunction buildGraph() {\n\tvar graph = {};\n\t// https://jsperf.com/object-keys-vs-for-in-with-closure/3\n\tvar models = Object.keys(conversions);\n\n\tfor (var len = models.length, i = 0; i < len; i++) {\n\t\tgraph[models[i]] = {\n\t\t\t// http://jsperf.com/1-vs-infinity\n\t\t\t// micro-opt, but this is simple.\n\t\t\tdistance: -1,\n\t\t\tparent: null\n\t\t};\n\t}\n\n\treturn graph;\n}\n\n// https://en.wikipedia.org/wiki/Breadth-first_search\nfunction deriveBFS(fromModel) {\n\tvar graph = buildGraph();\n\tvar queue = [fromModel]; // unshift -> queue -> pop\n\n\tgraph[fromModel].distance = 0;\n\n\twhile (queue.length) {\n\t\tvar current = queue.pop();\n\t\tvar adjacents = Object.keys(conversions[current]);\n\n\t\tfor (var len = adjacents.length, i = 0; i < len; i++) {\n\t\t\tvar adjacent = adjacents[i];\n\t\t\tvar node = graph[adjacent];\n\n\t\t\tif (node.distance === -1) {\n\t\t\t\tnode.distance = graph[current].distance + 1;\n\t\t\t\tnode.parent = current;\n\t\t\t\tqueue.unshift(adjacent);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn graph;\n}\n\nfunction link(from, to) {\n\treturn function (args) {\n\t\treturn to(from(args));\n\t};\n}\n\nfunction wrapConversion(toModel, graph) {\n\tvar path = [graph[toModel].parent, toModel];\n\tvar fn = conversions[graph[toModel].parent][toModel];\n\n\tvar cur = graph[toModel].parent;\n\twhile (graph[cur].parent) {\n\t\tpath.unshift(graph[cur].parent);\n\t\tfn = link(conversions[graph[cur].parent][cur], fn);\n\t\tcur = graph[cur].parent;\n\t}\n\n\tfn.conversion = path;\n\treturn fn;\n}\n\nmodule.exports = function (fromModel) {\n\tvar graph = deriveBFS(fromModel);\n\tvar conversion = {};\n\n\tvar models = Object.keys(graph);\n\tfor (var len = models.length, i = 0; i < len; i++) {\n\t\tvar toModel = models[i];\n\t\tvar node = graph[toModel];\n\n\t\tif (node.parent === null) {\n\t\t\t// no possible conversion, or this node is the source model.\n\t\t\tcontinue;\n\t\t}\n\n\t\tconversion[toModel] = wrapConversion(toModel, graph);\n\t}\n\n\treturn conversion;\n};\n\n","'use strict'\r\n\r\nmodule.exports = {\r\n\t\"aliceblue\": [240, 248, 255],\r\n\t\"antiquewhite\": [250, 235, 215],\r\n\t\"aqua\": [0, 255, 255],\r\n\t\"aquamarine\": [127, 255, 212],\r\n\t\"azure\": [240, 255, 255],\r\n\t\"beige\": [245, 245, 220],\r\n\t\"bisque\": [255, 228, 196],\r\n\t\"black\": [0, 0, 0],\r\n\t\"blanchedalmond\": [255, 235, 205],\r\n\t\"blue\": [0, 0, 255],\r\n\t\"blueviolet\": [138, 43, 226],\r\n\t\"brown\": [165, 42, 42],\r\n\t\"burlywood\": [222, 184, 135],\r\n\t\"cadetblue\": [95, 158, 160],\r\n\t\"chartreuse\": [127, 255, 0],\r\n\t\"chocolate\": [210, 105, 30],\r\n\t\"coral\": [255, 127, 80],\r\n\t\"cornflowerblue\": [100, 149, 237],\r\n\t\"cornsilk\": [255, 248, 220],\r\n\t\"crimson\": [220, 20, 60],\r\n\t\"cyan\": [0, 255, 255],\r\n\t\"darkblue\": [0, 0, 139],\r\n\t\"darkcyan\": [0, 139, 139],\r\n\t\"darkgoldenrod\": [184, 134, 11],\r\n\t\"darkgray\": [169, 169, 169],\r\n\t\"darkgreen\": [0, 100, 0],\r\n\t\"darkgrey\": [169, 169, 169],\r\n\t\"darkkhaki\": [189, 183, 107],\r\n\t\"darkmagenta\": [139, 0, 139],\r\n\t\"darkolivegreen\": [85, 107, 47],\r\n\t\"darkorange\": [255, 140, 0],\r\n\t\"darkorchid\": [153, 50, 204],\r\n\t\"darkred\": [139, 0, 0],\r\n\t\"darksalmon\": [233, 150, 122],\r\n\t\"darkseagreen\": [143, 188, 143],\r\n\t\"darkslateblue\": [72, 61, 139],\r\n\t\"darkslategray\": [47, 79, 79],\r\n\t\"darkslategrey\": [47, 79, 79],\r\n\t\"darkturquoise\": [0, 206, 209],\r\n\t\"darkviolet\": [148, 0, 211],\r\n\t\"deeppink\": [255, 20, 147],\r\n\t\"deepskyblue\": [0, 191, 255],\r\n\t\"dimgray\": [105, 105, 105],\r\n\t\"dimgrey\": [105, 105, 105],\r\n\t\"dodgerblue\": [30, 144, 255],\r\n\t\"firebrick\": [178, 34, 34],\r\n\t\"floralwhite\": [255, 250, 240],\r\n\t\"forestgreen\": [34, 139, 34],\r\n\t\"fuchsia\": [255, 0, 255],\r\n\t\"gainsboro\": [220, 220, 220],\r\n\t\"ghostwhite\": [248, 248, 255],\r\n\t\"gold\": [255, 215, 0],\r\n\t\"goldenrod\": [218, 165, 32],\r\n\t\"gray\": [128, 128, 128],\r\n\t\"green\": [0, 128, 0],\r\n\t\"greenyellow\": [173, 255, 47],\r\n\t\"grey\": [128, 128, 128],\r\n\t\"honeydew\": [240, 255, 240],\r\n\t\"hotpink\": [255, 105, 180],\r\n\t\"indianred\": [205, 92, 92],\r\n\t\"indigo\": [75, 0, 130],\r\n\t\"ivory\": [255, 255, 240],\r\n\t\"khaki\": [240, 230, 140],\r\n\t\"lavender\": [230, 230, 250],\r\n\t\"lavenderblush\": [255, 240, 245],\r\n\t\"lawngreen\": [124, 252, 0],\r\n\t\"lemonchiffon\": [255, 250, 205],\r\n\t\"lightblue\": [173, 216, 230],\r\n\t\"lightcoral\": [240, 128, 128],\r\n\t\"lightcyan\": [224, 255, 255],\r\n\t\"lightgoldenrodyellow\": [250, 250, 210],\r\n\t\"lightgray\": [211, 211, 211],\r\n\t\"lightgreen\": [144, 238, 144],\r\n\t\"lightgrey\": [211, 211, 211],\r\n\t\"lightpink\": [255, 182, 193],\r\n\t\"lightsalmon\": [255, 160, 122],\r\n\t\"lightseagreen\": [32, 178, 170],\r\n\t\"lightskyblue\": [135, 206, 250],\r\n\t\"lightslategray\": [119, 136, 153],\r\n\t\"lightslategrey\": [119, 136, 153],\r\n\t\"lightsteelblue\": [176, 196, 222],\r\n\t\"lightyellow\": [255, 255, 224],\r\n\t\"lime\": [0, 255, 0],\r\n\t\"limegreen\": [50, 205, 50],\r\n\t\"linen\": [250, 240, 230],\r\n\t\"magenta\": [255, 0, 255],\r\n\t\"maroon\": [128, 0, 0],\r\n\t\"mediumaquamarine\": [102, 205, 170],\r\n\t\"mediumblue\": [0, 0, 205],\r\n\t\"mediumorchid\": [186, 85, 211],\r\n\t\"mediumpurple\": [147, 112, 219],\r\n\t\"mediumseagreen\": [60, 179, 113],\r\n\t\"mediumslateblue\": [123, 104, 238],\r\n\t\"mediumspringgreen\": [0, 250, 154],\r\n\t\"mediumturquoise\": [72, 209, 204],\r\n\t\"mediumvioletred\": [199, 21, 133],\r\n\t\"midnightblue\": [25, 25, 112],\r\n\t\"mintcream\": [245, 255, 250],\r\n\t\"mistyrose\": [255, 228, 225],\r\n\t\"moccasin\": [255, 228, 181],\r\n\t\"navajowhite\": [255, 222, 173],\r\n\t\"navy\": [0, 0, 128],\r\n\t\"oldlace\": [253, 245, 230],\r\n\t\"olive\": [128, 128, 0],\r\n\t\"olivedrab\": [107, 142, 35],\r\n\t\"orange\": [255, 165, 0],\r\n\t\"orangered\": [255, 69, 0],\r\n\t\"orchid\": [218, 112, 214],\r\n\t\"palegoldenrod\": [238, 232, 170],\r\n\t\"palegreen\": [152, 251, 152],\r\n\t\"paleturquoise\": [175, 238, 238],\r\n\t\"palevioletred\": [219, 112, 147],\r\n\t\"papayawhip\": [255, 239, 213],\r\n\t\"peachpuff\": [255, 218, 185],\r\n\t\"peru\": [205, 133, 63],\r\n\t\"pink\": [255, 192, 203],\r\n\t\"plum\": [221, 160, 221],\r\n\t\"powderblue\": [176, 224, 230],\r\n\t\"purple\": [128, 0, 128],\r\n\t\"rebeccapurple\": [102, 51, 153],\r\n\t\"red\": [255, 0, 0],\r\n\t\"rosybrown\": [188, 143, 143],\r\n\t\"royalblue\": [65, 105, 225],\r\n\t\"saddlebrown\": [139, 69, 19],\r\n\t\"salmon\": [250, 128, 114],\r\n\t\"sandybrown\": [244, 164, 96],\r\n\t\"seagreen\": [46, 139, 87],\r\n\t\"seashell\": [255, 245, 238],\r\n\t\"sienna\": [160, 82, 45],\r\n\t\"silver\": [192, 192, 192],\r\n\t\"skyblue\": [135, 206, 235],\r\n\t\"slateblue\": [106, 90, 205],\r\n\t\"slategray\": [112, 128, 144],\r\n\t\"slategrey\": [112, 128, 144],\r\n\t\"snow\": [255, 250, 250],\r\n\t\"springgreen\": [0, 255, 127],\r\n\t\"steelblue\": [70, 130, 180],\r\n\t\"tan\": [210, 180, 140],\r\n\t\"teal\": [0, 128, 128],\r\n\t\"thistle\": [216, 191, 216],\r\n\t\"tomato\": [255, 99, 71],\r\n\t\"turquoise\": [64, 224, 208],\r\n\t\"violet\": [238, 130, 238],\r\n\t\"wheat\": [245, 222, 179],\r\n\t\"white\": [255, 255, 255],\r\n\t\"whitesmoke\": [245, 245, 245],\r\n\t\"yellow\": [255, 255, 0],\r\n\t\"yellowgreen\": [154, 205, 50]\r\n};\r\n","'use strict'\r\n\r\nmodule.exports = {\r\n\t\"aliceblue\": [240, 248, 255],\r\n\t\"antiquewhite\": [250, 235, 215],\r\n\t\"aqua\": [0, 255, 255],\r\n\t\"aquamarine\": [127, 255, 212],\r\n\t\"azure\": [240, 255, 255],\r\n\t\"beige\": [245, 245, 220],\r\n\t\"bisque\": [255, 228, 196],\r\n\t\"black\": [0, 0, 0],\r\n\t\"blanchedalmond\": [255, 235, 205],\r\n\t\"blue\": [0, 0, 255],\r\n\t\"blueviolet\": [138, 43, 226],\r\n\t\"brown\": [165, 42, 42],\r\n\t\"burlywood\": [222, 184, 135],\r\n\t\"cadetblue\": [95, 158, 160],\r\n\t\"chartreuse\": [127, 255, 0],\r\n\t\"chocolate\": [210, 105, 30],\r\n\t\"coral\": [255, 127, 80],\r\n\t\"cornflowerblue\": [100, 149, 237],\r\n\t\"cornsilk\": [255, 248, 220],\r\n\t\"crimson\": [220, 20, 60],\r\n\t\"cyan\": [0, 255, 255],\r\n\t\"darkblue\": [0, 0, 139],\r\n\t\"darkcyan\": [0, 139, 139],\r\n\t\"darkgoldenrod\": [184, 134, 11],\r\n\t\"darkgray\": [169, 169, 169],\r\n\t\"darkgreen\": [0, 100, 0],\r\n\t\"darkgrey\": [169, 169, 169],\r\n\t\"darkkhaki\": [189, 183, 107],\r\n\t\"darkmagenta\": [139, 0, 139],\r\n\t\"darkolivegreen\": [85, 107, 47],\r\n\t\"darkorange\": [255, 140, 0],\r\n\t\"darkorchid\": [153, 50, 204],\r\n\t\"darkred\": [139, 0, 0],\r\n\t\"darksalmon\": [233, 150, 122],\r\n\t\"darkseagreen\": [143, 188, 143],\r\n\t\"darkslateblue\": [72, 61, 139],\r\n\t\"darkslategray\": [47, 79, 79],\r\n\t\"darkslategrey\": [47, 79, 79],\r\n\t\"darkturquoise\": [0, 206, 209],\r\n\t\"darkviolet\": [148, 0, 211],\r\n\t\"deeppink\": [255, 20, 147],\r\n\t\"deepskyblue\": [0, 191, 255],\r\n\t\"dimgray\": [105, 105, 105],\r\n\t\"dimgrey\": [105, 105, 105],\r\n\t\"dodgerblue\": [30, 144, 255],\r\n\t\"firebrick\": [178, 34, 34],\r\n\t\"floralwhite\": [255, 250, 240],\r\n\t\"forestgreen\": [34, 139, 34],\r\n\t\"fuchsia\": [255, 0, 255],\r\n\t\"gainsboro\": [220, 220, 220],\r\n\t\"ghostwhite\": [248, 248, 255],\r\n\t\"gold\": [255, 215, 0],\r\n\t\"goldenrod\": [218, 165, 32],\r\n\t\"gray\": [128, 128, 128],\r\n\t\"green\": [0, 128, 0],\r\n\t\"greenyellow\": [173, 255, 47],\r\n\t\"grey\": [128, 128, 128],\r\n\t\"honeydew\": [240, 255, 240],\r\n\t\"hotpink\": [255, 105, 180],\r\n\t\"indianred\": [205, 92, 92],\r\n\t\"indigo\": [75, 0, 130],\r\n\t\"ivory\": [255, 255, 240],\r\n\t\"khaki\": [240, 230, 140],\r\n\t\"lavender\": [230, 230, 250],\r\n\t\"lavenderblush\": [255, 240, 245],\r\n\t\"lawngreen\": [124, 252, 0],\r\n\t\"lemonchiffon\": [255, 250, 205],\r\n\t\"lightblue\": [173, 216, 230],\r\n\t\"lightcoral\": [240, 128, 128],\r\n\t\"lightcyan\": [224, 255, 255],\r\n\t\"lightgoldenrodyellow\": [250, 250, 210],\r\n\t\"lightgray\": [211, 211, 211],\r\n\t\"lightgreen\": [144, 238, 144],\r\n\t\"lightgrey\": [211, 211, 211],\r\n\t\"lightpink\": [255, 182, 193],\r\n\t\"lightsalmon\": [255, 160, 122],\r\n\t\"lightseagreen\": [32, 178, 170],\r\n\t\"lightskyblue\": [135, 206, 250],\r\n\t\"lightslategray\": [119, 136, 153],\r\n\t\"lightslategrey\": [119, 136, 153],\r\n\t\"lightsteelblue\": [176, 196, 222],\r\n\t\"lightyellow\": [255, 255, 224],\r\n\t\"lime\": [0, 255, 0],\r\n\t\"limegreen\": [50, 205, 50],\r\n\t\"linen\": [250, 240, 230],\r\n\t\"magenta\": [255, 0, 255],\r\n\t\"maroon\": [128, 0, 0],\r\n\t\"mediumaquamarine\": [102, 205, 170],\r\n\t\"mediumblue\": [0, 0, 205],\r\n\t\"mediumorchid\": [186, 85, 211],\r\n\t\"mediumpurple\": [147, 112, 219],\r\n\t\"mediumseagreen\": [60, 179, 113],\r\n\t\"mediumslateblue\": [123, 104, 238],\r\n\t\"mediumspringgreen\": [0, 250, 154],\r\n\t\"mediumturquoise\": [72, 209, 204],\r\n\t\"mediumvioletred\": [199, 21, 133],\r\n\t\"midnightblue\": [25, 25, 112],\r\n\t\"mintcream\": [245, 255, 250],\r\n\t\"mistyrose\": [255, 228, 225],\r\n\t\"moccasin\": [255, 228, 181],\r\n\t\"navajowhite\": [255, 222, 173],\r\n\t\"navy\": [0, 0, 128],\r\n\t\"oldlace\": [253, 245, 230],\r\n\t\"olive\": [128, 128, 0],\r\n\t\"olivedrab\": [107, 142, 35],\r\n\t\"orange\": [255, 165, 0],\r\n\t\"orangered\": [255, 69, 0],\r\n\t\"orchid\": [218, 112, 214],\r\n\t\"palegoldenrod\": [238, 232, 170],\r\n\t\"palegreen\": [152, 251, 152],\r\n\t\"paleturquoise\": [175, 238, 238],\r\n\t\"palevioletred\": [219, 112, 147],\r\n\t\"papayawhip\": [255, 239, 213],\r\n\t\"peachpuff\": [255, 218, 185],\r\n\t\"peru\": [205, 133, 63],\r\n\t\"pink\": [255, 192, 203],\r\n\t\"plum\": [221, 160, 221],\r\n\t\"powderblue\": [176, 224, 230],\r\n\t\"purple\": [128, 0, 128],\r\n\t\"rebeccapurple\": [102, 51, 153],\r\n\t\"red\": [255, 0, 0],\r\n\t\"rosybrown\": [188, 143, 143],\r\n\t\"royalblue\": [65, 105, 225],\r\n\t\"saddlebrown\": [139, 69, 19],\r\n\t\"salmon\": [250, 128, 114],\r\n\t\"sandybrown\": [244, 164, 96],\r\n\t\"seagreen\": [46, 139, 87],\r\n\t\"seashell\": [255, 245, 238],\r\n\t\"sienna\": [160, 82, 45],\r\n\t\"silver\": [192, 192, 192],\r\n\t\"skyblue\": [135, 206, 235],\r\n\t\"slateblue\": [106, 90, 205],\r\n\t\"slategray\": [112, 128, 144],\r\n\t\"slategrey\": [112, 128, 144],\r\n\t\"snow\": [255, 250, 250],\r\n\t\"springgreen\": [0, 255, 127],\r\n\t\"steelblue\": [70, 130, 180],\r\n\t\"tan\": [210, 180, 140],\r\n\t\"teal\": [0, 128, 128],\r\n\t\"thistle\": [216, 191, 216],\r\n\t\"tomato\": [255, 99, 71],\r\n\t\"turquoise\": [64, 224, 208],\r\n\t\"violet\": [238, 130, 238],\r\n\t\"wheat\": [245, 222, 179],\r\n\t\"white\": [255, 255, 255],\r\n\t\"whitesmoke\": [245, 245, 245],\r\n\t\"yellow\": [255, 255, 0],\r\n\t\"yellowgreen\": [154, 205, 50]\r\n};\r\n","/* MIT license */\nvar colorNames = require('color-name');\nvar swizzle = require('simple-swizzle');\n\nvar reverseNames = {};\n\n// create a list of reverse color names\nfor (var name in colorNames) {\n\tif (colorNames.hasOwnProperty(name)) {\n\t\treverseNames[colorNames[name]] = name;\n\t}\n}\n\nvar cs = module.exports = {\n\tto: {},\n\tget: {}\n};\n\ncs.get = function (string) {\n\tvar prefix = string.substring(0, 3).toLowerCase();\n\tvar val;\n\tvar model;\n\tswitch (prefix) {\n\t\tcase 'hsl':\n\t\t\tval = cs.get.hsl(string);\n\t\t\tmodel = 'hsl';\n\t\t\tbreak;\n\t\tcase 'hwb':\n\t\t\tval = cs.get.hwb(string);\n\t\t\tmodel = 'hwb';\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tval = cs.get.rgb(string);\n\t\t\tmodel = 'rgb';\n\t\t\tbreak;\n\t}\n\n\tif (!val) {\n\t\treturn null;\n\t}\n\n\treturn {model: model, value: val};\n};\n\ncs.get.rgb = function (string) {\n\tif (!string) {\n\t\treturn null;\n\t}\n\n\tvar abbr = /^#([a-f0-9]{3,4})$/i;\n\tvar hex = /^#([a-f0-9]{6})([a-f0-9]{2})?$/i;\n\tvar rgba = /^rgba?\\(\\s*([+-]?\\d+)\\s*,\\s*([+-]?\\d+)\\s*,\\s*([+-]?\\d+)\\s*(?:,\\s*([+-]?[\\d\\.]+)\\s*)?\\)$/;\n\tvar per = /^rgba?\\(\\s*([+-]?[\\d\\.]+)\\%\\s*,\\s*([+-]?[\\d\\.]+)\\%\\s*,\\s*([+-]?[\\d\\.]+)\\%\\s*(?:,\\s*([+-]?[\\d\\.]+)\\s*)?\\)$/;\n\tvar keyword = /(\\D+)/;\n\n\tvar rgb = [0, 0, 0, 1];\n\tvar match;\n\tvar i;\n\tvar hexAlpha;\n\n\tif (match = string.match(hex)) {\n\t\thexAlpha = match[2];\n\t\tmatch = match[1];\n\n\t\tfor (i = 0; i < 3; i++) {\n\t\t\t// https://jsperf.com/slice-vs-substr-vs-substring-methods-long-string/19\n\t\t\tvar i2 = i * 2;\n\t\t\trgb[i] = parseInt(match.slice(i2, i2 + 2), 16);\n\t\t}\n\n\t\tif (hexAlpha) {\n\t\t\trgb[3] = Math.round((parseInt(hexAlpha, 16) / 255) * 100) / 100;\n\t\t}\n\t} else if (match = string.match(abbr)) {\n\t\tmatch = match[1];\n\t\thexAlpha = match[3];\n\n\t\tfor (i = 0; i < 3; i++) {\n\t\t\trgb[i] = parseInt(match[i] + match[i], 16);\n\t\t}\n\n\t\tif (hexAlpha) {\n\t\t\trgb[3] = Math.round((parseInt(hexAlpha + hexAlpha, 16) / 255) * 100) / 100;\n\t\t}\n\t} else if (match = string.match(rgba)) {\n\t\tfor (i = 0; i < 3; i++) {\n\t\t\trgb[i] = parseInt(match[i + 1], 0);\n\t\t}\n\n\t\tif (match[4]) {\n\t\t\trgb[3] = parseFloat(match[4]);\n\t\t}\n\t} else if (match = string.match(per)) {\n\t\tfor (i = 0; i < 3; i++) {\n\t\t\trgb[i] = Math.round(parseFloat(match[i + 1]) * 2.55);\n\t\t}\n\n\t\tif (match[4]) {\n\t\t\trgb[3] = parseFloat(match[4]);\n\t\t}\n\t} else if (match = string.match(keyword)) {\n\t\tif (match[1] === 'transparent') {\n\t\t\treturn [0, 0, 0, 0];\n\t\t}\n\n\t\trgb = colorNames[match[1]];\n\n\t\tif (!rgb) {\n\t\t\treturn null;\n\t\t}\n\n\t\trgb[3] = 1;\n\n\t\treturn rgb;\n\t} else {\n\t\treturn null;\n\t}\n\n\tfor (i = 0; i < 3; i++) {\n\t\trgb[i] = clamp(rgb[i], 0, 255);\n\t}\n\trgb[3] = clamp(rgb[3], 0, 1);\n\n\treturn rgb;\n};\n\ncs.get.hsl = function (string) {\n\tif (!string) {\n\t\treturn null;\n\t}\n\n\tvar hsl = /^hsla?\\(\\s*([+-]?(?:\\d*\\.)?\\d+)(?:deg)?\\s*,\\s*([+-]?[\\d\\.]+)%\\s*,\\s*([+-]?[\\d\\.]+)%\\s*(?:,\\s*([+-]?[\\d\\.]+)\\s*)?\\)$/;\n\tvar match = string.match(hsl);\n\n\tif (match) {\n\t\tvar alpha = parseFloat(match[4]);\n\t\tvar h = (parseFloat(match[1]) + 360) % 360;\n\t\tvar s = clamp(parseFloat(match[2]), 0, 100);\n\t\tvar l = clamp(parseFloat(match[3]), 0, 100);\n\t\tvar a = clamp(isNaN(alpha) ? 1 : alpha, 0, 1);\n\n\t\treturn [h, s, l, a];\n\t}\n\n\treturn null;\n};\n\ncs.get.hwb = function (string) {\n\tif (!string) {\n\t\treturn null;\n\t}\n\n\tvar hwb = /^hwb\\(\\s*([+-]?\\d*[\\.]?\\d+)(?:deg)?\\s*,\\s*([+-]?[\\d\\.]+)%\\s*,\\s*([+-]?[\\d\\.]+)%\\s*(?:,\\s*([+-]?[\\d\\.]+)\\s*)?\\)$/;\n\tvar match = string.match(hwb);\n\n\tif (match) {\n\t\tvar alpha = parseFloat(match[4]);\n\t\tvar h = ((parseFloat(match[1]) % 360) + 360) % 360;\n\t\tvar w = clamp(parseFloat(match[2]), 0, 100);\n\t\tvar b = clamp(parseFloat(match[3]), 0, 100);\n\t\tvar a = clamp(isNaN(alpha) ? 1 : alpha, 0, 1);\n\t\treturn [h, w, b, a];\n\t}\n\n\treturn null;\n};\n\ncs.to.hex = function () {\n\tvar rgba = swizzle(arguments);\n\n\treturn (\n\t\t'#' +\n\t\thexDouble(rgba[0]) +\n\t\thexDouble(rgba[1]) +\n\t\thexDouble(rgba[2]) +\n\t\t(rgba[3] < 1\n\t\t\t? (hexDouble(Math.round(rgba[3] * 255)))\n\t\t\t: '')\n\t);\n};\n\ncs.to.rgb = function () {\n\tvar rgba = swizzle(arguments);\n\n\treturn rgba.length < 4 || rgba[3] === 1\n\t\t? 'rgb(' + Math.round(rgba[0]) + ', ' + Math.round(rgba[1]) + ', ' + Math.round(rgba[2]) + ')'\n\t\t: 'rgba(' + Math.round(rgba[0]) + ', ' + Math.round(rgba[1]) + ', ' + Math.round(rgba[2]) + ', ' + rgba[3] + ')';\n};\n\ncs.to.rgb.percent = function () {\n\tvar rgba = swizzle(arguments);\n\n\tvar r = Math.round(rgba[0] / 255 * 100);\n\tvar g = Math.round(rgba[1] / 255 * 100);\n\tvar b = Math.round(rgba[2] / 255 * 100);\n\n\treturn rgba.length < 4 || rgba[3] === 1\n\t\t? 'rgb(' + r + '%, ' + g + '%, ' + b + '%)'\n\t\t: 'rgba(' + r + '%, ' + g + '%, ' + b + '%, ' + rgba[3] + ')';\n};\n\ncs.to.hsl = function () {\n\tvar hsla = swizzle(arguments);\n\treturn hsla.length < 4 || hsla[3] === 1\n\t\t? 'hsl(' + hsla[0] + ', ' + hsla[1] + '%, ' + hsla[2] + '%)'\n\t\t: 'hsla(' + hsla[0] + ', ' + hsla[1] + '%, ' + hsla[2] + '%, ' + hsla[3] + ')';\n};\n\n// hwb is a bit different than rgb(a) & hsl(a) since there is no alpha specific syntax\n// (hwb have alpha optional & 1 is default value)\ncs.to.hwb = function () {\n\tvar hwba = swizzle(arguments);\n\n\tvar a = '';\n\tif (hwba.length >= 4 && hwba[3] !== 1) {\n\t\ta = ', ' + hwba[3];\n\t}\n\n\treturn 'hwb(' + hwba[0] + ', ' + hwba[1] + '%, ' + hwba[2] + '%' + a + ')';\n};\n\ncs.to.keyword = function (rgb) {\n\treturn reverseNames[rgb.slice(0, 3)];\n};\n\n// helpers\nfunction clamp(num, min, max) {\n\treturn Math.min(Math.max(min, num), max);\n}\n\nfunction hexDouble(num) {\n\tvar str = num.toString(16).toUpperCase();\n\treturn (str.length < 2) ? '0' + str : str;\n}\n","exports = module.exports = require(\"../node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \":host {\\n display: block; }\\n\\n.o-tabs__header {\\n padding: 0;\\n position: relative;\\n margin: 0 0 15px; }\\n\\n.o-tabs__active-bar {\\n position: absolute;\\n bottom: 0;\\n left: 0;\\n height: 2px;\\n background-color: #07c160;\\n z-index: 1;\\n -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\\n transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\\n transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\\n transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\\n list-style: none; }\\n\\n.o-tabs__new-tab {\\n float: right;\\n border: 1px solid #d3dce6;\\n height: 18px;\\n width: 18px;\\n line-height: 18px;\\n margin: 12px 0 9px 10px;\\n border-radius: 3px;\\n text-align: center;\\n font-size: 12px;\\n color: #d3dce6;\\n cursor: pointer;\\n -webkit-transition: all .15s;\\n transition: all .15s; }\\n\\n.o-tabs__new-tab .o-icon-plus {\\n -webkit-transform: scale(0.8, 0.8);\\n transform: scale(0.8, 0.8); }\\n\\n.o-tabs__new-tab:hover {\\n color: #07c160; }\\n\\n.o-tabs__nav-wrap {\\n overflow: hidden;\\n margin-bottom: -1px;\\n position: relative; }\\n\\n.o-tabs__nav-wrap::after {\\n content: \\\"\\\";\\n position: absolute;\\n left: 0;\\n bottom: 0;\\n width: 100%;\\n height: 2px;\\n background-color: #E4E7ED;\\n z-index: 1; }\\n\\n.o-tabs--border-card > .o-tabs__header .o-tabs__nav-wrap::after,\\n.o-tabs--card > .o-tabs__header .o-tabs__nav-wrap::after {\\n content: none; }\\n\\n.o-tabs__nav-wrap.is-scrollable {\\n padding: 0 20px;\\n -webkit-box-sizing: border-box;\\n box-sizing: border-box; }\\n\\n.o-tabs__nav-scroll {\\n overflow: hidden; }\\n\\n.o-tabs__nav-next,\\n.o-tabs__nav-prev {\\n position: absolute;\\n cursor: pointer;\\n line-height: 44px;\\n font-size: 12px;\\n color: #909399; }\\n\\n.o-tabs__nav-next {\\n right: 0; }\\n\\n.o-tabs__nav-prev {\\n left: 0; }\\n\\n.o-tabs__nav {\\n white-space: nowrap;\\n position: relative;\\n -webkit-transition: -webkit-transform .3s;\\n transition: -webkit-transform .3s;\\n transition: transform .3s;\\n transition: transform .3s, -webkit-transform .3s;\\n float: left;\\n z-index: 2; }\\n\\n.o-tabs__nav.is-stretch {\\n min-width: 100%;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex; }\\n\\n.o-tabs__nav.is-stretch > * {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n text-align: center; }\\n\\n.o-tabs__item {\\n padding: 0 20px;\\n height: 40px;\\n -webkit-box-sizing: border-box;\\n box-sizing: border-box;\\n line-height: 40px;\\n display: inline-block;\\n list-style: none;\\n font-size: 14px;\\n font-weight: 500;\\n color: #303133;\\n position: relative; }\\n\\n.o-tabs__item:focus,\\n.o-tabs__item:focus:active {\\n outline: 0; }\\n\\n.o-tabs__item:focus.is-active.is-focus:not(:active) {\\n -webkit-box-shadow: 0 0 2px 2px #07c160 inset;\\n box-shadow: 0 0 2px 2px #07c160 inset;\\n border-radius: 3px; }\\n\\n.o-tabs__item .o-icon-close {\\n border-radius: 50%;\\n text-align: center;\\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\\n margin-left: 5px; }\\n\\n.o-tabs__item .o-icon-close:before {\\n -webkit-transform: scale(0.9);\\n transform: scale(0.9);\\n display: inline-block; }\\n\\n.o-tabs__item .o-icon-close:hover {\\n background-color: #C0C4CC;\\n color: #FFF; }\\n\\n.o-tabs__item.is-active {\\n color: #07c160; }\\n\\n.o-tabs__item:hover {\\n color: #07c160;\\n cursor: pointer; }\\n\\n.o-tabs__item.is-disabled {\\n color: #C0C4CC;\\n cursor: default; }\\n\\n.o-tabs__content {\\n overflow: hidden;\\n position: relative; }\\n\\n.o-tabs--card > .o-tabs__header {\\n border-bottom: 1px solid #E4E7ED; }\\n\\n.o-tabs--card > .o-tabs__header .o-tabs__nav {\\n border: 1px solid #E4E7ED;\\n border-bottom: none;\\n border-radius: 4px 4px 0 0;\\n -webkit-box-sizing: border-box;\\n box-sizing: border-box; }\\n\\n.o-tabs--card > .o-tabs__header .o-tabs__active-bar {\\n display: none; }\\n\\n.o-tabs--card > .o-tabs__header .o-tabs__item .o-icon-close {\\n position: relative;\\n font-size: 12px;\\n width: 0;\\n height: 14px;\\n vertical-align: middle;\\n line-height: 15px;\\n overflow: hidden;\\n top: -1px;\\n right: -2px;\\n -webkit-transform-origin: 100% 50%;\\n transform-origin: 100% 50%; }\\n\\n.o-tabs--card > .o-tabs__header .o-tabs__item.is-active.is-closable .o-icon-close,\\n.o-tabs--card > .o-tabs__header .o-tabs__item.is-closable:hover .o-icon-close {\\n width: 14px; }\\n\\n.o-tabs--card > .o-tabs__header .o-tabs__item {\\n border-bottom: 1px solid transparent;\\n border-left: 1px solid #E4E7ED;\\n -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\\n transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }\\n\\n.o-tabs--card > .o-tabs__header .o-tabs__item:first-child {\\n border-left: none; }\\n\\n.o-tabs--card > .o-tabs__header .o-tabs__item.is-closable:hover {\\n padding-left: 13px;\\n padding-right: 13px; }\\n\\n.o-tabs--card > .o-tabs__header .o-tabs__item.is-active {\\n border-bottom-color: #FFF; }\\n\\n.o-tabs--card > .o-tabs__header .o-tabs__item.is-active.is-closable {\\n padding-left: 20px;\\n padding-right: 20px; }\\n\\n.o-tabs--border-card {\\n background: #FFF;\\n border: 1px solid #DCDFE6;\\n border-bottom: none; }\\n\\n.o-tabs--border-card.o-tabs--bottom {\\n border: 1px solid #DCDFE6; }\\n\\n.o-tabs--border-card > .o-tabs__content {\\n padding: 15px; }\\n\\n.o-tabs--border-card > .o-tabs__header {\\n background-color: #F5F7FA;\\n border-bottom: 1px solid #E4E7ED;\\n margin: 0; }\\n\\n.o-tabs--border-card > .o-tabs__header .o-tabs__item {\\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\\n border: 1px solid transparent;\\n margin-top: -1px;\\n color: #909399; }\\n\\n.o-tabs--border-card > .o-tabs__header .o-tabs__item + .o-tabs__item,\\n.o-tabs--border-card > .o-tabs__header .o-tabs__item:first-child {\\n margin-left: -1px; }\\n\\n.o-tabs--border-card > .o-tabs__header .o-tabs__item.is-active {\\n color: #07c160;\\n background-color: #FFF;\\n border-right-color: #DCDFE6;\\n border-left-color: #DCDFE6; }\\n\\n.o-tabs--border-card > .o-tabs__header .o-tabs__item:not(.is-disabled):hover {\\n color: #07c160; }\\n\\n.o-tabs--border-card > .o-tabs__header .o-tabs__item.is-disabled {\\n color: #C0C4CC; }\\n\\n.o-tabs--border-card > .o-tabs__header .is-scrollable .o-tabs__item:first-child {\\n margin-left: 0; }\\n\\n.o-tabs--bottom .o-tabs__item.is-bottom:nth-child(2),\\n.o-tabs--bottom .o-tabs__item.is-top:nth-child(2),\\n.o-tabs--top .o-tabs__item.is-bottom:nth-child(2),\\n.o-tabs--top .o-tabs__item.is-top:nth-child(2) {\\n padding-left: 0; }\\n\\n.o-tabs--bottom .o-tabs__item.is-bottom:last-child,\\n.o-tabs--bottom .o-tabs__item.is-top:last-child,\\n.o-tabs--top .o-tabs__item.is-bottom:last-child,\\n.o-tabs--top .o-tabs__item.is-top:last-child {\\n padding-right: 0; }\\n\\n.o-tabs--bottom .o-tabs--left > .o-tabs__header .o-tabs__item:nth-child(2),\\n.o-tabs--bottom .o-tabs--right > .o-tabs__header .o-tabs__item:nth-child(2),\\n.o-tabs--bottom.o-tabs--border-card > .o-tabs__header .o-tabs__item:nth-child(2),\\n.o-tabs--bottom.o-tabs--card > .o-tabs__header .o-tabs__item:nth-child(2),\\n.o-tabs--top .o-tabs--left > .o-tabs__header .o-tabs__item:nth-child(2),\\n.o-tabs--top .o-tabs--right > .o-tabs__header .o-tabs__item:nth-child(2),\\n.o-tabs--top.o-tabs--border-card > .o-tabs__header .o-tabs__item:nth-child(2),\\n.o-tabs--top.o-tabs--card > .o-tabs__header .o-tabs__item:nth-child(2) {\\n padding-left: 20px; }\\n\\n.o-tabs--bottom .o-tabs--left > .o-tabs__header .o-tabs__item:last-child,\\n.o-tabs--bottom .o-tabs--right > .o-tabs__header .o-tabs__item:last-child,\\n.o-tabs--bottom.o-tabs--border-card > .o-tabs__header .o-tabs__item:last-child,\\n.o-tabs--bottom.o-tabs--card > .o-tabs__header .o-tabs__item:last-child,\\n.o-tabs--top .o-tabs--left > .o-tabs__header .o-tabs__item:last-child,\\n.o-tabs--top .o-tabs--right > .o-tabs__header .o-tabs__item:last-child,\\n.o-tabs--top.o-tabs--border-card > .o-tabs__header .o-tabs__item:last-child,\\n.o-tabs--top.o-tabs--card > .o-tabs__header .o-tabs__item:last-child {\\n padding-right: 20px; }\\n\\n.o-tabs--bottom.o-tabs--border-card {\\n border-top: none; }\\n\\n.o-tabs--bottom.o-tabs--border-card .o-tabs__header.is-bottom {\\n border-bottom: 0;\\n border-top: 1px solid #DCDFE6; }\\n\\n.o-tabs--bottom.o-tabs--border-card .o-tabs__nav-wrap.is-bottom {\\n margin-top: -1px;\\n margin-bottom: 0; }\\n\\n.o-tabs--bottom.o-tabs--border-card .o-tabs__item.is-bottom:not(.is-active) {\\n border: 1px solid transparent; }\\n\\n.o-tabs--bottom.o-tabs--border-card .o-tabs__item.is-bottom {\\n margin: 0 -1px -1px; }\\n\\n.o-tabs--left,\\n.o-tabs--right {\\n overflow: hidden; }\\n\\n.o-tabs--left .o-tabs__header.is-left,\\n.o-tabs--left .o-tabs__header.is-right,\\n.o-tabs--left .o-tabs__nav-scroll,\\n.o-tabs--left .o-tabs__nav-wrap.is-left,\\n.o-tabs--left .o-tabs__nav-wrap.is-right,\\n.o-tabs--right .o-tabs__header.is-left,\\n.o-tabs--right .o-tabs__header.is-right,\\n.o-tabs--right .o-tabs__nav-scroll,\\n.o-tabs--right .o-tabs__nav-wrap.is-left,\\n.o-tabs--right .o-tabs__nav-wrap.is-right {\\n height: 100%; }\\n\\n.o-tabs--left .o-tabs__active-bar.is-left,\\n.o-tabs--left .o-tabs__active-bar.is-right,\\n.o-tabs--right .o-tabs__active-bar.is-left,\\n.o-tabs--right .o-tabs__active-bar.is-right {\\n top: 0;\\n bottom: auto;\\n width: 2px;\\n height: auto; }\\n\\n.o-tabs--left .o-tabs__nav-wrap.is-left,\\n.o-tabs--left .o-tabs__nav-wrap.is-right,\\n.o-tabs--right .o-tabs__nav-wrap.is-left,\\n.o-tabs--right .o-tabs__nav-wrap.is-right {\\n margin-bottom: 0; }\\n\\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-next,\\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev,\\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-next,\\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev,\\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-next,\\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev,\\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-next,\\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev {\\n height: 30px;\\n line-height: 30px;\\n width: 100%;\\n text-align: center;\\n cursor: pointer; }\\n\\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-next i,\\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev i,\\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-next i,\\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev i,\\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-next i,\\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev i,\\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-next i,\\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev i {\\n -webkit-transform: rotateZ(90deg);\\n transform: rotateZ(90deg); }\\n\\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev,\\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev,\\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev,\\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev {\\n left: auto;\\n top: 0; }\\n\\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-next,\\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-next,\\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-next,\\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-next {\\n right: auto;\\n bottom: 0; }\\n\\n.o-tabs--left .o-tabs__active-bar.is-left,\\n.o-tabs--left .o-tabs__nav-wrap.is-left::after {\\n right: 0;\\n left: auto; }\\n\\n.o-tabs--left .o-tabs__nav-wrap.is-left.is-scrollable,\\n.o-tabs--left .o-tabs__nav-wrap.is-right.is-scrollable,\\n.o-tabs--right .o-tabs__nav-wrap.is-left.is-scrollable,\\n.o-tabs--right .o-tabs__nav-wrap.is-right.is-scrollable {\\n padding: 30px 0; }\\n\\n.o-tabs--left .o-tabs__nav-wrap.is-left::after,\\n.o-tabs--left .o-tabs__nav-wrap.is-right::after,\\n.o-tabs--right .o-tabs__nav-wrap.is-left::after,\\n.o-tabs--right .o-tabs__nav-wrap.is-right::after {\\n height: 100%;\\n width: 2px;\\n bottom: auto;\\n top: 0; }\\n\\n.o-tabs--left .o-tabs__nav.is-left,\\n.o-tabs--left .o-tabs__nav.is-right,\\n.o-tabs--right .o-tabs__nav.is-left,\\n.o-tabs--right .o-tabs__nav.is-right {\\n float: none; }\\n\\n.o-tabs--left .o-tabs__item.is-left,\\n.o-tabs--left .o-tabs__item.is-right,\\n.o-tabs--right .o-tabs__item.is-left,\\n.o-tabs--right .o-tabs__item.is-right {\\n display: block; }\\n\\n.o-tabs--left.o-tabs--card .o-tabs__active-bar.is-left,\\n.o-tabs--right.o-tabs--card .o-tabs__active-bar.is-right {\\n display: none; }\\n\\n.o-tabs--left .o-tabs__header.is-left {\\n float: left;\\n margin-bottom: 0;\\n margin-right: 10px; }\\n\\n.o-tabs--left .o-tabs__nav-wrap.is-left {\\n margin-right: -1px; }\\n\\n.o-tabs--left .o-tabs__item.is-left {\\n text-align: right; }\\n\\n.o-tabs--left.o-tabs--card .o-tabs__item.is-left {\\n border-left: none;\\n border-right: 1px solid #E4E7ED;\\n border-bottom: none;\\n border-top: 1px solid #E4E7ED;\\n text-align: left; }\\n\\n.o-tabs--left.o-tabs--card .o-tabs__item.is-left:first-child {\\n border-right: 1px solid #E4E7ED;\\n border-top: none; }\\n\\n.o-tabs--left.o-tabs--card .o-tabs__item.is-left.is-active {\\n border: 1px solid #E4E7ED;\\n border-right-color: #fff;\\n border-left: none;\\n border-bottom: none; }\\n\\n.o-tabs--left.o-tabs--card .o-tabs__item.is-left.is-active:first-child {\\n border-top: none; }\\n\\n.o-tabs--left.o-tabs--card .o-tabs__item.is-left.is-active:last-child {\\n border-bottom: none; }\\n\\n.o-tabs--left.o-tabs--card .o-tabs__nav {\\n border-radius: 4px 0 0 4px;\\n border-bottom: 1px solid #E4E7ED;\\n border-right: none; }\\n\\n.o-tabs--left.o-tabs--card .o-tabs__new-tab {\\n float: none; }\\n\\n.o-tabs--left.o-tabs--border-card .o-tabs__header.is-left {\\n border-right: 1px solid #dfe4ed; }\\n\\n.o-tabs--left.o-tabs--border-card .o-tabs__item.is-left {\\n border: 1px solid transparent;\\n margin: -1px 0 -1px -1px; }\\n\\n.o-tabs--left.o-tabs--border-card .o-tabs__item.is-left.is-active {\\n border-color: #d1dbe5 transparent; }\\n\\n.o-tabs--right .o-tabs__header.is-right {\\n float: right;\\n margin-bottom: 0;\\n margin-left: 10px; }\\n\\n.o-tabs--right .o-tabs__nav-wrap.is-right {\\n margin-left: -1px; }\\n\\n.o-tabs--right .o-tabs__nav-wrap.is-right::after {\\n left: 0;\\n right: auto; }\\n\\n.o-tabs--right .o-tabs__active-bar.is-right {\\n left: 0; }\\n\\n.o-tabs--right.o-tabs--card .o-tabs__item.is-right {\\n border-bottom: none;\\n border-top: 1px solid #E4E7ED; }\\n\\n.o-tabs--right.o-tabs--card .o-tabs__item.is-right:first-child {\\n border-left: 1px solid #E4E7ED;\\n border-top: none; }\\n\\n.o-tabs--right.o-tabs--card .o-tabs__item.is-right.is-active {\\n border: 1px solid #E4E7ED;\\n border-left-color: #fff;\\n border-right: none;\\n border-bottom: none; }\\n\\n.o-tabs--right.o-tabs--card .o-tabs__item.is-right.is-active:first-child {\\n border-top: none; }\\n\\n.o-tabs--right.o-tabs--card .o-tabs__item.is-right.is-active:last-child {\\n border-bottom: none; }\\n\\n.o-tabs--right.o-tabs--card .o-tabs__nav {\\n border-radius: 0 4px 4px 0;\\n border-bottom: 1px solid #E4E7ED;\\n border-left: none; }\\n\\n.o-tabs--right.o-tabs--border-card .o-tabs__header.is-right {\\n border-left: 1px solid #dfe4ed; }\\n\\n.o-tabs--right.o-tabs--border-card .o-tabs__item.is-right {\\n border: 1px solid transparent;\\n margin: -1px -1px -1px 0; }\\n\\n.o-tabs--right.o-tabs--border-card .o-tabs__item.is-right.is-active {\\n border-color: #d1dbe5 transparent; }\\n\\n.slideInLeft-transition,\\n.slideInRight-transition {\\n display: inline-block; }\\n\\n.slideInRight-enter {\\n -webkit-animation: slideInRight-enter .3s;\\n animation: slideInRight-enter .3s; }\\n\\n.slideInRight-leave {\\n position: absolute;\\n left: 0;\\n right: 0;\\n -webkit-animation: slideInRight-leave .3s;\\n animation: slideInRight-leave .3s; }\\n\\n.slideInLeft-enter {\\n -webkit-animation: slideInLeft-enter .3s;\\n animation: slideInLeft-enter .3s; }\\n\\n.slideInLeft-leave {\\n position: absolute;\\n left: 0;\\n right: 0;\\n -webkit-animation: slideInLeft-leave .3s;\\n animation: slideInLeft-leave .3s; }\\n\\n@-webkit-keyframes slideInRight-enter {\\n 0% {\\n opacity: 0;\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(100%);\\n transform: translateX(100%); }\\n to {\\n opacity: 1;\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(0);\\n transform: translateX(0); } }\\n\\n@keyframes slideInRight-enter {\\n 0% {\\n opacity: 0;\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(100%);\\n transform: translateX(100%); }\\n to {\\n opacity: 1;\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(0);\\n transform: translateX(0); } }\\n\\n@-webkit-keyframes slideInRight-leave {\\n 0% {\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(0);\\n transform: translateX(0);\\n opacity: 1; }\\n 100% {\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(100%);\\n transform: translateX(100%);\\n opacity: 0; } }\\n\\n@keyframes slideInRight-leave {\\n 0% {\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(0);\\n transform: translateX(0);\\n opacity: 1; }\\n 100% {\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(100%);\\n transform: translateX(100%);\\n opacity: 0; } }\\n\\n@-webkit-keyframes slideInLeft-enter {\\n 0% {\\n opacity: 0;\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(-100%);\\n transform: translateX(-100%); }\\n to {\\n opacity: 1;\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(0);\\n transform: translateX(0); } }\\n\\n@keyframes slideInLeft-enter {\\n 0% {\\n opacity: 0;\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(-100%);\\n transform: translateX(-100%); }\\n to {\\n opacity: 1;\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(0);\\n transform: translateX(0); } }\\n\\n@-webkit-keyframes slideInLeft-leave {\\n 0% {\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(0);\\n transform: translateX(0);\\n opacity: 1; }\\n 100% {\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(-100%);\\n transform: translateX(-100%);\\n opacity: 0; } }\\n\\n@keyframes slideInLeft-leave {\\n 0% {\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(0);\\n transform: translateX(0);\\n opacity: 1; }\\n 100% {\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(-100%);\\n transform: translateX(-100%);\\n opacity: 0; } }\\n\", \"\"]);\n\n// exports\n","/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function(useSourceMap) {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\treturn this.map(function (item) {\n\t\t\tvar content = cssWithMappingToString(item, useSourceMap);\n\t\t\tif(item[2]) {\n\t\t\t\treturn \"@media \" + item[2] + \"{\" + content + \"}\";\n\t\t\t} else {\n\t\t\t\treturn content;\n\t\t\t}\n\t\t}).join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t// when a module is imported multiple times with different media queries.\n\t\t\t// I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n\tvar content = item[1] || '';\n\tvar cssMapping = item[3];\n\tif (!cssMapping) {\n\t\treturn content;\n\t}\n\n\tif (useSourceMap && typeof btoa === 'function') {\n\t\tvar sourceMapping = toComment(cssMapping);\n\t\tvar sourceURLs = cssMapping.sources.map(function (source) {\n\t\t\treturn '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'\n\t\t});\n\n\t\treturn [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n\t}\n\n\treturn [content].join('\\n');\n}\n\n// Adapted from convert-source-map (MIT)\nfunction toComment(sourceMap) {\n\t// eslint-disable-next-line no-undef\n\tvar base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n\tvar data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n\n\treturn '/*# ' + data + ' */';\n}\n","module.exports = function isArrayish(obj) {\n\tif (!obj || typeof obj === 'string') {\n\t\treturn false;\n\t}\n\n\treturn obj instanceof Array || Array.isArray(obj) ||\n\t\t(obj.length >= 0 && (obj.splice instanceof Function ||\n\t\t\t(Object.getOwnPropertyDescriptor(obj, (obj.length - 1)) && obj.constructor.name !== 'String')));\n};\n","'use strict';\n\nvar isArrayish = require('is-arrayish');\n\nvar concat = Array.prototype.concat;\nvar slice = Array.prototype.slice;\n\nvar swizzle = module.exports = function swizzle(args) {\n\tvar results = [];\n\n\tfor (var i = 0, len = args.length; i < len; i++) {\n\t\tvar arg = args[i];\n\n\t\tif (isArrayish(arg)) {\n\t\t\t// http://jsperf.com/javascript-array-concat-vs-push/98\n\t\t\tresults = concat.call(results, slice.call(arg));\n\t\t} else {\n\t\t\tresults.push(arg);\n\t\t}\n\t}\n\n\treturn results;\n};\n\nswizzle.wrap = function (fn) {\n\treturn function () {\n\t\treturn fn(swizzle(arguments));\n\t};\n};\n","\n var result = require(\"!!../node_modules/_css-loader@1.0.1@css-loader/index.js!../node_modules/_resolve-url-loader@3.1.1@resolve-url-loader/index.js!../node_modules/_sass-loader@7.3.1@sass-loader/dist/cjs.js??ref--4-3!./index.scss\");\n\n if (typeof result === \"string\") {\n module.exports = result;\n } else {\n module.exports = result.toString();\n }\n ","\"use strict\";\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar omi_1 = require(\"omi\");\nvar css = require(\"./index.scss\");\n//@ts-ignore\nrequire(\"../theme.ts\");\nvar Tabs = /** @class */ (function (_super) {\n __extends(Tabs, _super);\n function Tabs() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.onTabClick = function (evt, index) {\n _this.setActiveBar(evt.currentTarget, index);\n };\n return _this;\n }\n Tabs.prototype.setActiveBar = function (ele, index) {\n var rect = ele.getBoundingClientRect();\n this._x = rect.left - this.baseRect.left;\n this._width = rect.width;\n if (index === 0) {\n this._x = 0;\n this._width -= 20;\n }\n else if (index === this.props.list.length - 1) {\n this._x += 20;\n this._width -= 20;\n }\n else {\n this._x += 20;\n this._width -= 40;\n }\n this.updateProps({\n activeIndex: index\n });\n };\n Tabs.prototype.installed = function () {\n this.baseRect = this.rootNode.getBoundingClientRect();\n this.setActiveBar(this['$tab' + this.props.activeIndex], this.props.activeIndex);\n };\n Tabs.prototype.render = function (props) {\n var _a, _b, _c, _d, _e;\n var _this = this;\n var activeBarStyle = (props.position === 'left' || props.position === 'right') ? {\n height: \"40px\",\n transform: \"translateY(\" + props.activeIndex * 40 + \"px)\"\n } : {\n width: this._width + \"px\",\n transform: \"translateX(\" + this._x + \"px)\"\n };\n console.log(activeBarStyle);\n return (omi_1.h(\"div\", __assign({}, omi_1.extractClass(props, 'o-tabs', (_a = {},\n _a[\"o-tabs--\" + props.position] = props.position,\n _a[\"o-tabs--\" + props.type] = props.type,\n _a))),\n omi_1.h(\"div\", { class: omi_1.classNames('o-tabs__header', (_b = {},\n _b[\"is-\" + props.position] = props.position,\n _b)) },\n omi_1.h(\"div\", { class: omi_1.classNames('o-tabs__nav-wrap', (_c = {},\n _c[\"is-\" + props.position] = props.position,\n _c)) },\n omi_1.h(\"div\", { class: \"o-tabs__nav-scroll\" },\n omi_1.h(\"div\", { role: \"tablist\", class: omi_1.classNames('o-tabs__nav', (_d = {},\n _d[\"is-\" + props.position] = props.position,\n _d)) },\n !props.type && omi_1.h(\"div\", { class: omi_1.classNames('o-tabs__active-bar', (_e = {},\n _e[\"is-\" + props.position] = props.position,\n _e)), style: activeBarStyle }),\n props.list.map(function (tab, index) {\n var _a;\n return omi_1.h(\"div\", __assign({ ref: function (e) { _this['$tab' + index] = e; }, role: \"tab\", onClick: function (evt) { return _this.onTabClick(evt, index); }, tabindex: props.active === index ? '0' : -1 }, omi_1.extractClass(props, 'o-tabs__item', (_a = {},\n _a[\"is-\" + props.position] = props.position,\n _a['is-active'] = props.activeIndex === index,\n _a))), tab);\n })))))));\n };\n Tabs.css = css;\n Tabs.defaultProps = {\n position: 'top'\n };\n Tabs.propTypes = {\n list: Array,\n activeIndex: Number,\n type: String,\n position: String\n };\n Tabs = __decorate([\n omi_1.tag('o-tabs')\n ], Tabs);\n return Tabs;\n}(omi_1.WeElement));\nexports.default = Tabs;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar Color = require(\"./color\");\ntheme();\ndocument.addEventListener('DOMContentLoaded', function () {\n theme();\n});\nfunction theme() {\n if (document.body && !document.body.style.getPropertyValue('--o-primary')) {\n setTheme('primary', '#07c160');\n setTheme('danger', '#f5222d');\n setTheme('surface', '#ffffff');\n setTheme('on-primary', '#ffffff');\n setTheme('on-danger', '#ffffff');\n setTheme('on-surface', '#000000');\n setTheme('background', '#ffffff');\n setTheme('small-radius', '4px');\n setTheme('medium-radius', '4px');\n setTheme('large-radius', '0px');\n setTheme('font-family', '-apple-system-font,\"Helvetica Neue\",sans-serif');\n }\n}\nfunction setTheme(key, value) {\n var style = document.body.style;\n style.setProperty('--o-' + key, value);\n switch (key) {\n case 'primary':\n style.setProperty('--o-primary-fade-little', Color(value).fade(0.382));\n style.setProperty('--o-primary-fade-some', Color(value).fade(0.618));\n style.setProperty('--o-primary-fade-lot', Color(value).fade(0.9));\n style.setProperty('--o-primary-active', Color(value).darken(0.1));\n style.setProperty('--o-primary-hover-border', Color(value).fade(0.618));\n style.setProperty('--o-primary-hover-bg', Color(value).fade(0.9));\n break;\n case 'danger':\n style.setProperty('--o-danger-fade-little', Color(value).fade(0.382));\n style.setProperty('--o-danger-fade-some', Color(value).fade(0.618));\n style.setProperty('--o-danger-fade-lot', Color(value).fade(0.9));\n style.setProperty('--o-danger-active', Color(value).darken(0.1));\n break;\n }\n}\nif (typeof window !== undefined) {\n //@ts-ignore\n window.Omiu = {\n setTheme: setTheme,\n setThemePrimary: function (color) {\n setTheme('primary', color);\n },\n setThemeError: function (color) {\n setTheme('error', color);\n }\n };\n}\n","module.exports = __WEBPACK_EXTERNAL_MODULE_omi__;"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack://OTree/webpack/universalModuleDefinition","webpack://OTree/webpack/bootstrap","webpack://OTree/./color.js","webpack://OTree/./node_modules/_color-convert@1.9.3@color-convert/conversions.js","webpack://OTree/./node_modules/_color-convert@1.9.3@color-convert/index.js","webpack://OTree/./node_modules/_color-convert@1.9.3@color-convert/route.js","webpack://OTree/./node_modules/_color-name@1.1.3@color-name/index.js","webpack://OTree/./node_modules/_color-name@1.1.4@color-name/index.js","webpack://OTree/./node_modules/_color-string@1.5.3@color-string/index.js","webpack://OTree/./src/index.scss","webpack://OTree/./node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js","webpack://OTree/./node_modules/_is-arrayish@0.3.2@is-arrayish/index.js","webpack://OTree/./node_modules/_simple-swizzle@0.2.2@simple-swizzle/index.js","webpack://OTree/./src/index.scss?56db","webpack://OTree/./src/index.tsx","webpack://OTree/./theme.ts","webpack://OTree/external {\"commonjs\":\"omi\",\"commonjs2\":\"omi\",\"amd\":\"omi\",\"root\":\"Omi\"}"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD,O;QCVA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;;;;;;AClFa;AACb,kBAAkB,mBAAO,CAAC,8EAAc;AACxC,cAAc,mBAAO,CAAC,iFAAe;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB;AACtB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,mBAAmB;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,cAAc;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,uBAAuB,cAAc;AACrC;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,wEAAwE,kCAAkC,EAAE;AAC5G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,uBAAuB,gBAAgB;AACvC;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL;AACA;AACA,uBAAuB,OAAO;AAC9B;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,YAAY;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACjYA;AACA,kBAAkB,mBAAO,CAAC,wEAAY;;AAEtC;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,OAAO,2BAA2B;AAClC,OAAO,2BAA2B;AAClC,OAAO,2BAA2B;AAClC,OAAO,2BAA2B;AAClC,QAAQ,4BAA4B;AACpC,OAAO,2BAA2B;AAClC,OAAO,2BAA2B;AAClC,OAAO,2BAA2B;AAClC,OAAO,6BAA6B;AACpC,WAAW,iCAAiC;AAC5C,UAAU,gCAAgC;AAC1C,WAAW,iCAAiC;AAC5C,OAAO,qCAAqC;AAC5C,SAAS,2CAA2C;AACpD,QAAQ;AACR;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,qDAAqD,gBAAgB;AACrE,mDAAmD,cAAc;AACjE;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,EAAE;AACF;AACA,EAAE;AACF;AACA,EAAE;AACF;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA,EAAE;AACF;AACA,EAAE;AACF;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,EAAE;AACF;AACA;AACA;AACA;;AAEA;AACA;AACA,GAAG;AACH;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA,EAAE;AACF;AACA;;AAEA;;AAEA;AACA,gBAAgB,OAAO;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,GAAG;AACH;AACA,GAAG;AACH;AACA,GAAG;AACH;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA,uBAAuB;;AAEvB;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgB,OAAO,QAAQ;AAC/B,gBAAgB,OAAO,QAAQ;AAC/B,iBAAiB,OAAO,OAAO;AAC/B,iBAAiB,OAAO,OAAO;AAC/B,gBAAgB,QAAQ,OAAO;AAC/B,gBAAgB,QAAQ,OAAO;AAC/B;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA,sEAAsE;;AAEtE;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA,sBAAsB;AACtB;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA,+CAA+C,EAAE,UAAU,EAAE;AAC7D;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,EAAE;AACF;AACA;;AAEA;AACA;AACA,EAAE;AACF;AACA;AACA,EAAE;AACF;AACA;AACA,EAAE;AACF;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,EAAE;AACF;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,eAAe,aAAa,aAAa;AACzC;AACA,eAAe,aAAa,aAAa;AACzC;AACA,eAAe,aAAa,aAAa;AACzC;AACA,eAAe,aAAa,aAAa;AACzC;AACA,eAAe,aAAa,aAAa;AACzC;AACA,eAAe,aAAa;AAC5B;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA,EAAE;AACF;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;;;;ACn2BA,kBAAkB,mBAAO,CAAC,uFAAe;AACzC,YAAY,mBAAO,CAAC,2EAAS;;AAE7B;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA,kCAAkC;AAClC;AACA;AACA,uCAAuC,SAAS;AAChD;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA,wDAAwD,uCAAuC;AAC/F,sDAAsD,qCAAqC;;AAE3F;AACA;;AAEA;AACA;;AAEA;AACA;AACA,EAAE;AACF,CAAC;;AAED;;;;;;;;;;;;AC7EA,kBAAkB,mBAAO,CAAC,uFAAe;;AAEzC;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA,qCAAqC,SAAS;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,yBAAyB;;AAEzB;;AAEA;AACA;AACA;;AAEA,yCAAyC,SAAS;AAClD;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA,qCAAqC,SAAS;AAC9C;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;;;;;;;;;;;;;AC/FY;;AAEZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACvJY;;AAEZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACvJA;AACA,iBAAiB,mBAAO,CAAC,wEAAY;AACrC,cAAc,mBAAO,CAAC,oFAAgB;;AAEtC;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,OAAO;AACP;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA,SAAS;AACT;;AAEA;AACA;AACA;AACA;;AAEA,yBAAyB,IAAI;AAC7B,wBAAwB,EAAE,WAAW,EAAE;AACvC;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA,aAAa,OAAO;AACpB;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,EAAE;AACF;AACA;;AAEA,aAAa,OAAO;AACpB;AACA;;AAEA;AACA;AACA;AACA,EAAE;AACF,aAAa,OAAO;AACpB;AACA;;AAEA;AACA;AACA;AACA,EAAE;AACF,aAAa,OAAO;AACpB;AACA;;AAEA;AACA;AACA;AACA,EAAE;AACF;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA,EAAE;AACF;AACA;;AAEA,YAAY,OAAO;AACnB;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;;;;ACzOA,2BAA2B,mBAAO,CAAC,iIAA8D;AACjG;;;AAGA;AACA,cAAc,QAAS,UAAU,mBAAmB,EAAE,qBAAqB,eAAe,uBAAuB,qBAAqB,EAAE,yBAAyB,uBAAuB,cAAc,YAAY,gBAAgB,8BAA8B,eAAe,oFAAoF,4EAA4E,oEAAoE,iIAAiI,qBAAqB,EAAE,sBAAsB,iBAAiB,8BAA8B,iBAAiB,gBAAgB,sBAAsB,4BAA4B,uBAAuB,uBAAuB,oBAAoB,mBAAmB,oBAAoB,iCAAiC,yBAAyB,EAAE,mCAAmC,uCAAuC,+BAA+B,EAAE,4BAA4B,mBAAmB,EAAE,uBAAuB,qBAAqB,wBAAwB,uBAAuB,EAAE,8BAA8B,kBAAkB,uBAAuB,YAAY,cAAc,gBAAgB,gBAAgB,8BAA8B,eAAe,EAAE,gIAAgI,kBAAkB,EAAE,qCAAqC,oBAAoB,mCAAmC,2BAA2B,EAAE,yBAAyB,qBAAqB,EAAE,2CAA2C,uBAAuB,oBAAoB,sBAAsB,oBAAoB,mBAAmB,EAAE,uBAAuB,aAAa,EAAE,uBAAuB,YAAY,EAAE,kBAAkB,wBAAwB,uBAAuB,8CAA8C,sCAAsC,8BAA8B,qDAAqD,gBAAgB,eAAe,EAAE,6BAA6B,oBAAoB,yBAAyB,yBAAyB,kBAAkB,EAAE,iCAAiC,wBAAwB,gBAAgB,YAAY,uBAAuB,EAAE,mBAAmB,oBAAoB,iBAAiB,mCAAmC,2BAA2B,sBAAsB,0BAA0B,qBAAqB,oBAAoB,qBAAqB,mBAAmB,uBAAuB,EAAE,sDAAsD,eAAe,EAAE,yDAAyD,kDAAkD,0CAA0C,uBAAuB,EAAE,uCAAuC,wBAAwB,EAAE,iCAAiC,uBAAuB,uBAAuB,uBAAuB,sEAAsE,8DAA8D,qBAAqB,EAAE,wCAAwC,kCAAkC,0BAA0B,0BAA0B,EAAE,uCAAuC,8BAA8B,gBAAgB,EAAE,6BAA6B,mBAAmB,EAAE,yBAAyB,mBAAmB,oBAAoB,EAAE,+BAA+B,mBAAmB,oBAAoB,EAAE,sBAAsB,qBAAqB,uBAAuB,EAAE,qCAAqC,qCAAqC,EAAE,kDAAkD,8BAA8B,wBAAwB,+BAA+B,mCAAmC,2BAA2B,EAAE,yDAAyD,kBAAkB,EAAE,iEAAiE,uBAAuB,oBAAoB,aAAa,iBAAiB,2BAA2B,sBAAsB,qBAAqB,cAAc,gBAAgB,uCAAuC,+BAA+B,EAAE,uKAAuK,gBAAgB,EAAE,mDAAmD,yCAAyC,mCAAmC,2HAA2H,mHAAmH,EAAE,+DAA+D,sBAAsB,EAAE,qEAAqE,uBAAuB,wBAAwB,EAAE,6DAA6D,8BAA8B,EAAE,yEAAyE,uBAAuB,wBAAwB,EAAE,0BAA0B,qBAAqB,8BAA8B,wBAAwB,EAAE,yCAAyC,8BAA8B,EAAE,6CAA6C,kBAAkB,EAAE,4CAA4C,8BAA8B,qCAAqC,cAAc,EAAE,0DAA0D,sEAAsE,8DAA8D,kCAAkC,qBAAqB,mBAAmB,EAAE,6IAA6I,sBAAsB,EAAE,oEAAoE,mBAAmB,2BAA2B,gCAAgC,+BAA+B,EAAE,kFAAkF,mBAAmB,EAAE,sEAAsE,mBAAmB,EAAE,qFAAqF,mBAAmB,EAAE,mNAAmN,oBAAoB,EAAE,2MAA2M,qBAAqB,EAAE,2mBAA2mB,uBAAuB,EAAE,2lBAA2lB,wBAAwB,EAAE,yCAAyC,qBAAqB,EAAE,mEAAmE,qBAAqB,kCAAkC,EAAE,qEAAqE,qBAAqB,qBAAqB,EAAE,iFAAiF,kCAAkC,EAAE,iEAAiE,wBAAwB,EAAE,oCAAoC,qBAAqB,EAAE,4ZAA4Z,iBAAiB,EAAE,uLAAuL,WAAW,iBAAiB,eAAe,iBAAiB,EAAE,+KAA+K,qBAAqB,EAAE,2fAA2f,iBAAiB,sBAAsB,gBAAgB,uBAAuB,oBAAoB,EAAE,2gBAA2gB,sCAAsC,8BAA8B,EAAE,+PAA+P,eAAe,WAAW,EAAE,+PAA+P,gBAAgB,cAAc,EAAE,gGAAgG,aAAa,eAAe,EAAE,uOAAuO,oBAAoB,EAAE,2MAA2M,iBAAiB,eAAe,iBAAiB,WAAW,EAAE,2JAA2J,gBAAgB,EAAE,+JAA+J,mBAAmB,EAAE,uHAAuH,kBAAkB,EAAE,2CAA2C,gBAAgB,qBAAqB,uBAAuB,EAAE,6CAA6C,uBAAuB,EAAE,yCAAyC,sBAAsB,EAAE,sDAAsD,sBAAsB,oCAAoC,wBAAwB,kCAAkC,qBAAqB,EAAE,kEAAkE,oCAAoC,qBAAqB,EAAE,gEAAgE,8BAA8B,6BAA6B,sBAAsB,wBAAwB,EAAE,4EAA4E,qBAAqB,EAAE,2EAA2E,wBAAwB,EAAE,6CAA6C,+BAA+B,qCAAqC,uBAAuB,EAAE,iDAAiD,gBAAgB,EAAE,+DAA+D,oCAAoC,EAAE,6DAA6D,kCAAkC,6BAA6B,EAAE,uEAAuE,sCAAsC,EAAE,6CAA6C,iBAAiB,qBAAqB,sBAAsB,EAAE,+CAA+C,sBAAsB,EAAE,sDAAsD,YAAY,gBAAgB,EAAE,iDAAiD,YAAY,EAAE,wDAAwD,wBAAwB,kCAAkC,EAAE,oEAAoE,mCAAmC,qBAAqB,EAAE,kEAAkE,8BAA8B,4BAA4B,uBAAuB,wBAAwB,EAAE,8EAA8E,qBAAqB,EAAE,6EAA6E,wBAAwB,EAAE,8CAA8C,+BAA+B,qCAAqC,sBAAsB,EAAE,iEAAiE,mCAAmC,EAAE,+DAA+D,kCAAkC,6BAA6B,EAAE,yEAAyE,sCAAsC,EAAE,wDAAwD,0BAA0B,EAAE,yBAAyB,8CAA8C,sCAAsC,EAAE,yBAAyB,uBAAuB,YAAY,aAAa,8CAA8C,sCAAsC,EAAE,wBAAwB,6CAA6C,qCAAqC,EAAE,wBAAwB,uBAAuB,YAAY,aAAa,6CAA6C,qCAAqC,EAAE,2CAA2C,QAAQ,iBAAiB,oCAAoC,4BAA4B,0CAA0C,kCAAkC,EAAE,QAAQ,iBAAiB,oCAAoC,4BAA4B,uCAAuC,+BAA+B,EAAE,EAAE,mCAAmC,QAAQ,iBAAiB,oCAAoC,4BAA4B,0CAA0C,kCAAkC,EAAE,QAAQ,iBAAiB,oCAAoC,4BAA4B,uCAAuC,+BAA+B,EAAE,EAAE,2CAA2C,QAAQ,oCAAoC,4BAA4B,uCAAuC,+BAA+B,iBAAiB,EAAE,UAAU,oCAAoC,4BAA4B,0CAA0C,kCAAkC,iBAAiB,EAAE,EAAE,mCAAmC,QAAQ,oCAAoC,4BAA4B,uCAAuC,+BAA+B,iBAAiB,EAAE,UAAU,oCAAoC,4BAA4B,0CAA0C,kCAAkC,iBAAiB,EAAE,EAAE,0CAA0C,QAAQ,iBAAiB,oCAAoC,4BAA4B,2CAA2C,mCAAmC,EAAE,QAAQ,iBAAiB,oCAAoC,4BAA4B,uCAAuC,+BAA+B,EAAE,EAAE,kCAAkC,QAAQ,iBAAiB,oCAAoC,4BAA4B,2CAA2C,mCAAmC,EAAE,QAAQ,iBAAiB,oCAAoC,4BAA4B,uCAAuC,+BAA+B,EAAE,EAAE,0CAA0C,QAAQ,oCAAoC,4BAA4B,uCAAuC,+BAA+B,iBAAiB,EAAE,UAAU,oCAAoC,4BAA4B,2CAA2C,mCAAmC,iBAAiB,EAAE,EAAE,kCAAkC,QAAQ,oCAAoC,4BAA4B,uCAAuC,+BAA+B,iBAAiB,EAAE,UAAU,oCAAoC,4BAA4B,2CAA2C,mCAAmC,iBAAiB,EAAE,EAAE,mBAAmB,0BAA0B,6BAA6B,EAAE;;AAEr1lB;;;;;;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,mCAAmC,gBAAgB;AACnD,IAAI;AACJ;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA,gBAAgB,iBAAiB;AACjC;AACA;AACA;AACA;AACA,YAAY,oBAAoB;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,GAAG;;AAEH;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA,oDAAoD,cAAc;;AAElE;AACA;;;;;;;;;;;;AC3EA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;;;;;;;;;;;ACRa;;AAEb,iBAAiB,mBAAO,CAAC,2EAAa;;AAEtC;AACA;;AAEA;AACA;;AAEA,mCAAmC,SAAS;AAC5C;;AAEA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;AC3BA,qBAAqB,mBAAO,CAAC,2YAAiN;;AAE9O;AACA;AACA,SAAS;AACT;AACA;;;;;;;;;;;;;ACPa;AACb;AACA;AACA;AACA,cAAc,gBAAgB,sCAAsC,iBAAiB,EAAE;AACvF,6BAA6B,uDAAuD;AACpF;AACA;AACA;AACA;AACA,uBAAuB,sBAAsB;AAC7C;AACA;AACA,CAAC;AACD;AACA;AACA,gDAAgD,OAAO;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4CAA4C,QAAQ;AACpD;AACA;AACA,8CAA8C,cAAc;AAC5D,YAAY,mBAAO,CAAC,gBAAK;AACzB,UAAU,mBAAO,CAAC,sCAAc;AAChC;AACA,mBAAO,CAAC,+BAAa;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA,0CAA0C,8CAA8C;AACxF;AACA;AACA;AACA,4BAA4B,mDAAmD;AAC/E;AACA,0BAA0B;AAC1B,gCAAgC,qDAAqD;AACrF;AACA,8BAA8B;AAC9B,oCAAoC,8BAA8B;AAClE,wCAAwC,iEAAiE;AACzG;AACA,sCAAsC;AACtC,2DAA2D,uDAAuD;AAClH;AACA,iEAAiE;AACjE;AACA;AACA;AACA,gEAAgE,oBAAoB,2BAA2B,EAAE,wCAAwC,qCAAqC,EAAE,+CAA+C,oDAAoD;AACnS;AACA;AACA;AACA;AACA;AACA;AACA,sEAAsE,mFAAmF,uHAAuH;AAChR,yDAAyD,6GAA6G;AACtK,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD;;;;;;;;;;;;;AChIa;AACb,8CAA8C,cAAc;AAC5D,YAAY,mBAAO,CAAC,2BAAS;AAC7B;AACA;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACrDA,iD","file":"index.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"omi\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"omi\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"OTree\"] = factory(require(\"omi\"));\n\telse\n\t\troot[\"OTree\"] = factory(root[\"Omi\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_omi__) {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"./src/index.tsx\");\n","'use strict';\nvar colorString = require('color-string');\nvar convert = require('color-convert');\nvar _slice = [].slice;\nvar skippedModels = [\n // to be honest, I don't really feel like keyword belongs in color convert, but eh.\n 'keyword',\n // gray conflicts with some method names, and has its own method defined.\n 'gray',\n // shouldn't really be in color-convert either...\n 'hex'\n];\nvar hashedModelKeys = {};\nObject.keys(convert).forEach(function (model) {\n hashedModelKeys[_slice.call(convert[model].labels).sort().join('')] = model;\n});\nvar limiters = {};\nfunction Color(obj, model) {\n if (!(this instanceof Color)) {\n return new Color(obj, model);\n }\n if (model && model in skippedModels) {\n model = null;\n }\n if (model && !(model in convert)) {\n throw new Error('Unknown model: ' + model);\n }\n var i;\n var channels;\n if (obj == null) { // eslint-disable-line no-eq-null,eqeqeq\n this.model = 'rgb';\n this.color = [0, 0, 0];\n this.valpha = 1;\n }\n else if (obj instanceof Color) {\n this.model = obj.model;\n this.color = obj.color.slice();\n this.valpha = obj.valpha;\n }\n else if (typeof obj === 'string') {\n var result = colorString.get(obj);\n if (result === null) {\n throw new Error('Unable to parse color from string: ' + obj);\n }\n this.model = result.model;\n channels = convert[this.model].channels;\n this.color = result.value.slice(0, channels);\n this.valpha = typeof result.value[channels] === 'number' ? result.value[channels] : 1;\n }\n else if (obj.length) {\n this.model = model || 'rgb';\n channels = convert[this.model].channels;\n var newArr = _slice.call(obj, 0, channels);\n this.color = zeroArray(newArr, channels);\n this.valpha = typeof obj[channels] === 'number' ? obj[channels] : 1;\n }\n else if (typeof obj === 'number') {\n // this is always RGB - can be converted later on.\n obj &= 0xFFFFFF;\n this.model = 'rgb';\n this.color = [\n (obj >> 16) & 0xFF,\n (obj >> 8) & 0xFF,\n obj & 0xFF\n ];\n this.valpha = 1;\n }\n else {\n this.valpha = 1;\n var keys = Object.keys(obj);\n if ('alpha' in obj) {\n keys.splice(keys.indexOf('alpha'), 1);\n this.valpha = typeof obj.alpha === 'number' ? obj.alpha : 0;\n }\n var hashedKeys = keys.sort().join('');\n if (!(hashedKeys in hashedModelKeys)) {\n throw new Error('Unable to parse color from object: ' + JSON.stringify(obj));\n }\n this.model = hashedModelKeys[hashedKeys];\n var labels = convert[this.model].labels;\n var color = [];\n for (i = 0; i < labels.length; i++) {\n color.push(obj[labels[i]]);\n }\n this.color = zeroArray(color);\n }\n // perform limitations (clamping, etc.)\n if (limiters[this.model]) {\n channels = convert[this.model].channels;\n for (i = 0; i < channels; i++) {\n var limit = limiters[this.model][i];\n if (limit) {\n this.color[i] = limit(this.color[i]);\n }\n }\n }\n this.valpha = Math.max(0, Math.min(1, this.valpha));\n if (Object.freeze) {\n Object.freeze(this);\n }\n}\nColor.prototype = {\n toString: function () {\n return this.string();\n },\n toJSON: function () {\n return this[this.model]();\n },\n string: function (places) {\n var self = this.model in colorString.to ? this : this.rgb();\n self = self.round(typeof places === 'number' ? places : 1);\n var args = self.valpha === 1 ? self.color : self.color.concat(this.valpha);\n return colorString.to[self.model](args);\n },\n percentString: function (places) {\n var self = this.rgb().round(typeof places === 'number' ? places : 1);\n var args = self.valpha === 1 ? self.color : self.color.concat(this.valpha);\n return colorString.to.rgb.percent(args);\n },\n array: function () {\n return this.valpha === 1 ? this.color.slice() : this.color.concat(this.valpha);\n },\n object: function () {\n var result = {};\n var channels = convert[this.model].channels;\n var labels = convert[this.model].labels;\n for (var i = 0; i < channels; i++) {\n result[labels[i]] = this.color[i];\n }\n if (this.valpha !== 1) {\n result.alpha = this.valpha;\n }\n return result;\n },\n unitArray: function () {\n var rgb = this.rgb().color;\n rgb[0] /= 255;\n rgb[1] /= 255;\n rgb[2] /= 255;\n if (this.valpha !== 1) {\n rgb.push(this.valpha);\n }\n return rgb;\n },\n unitObject: function () {\n var rgb = this.rgb().object();\n rgb.r /= 255;\n rgb.g /= 255;\n rgb.b /= 255;\n if (this.valpha !== 1) {\n rgb.alpha = this.valpha;\n }\n return rgb;\n },\n round: function (places) {\n places = Math.max(places || 0, 0);\n return new Color(this.color.map(roundToPlace(places)).concat(this.valpha), this.model);\n },\n alpha: function (val) {\n if (arguments.length) {\n return new Color(this.color.concat(Math.max(0, Math.min(1, val))), this.model);\n }\n return this.valpha;\n },\n // rgb\n red: getset('rgb', 0, maxfn(255)),\n green: getset('rgb', 1, maxfn(255)),\n blue: getset('rgb', 2, maxfn(255)),\n hue: getset(['hsl', 'hsv', 'hsl', 'hwb', 'hcg'], 0, function (val) { return ((val % 360) + 360) % 360; }),\n saturationl: getset('hsl', 1, maxfn(100)),\n lightness: getset('hsl', 2, maxfn(100)),\n saturationv: getset('hsv', 1, maxfn(100)),\n value: getset('hsv', 2, maxfn(100)),\n chroma: getset('hcg', 1, maxfn(100)),\n gray: getset('hcg', 2, maxfn(100)),\n white: getset('hwb', 1, maxfn(100)),\n wblack: getset('hwb', 2, maxfn(100)),\n cyan: getset('cmyk', 0, maxfn(100)),\n magenta: getset('cmyk', 1, maxfn(100)),\n yellow: getset('cmyk', 2, maxfn(100)),\n black: getset('cmyk', 3, maxfn(100)),\n x: getset('xyz', 0, maxfn(100)),\n y: getset('xyz', 1, maxfn(100)),\n z: getset('xyz', 2, maxfn(100)),\n l: getset('lab', 0, maxfn(100)),\n a: getset('lab', 1),\n b: getset('lab', 2),\n keyword: function (val) {\n if (arguments.length) {\n return new Color(val);\n }\n return convert[this.model].keyword(this.color);\n },\n hex: function (val) {\n if (arguments.length) {\n return new Color(val);\n }\n return colorString.to.hex(this.rgb().round().color);\n },\n rgbNumber: function () {\n var rgb = this.rgb().color;\n return ((rgb[0] & 0xFF) << 16) | ((rgb[1] & 0xFF) << 8) | (rgb[2] & 0xFF);\n },\n luminosity: function () {\n // http://www.w3.org/TR/WCAG20/#relativeluminancedef\n var rgb = this.rgb().color;\n var lum = [];\n for (var i = 0; i < rgb.length; i++) {\n var chan = rgb[i] / 255;\n lum[i] = (chan <= 0.03928) ? chan / 12.92 : Math.pow(((chan + 0.055) / 1.055), 2.4);\n }\n return 0.2126 * lum[0] + 0.7152 * lum[1] + 0.0722 * lum[2];\n },\n contrast: function (color2) {\n // http://www.w3.org/TR/WCAG20/#contrast-ratiodef\n var lum1 = this.luminosity();\n var lum2 = color2.luminosity();\n if (lum1 > lum2) {\n return (lum1 + 0.05) / (lum2 + 0.05);\n }\n return (lum2 + 0.05) / (lum1 + 0.05);\n },\n level: function (color2) {\n var contrastRatio = this.contrast(color2);\n if (contrastRatio >= 7.1) {\n return 'AAA';\n }\n return (contrastRatio >= 4.5) ? 'AA' : '';\n },\n isDark: function () {\n // YIQ equation from http://24ways.org/2010/calculating-color-contrast\n var rgb = this.rgb().color;\n var yiq = (rgb[0] * 299 + rgb[1] * 587 + rgb[2] * 114) / 1000;\n return yiq < 128;\n },\n isLight: function () {\n return !this.isDark();\n },\n negate: function () {\n var rgb = this.rgb();\n for (var i = 0; i < 3; i++) {\n rgb.color[i] = 255 - rgb.color[i];\n }\n return rgb;\n },\n lighten: function (ratio) {\n var hsl = this.hsl();\n //hsl.color[2] += hsl.color[2] * ratio;\n hsl.color[2] += ratio * 100;\n return hsl;\n },\n darken: function (ratio) {\n var hsl = this.hsl();\n //hsl.color[2] -= hsl.color[2] * ratio;\n hsl.color[2] -= ratio * 100;\n return hsl;\n },\n saturate: function (ratio) {\n var hsl = this.hsl();\n hsl.color[1] += hsl.color[1] * ratio;\n return hsl;\n },\n desaturate: function (ratio) {\n var hsl = this.hsl();\n hsl.color[1] -= hsl.color[1] * ratio;\n return hsl;\n },\n whiten: function (ratio) {\n var hwb = this.hwb();\n hwb.color[1] += hwb.color[1] * ratio;\n return hwb;\n },\n blacken: function (ratio) {\n var hwb = this.hwb();\n hwb.color[2] += hwb.color[2] * ratio;\n return hwb;\n },\n grayscale: function () {\n // http://en.wikipedia.org/wiki/Grayscale#Converting_color_to_grayscale\n var rgb = this.rgb().color;\n var val = rgb[0] * 0.3 + rgb[1] * 0.59 + rgb[2] * 0.11;\n return Color.rgb(val, val, val);\n },\n fade: function (ratio) {\n return this.alpha(this.valpha - (this.valpha * ratio));\n },\n opaquer: function (ratio) {\n return this.alpha(this.valpha + (this.valpha * ratio));\n },\n rotate: function (degrees) {\n var hsl = this.hsl();\n var hue = hsl.color[0];\n hue = (hue + degrees) % 360;\n hue = hue < 0 ? 360 + hue : hue;\n hsl.color[0] = hue;\n return hsl;\n },\n mix: function (mixinColor, weight) {\n // ported from sass implementation in C\n // https://github.com/sass/libsass/blob/0e6b4a2850092356aa3ece07c6b249f0221caced/functions.cpp#L209\n if (!mixinColor || !mixinColor.rgb) {\n throw new Error('Argument to \"mix\" was not a Color instance, but rather an instance of ' + typeof mixinColor);\n }\n var color1 = mixinColor.rgb();\n var color2 = this.rgb();\n var p = weight === undefined ? 0.5 : weight;\n var w = 2 * p - 1;\n var a = color1.alpha() - color2.alpha();\n var w1 = (((w * a === -1) ? w : (w + a) / (1 + w * a)) + 1) / 2.0;\n var w2 = 1 - w1;\n return Color.rgb(w1 * color1.red() + w2 * color2.red(), w1 * color1.green() + w2 * color2.green(), w1 * color1.blue() + w2 * color2.blue(), color1.alpha() * p + color2.alpha() * (1 - p));\n }\n};\n// model conversion methods and static constructors\nObject.keys(convert).forEach(function (model) {\n if (skippedModels.indexOf(model) !== -1) {\n return;\n }\n var channels = convert[model].channels;\n // conversion methods\n Color.prototype[model] = function () {\n if (this.model === model) {\n return new Color(this);\n }\n if (arguments.length) {\n return new Color(arguments, model);\n }\n var newAlpha = typeof arguments[channels] === 'number' ? channels : this.valpha;\n return new Color(assertArray(convert[this.model][model].raw(this.color)).concat(newAlpha), model);\n };\n // 'static' construction methods\n Color[model] = function (color) {\n if (typeof color === 'number') {\n color = zeroArray(_slice.call(arguments), channels);\n }\n return new Color(color, model);\n };\n});\nfunction roundTo(num, places) {\n return Number(num.toFixed(places));\n}\nfunction roundToPlace(places) {\n return function (num) {\n return roundTo(num, places);\n };\n}\nfunction getset(model, channel, modifier) {\n model = Array.isArray(model) ? model : [model];\n model.forEach(function (m) {\n (limiters[m] || (limiters[m] = []))[channel] = modifier;\n });\n model = model[0];\n return function (val) {\n var result;\n if (arguments.length) {\n if (modifier) {\n val = modifier(val);\n }\n result = this[model]();\n result.color[channel] = val;\n return result;\n }\n result = this[model]().color[channel];\n if (modifier) {\n result = modifier(result);\n }\n return result;\n };\n}\nfunction maxfn(max) {\n return function (v) {\n return Math.max(0, Math.min(max, v));\n };\n}\nfunction assertArray(val) {\n return Array.isArray(val) ? val : [val];\n}\nfunction zeroArray(arr, length) {\n for (var i = 0; i < length; i++) {\n if (typeof arr[i] !== 'number') {\n arr[i] = 0;\n }\n }\n return arr;\n}\nmodule.exports = Color;\n","/* MIT license */\nvar cssKeywords = require('color-name');\n\n// NOTE: conversions should only return primitive values (i.e. arrays, or\n// values that give correct `typeof` results).\n// do not use box values types (i.e. Number(), String(), etc.)\n\nvar reverseKeywords = {};\nfor (var key in cssKeywords) {\n\tif (cssKeywords.hasOwnProperty(key)) {\n\t\treverseKeywords[cssKeywords[key]] = key;\n\t}\n}\n\nvar convert = module.exports = {\n\trgb: {channels: 3, labels: 'rgb'},\n\thsl: {channels: 3, labels: 'hsl'},\n\thsv: {channels: 3, labels: 'hsv'},\n\thwb: {channels: 3, labels: 'hwb'},\n\tcmyk: {channels: 4, labels: 'cmyk'},\n\txyz: {channels: 3, labels: 'xyz'},\n\tlab: {channels: 3, labels: 'lab'},\n\tlch: {channels: 3, labels: 'lch'},\n\thex: {channels: 1, labels: ['hex']},\n\tkeyword: {channels: 1, labels: ['keyword']},\n\tansi16: {channels: 1, labels: ['ansi16']},\n\tansi256: {channels: 1, labels: ['ansi256']},\n\thcg: {channels: 3, labels: ['h', 'c', 'g']},\n\tapple: {channels: 3, labels: ['r16', 'g16', 'b16']},\n\tgray: {channels: 1, labels: ['gray']}\n};\n\n// hide .channels and .labels properties\nfor (var model in convert) {\n\tif (convert.hasOwnProperty(model)) {\n\t\tif (!('channels' in convert[model])) {\n\t\t\tthrow new Error('missing channels property: ' + model);\n\t\t}\n\n\t\tif (!('labels' in convert[model])) {\n\t\t\tthrow new Error('missing channel labels property: ' + model);\n\t\t}\n\n\t\tif (convert[model].labels.length !== convert[model].channels) {\n\t\t\tthrow new Error('channel and label counts mismatch: ' + model);\n\t\t}\n\n\t\tvar channels = convert[model].channels;\n\t\tvar labels = convert[model].labels;\n\t\tdelete convert[model].channels;\n\t\tdelete convert[model].labels;\n\t\tObject.defineProperty(convert[model], 'channels', {value: channels});\n\t\tObject.defineProperty(convert[model], 'labels', {value: labels});\n\t}\n}\n\nconvert.rgb.hsl = function (rgb) {\n\tvar r = rgb[0] / 255;\n\tvar g = rgb[1] / 255;\n\tvar b = rgb[2] / 255;\n\tvar min = Math.min(r, g, b);\n\tvar max = Math.max(r, g, b);\n\tvar delta = max - min;\n\tvar h;\n\tvar s;\n\tvar l;\n\n\tif (max === min) {\n\t\th = 0;\n\t} else if (r === max) {\n\t\th = (g - b) / delta;\n\t} else if (g === max) {\n\t\th = 2 + (b - r) / delta;\n\t} else if (b === max) {\n\t\th = 4 + (r - g) / delta;\n\t}\n\n\th = Math.min(h * 60, 360);\n\n\tif (h < 0) {\n\t\th += 360;\n\t}\n\n\tl = (min + max) / 2;\n\n\tif (max === min) {\n\t\ts = 0;\n\t} else if (l <= 0.5) {\n\t\ts = delta / (max + min);\n\t} else {\n\t\ts = delta / (2 - max - min);\n\t}\n\n\treturn [h, s * 100, l * 100];\n};\n\nconvert.rgb.hsv = function (rgb) {\n\tvar rdif;\n\tvar gdif;\n\tvar bdif;\n\tvar h;\n\tvar s;\n\n\tvar r = rgb[0] / 255;\n\tvar g = rgb[1] / 255;\n\tvar b = rgb[2] / 255;\n\tvar v = Math.max(r, g, b);\n\tvar diff = v - Math.min(r, g, b);\n\tvar diffc = function (c) {\n\t\treturn (v - c) / 6 / diff + 1 / 2;\n\t};\n\n\tif (diff === 0) {\n\t\th = s = 0;\n\t} else {\n\t\ts = diff / v;\n\t\trdif = diffc(r);\n\t\tgdif = diffc(g);\n\t\tbdif = diffc(b);\n\n\t\tif (r === v) {\n\t\t\th = bdif - gdif;\n\t\t} else if (g === v) {\n\t\t\th = (1 / 3) + rdif - bdif;\n\t\t} else if (b === v) {\n\t\t\th = (2 / 3) + gdif - rdif;\n\t\t}\n\t\tif (h < 0) {\n\t\t\th += 1;\n\t\t} else if (h > 1) {\n\t\t\th -= 1;\n\t\t}\n\t}\n\n\treturn [\n\t\th * 360,\n\t\ts * 100,\n\t\tv * 100\n\t];\n};\n\nconvert.rgb.hwb = function (rgb) {\n\tvar r = rgb[0];\n\tvar g = rgb[1];\n\tvar b = rgb[2];\n\tvar h = convert.rgb.hsl(rgb)[0];\n\tvar w = 1 / 255 * Math.min(r, Math.min(g, b));\n\n\tb = 1 - 1 / 255 * Math.max(r, Math.max(g, b));\n\n\treturn [h, w * 100, b * 100];\n};\n\nconvert.rgb.cmyk = function (rgb) {\n\tvar r = rgb[0] / 255;\n\tvar g = rgb[1] / 255;\n\tvar b = rgb[2] / 255;\n\tvar c;\n\tvar m;\n\tvar y;\n\tvar k;\n\n\tk = Math.min(1 - r, 1 - g, 1 - b);\n\tc = (1 - r - k) / (1 - k) || 0;\n\tm = (1 - g - k) / (1 - k) || 0;\n\ty = (1 - b - k) / (1 - k) || 0;\n\n\treturn [c * 100, m * 100, y * 100, k * 100];\n};\n\n/**\n * See https://en.m.wikipedia.org/wiki/Euclidean_distance#Squared_Euclidean_distance\n * */\nfunction comparativeDistance(x, y) {\n\treturn (\n\t\tMath.pow(x[0] - y[0], 2) +\n\t\tMath.pow(x[1] - y[1], 2) +\n\t\tMath.pow(x[2] - y[2], 2)\n\t);\n}\n\nconvert.rgb.keyword = function (rgb) {\n\tvar reversed = reverseKeywords[rgb];\n\tif (reversed) {\n\t\treturn reversed;\n\t}\n\n\tvar currentClosestDistance = Infinity;\n\tvar currentClosestKeyword;\n\n\tfor (var keyword in cssKeywords) {\n\t\tif (cssKeywords.hasOwnProperty(keyword)) {\n\t\t\tvar value = cssKeywords[keyword];\n\n\t\t\t// Compute comparative distance\n\t\t\tvar distance = comparativeDistance(rgb, value);\n\n\t\t\t// Check if its less, if so set as closest\n\t\t\tif (distance < currentClosestDistance) {\n\t\t\t\tcurrentClosestDistance = distance;\n\t\t\t\tcurrentClosestKeyword = keyword;\n\t\t\t}\n\t\t}\n\t}\n\n\treturn currentClosestKeyword;\n};\n\nconvert.keyword.rgb = function (keyword) {\n\treturn cssKeywords[keyword];\n};\n\nconvert.rgb.xyz = function (rgb) {\n\tvar r = rgb[0] / 255;\n\tvar g = rgb[1] / 255;\n\tvar b = rgb[2] / 255;\n\n\t// assume sRGB\n\tr = r > 0.04045 ? Math.pow(((r + 0.055) / 1.055), 2.4) : (r / 12.92);\n\tg = g > 0.04045 ? Math.pow(((g + 0.055) / 1.055), 2.4) : (g / 12.92);\n\tb = b > 0.04045 ? Math.pow(((b + 0.055) / 1.055), 2.4) : (b / 12.92);\n\n\tvar x = (r * 0.4124) + (g * 0.3576) + (b * 0.1805);\n\tvar y = (r * 0.2126) + (g * 0.7152) + (b * 0.0722);\n\tvar z = (r * 0.0193) + (g * 0.1192) + (b * 0.9505);\n\n\treturn [x * 100, y * 100, z * 100];\n};\n\nconvert.rgb.lab = function (rgb) {\n\tvar xyz = convert.rgb.xyz(rgb);\n\tvar x = xyz[0];\n\tvar y = xyz[1];\n\tvar z = xyz[2];\n\tvar l;\n\tvar a;\n\tvar b;\n\n\tx /= 95.047;\n\ty /= 100;\n\tz /= 108.883;\n\n\tx = x > 0.008856 ? Math.pow(x, 1 / 3) : (7.787 * x) + (16 / 116);\n\ty = y > 0.008856 ? Math.pow(y, 1 / 3) : (7.787 * y) + (16 / 116);\n\tz = z > 0.008856 ? Math.pow(z, 1 / 3) : (7.787 * z) + (16 / 116);\n\n\tl = (116 * y) - 16;\n\ta = 500 * (x - y);\n\tb = 200 * (y - z);\n\n\treturn [l, a, b];\n};\n\nconvert.hsl.rgb = function (hsl) {\n\tvar h = hsl[0] / 360;\n\tvar s = hsl[1] / 100;\n\tvar l = hsl[2] / 100;\n\tvar t1;\n\tvar t2;\n\tvar t3;\n\tvar rgb;\n\tvar val;\n\n\tif (s === 0) {\n\t\tval = l * 255;\n\t\treturn [val, val, val];\n\t}\n\n\tif (l < 0.5) {\n\t\tt2 = l * (1 + s);\n\t} else {\n\t\tt2 = l + s - l * s;\n\t}\n\n\tt1 = 2 * l - t2;\n\n\trgb = [0, 0, 0];\n\tfor (var i = 0; i < 3; i++) {\n\t\tt3 = h + 1 / 3 * -(i - 1);\n\t\tif (t3 < 0) {\n\t\t\tt3++;\n\t\t}\n\t\tif (t3 > 1) {\n\t\t\tt3--;\n\t\t}\n\n\t\tif (6 * t3 < 1) {\n\t\t\tval = t1 + (t2 - t1) * 6 * t3;\n\t\t} else if (2 * t3 < 1) {\n\t\t\tval = t2;\n\t\t} else if (3 * t3 < 2) {\n\t\t\tval = t1 + (t2 - t1) * (2 / 3 - t3) * 6;\n\t\t} else {\n\t\t\tval = t1;\n\t\t}\n\n\t\trgb[i] = val * 255;\n\t}\n\n\treturn rgb;\n};\n\nconvert.hsl.hsv = function (hsl) {\n\tvar h = hsl[0];\n\tvar s = hsl[1] / 100;\n\tvar l = hsl[2] / 100;\n\tvar smin = s;\n\tvar lmin = Math.max(l, 0.01);\n\tvar sv;\n\tvar v;\n\n\tl *= 2;\n\ts *= (l <= 1) ? l : 2 - l;\n\tsmin *= lmin <= 1 ? lmin : 2 - lmin;\n\tv = (l + s) / 2;\n\tsv = l === 0 ? (2 * smin) / (lmin + smin) : (2 * s) / (l + s);\n\n\treturn [h, sv * 100, v * 100];\n};\n\nconvert.hsv.rgb = function (hsv) {\n\tvar h = hsv[0] / 60;\n\tvar s = hsv[1] / 100;\n\tvar v = hsv[2] / 100;\n\tvar hi = Math.floor(h) % 6;\n\n\tvar f = h - Math.floor(h);\n\tvar p = 255 * v * (1 - s);\n\tvar q = 255 * v * (1 - (s * f));\n\tvar t = 255 * v * (1 - (s * (1 - f)));\n\tv *= 255;\n\n\tswitch (hi) {\n\t\tcase 0:\n\t\t\treturn [v, t, p];\n\t\tcase 1:\n\t\t\treturn [q, v, p];\n\t\tcase 2:\n\t\t\treturn [p, v, t];\n\t\tcase 3:\n\t\t\treturn [p, q, v];\n\t\tcase 4:\n\t\t\treturn [t, p, v];\n\t\tcase 5:\n\t\t\treturn [v, p, q];\n\t}\n};\n\nconvert.hsv.hsl = function (hsv) {\n\tvar h = hsv[0];\n\tvar s = hsv[1] / 100;\n\tvar v = hsv[2] / 100;\n\tvar vmin = Math.max(v, 0.01);\n\tvar lmin;\n\tvar sl;\n\tvar l;\n\n\tl = (2 - s) * v;\n\tlmin = (2 - s) * vmin;\n\tsl = s * vmin;\n\tsl /= (lmin <= 1) ? lmin : 2 - lmin;\n\tsl = sl || 0;\n\tl /= 2;\n\n\treturn [h, sl * 100, l * 100];\n};\n\n// http://dev.w3.org/csswg/css-color/#hwb-to-rgb\nconvert.hwb.rgb = function (hwb) {\n\tvar h = hwb[0] / 360;\n\tvar wh = hwb[1] / 100;\n\tvar bl = hwb[2] / 100;\n\tvar ratio = wh + bl;\n\tvar i;\n\tvar v;\n\tvar f;\n\tvar n;\n\n\t// wh + bl cant be > 1\n\tif (ratio > 1) {\n\t\twh /= ratio;\n\t\tbl /= ratio;\n\t}\n\n\ti = Math.floor(6 * h);\n\tv = 1 - bl;\n\tf = 6 * h - i;\n\n\tif ((i & 0x01) !== 0) {\n\t\tf = 1 - f;\n\t}\n\n\tn = wh + f * (v - wh); // linear interpolation\n\n\tvar r;\n\tvar g;\n\tvar b;\n\tswitch (i) {\n\t\tdefault:\n\t\tcase 6:\n\t\tcase 0: r = v; g = n; b = wh; break;\n\t\tcase 1: r = n; g = v; b = wh; break;\n\t\tcase 2: r = wh; g = v; b = n; break;\n\t\tcase 3: r = wh; g = n; b = v; break;\n\t\tcase 4: r = n; g = wh; b = v; break;\n\t\tcase 5: r = v; g = wh; b = n; break;\n\t}\n\n\treturn [r * 255, g * 255, b * 255];\n};\n\nconvert.cmyk.rgb = function (cmyk) {\n\tvar c = cmyk[0] / 100;\n\tvar m = cmyk[1] / 100;\n\tvar y = cmyk[2] / 100;\n\tvar k = cmyk[3] / 100;\n\tvar r;\n\tvar g;\n\tvar b;\n\n\tr = 1 - Math.min(1, c * (1 - k) + k);\n\tg = 1 - Math.min(1, m * (1 - k) + k);\n\tb = 1 - Math.min(1, y * (1 - k) + k);\n\n\treturn [r * 255, g * 255, b * 255];\n};\n\nconvert.xyz.rgb = function (xyz) {\n\tvar x = xyz[0] / 100;\n\tvar y = xyz[1] / 100;\n\tvar z = xyz[2] / 100;\n\tvar r;\n\tvar g;\n\tvar b;\n\n\tr = (x * 3.2406) + (y * -1.5372) + (z * -0.4986);\n\tg = (x * -0.9689) + (y * 1.8758) + (z * 0.0415);\n\tb = (x * 0.0557) + (y * -0.2040) + (z * 1.0570);\n\n\t// assume sRGB\n\tr = r > 0.0031308\n\t\t? ((1.055 * Math.pow(r, 1.0 / 2.4)) - 0.055)\n\t\t: r * 12.92;\n\n\tg = g > 0.0031308\n\t\t? ((1.055 * Math.pow(g, 1.0 / 2.4)) - 0.055)\n\t\t: g * 12.92;\n\n\tb = b > 0.0031308\n\t\t? ((1.055 * Math.pow(b, 1.0 / 2.4)) - 0.055)\n\t\t: b * 12.92;\n\n\tr = Math.min(Math.max(0, r), 1);\n\tg = Math.min(Math.max(0, g), 1);\n\tb = Math.min(Math.max(0, b), 1);\n\n\treturn [r * 255, g * 255, b * 255];\n};\n\nconvert.xyz.lab = function (xyz) {\n\tvar x = xyz[0];\n\tvar y = xyz[1];\n\tvar z = xyz[2];\n\tvar l;\n\tvar a;\n\tvar b;\n\n\tx /= 95.047;\n\ty /= 100;\n\tz /= 108.883;\n\n\tx = x > 0.008856 ? Math.pow(x, 1 / 3) : (7.787 * x) + (16 / 116);\n\ty = y > 0.008856 ? Math.pow(y, 1 / 3) : (7.787 * y) + (16 / 116);\n\tz = z > 0.008856 ? Math.pow(z, 1 / 3) : (7.787 * z) + (16 / 116);\n\n\tl = (116 * y) - 16;\n\ta = 500 * (x - y);\n\tb = 200 * (y - z);\n\n\treturn [l, a, b];\n};\n\nconvert.lab.xyz = function (lab) {\n\tvar l = lab[0];\n\tvar a = lab[1];\n\tvar b = lab[2];\n\tvar x;\n\tvar y;\n\tvar z;\n\n\ty = (l + 16) / 116;\n\tx = a / 500 + y;\n\tz = y - b / 200;\n\n\tvar y2 = Math.pow(y, 3);\n\tvar x2 = Math.pow(x, 3);\n\tvar z2 = Math.pow(z, 3);\n\ty = y2 > 0.008856 ? y2 : (y - 16 / 116) / 7.787;\n\tx = x2 > 0.008856 ? x2 : (x - 16 / 116) / 7.787;\n\tz = z2 > 0.008856 ? z2 : (z - 16 / 116) / 7.787;\n\n\tx *= 95.047;\n\ty *= 100;\n\tz *= 108.883;\n\n\treturn [x, y, z];\n};\n\nconvert.lab.lch = function (lab) {\n\tvar l = lab[0];\n\tvar a = lab[1];\n\tvar b = lab[2];\n\tvar hr;\n\tvar h;\n\tvar c;\n\n\thr = Math.atan2(b, a);\n\th = hr * 360 / 2 / Math.PI;\n\n\tif (h < 0) {\n\t\th += 360;\n\t}\n\n\tc = Math.sqrt(a * a + b * b);\n\n\treturn [l, c, h];\n};\n\nconvert.lch.lab = function (lch) {\n\tvar l = lch[0];\n\tvar c = lch[1];\n\tvar h = lch[2];\n\tvar a;\n\tvar b;\n\tvar hr;\n\n\thr = h / 360 * 2 * Math.PI;\n\ta = c * Math.cos(hr);\n\tb = c * Math.sin(hr);\n\n\treturn [l, a, b];\n};\n\nconvert.rgb.ansi16 = function (args) {\n\tvar r = args[0];\n\tvar g = args[1];\n\tvar b = args[2];\n\tvar value = 1 in arguments ? arguments[1] : convert.rgb.hsv(args)[2]; // hsv -> ansi16 optimization\n\n\tvalue = Math.round(value / 50);\n\n\tif (value === 0) {\n\t\treturn 30;\n\t}\n\n\tvar ansi = 30\n\t\t+ ((Math.round(b / 255) << 2)\n\t\t| (Math.round(g / 255) << 1)\n\t\t| Math.round(r / 255));\n\n\tif (value === 2) {\n\t\tansi += 60;\n\t}\n\n\treturn ansi;\n};\n\nconvert.hsv.ansi16 = function (args) {\n\t// optimization here; we already know the value and don't need to get\n\t// it converted for us.\n\treturn convert.rgb.ansi16(convert.hsv.rgb(args), args[2]);\n};\n\nconvert.rgb.ansi256 = function (args) {\n\tvar r = args[0];\n\tvar g = args[1];\n\tvar b = args[2];\n\n\t// we use the extended greyscale palette here, with the exception of\n\t// black and white. normal palette only has 4 greyscale shades.\n\tif (r === g && g === b) {\n\t\tif (r < 8) {\n\t\t\treturn 16;\n\t\t}\n\n\t\tif (r > 248) {\n\t\t\treturn 231;\n\t\t}\n\n\t\treturn Math.round(((r - 8) / 247) * 24) + 232;\n\t}\n\n\tvar ansi = 16\n\t\t+ (36 * Math.round(r / 255 * 5))\n\t\t+ (6 * Math.round(g / 255 * 5))\n\t\t+ Math.round(b / 255 * 5);\n\n\treturn ansi;\n};\n\nconvert.ansi16.rgb = function (args) {\n\tvar color = args % 10;\n\n\t// handle greyscale\n\tif (color === 0 || color === 7) {\n\t\tif (args > 50) {\n\t\t\tcolor += 3.5;\n\t\t}\n\n\t\tcolor = color / 10.5 * 255;\n\n\t\treturn [color, color, color];\n\t}\n\n\tvar mult = (~~(args > 50) + 1) * 0.5;\n\tvar r = ((color & 1) * mult) * 255;\n\tvar g = (((color >> 1) & 1) * mult) * 255;\n\tvar b = (((color >> 2) & 1) * mult) * 255;\n\n\treturn [r, g, b];\n};\n\nconvert.ansi256.rgb = function (args) {\n\t// handle greyscale\n\tif (args >= 232) {\n\t\tvar c = (args - 232) * 10 + 8;\n\t\treturn [c, c, c];\n\t}\n\n\targs -= 16;\n\n\tvar rem;\n\tvar r = Math.floor(args / 36) / 5 * 255;\n\tvar g = Math.floor((rem = args % 36) / 6) / 5 * 255;\n\tvar b = (rem % 6) / 5 * 255;\n\n\treturn [r, g, b];\n};\n\nconvert.rgb.hex = function (args) {\n\tvar integer = ((Math.round(args[0]) & 0xFF) << 16)\n\t\t+ ((Math.round(args[1]) & 0xFF) << 8)\n\t\t+ (Math.round(args[2]) & 0xFF);\n\n\tvar string = integer.toString(16).toUpperCase();\n\treturn '000000'.substring(string.length) + string;\n};\n\nconvert.hex.rgb = function (args) {\n\tvar match = args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);\n\tif (!match) {\n\t\treturn [0, 0, 0];\n\t}\n\n\tvar colorString = match[0];\n\n\tif (match[0].length === 3) {\n\t\tcolorString = colorString.split('').map(function (char) {\n\t\t\treturn char + char;\n\t\t}).join('');\n\t}\n\n\tvar integer = parseInt(colorString, 16);\n\tvar r = (integer >> 16) & 0xFF;\n\tvar g = (integer >> 8) & 0xFF;\n\tvar b = integer & 0xFF;\n\n\treturn [r, g, b];\n};\n\nconvert.rgb.hcg = function (rgb) {\n\tvar r = rgb[0] / 255;\n\tvar g = rgb[1] / 255;\n\tvar b = rgb[2] / 255;\n\tvar max = Math.max(Math.max(r, g), b);\n\tvar min = Math.min(Math.min(r, g), b);\n\tvar chroma = (max - min);\n\tvar grayscale;\n\tvar hue;\n\n\tif (chroma < 1) {\n\t\tgrayscale = min / (1 - chroma);\n\t} else {\n\t\tgrayscale = 0;\n\t}\n\n\tif (chroma <= 0) {\n\t\thue = 0;\n\t} else\n\tif (max === r) {\n\t\thue = ((g - b) / chroma) % 6;\n\t} else\n\tif (max === g) {\n\t\thue = 2 + (b - r) / chroma;\n\t} else {\n\t\thue = 4 + (r - g) / chroma + 4;\n\t}\n\n\thue /= 6;\n\thue %= 1;\n\n\treturn [hue * 360, chroma * 100, grayscale * 100];\n};\n\nconvert.hsl.hcg = function (hsl) {\n\tvar s = hsl[1] / 100;\n\tvar l = hsl[2] / 100;\n\tvar c = 1;\n\tvar f = 0;\n\n\tif (l < 0.5) {\n\t\tc = 2.0 * s * l;\n\t} else {\n\t\tc = 2.0 * s * (1.0 - l);\n\t}\n\n\tif (c < 1.0) {\n\t\tf = (l - 0.5 * c) / (1.0 - c);\n\t}\n\n\treturn [hsl[0], c * 100, f * 100];\n};\n\nconvert.hsv.hcg = function (hsv) {\n\tvar s = hsv[1] / 100;\n\tvar v = hsv[2] / 100;\n\n\tvar c = s * v;\n\tvar f = 0;\n\n\tif (c < 1.0) {\n\t\tf = (v - c) / (1 - c);\n\t}\n\n\treturn [hsv[0], c * 100, f * 100];\n};\n\nconvert.hcg.rgb = function (hcg) {\n\tvar h = hcg[0] / 360;\n\tvar c = hcg[1] / 100;\n\tvar g = hcg[2] / 100;\n\n\tif (c === 0.0) {\n\t\treturn [g * 255, g * 255, g * 255];\n\t}\n\n\tvar pure = [0, 0, 0];\n\tvar hi = (h % 1) * 6;\n\tvar v = hi % 1;\n\tvar w = 1 - v;\n\tvar mg = 0;\n\n\tswitch (Math.floor(hi)) {\n\t\tcase 0:\n\t\t\tpure[0] = 1; pure[1] = v; pure[2] = 0; break;\n\t\tcase 1:\n\t\t\tpure[0] = w; pure[1] = 1; pure[2] = 0; break;\n\t\tcase 2:\n\t\t\tpure[0] = 0; pure[1] = 1; pure[2] = v; break;\n\t\tcase 3:\n\t\t\tpure[0] = 0; pure[1] = w; pure[2] = 1; break;\n\t\tcase 4:\n\t\t\tpure[0] = v; pure[1] = 0; pure[2] = 1; break;\n\t\tdefault:\n\t\t\tpure[0] = 1; pure[1] = 0; pure[2] = w;\n\t}\n\n\tmg = (1.0 - c) * g;\n\n\treturn [\n\t\t(c * pure[0] + mg) * 255,\n\t\t(c * pure[1] + mg) * 255,\n\t\t(c * pure[2] + mg) * 255\n\t];\n};\n\nconvert.hcg.hsv = function (hcg) {\n\tvar c = hcg[1] / 100;\n\tvar g = hcg[2] / 100;\n\n\tvar v = c + g * (1.0 - c);\n\tvar f = 0;\n\n\tif (v > 0.0) {\n\t\tf = c / v;\n\t}\n\n\treturn [hcg[0], f * 100, v * 100];\n};\n\nconvert.hcg.hsl = function (hcg) {\n\tvar c = hcg[1] / 100;\n\tvar g = hcg[2] / 100;\n\n\tvar l = g * (1.0 - c) + 0.5 * c;\n\tvar s = 0;\n\n\tif (l > 0.0 && l < 0.5) {\n\t\ts = c / (2 * l);\n\t} else\n\tif (l >= 0.5 && l < 1.0) {\n\t\ts = c / (2 * (1 - l));\n\t}\n\n\treturn [hcg[0], s * 100, l * 100];\n};\n\nconvert.hcg.hwb = function (hcg) {\n\tvar c = hcg[1] / 100;\n\tvar g = hcg[2] / 100;\n\tvar v = c + g * (1.0 - c);\n\treturn [hcg[0], (v - c) * 100, (1 - v) * 100];\n};\n\nconvert.hwb.hcg = function (hwb) {\n\tvar w = hwb[1] / 100;\n\tvar b = hwb[2] / 100;\n\tvar v = 1 - b;\n\tvar c = v - w;\n\tvar g = 0;\n\n\tif (c < 1) {\n\t\tg = (v - c) / (1 - c);\n\t}\n\n\treturn [hwb[0], c * 100, g * 100];\n};\n\nconvert.apple.rgb = function (apple) {\n\treturn [(apple[0] / 65535) * 255, (apple[1] / 65535) * 255, (apple[2] / 65535) * 255];\n};\n\nconvert.rgb.apple = function (rgb) {\n\treturn [(rgb[0] / 255) * 65535, (rgb[1] / 255) * 65535, (rgb[2] / 255) * 65535];\n};\n\nconvert.gray.rgb = function (args) {\n\treturn [args[0] / 100 * 255, args[0] / 100 * 255, args[0] / 100 * 255];\n};\n\nconvert.gray.hsl = convert.gray.hsv = function (args) {\n\treturn [0, 0, args[0]];\n};\n\nconvert.gray.hwb = function (gray) {\n\treturn [0, 100, gray[0]];\n};\n\nconvert.gray.cmyk = function (gray) {\n\treturn [0, 0, 0, gray[0]];\n};\n\nconvert.gray.lab = function (gray) {\n\treturn [gray[0], 0, 0];\n};\n\nconvert.gray.hex = function (gray) {\n\tvar val = Math.round(gray[0] / 100 * 255) & 0xFF;\n\tvar integer = (val << 16) + (val << 8) + val;\n\n\tvar string = integer.toString(16).toUpperCase();\n\treturn '000000'.substring(string.length) + string;\n};\n\nconvert.rgb.gray = function (rgb) {\n\tvar val = (rgb[0] + rgb[1] + rgb[2]) / 3;\n\treturn [val / 255 * 100];\n};\n","var conversions = require('./conversions');\nvar route = require('./route');\n\nvar convert = {};\n\nvar models = Object.keys(conversions);\n\nfunction wrapRaw(fn) {\n\tvar wrappedFn = function (args) {\n\t\tif (args === undefined || args === null) {\n\t\t\treturn args;\n\t\t}\n\n\t\tif (arguments.length > 1) {\n\t\t\targs = Array.prototype.slice.call(arguments);\n\t\t}\n\n\t\treturn fn(args);\n\t};\n\n\t// preserve .conversion property if there is one\n\tif ('conversion' in fn) {\n\t\twrappedFn.conversion = fn.conversion;\n\t}\n\n\treturn wrappedFn;\n}\n\nfunction wrapRounded(fn) {\n\tvar wrappedFn = function (args) {\n\t\tif (args === undefined || args === null) {\n\t\t\treturn args;\n\t\t}\n\n\t\tif (arguments.length > 1) {\n\t\t\targs = Array.prototype.slice.call(arguments);\n\t\t}\n\n\t\tvar result = fn(args);\n\n\t\t// we're assuming the result is an array here.\n\t\t// see notice in conversions.js; don't use box types\n\t\t// in conversion functions.\n\t\tif (typeof result === 'object') {\n\t\t\tfor (var len = result.length, i = 0; i < len; i++) {\n\t\t\t\tresult[i] = Math.round(result[i]);\n\t\t\t}\n\t\t}\n\n\t\treturn result;\n\t};\n\n\t// preserve .conversion property if there is one\n\tif ('conversion' in fn) {\n\t\twrappedFn.conversion = fn.conversion;\n\t}\n\n\treturn wrappedFn;\n}\n\nmodels.forEach(function (fromModel) {\n\tconvert[fromModel] = {};\n\n\tObject.defineProperty(convert[fromModel], 'channels', {value: conversions[fromModel].channels});\n\tObject.defineProperty(convert[fromModel], 'labels', {value: conversions[fromModel].labels});\n\n\tvar routes = route(fromModel);\n\tvar routeModels = Object.keys(routes);\n\n\trouteModels.forEach(function (toModel) {\n\t\tvar fn = routes[toModel];\n\n\t\tconvert[fromModel][toModel] = wrapRounded(fn);\n\t\tconvert[fromModel][toModel].raw = wrapRaw(fn);\n\t});\n});\n\nmodule.exports = convert;\n","var conversions = require('./conversions');\n\n/*\n\tthis function routes a model to all other models.\n\n\tall functions that are routed have a property `.conversion` attached\n\tto the returned synthetic function. This property is an array\n\tof strings, each with the steps in between the 'from' and 'to'\n\tcolor models (inclusive).\n\n\tconversions that are not possible simply are not included.\n*/\n\nfunction buildGraph() {\n\tvar graph = {};\n\t// https://jsperf.com/object-keys-vs-for-in-with-closure/3\n\tvar models = Object.keys(conversions);\n\n\tfor (var len = models.length, i = 0; i < len; i++) {\n\t\tgraph[models[i]] = {\n\t\t\t// http://jsperf.com/1-vs-infinity\n\t\t\t// micro-opt, but this is simple.\n\t\t\tdistance: -1,\n\t\t\tparent: null\n\t\t};\n\t}\n\n\treturn graph;\n}\n\n// https://en.wikipedia.org/wiki/Breadth-first_search\nfunction deriveBFS(fromModel) {\n\tvar graph = buildGraph();\n\tvar queue = [fromModel]; // unshift -> queue -> pop\n\n\tgraph[fromModel].distance = 0;\n\n\twhile (queue.length) {\n\t\tvar current = queue.pop();\n\t\tvar adjacents = Object.keys(conversions[current]);\n\n\t\tfor (var len = adjacents.length, i = 0; i < len; i++) {\n\t\t\tvar adjacent = adjacents[i];\n\t\t\tvar node = graph[adjacent];\n\n\t\t\tif (node.distance === -1) {\n\t\t\t\tnode.distance = graph[current].distance + 1;\n\t\t\t\tnode.parent = current;\n\t\t\t\tqueue.unshift(adjacent);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn graph;\n}\n\nfunction link(from, to) {\n\treturn function (args) {\n\t\treturn to(from(args));\n\t};\n}\n\nfunction wrapConversion(toModel, graph) {\n\tvar path = [graph[toModel].parent, toModel];\n\tvar fn = conversions[graph[toModel].parent][toModel];\n\n\tvar cur = graph[toModel].parent;\n\twhile (graph[cur].parent) {\n\t\tpath.unshift(graph[cur].parent);\n\t\tfn = link(conversions[graph[cur].parent][cur], fn);\n\t\tcur = graph[cur].parent;\n\t}\n\n\tfn.conversion = path;\n\treturn fn;\n}\n\nmodule.exports = function (fromModel) {\n\tvar graph = deriveBFS(fromModel);\n\tvar conversion = {};\n\n\tvar models = Object.keys(graph);\n\tfor (var len = models.length, i = 0; i < len; i++) {\n\t\tvar toModel = models[i];\n\t\tvar node = graph[toModel];\n\n\t\tif (node.parent === null) {\n\t\t\t// no possible conversion, or this node is the source model.\n\t\t\tcontinue;\n\t\t}\n\n\t\tconversion[toModel] = wrapConversion(toModel, graph);\n\t}\n\n\treturn conversion;\n};\n\n","'use strict'\r\n\r\nmodule.exports = {\r\n\t\"aliceblue\": [240, 248, 255],\r\n\t\"antiquewhite\": [250, 235, 215],\r\n\t\"aqua\": [0, 255, 255],\r\n\t\"aquamarine\": [127, 255, 212],\r\n\t\"azure\": [240, 255, 255],\r\n\t\"beige\": [245, 245, 220],\r\n\t\"bisque\": [255, 228, 196],\r\n\t\"black\": [0, 0, 0],\r\n\t\"blanchedalmond\": [255, 235, 205],\r\n\t\"blue\": [0, 0, 255],\r\n\t\"blueviolet\": [138, 43, 226],\r\n\t\"brown\": [165, 42, 42],\r\n\t\"burlywood\": [222, 184, 135],\r\n\t\"cadetblue\": [95, 158, 160],\r\n\t\"chartreuse\": [127, 255, 0],\r\n\t\"chocolate\": [210, 105, 30],\r\n\t\"coral\": [255, 127, 80],\r\n\t\"cornflowerblue\": [100, 149, 237],\r\n\t\"cornsilk\": [255, 248, 220],\r\n\t\"crimson\": [220, 20, 60],\r\n\t\"cyan\": [0, 255, 255],\r\n\t\"darkblue\": [0, 0, 139],\r\n\t\"darkcyan\": [0, 139, 139],\r\n\t\"darkgoldenrod\": [184, 134, 11],\r\n\t\"darkgray\": [169, 169, 169],\r\n\t\"darkgreen\": [0, 100, 0],\r\n\t\"darkgrey\": [169, 169, 169],\r\n\t\"darkkhaki\": [189, 183, 107],\r\n\t\"darkmagenta\": [139, 0, 139],\r\n\t\"darkolivegreen\": [85, 107, 47],\r\n\t\"darkorange\": [255, 140, 0],\r\n\t\"darkorchid\": [153, 50, 204],\r\n\t\"darkred\": [139, 0, 0],\r\n\t\"darksalmon\": [233, 150, 122],\r\n\t\"darkseagreen\": [143, 188, 143],\r\n\t\"darkslateblue\": [72, 61, 139],\r\n\t\"darkslategray\": [47, 79, 79],\r\n\t\"darkslategrey\": [47, 79, 79],\r\n\t\"darkturquoise\": [0, 206, 209],\r\n\t\"darkviolet\": [148, 0, 211],\r\n\t\"deeppink\": [255, 20, 147],\r\n\t\"deepskyblue\": [0, 191, 255],\r\n\t\"dimgray\": [105, 105, 105],\r\n\t\"dimgrey\": [105, 105, 105],\r\n\t\"dodgerblue\": [30, 144, 255],\r\n\t\"firebrick\": [178, 34, 34],\r\n\t\"floralwhite\": [255, 250, 240],\r\n\t\"forestgreen\": [34, 139, 34],\r\n\t\"fuchsia\": [255, 0, 255],\r\n\t\"gainsboro\": [220, 220, 220],\r\n\t\"ghostwhite\": [248, 248, 255],\r\n\t\"gold\": [255, 215, 0],\r\n\t\"goldenrod\": [218, 165, 32],\r\n\t\"gray\": [128, 128, 128],\r\n\t\"green\": [0, 128, 0],\r\n\t\"greenyellow\": [173, 255, 47],\r\n\t\"grey\": [128, 128, 128],\r\n\t\"honeydew\": [240, 255, 240],\r\n\t\"hotpink\": [255, 105, 180],\r\n\t\"indianred\": [205, 92, 92],\r\n\t\"indigo\": [75, 0, 130],\r\n\t\"ivory\": [255, 255, 240],\r\n\t\"khaki\": [240, 230, 140],\r\n\t\"lavender\": [230, 230, 250],\r\n\t\"lavenderblush\": [255, 240, 245],\r\n\t\"lawngreen\": [124, 252, 0],\r\n\t\"lemonchiffon\": [255, 250, 205],\r\n\t\"lightblue\": [173, 216, 230],\r\n\t\"lightcoral\": [240, 128, 128],\r\n\t\"lightcyan\": [224, 255, 255],\r\n\t\"lightgoldenrodyellow\": [250, 250, 210],\r\n\t\"lightgray\": [211, 211, 211],\r\n\t\"lightgreen\": [144, 238, 144],\r\n\t\"lightgrey\": [211, 211, 211],\r\n\t\"lightpink\": [255, 182, 193],\r\n\t\"lightsalmon\": [255, 160, 122],\r\n\t\"lightseagreen\": [32, 178, 170],\r\n\t\"lightskyblue\": [135, 206, 250],\r\n\t\"lightslategray\": [119, 136, 153],\r\n\t\"lightslategrey\": [119, 136, 153],\r\n\t\"lightsteelblue\": [176, 196, 222],\r\n\t\"lightyellow\": [255, 255, 224],\r\n\t\"lime\": [0, 255, 0],\r\n\t\"limegreen\": [50, 205, 50],\r\n\t\"linen\": [250, 240, 230],\r\n\t\"magenta\": [255, 0, 255],\r\n\t\"maroon\": [128, 0, 0],\r\n\t\"mediumaquamarine\": [102, 205, 170],\r\n\t\"mediumblue\": [0, 0, 205],\r\n\t\"mediumorchid\": [186, 85, 211],\r\n\t\"mediumpurple\": [147, 112, 219],\r\n\t\"mediumseagreen\": [60, 179, 113],\r\n\t\"mediumslateblue\": [123, 104, 238],\r\n\t\"mediumspringgreen\": [0, 250, 154],\r\n\t\"mediumturquoise\": [72, 209, 204],\r\n\t\"mediumvioletred\": [199, 21, 133],\r\n\t\"midnightblue\": [25, 25, 112],\r\n\t\"mintcream\": [245, 255, 250],\r\n\t\"mistyrose\": [255, 228, 225],\r\n\t\"moccasin\": [255, 228, 181],\r\n\t\"navajowhite\": [255, 222, 173],\r\n\t\"navy\": [0, 0, 128],\r\n\t\"oldlace\": [253, 245, 230],\r\n\t\"olive\": [128, 128, 0],\r\n\t\"olivedrab\": [107, 142, 35],\r\n\t\"orange\": [255, 165, 0],\r\n\t\"orangered\": [255, 69, 0],\r\n\t\"orchid\": [218, 112, 214],\r\n\t\"palegoldenrod\": [238, 232, 170],\r\n\t\"palegreen\": [152, 251, 152],\r\n\t\"paleturquoise\": [175, 238, 238],\r\n\t\"palevioletred\": [219, 112, 147],\r\n\t\"papayawhip\": [255, 239, 213],\r\n\t\"peachpuff\": [255, 218, 185],\r\n\t\"peru\": [205, 133, 63],\r\n\t\"pink\": [255, 192, 203],\r\n\t\"plum\": [221, 160, 221],\r\n\t\"powderblue\": [176, 224, 230],\r\n\t\"purple\": [128, 0, 128],\r\n\t\"rebeccapurple\": [102, 51, 153],\r\n\t\"red\": [255, 0, 0],\r\n\t\"rosybrown\": [188, 143, 143],\r\n\t\"royalblue\": [65, 105, 225],\r\n\t\"saddlebrown\": [139, 69, 19],\r\n\t\"salmon\": [250, 128, 114],\r\n\t\"sandybrown\": [244, 164, 96],\r\n\t\"seagreen\": [46, 139, 87],\r\n\t\"seashell\": [255, 245, 238],\r\n\t\"sienna\": [160, 82, 45],\r\n\t\"silver\": [192, 192, 192],\r\n\t\"skyblue\": [135, 206, 235],\r\n\t\"slateblue\": [106, 90, 205],\r\n\t\"slategray\": [112, 128, 144],\r\n\t\"slategrey\": [112, 128, 144],\r\n\t\"snow\": [255, 250, 250],\r\n\t\"springgreen\": [0, 255, 127],\r\n\t\"steelblue\": [70, 130, 180],\r\n\t\"tan\": [210, 180, 140],\r\n\t\"teal\": [0, 128, 128],\r\n\t\"thistle\": [216, 191, 216],\r\n\t\"tomato\": [255, 99, 71],\r\n\t\"turquoise\": [64, 224, 208],\r\n\t\"violet\": [238, 130, 238],\r\n\t\"wheat\": [245, 222, 179],\r\n\t\"white\": [255, 255, 255],\r\n\t\"whitesmoke\": [245, 245, 245],\r\n\t\"yellow\": [255, 255, 0],\r\n\t\"yellowgreen\": [154, 205, 50]\r\n};\r\n","'use strict'\r\n\r\nmodule.exports = {\r\n\t\"aliceblue\": [240, 248, 255],\r\n\t\"antiquewhite\": [250, 235, 215],\r\n\t\"aqua\": [0, 255, 255],\r\n\t\"aquamarine\": [127, 255, 212],\r\n\t\"azure\": [240, 255, 255],\r\n\t\"beige\": [245, 245, 220],\r\n\t\"bisque\": [255, 228, 196],\r\n\t\"black\": [0, 0, 0],\r\n\t\"blanchedalmond\": [255, 235, 205],\r\n\t\"blue\": [0, 0, 255],\r\n\t\"blueviolet\": [138, 43, 226],\r\n\t\"brown\": [165, 42, 42],\r\n\t\"burlywood\": [222, 184, 135],\r\n\t\"cadetblue\": [95, 158, 160],\r\n\t\"chartreuse\": [127, 255, 0],\r\n\t\"chocolate\": [210, 105, 30],\r\n\t\"coral\": [255, 127, 80],\r\n\t\"cornflowerblue\": [100, 149, 237],\r\n\t\"cornsilk\": [255, 248, 220],\r\n\t\"crimson\": [220, 20, 60],\r\n\t\"cyan\": [0, 255, 255],\r\n\t\"darkblue\": [0, 0, 139],\r\n\t\"darkcyan\": [0, 139, 139],\r\n\t\"darkgoldenrod\": [184, 134, 11],\r\n\t\"darkgray\": [169, 169, 169],\r\n\t\"darkgreen\": [0, 100, 0],\r\n\t\"darkgrey\": [169, 169, 169],\r\n\t\"darkkhaki\": [189, 183, 107],\r\n\t\"darkmagenta\": [139, 0, 139],\r\n\t\"darkolivegreen\": [85, 107, 47],\r\n\t\"darkorange\": [255, 140, 0],\r\n\t\"darkorchid\": [153, 50, 204],\r\n\t\"darkred\": [139, 0, 0],\r\n\t\"darksalmon\": [233, 150, 122],\r\n\t\"darkseagreen\": [143, 188, 143],\r\n\t\"darkslateblue\": [72, 61, 139],\r\n\t\"darkslategray\": [47, 79, 79],\r\n\t\"darkslategrey\": [47, 79, 79],\r\n\t\"darkturquoise\": [0, 206, 209],\r\n\t\"darkviolet\": [148, 0, 211],\r\n\t\"deeppink\": [255, 20, 147],\r\n\t\"deepskyblue\": [0, 191, 255],\r\n\t\"dimgray\": [105, 105, 105],\r\n\t\"dimgrey\": [105, 105, 105],\r\n\t\"dodgerblue\": [30, 144, 255],\r\n\t\"firebrick\": [178, 34, 34],\r\n\t\"floralwhite\": [255, 250, 240],\r\n\t\"forestgreen\": [34, 139, 34],\r\n\t\"fuchsia\": [255, 0, 255],\r\n\t\"gainsboro\": [220, 220, 220],\r\n\t\"ghostwhite\": [248, 248, 255],\r\n\t\"gold\": [255, 215, 0],\r\n\t\"goldenrod\": [218, 165, 32],\r\n\t\"gray\": [128, 128, 128],\r\n\t\"green\": [0, 128, 0],\r\n\t\"greenyellow\": [173, 255, 47],\r\n\t\"grey\": [128, 128, 128],\r\n\t\"honeydew\": [240, 255, 240],\r\n\t\"hotpink\": [255, 105, 180],\r\n\t\"indianred\": [205, 92, 92],\r\n\t\"indigo\": [75, 0, 130],\r\n\t\"ivory\": [255, 255, 240],\r\n\t\"khaki\": [240, 230, 140],\r\n\t\"lavender\": [230, 230, 250],\r\n\t\"lavenderblush\": [255, 240, 245],\r\n\t\"lawngreen\": [124, 252, 0],\r\n\t\"lemonchiffon\": [255, 250, 205],\r\n\t\"lightblue\": [173, 216, 230],\r\n\t\"lightcoral\": [240, 128, 128],\r\n\t\"lightcyan\": [224, 255, 255],\r\n\t\"lightgoldenrodyellow\": [250, 250, 210],\r\n\t\"lightgray\": [211, 211, 211],\r\n\t\"lightgreen\": [144, 238, 144],\r\n\t\"lightgrey\": [211, 211, 211],\r\n\t\"lightpink\": [255, 182, 193],\r\n\t\"lightsalmon\": [255, 160, 122],\r\n\t\"lightseagreen\": [32, 178, 170],\r\n\t\"lightskyblue\": [135, 206, 250],\r\n\t\"lightslategray\": [119, 136, 153],\r\n\t\"lightslategrey\": [119, 136, 153],\r\n\t\"lightsteelblue\": [176, 196, 222],\r\n\t\"lightyellow\": [255, 255, 224],\r\n\t\"lime\": [0, 255, 0],\r\n\t\"limegreen\": [50, 205, 50],\r\n\t\"linen\": [250, 240, 230],\r\n\t\"magenta\": [255, 0, 255],\r\n\t\"maroon\": [128, 0, 0],\r\n\t\"mediumaquamarine\": [102, 205, 170],\r\n\t\"mediumblue\": [0, 0, 205],\r\n\t\"mediumorchid\": [186, 85, 211],\r\n\t\"mediumpurple\": [147, 112, 219],\r\n\t\"mediumseagreen\": [60, 179, 113],\r\n\t\"mediumslateblue\": [123, 104, 238],\r\n\t\"mediumspringgreen\": [0, 250, 154],\r\n\t\"mediumturquoise\": [72, 209, 204],\r\n\t\"mediumvioletred\": [199, 21, 133],\r\n\t\"midnightblue\": [25, 25, 112],\r\n\t\"mintcream\": [245, 255, 250],\r\n\t\"mistyrose\": [255, 228, 225],\r\n\t\"moccasin\": [255, 228, 181],\r\n\t\"navajowhite\": [255, 222, 173],\r\n\t\"navy\": [0, 0, 128],\r\n\t\"oldlace\": [253, 245, 230],\r\n\t\"olive\": [128, 128, 0],\r\n\t\"olivedrab\": [107, 142, 35],\r\n\t\"orange\": [255, 165, 0],\r\n\t\"orangered\": [255, 69, 0],\r\n\t\"orchid\": [218, 112, 214],\r\n\t\"palegoldenrod\": [238, 232, 170],\r\n\t\"palegreen\": [152, 251, 152],\r\n\t\"paleturquoise\": [175, 238, 238],\r\n\t\"palevioletred\": [219, 112, 147],\r\n\t\"papayawhip\": [255, 239, 213],\r\n\t\"peachpuff\": [255, 218, 185],\r\n\t\"peru\": [205, 133, 63],\r\n\t\"pink\": [255, 192, 203],\r\n\t\"plum\": [221, 160, 221],\r\n\t\"powderblue\": [176, 224, 230],\r\n\t\"purple\": [128, 0, 128],\r\n\t\"rebeccapurple\": [102, 51, 153],\r\n\t\"red\": [255, 0, 0],\r\n\t\"rosybrown\": [188, 143, 143],\r\n\t\"royalblue\": [65, 105, 225],\r\n\t\"saddlebrown\": [139, 69, 19],\r\n\t\"salmon\": [250, 128, 114],\r\n\t\"sandybrown\": [244, 164, 96],\r\n\t\"seagreen\": [46, 139, 87],\r\n\t\"seashell\": [255, 245, 238],\r\n\t\"sienna\": [160, 82, 45],\r\n\t\"silver\": [192, 192, 192],\r\n\t\"skyblue\": [135, 206, 235],\r\n\t\"slateblue\": [106, 90, 205],\r\n\t\"slategray\": [112, 128, 144],\r\n\t\"slategrey\": [112, 128, 144],\r\n\t\"snow\": [255, 250, 250],\r\n\t\"springgreen\": [0, 255, 127],\r\n\t\"steelblue\": [70, 130, 180],\r\n\t\"tan\": [210, 180, 140],\r\n\t\"teal\": [0, 128, 128],\r\n\t\"thistle\": [216, 191, 216],\r\n\t\"tomato\": [255, 99, 71],\r\n\t\"turquoise\": [64, 224, 208],\r\n\t\"violet\": [238, 130, 238],\r\n\t\"wheat\": [245, 222, 179],\r\n\t\"white\": [255, 255, 255],\r\n\t\"whitesmoke\": [245, 245, 245],\r\n\t\"yellow\": [255, 255, 0],\r\n\t\"yellowgreen\": [154, 205, 50]\r\n};\r\n","/* MIT license */\nvar colorNames = require('color-name');\nvar swizzle = require('simple-swizzle');\n\nvar reverseNames = {};\n\n// create a list of reverse color names\nfor (var name in colorNames) {\n\tif (colorNames.hasOwnProperty(name)) {\n\t\treverseNames[colorNames[name]] = name;\n\t}\n}\n\nvar cs = module.exports = {\n\tto: {},\n\tget: {}\n};\n\ncs.get = function (string) {\n\tvar prefix = string.substring(0, 3).toLowerCase();\n\tvar val;\n\tvar model;\n\tswitch (prefix) {\n\t\tcase 'hsl':\n\t\t\tval = cs.get.hsl(string);\n\t\t\tmodel = 'hsl';\n\t\t\tbreak;\n\t\tcase 'hwb':\n\t\t\tval = cs.get.hwb(string);\n\t\t\tmodel = 'hwb';\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tval = cs.get.rgb(string);\n\t\t\tmodel = 'rgb';\n\t\t\tbreak;\n\t}\n\n\tif (!val) {\n\t\treturn null;\n\t}\n\n\treturn {model: model, value: val};\n};\n\ncs.get.rgb = function (string) {\n\tif (!string) {\n\t\treturn null;\n\t}\n\n\tvar abbr = /^#([a-f0-9]{3,4})$/i;\n\tvar hex = /^#([a-f0-9]{6})([a-f0-9]{2})?$/i;\n\tvar rgba = /^rgba?\\(\\s*([+-]?\\d+)\\s*,\\s*([+-]?\\d+)\\s*,\\s*([+-]?\\d+)\\s*(?:,\\s*([+-]?[\\d\\.]+)\\s*)?\\)$/;\n\tvar per = /^rgba?\\(\\s*([+-]?[\\d\\.]+)\\%\\s*,\\s*([+-]?[\\d\\.]+)\\%\\s*,\\s*([+-]?[\\d\\.]+)\\%\\s*(?:,\\s*([+-]?[\\d\\.]+)\\s*)?\\)$/;\n\tvar keyword = /(\\D+)/;\n\n\tvar rgb = [0, 0, 0, 1];\n\tvar match;\n\tvar i;\n\tvar hexAlpha;\n\n\tif (match = string.match(hex)) {\n\t\thexAlpha = match[2];\n\t\tmatch = match[1];\n\n\t\tfor (i = 0; i < 3; i++) {\n\t\t\t// https://jsperf.com/slice-vs-substr-vs-substring-methods-long-string/19\n\t\t\tvar i2 = i * 2;\n\t\t\trgb[i] = parseInt(match.slice(i2, i2 + 2), 16);\n\t\t}\n\n\t\tif (hexAlpha) {\n\t\t\trgb[3] = Math.round((parseInt(hexAlpha, 16) / 255) * 100) / 100;\n\t\t}\n\t} else if (match = string.match(abbr)) {\n\t\tmatch = match[1];\n\t\thexAlpha = match[3];\n\n\t\tfor (i = 0; i < 3; i++) {\n\t\t\trgb[i] = parseInt(match[i] + match[i], 16);\n\t\t}\n\n\t\tif (hexAlpha) {\n\t\t\trgb[3] = Math.round((parseInt(hexAlpha + hexAlpha, 16) / 255) * 100) / 100;\n\t\t}\n\t} else if (match = string.match(rgba)) {\n\t\tfor (i = 0; i < 3; i++) {\n\t\t\trgb[i] = parseInt(match[i + 1], 0);\n\t\t}\n\n\t\tif (match[4]) {\n\t\t\trgb[3] = parseFloat(match[4]);\n\t\t}\n\t} else if (match = string.match(per)) {\n\t\tfor (i = 0; i < 3; i++) {\n\t\t\trgb[i] = Math.round(parseFloat(match[i + 1]) * 2.55);\n\t\t}\n\n\t\tif (match[4]) {\n\t\t\trgb[3] = parseFloat(match[4]);\n\t\t}\n\t} else if (match = string.match(keyword)) {\n\t\tif (match[1] === 'transparent') {\n\t\t\treturn [0, 0, 0, 0];\n\t\t}\n\n\t\trgb = colorNames[match[1]];\n\n\t\tif (!rgb) {\n\t\t\treturn null;\n\t\t}\n\n\t\trgb[3] = 1;\n\n\t\treturn rgb;\n\t} else {\n\t\treturn null;\n\t}\n\n\tfor (i = 0; i < 3; i++) {\n\t\trgb[i] = clamp(rgb[i], 0, 255);\n\t}\n\trgb[3] = clamp(rgb[3], 0, 1);\n\n\treturn rgb;\n};\n\ncs.get.hsl = function (string) {\n\tif (!string) {\n\t\treturn null;\n\t}\n\n\tvar hsl = /^hsla?\\(\\s*([+-]?(?:\\d*\\.)?\\d+)(?:deg)?\\s*,\\s*([+-]?[\\d\\.]+)%\\s*,\\s*([+-]?[\\d\\.]+)%\\s*(?:,\\s*([+-]?[\\d\\.]+)\\s*)?\\)$/;\n\tvar match = string.match(hsl);\n\n\tif (match) {\n\t\tvar alpha = parseFloat(match[4]);\n\t\tvar h = (parseFloat(match[1]) + 360) % 360;\n\t\tvar s = clamp(parseFloat(match[2]), 0, 100);\n\t\tvar l = clamp(parseFloat(match[3]), 0, 100);\n\t\tvar a = clamp(isNaN(alpha) ? 1 : alpha, 0, 1);\n\n\t\treturn [h, s, l, a];\n\t}\n\n\treturn null;\n};\n\ncs.get.hwb = function (string) {\n\tif (!string) {\n\t\treturn null;\n\t}\n\n\tvar hwb = /^hwb\\(\\s*([+-]?\\d*[\\.]?\\d+)(?:deg)?\\s*,\\s*([+-]?[\\d\\.]+)%\\s*,\\s*([+-]?[\\d\\.]+)%\\s*(?:,\\s*([+-]?[\\d\\.]+)\\s*)?\\)$/;\n\tvar match = string.match(hwb);\n\n\tif (match) {\n\t\tvar alpha = parseFloat(match[4]);\n\t\tvar h = ((parseFloat(match[1]) % 360) + 360) % 360;\n\t\tvar w = clamp(parseFloat(match[2]), 0, 100);\n\t\tvar b = clamp(parseFloat(match[3]), 0, 100);\n\t\tvar a = clamp(isNaN(alpha) ? 1 : alpha, 0, 1);\n\t\treturn [h, w, b, a];\n\t}\n\n\treturn null;\n};\n\ncs.to.hex = function () {\n\tvar rgba = swizzle(arguments);\n\n\treturn (\n\t\t'#' +\n\t\thexDouble(rgba[0]) +\n\t\thexDouble(rgba[1]) +\n\t\thexDouble(rgba[2]) +\n\t\t(rgba[3] < 1\n\t\t\t? (hexDouble(Math.round(rgba[3] * 255)))\n\t\t\t: '')\n\t);\n};\n\ncs.to.rgb = function () {\n\tvar rgba = swizzle(arguments);\n\n\treturn rgba.length < 4 || rgba[3] === 1\n\t\t? 'rgb(' + Math.round(rgba[0]) + ', ' + Math.round(rgba[1]) + ', ' + Math.round(rgba[2]) + ')'\n\t\t: 'rgba(' + Math.round(rgba[0]) + ', ' + Math.round(rgba[1]) + ', ' + Math.round(rgba[2]) + ', ' + rgba[3] + ')';\n};\n\ncs.to.rgb.percent = function () {\n\tvar rgba = swizzle(arguments);\n\n\tvar r = Math.round(rgba[0] / 255 * 100);\n\tvar g = Math.round(rgba[1] / 255 * 100);\n\tvar b = Math.round(rgba[2] / 255 * 100);\n\n\treturn rgba.length < 4 || rgba[3] === 1\n\t\t? 'rgb(' + r + '%, ' + g + '%, ' + b + '%)'\n\t\t: 'rgba(' + r + '%, ' + g + '%, ' + b + '%, ' + rgba[3] + ')';\n};\n\ncs.to.hsl = function () {\n\tvar hsla = swizzle(arguments);\n\treturn hsla.length < 4 || hsla[3] === 1\n\t\t? 'hsl(' + hsla[0] + ', ' + hsla[1] + '%, ' + hsla[2] + '%)'\n\t\t: 'hsla(' + hsla[0] + ', ' + hsla[1] + '%, ' + hsla[2] + '%, ' + hsla[3] + ')';\n};\n\n// hwb is a bit different than rgb(a) & hsl(a) since there is no alpha specific syntax\n// (hwb have alpha optional & 1 is default value)\ncs.to.hwb = function () {\n\tvar hwba = swizzle(arguments);\n\n\tvar a = '';\n\tif (hwba.length >= 4 && hwba[3] !== 1) {\n\t\ta = ', ' + hwba[3];\n\t}\n\n\treturn 'hwb(' + hwba[0] + ', ' + hwba[1] + '%, ' + hwba[2] + '%' + a + ')';\n};\n\ncs.to.keyword = function (rgb) {\n\treturn reverseNames[rgb.slice(0, 3)];\n};\n\n// helpers\nfunction clamp(num, min, max) {\n\treturn Math.min(Math.max(min, num), max);\n}\n\nfunction hexDouble(num) {\n\tvar str = num.toString(16).toUpperCase();\n\treturn (str.length < 2) ? '0' + str : str;\n}\n","exports = module.exports = require(\"../node_modules/_css-loader@1.0.1@css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \":host {\\n display: block; }\\n\\n.o-tabs__header {\\n padding: 0;\\n position: relative;\\n margin: 0 0 15px; }\\n\\n.o-tabs__active-bar {\\n position: absolute;\\n bottom: 0;\\n left: 0;\\n height: 2px;\\n background-color: #07c160;\\n z-index: 1;\\n -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\\n transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\\n transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\\n transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\\n list-style: none; }\\n\\n.o-tabs__new-tab {\\n float: right;\\n border: 1px solid #d3dce6;\\n height: 18px;\\n width: 18px;\\n line-height: 18px;\\n margin: 12px 0 9px 10px;\\n border-radius: 3px;\\n text-align: center;\\n font-size: 12px;\\n color: #d3dce6;\\n cursor: pointer;\\n -webkit-transition: all .15s;\\n transition: all .15s; }\\n\\n.o-tabs__new-tab .o-icon-plus {\\n -webkit-transform: scale(0.8, 0.8);\\n transform: scale(0.8, 0.8); }\\n\\n.o-tabs__new-tab:hover {\\n color: #07c160; }\\n\\n.o-tabs__nav-wrap {\\n overflow: hidden;\\n margin-bottom: -1px;\\n position: relative; }\\n\\n.o-tabs__nav-wrap::after {\\n content: \\\"\\\";\\n position: absolute;\\n left: 0;\\n bottom: 0;\\n width: 100%;\\n height: 2px;\\n background-color: #E4E7ED;\\n z-index: 1; }\\n\\n.o-tabs--border-card > .o-tabs__header .o-tabs__nav-wrap::after,\\n.o-tabs--card > .o-tabs__header .o-tabs__nav-wrap::after {\\n content: none; }\\n\\n.o-tabs__nav-wrap.is-scrollable {\\n padding: 0 20px;\\n -webkit-box-sizing: border-box;\\n box-sizing: border-box; }\\n\\n.o-tabs__nav-scroll {\\n overflow: hidden; }\\n\\n.o-tabs__nav-next,\\n.o-tabs__nav-prev {\\n position: absolute;\\n cursor: pointer;\\n line-height: 44px;\\n font-size: 12px;\\n color: #909399; }\\n\\n.o-tabs__nav-next {\\n right: 0; }\\n\\n.o-tabs__nav-prev {\\n left: 0; }\\n\\n.o-tabs__nav {\\n white-space: nowrap;\\n position: relative;\\n -webkit-transition: -webkit-transform .3s;\\n transition: -webkit-transform .3s;\\n transition: transform .3s;\\n transition: transform .3s, -webkit-transform .3s;\\n float: left;\\n z-index: 2; }\\n\\n.o-tabs__nav.is-stretch {\\n min-width: 100%;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex; }\\n\\n.o-tabs__nav.is-stretch > * {\\n -webkit-box-flex: 1;\\n -ms-flex: 1;\\n flex: 1;\\n text-align: center; }\\n\\n.o-tabs__item {\\n padding: 0 20px;\\n height: 40px;\\n -webkit-box-sizing: border-box;\\n box-sizing: border-box;\\n line-height: 40px;\\n display: inline-block;\\n list-style: none;\\n font-size: 14px;\\n font-weight: 500;\\n color: #303133;\\n position: relative; }\\n\\n.o-tabs__item:focus,\\n.o-tabs__item:focus:active {\\n outline: 0; }\\n\\n.o-tabs__item:focus.is-active.is-focus:not(:active) {\\n -webkit-box-shadow: 0 0 2px 2px #07c160 inset;\\n box-shadow: 0 0 2px 2px #07c160 inset;\\n border-radius: 3px; }\\n\\n.o-tabs__item:hover .o-icon-close {\\n visibility: visible; }\\n\\n.o-tabs__item .o-icon-close {\\n visibility: hidden;\\n border-radius: 50%;\\n text-align: center;\\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\\n margin-left: 5px; }\\n\\n.o-tabs__item .o-icon-close:before {\\n -webkit-transform: scale(0.9);\\n transform: scale(0.9);\\n display: inline-block; }\\n\\n.o-tabs__item .o-icon-close:hover {\\n background-color: #C0C4CC;\\n color: #FFF; }\\n\\n.o-tabs__item.is-active {\\n color: #07c160; }\\n\\n.o-tabs__item:hover {\\n color: #07c160;\\n cursor: pointer; }\\n\\n.o-tabs__item.is-disabled {\\n color: #C0C4CC;\\n cursor: default; }\\n\\n.o-tabs__content {\\n overflow: hidden;\\n position: relative; }\\n\\n.o-tabs--card > .o-tabs__header {\\n border-bottom: 1px solid #E4E7ED; }\\n\\n.o-tabs--card > .o-tabs__header .o-tabs__nav {\\n border: 1px solid #E4E7ED;\\n border-bottom: none;\\n border-radius: 4px 4px 0 0;\\n -webkit-box-sizing: border-box;\\n box-sizing: border-box; }\\n\\n.o-tabs--card > .o-tabs__header .o-tabs__active-bar {\\n display: none; }\\n\\n.o-tabs--card > .o-tabs__header .o-tabs__item .o-icon-close {\\n position: relative;\\n font-size: 12px;\\n width: 0;\\n height: 14px;\\n vertical-align: middle;\\n line-height: 15px;\\n overflow: hidden;\\n top: -1px;\\n right: -2px;\\n -webkit-transform-origin: 100% 50%;\\n transform-origin: 100% 50%; }\\n\\n.o-tabs--card > .o-tabs__header .o-tabs__item.is-active.is-closable .o-icon-close,\\n.o-tabs--card > .o-tabs__header .o-tabs__item.is-closable:hover .o-icon-close {\\n width: 14px; }\\n\\n.o-tabs--card > .o-tabs__header .o-tabs__item {\\n border-bottom: 1px solid transparent;\\n border-left: 1px solid #E4E7ED;\\n -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\\n transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }\\n\\n.o-tabs--card > .o-tabs__header .o-tabs__item:first-child {\\n border-left: none; }\\n\\n.o-tabs--card > .o-tabs__header .o-tabs__item.is-closable:hover {\\n padding-left: 13px;\\n padding-right: 13px; }\\n\\n.o-tabs--card > .o-tabs__header .o-tabs__item.is-active {\\n border-bottom-color: #FFF; }\\n\\n.o-tabs--card > .o-tabs__header .o-tabs__item.is-active.is-closable {\\n padding-left: 20px;\\n padding-right: 20px; }\\n\\n.o-tabs--border-card {\\n background: #FFF;\\n border: 1px solid #DCDFE6;\\n border-bottom: none; }\\n\\n.o-tabs--border-card.o-tabs--bottom {\\n border: 1px solid #DCDFE6; }\\n\\n.o-tabs--border-card > .o-tabs__content {\\n padding: 15px; }\\n\\n.o-tabs--border-card > .o-tabs__header {\\n background-color: #F5F7FA;\\n border-bottom: 1px solid #E4E7ED;\\n margin: 0; }\\n\\n.o-tabs--border-card > .o-tabs__header .o-tabs__item {\\n -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\\n transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\\n border: 1px solid transparent;\\n margin-top: -1px;\\n color: #909399; }\\n\\n.o-tabs--border-card > .o-tabs__header .o-tabs__item + .o-tabs__item,\\n.o-tabs--border-card > .o-tabs__header .o-tabs__item:first-child {\\n margin-left: -1px; }\\n\\n.o-tabs--border-card > .o-tabs__header .o-tabs__item.is-active {\\n color: #07c160;\\n background-color: #FFF;\\n border-right-color: #DCDFE6;\\n border-left-color: #DCDFE6; }\\n\\n.o-tabs--border-card > .o-tabs__header .o-tabs__item:not(.is-disabled):hover {\\n color: #07c160; }\\n\\n.o-tabs--border-card > .o-tabs__header .o-tabs__item.is-disabled {\\n color: #C0C4CC; }\\n\\n.o-tabs--border-card > .o-tabs__header .is-scrollable .o-tabs__item:first-child {\\n margin-left: 0; }\\n\\n.o-tabs--bottom .o-tabs__item.is-bottom:nth-child(2),\\n.o-tabs--bottom .o-tabs__item.is-top:nth-child(2),\\n.o-tabs--top .o-tabs__item.is-bottom:nth-child(2),\\n.o-tabs--top .o-tabs__item.is-top:nth-child(2) {\\n padding-left: 0; }\\n\\n.o-tabs--bottom .o-tabs__item.is-bottom:last-child,\\n.o-tabs--bottom .o-tabs__item.is-top:last-child,\\n.o-tabs--top .o-tabs__item.is-bottom:last-child,\\n.o-tabs--top .o-tabs__item.is-top:last-child {\\n padding-right: 0; }\\n\\n.o-tabs--bottom .o-tabs--left > .o-tabs__header .o-tabs__item:nth-child(2),\\n.o-tabs--bottom .o-tabs--right > .o-tabs__header .o-tabs__item:nth-child(2),\\n.o-tabs--bottom.o-tabs--border-card > .o-tabs__header .o-tabs__item:nth-child(2),\\n.o-tabs--bottom.o-tabs--card > .o-tabs__header .o-tabs__item:nth-child(2),\\n.o-tabs--top .o-tabs--left > .o-tabs__header .o-tabs__item:nth-child(2),\\n.o-tabs--top .o-tabs--right > .o-tabs__header .o-tabs__item:nth-child(2),\\n.o-tabs--top.o-tabs--border-card > .o-tabs__header .o-tabs__item:nth-child(2),\\n.o-tabs--top.o-tabs--card > .o-tabs__header .o-tabs__item:nth-child(2) {\\n padding-left: 20px; }\\n\\n.o-tabs--bottom .o-tabs--left > .o-tabs__header .o-tabs__item:last-child,\\n.o-tabs--bottom .o-tabs--right > .o-tabs__header .o-tabs__item:last-child,\\n.o-tabs--bottom.o-tabs--border-card > .o-tabs__header .o-tabs__item:last-child,\\n.o-tabs--bottom.o-tabs--card > .o-tabs__header .o-tabs__item:last-child,\\n.o-tabs--top .o-tabs--left > .o-tabs__header .o-tabs__item:last-child,\\n.o-tabs--top .o-tabs--right > .o-tabs__header .o-tabs__item:last-child,\\n.o-tabs--top.o-tabs--border-card > .o-tabs__header .o-tabs__item:last-child,\\n.o-tabs--top.o-tabs--card > .o-tabs__header .o-tabs__item:last-child {\\n padding-right: 20px; }\\n\\n.o-tabs--bottom.o-tabs--border-card {\\n border-top: none; }\\n\\n.o-tabs--bottom.o-tabs--border-card .o-tabs__header.is-bottom {\\n border-bottom: 0;\\n border-top: 1px solid #DCDFE6; }\\n\\n.o-tabs--bottom.o-tabs--border-card .o-tabs__nav-wrap.is-bottom {\\n margin-top: -1px;\\n margin-bottom: 0; }\\n\\n.o-tabs--bottom.o-tabs--border-card .o-tabs__item.is-bottom:not(.is-active) {\\n border: 1px solid transparent; }\\n\\n.o-tabs--bottom.o-tabs--border-card .o-tabs__item.is-bottom {\\n margin: 0 -1px -1px; }\\n\\n.o-tabs--left,\\n.o-tabs--right {\\n overflow: hidden; }\\n\\n.o-tabs--left .o-tabs__header.is-left,\\n.o-tabs--left .o-tabs__header.is-right,\\n.o-tabs--left .o-tabs__nav-scroll,\\n.o-tabs--left .o-tabs__nav-wrap.is-left,\\n.o-tabs--left .o-tabs__nav-wrap.is-right,\\n.o-tabs--right .o-tabs__header.is-left,\\n.o-tabs--right .o-tabs__header.is-right,\\n.o-tabs--right .o-tabs__nav-scroll,\\n.o-tabs--right .o-tabs__nav-wrap.is-left,\\n.o-tabs--right .o-tabs__nav-wrap.is-right {\\n height: 100%; }\\n\\n.o-tabs--left .o-tabs__active-bar.is-left,\\n.o-tabs--left .o-tabs__active-bar.is-right,\\n.o-tabs--right .o-tabs__active-bar.is-left,\\n.o-tabs--right .o-tabs__active-bar.is-right {\\n top: 0;\\n bottom: auto;\\n width: 2px;\\n height: auto; }\\n\\n.o-tabs--left .o-tabs__nav-wrap.is-left,\\n.o-tabs--left .o-tabs__nav-wrap.is-right,\\n.o-tabs--right .o-tabs__nav-wrap.is-left,\\n.o-tabs--right .o-tabs__nav-wrap.is-right {\\n margin-bottom: 0; }\\n\\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-next,\\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev,\\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-next,\\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev,\\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-next,\\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev,\\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-next,\\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev {\\n height: 30px;\\n line-height: 30px;\\n width: 100%;\\n text-align: center;\\n cursor: pointer; }\\n\\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-next i,\\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev i,\\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-next i,\\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev i,\\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-next i,\\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev i,\\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-next i,\\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev i {\\n -webkit-transform: rotateZ(90deg);\\n transform: rotateZ(90deg); }\\n\\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev,\\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev,\\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-prev,\\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-prev {\\n left: auto;\\n top: 0; }\\n\\n.o-tabs--left .o-tabs__nav-wrap.is-left > .o-tabs__nav-next,\\n.o-tabs--left .o-tabs__nav-wrap.is-right > .o-tabs__nav-next,\\n.o-tabs--right .o-tabs__nav-wrap.is-left > .o-tabs__nav-next,\\n.o-tabs--right .o-tabs__nav-wrap.is-right > .o-tabs__nav-next {\\n right: auto;\\n bottom: 0; }\\n\\n.o-tabs--left .o-tabs__active-bar.is-left,\\n.o-tabs--left .o-tabs__nav-wrap.is-left::after {\\n right: 0;\\n left: auto; }\\n\\n.o-tabs--left .o-tabs__nav-wrap.is-left.is-scrollable,\\n.o-tabs--left .o-tabs__nav-wrap.is-right.is-scrollable,\\n.o-tabs--right .o-tabs__nav-wrap.is-left.is-scrollable,\\n.o-tabs--right .o-tabs__nav-wrap.is-right.is-scrollable {\\n padding: 30px 0; }\\n\\n.o-tabs--left .o-tabs__nav-wrap.is-left::after,\\n.o-tabs--left .o-tabs__nav-wrap.is-right::after,\\n.o-tabs--right .o-tabs__nav-wrap.is-left::after,\\n.o-tabs--right .o-tabs__nav-wrap.is-right::after {\\n height: 100%;\\n width: 2px;\\n bottom: auto;\\n top: 0; }\\n\\n.o-tabs--left .o-tabs__nav.is-left,\\n.o-tabs--left .o-tabs__nav.is-right,\\n.o-tabs--right .o-tabs__nav.is-left,\\n.o-tabs--right .o-tabs__nav.is-right {\\n float: none; }\\n\\n.o-tabs--left .o-tabs__item.is-left,\\n.o-tabs--left .o-tabs__item.is-right,\\n.o-tabs--right .o-tabs__item.is-left,\\n.o-tabs--right .o-tabs__item.is-right {\\n display: block; }\\n\\n.o-tabs--left.o-tabs--card .o-tabs__active-bar.is-left,\\n.o-tabs--right.o-tabs--card .o-tabs__active-bar.is-right {\\n display: none; }\\n\\n.o-tabs--left .o-tabs__header.is-left {\\n float: left;\\n margin-bottom: 0;\\n margin-right: 10px; }\\n\\n.o-tabs--left .o-tabs__nav-wrap.is-left {\\n margin-right: -1px; }\\n\\n.o-tabs--left .o-tabs__item.is-left {\\n text-align: right; }\\n\\n.o-tabs--left.o-tabs--card .o-tabs__item.is-left {\\n border-left: none;\\n border-right: 1px solid #E4E7ED;\\n border-bottom: none;\\n border-top: 1px solid #E4E7ED;\\n text-align: left; }\\n\\n.o-tabs--left.o-tabs--card .o-tabs__item.is-left:first-child {\\n border-right: 1px solid #E4E7ED;\\n border-top: none; }\\n\\n.o-tabs--left.o-tabs--card .o-tabs__item.is-left.is-active {\\n border: 1px solid #E4E7ED;\\n border-right-color: #fff;\\n border-left: none;\\n border-bottom: none; }\\n\\n.o-tabs--left.o-tabs--card .o-tabs__item.is-left.is-active:first-child {\\n border-top: none; }\\n\\n.o-tabs--left.o-tabs--card .o-tabs__item.is-left.is-active:last-child {\\n border-bottom: none; }\\n\\n.o-tabs--left.o-tabs--card .o-tabs__nav {\\n border-radius: 4px 0 0 4px;\\n border-bottom: 1px solid #E4E7ED;\\n border-right: none; }\\n\\n.o-tabs--left.o-tabs--card .o-tabs__new-tab {\\n float: none; }\\n\\n.o-tabs--left.o-tabs--border-card .o-tabs__header.is-left {\\n border-right: 1px solid #dfe4ed; }\\n\\n.o-tabs--left.o-tabs--border-card .o-tabs__item.is-left {\\n border: 1px solid transparent;\\n margin: -1px 0 -1px -1px; }\\n\\n.o-tabs--left.o-tabs--border-card .o-tabs__item.is-left.is-active {\\n border-color: #d1dbe5 transparent; }\\n\\n.o-tabs--right .o-tabs__header.is-right {\\n float: right;\\n margin-bottom: 0;\\n margin-left: 10px; }\\n\\n.o-tabs--right .o-tabs__nav-wrap.is-right {\\n margin-left: -1px; }\\n\\n.o-tabs--right .o-tabs__nav-wrap.is-right::after {\\n left: 0;\\n right: auto; }\\n\\n.o-tabs--right .o-tabs__active-bar.is-right {\\n left: 0; }\\n\\n.o-tabs--right.o-tabs--card .o-tabs__item.is-right {\\n border-bottom: none;\\n border-top: 1px solid #E4E7ED; }\\n\\n.o-tabs--right.o-tabs--card .o-tabs__item.is-right:first-child {\\n border-left: 1px solid #E4E7ED;\\n border-top: none; }\\n\\n.o-tabs--right.o-tabs--card .o-tabs__item.is-right.is-active {\\n border: 1px solid #E4E7ED;\\n border-left-color: #fff;\\n border-right: none;\\n border-bottom: none; }\\n\\n.o-tabs--right.o-tabs--card .o-tabs__item.is-right.is-active:first-child {\\n border-top: none; }\\n\\n.o-tabs--right.o-tabs--card .o-tabs__item.is-right.is-active:last-child {\\n border-bottom: none; }\\n\\n.o-tabs--right.o-tabs--card .o-tabs__nav {\\n border-radius: 0 4px 4px 0;\\n border-bottom: 1px solid #E4E7ED;\\n border-left: none; }\\n\\n.o-tabs--right.o-tabs--border-card .o-tabs__header.is-right {\\n border-left: 1px solid #dfe4ed; }\\n\\n.o-tabs--right.o-tabs--border-card .o-tabs__item.is-right {\\n border: 1px solid transparent;\\n margin: -1px -1px -1px 0; }\\n\\n.o-tabs--right.o-tabs--border-card .o-tabs__item.is-right.is-active {\\n border-color: #d1dbe5 transparent; }\\n\\n.slideInLeft-transition,\\n.slideInRight-transition {\\n display: inline-block; }\\n\\n.slideInRight-enter {\\n -webkit-animation: slideInRight-enter .3s;\\n animation: slideInRight-enter .3s; }\\n\\n.slideInRight-leave {\\n position: absolute;\\n left: 0;\\n right: 0;\\n -webkit-animation: slideInRight-leave .3s;\\n animation: slideInRight-leave .3s; }\\n\\n.slideInLeft-enter {\\n -webkit-animation: slideInLeft-enter .3s;\\n animation: slideInLeft-enter .3s; }\\n\\n.slideInLeft-leave {\\n position: absolute;\\n left: 0;\\n right: 0;\\n -webkit-animation: slideInLeft-leave .3s;\\n animation: slideInLeft-leave .3s; }\\n\\n@-webkit-keyframes slideInRight-enter {\\n 0% {\\n opacity: 0;\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(100%);\\n transform: translateX(100%); }\\n to {\\n opacity: 1;\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(0);\\n transform: translateX(0); } }\\n\\n@keyframes slideInRight-enter {\\n 0% {\\n opacity: 0;\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(100%);\\n transform: translateX(100%); }\\n to {\\n opacity: 1;\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(0);\\n transform: translateX(0); } }\\n\\n@-webkit-keyframes slideInRight-leave {\\n 0% {\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(0);\\n transform: translateX(0);\\n opacity: 1; }\\n 100% {\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(100%);\\n transform: translateX(100%);\\n opacity: 0; } }\\n\\n@keyframes slideInRight-leave {\\n 0% {\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(0);\\n transform: translateX(0);\\n opacity: 1; }\\n 100% {\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(100%);\\n transform: translateX(100%);\\n opacity: 0; } }\\n\\n@-webkit-keyframes slideInLeft-enter {\\n 0% {\\n opacity: 0;\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(-100%);\\n transform: translateX(-100%); }\\n to {\\n opacity: 1;\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(0);\\n transform: translateX(0); } }\\n\\n@keyframes slideInLeft-enter {\\n 0% {\\n opacity: 0;\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(-100%);\\n transform: translateX(-100%); }\\n to {\\n opacity: 1;\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(0);\\n transform: translateX(0); } }\\n\\n@-webkit-keyframes slideInLeft-leave {\\n 0% {\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(0);\\n transform: translateX(0);\\n opacity: 1; }\\n 100% {\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(-100%);\\n transform: translateX(-100%);\\n opacity: 0; } }\\n\\n@keyframes slideInLeft-leave {\\n 0% {\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(0);\\n transform: translateX(0);\\n opacity: 1; }\\n 100% {\\n -webkit-transform-origin: 0 0;\\n transform-origin: 0 0;\\n -webkit-transform: translateX(-100%);\\n transform: translateX(-100%);\\n opacity: 0; } }\\n\\n.o-icon-close {\\n display: inline-block;\\n vertical-align: -0.125em; }\\n\", \"\"]);\n\n// exports\n","/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function(useSourceMap) {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\treturn this.map(function (item) {\n\t\t\tvar content = cssWithMappingToString(item, useSourceMap);\n\t\t\tif(item[2]) {\n\t\t\t\treturn \"@media \" + item[2] + \"{\" + content + \"}\";\n\t\t\t} else {\n\t\t\t\treturn content;\n\t\t\t}\n\t\t}).join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t// when a module is imported multiple times with different media queries.\n\t\t\t// I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n\tvar content = item[1] || '';\n\tvar cssMapping = item[3];\n\tif (!cssMapping) {\n\t\treturn content;\n\t}\n\n\tif (useSourceMap && typeof btoa === 'function') {\n\t\tvar sourceMapping = toComment(cssMapping);\n\t\tvar sourceURLs = cssMapping.sources.map(function (source) {\n\t\t\treturn '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'\n\t\t});\n\n\t\treturn [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n\t}\n\n\treturn [content].join('\\n');\n}\n\n// Adapted from convert-source-map (MIT)\nfunction toComment(sourceMap) {\n\t// eslint-disable-next-line no-undef\n\tvar base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n\tvar data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n\n\treturn '/*# ' + data + ' */';\n}\n","module.exports = function isArrayish(obj) {\n\tif (!obj || typeof obj === 'string') {\n\t\treturn false;\n\t}\n\n\treturn obj instanceof Array || Array.isArray(obj) ||\n\t\t(obj.length >= 0 && (obj.splice instanceof Function ||\n\t\t\t(Object.getOwnPropertyDescriptor(obj, (obj.length - 1)) && obj.constructor.name !== 'String')));\n};\n","'use strict';\n\nvar isArrayish = require('is-arrayish');\n\nvar concat = Array.prototype.concat;\nvar slice = Array.prototype.slice;\n\nvar swizzle = module.exports = function swizzle(args) {\n\tvar results = [];\n\n\tfor (var i = 0, len = args.length; i < len; i++) {\n\t\tvar arg = args[i];\n\n\t\tif (isArrayish(arg)) {\n\t\t\t// http://jsperf.com/javascript-array-concat-vs-push/98\n\t\t\tresults = concat.call(results, slice.call(arg));\n\t\t} else {\n\t\t\tresults.push(arg);\n\t\t}\n\t}\n\n\treturn results;\n};\n\nswizzle.wrap = function (fn) {\n\treturn function () {\n\t\treturn fn(swizzle(arguments));\n\t};\n};\n","\n var result = require(\"!!../node_modules/_css-loader@1.0.1@css-loader/index.js!../node_modules/_resolve-url-loader@3.1.1@resolve-url-loader/index.js!../node_modules/_sass-loader@7.3.1@sass-loader/dist/cjs.js??ref--4-3!./index.scss\");\n\n if (typeof result === \"string\") {\n module.exports = result;\n } else {\n module.exports = result.toString();\n }\n ","\"use strict\";\nvar __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nvar __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar omi_1 = require(\"omi\");\nvar css = require(\"./index.scss\");\n//@ts-ignore\nrequire(\"../theme.ts\");\nvar Tabs = /** @class */ (function (_super) {\n __extends(Tabs, _super);\n function Tabs() {\n var _this = _super !== null && _super.apply(this, arguments) || this;\n _this.onTabClick = function (evt, index) {\n _this.setActiveBar(evt.currentTarget, index);\n };\n return _this;\n }\n Tabs.prototype.setActiveBar = function (ele, index) {\n var rect = ele.getBoundingClientRect();\n this._x = rect.left - this.baseRect.left;\n this._width = rect.width;\n if (index === 0) {\n this._x = 0;\n this._width -= 20;\n }\n else if (index === this.props.list.length - 1) {\n this._x += 20;\n this._width -= 20;\n }\n else {\n this._x += 20;\n this._width -= 40;\n }\n this.updateProps({\n activeIndex: index\n });\n };\n Tabs.prototype.installed = function () {\n this.baseRect = this.rootNode.getBoundingClientRect();\n this.setActiveBar(this['$tab' + this.props.activeIndex], this.props.activeIndex);\n };\n Tabs.prototype.render = function (props) {\n var _a, _b, _c, _d, _e;\n var _this = this;\n var activeBarStyle = (props.position === 'left' || props.position === 'right') ? {\n height: \"40px\",\n transform: \"translateY(\" + props.activeIndex * 40 + \"px)\"\n } : {\n width: this._width + \"px\",\n transform: \"translateX(\" + this._x + \"px)\"\n };\n console.log(activeBarStyle);\n return (omi_1.h(\"div\", __assign({}, omi_1.extractClass(props, 'o-tabs', (_a = {},\n _a[\"o-tabs--\" + props.position] = props.position,\n _a[\"o-tabs--\" + props.type] = props.type,\n _a))),\n omi_1.h(\"div\", { class: omi_1.classNames('o-tabs__header', (_b = {},\n _b[\"is-\" + props.position] = props.position,\n _b)) },\n omi_1.h(\"div\", { class: omi_1.classNames('o-tabs__nav-wrap', (_c = {},\n _c[\"is-\" + props.position] = props.position,\n _c)) },\n omi_1.h(\"div\", { class: \"o-tabs__nav-scroll\" },\n omi_1.h(\"div\", { role: \"tablist\", class: omi_1.classNames('o-tabs__nav', (_d = {},\n _d[\"is-\" + props.position] = props.position,\n _d)) },\n !props.type && omi_1.h(\"div\", { class: omi_1.classNames('o-tabs__active-bar', (_e = {},\n _e[\"is-\" + props.position] = props.position,\n _e)), style: activeBarStyle }),\n props.list.map(function (tab, index) {\n var _a;\n _this._tempTagName = 'o-icon-' + tab.icon;\n return omi_1.h(\"div\", __assign({ ref: function (e) { _this['$tab' + index] = e; }, role: \"tab\", onClick: function (evt) { return _this.onTabClick(evt, index); }, tabindex: props.active === index ? '0' : -1 }, omi_1.extractClass(props, 'o-tabs__item', (_a = {},\n _a[\"is-\" + props.position] = props.position,\n _a['is-active'] = props.activeIndex === index,\n _a['is-closable'] = props.closable,\n _a))),\n tab.icon && omi_1.h(_this._tempTagName, null),\n tab.label,\n props.closable && omi_1.h(\"svg\", { class: \"o-icon-close\", style: props.activeIndex === index && \"visibility: visible;\", fill: \"currentColor\", width: \"1em\", height: \"1em\", focusable: \"false\", viewBox: \"0 0 24 24\", \"aria-hidden\": \"true\" },\n omi_1.h(\"path\", { d: \"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\" })));\n })))))));\n };\n Tabs.css = css;\n Tabs.defaultProps = {\n position: 'top',\n closable: false\n };\n Tabs.propTypes = {\n list: Array,\n activeIndex: Number,\n type: String,\n position: String,\n closable: Boolean\n };\n Tabs = __decorate([\n omi_1.tag('o-tabs')\n ], Tabs);\n return Tabs;\n}(omi_1.WeElement));\nexports.default = Tabs;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar Color = require(\"./color\");\ntheme();\ndocument.addEventListener('DOMContentLoaded', function () {\n theme();\n});\nfunction theme() {\n if (document.body && !document.body.style.getPropertyValue('--o-primary')) {\n setTheme('primary', '#07c160');\n setTheme('danger', '#f5222d');\n setTheme('surface', '#ffffff');\n setTheme('on-primary', '#ffffff');\n setTheme('on-danger', '#ffffff');\n setTheme('on-surface', '#000000');\n setTheme('background', '#ffffff');\n setTheme('small-radius', '4px');\n setTheme('medium-radius', '4px');\n setTheme('large-radius', '0px');\n setTheme('font-family', '-apple-system-font,\"Helvetica Neue\",sans-serif');\n }\n}\nfunction setTheme(key, value) {\n var style = document.body.style;\n style.setProperty('--o-' + key, value);\n switch (key) {\n case 'primary':\n style.setProperty('--o-primary-fade-little', Color(value).fade(0.382));\n style.setProperty('--o-primary-fade-some', Color(value).fade(0.618));\n style.setProperty('--o-primary-fade-lot', Color(value).fade(0.9));\n style.setProperty('--o-primary-active', Color(value).darken(0.1));\n style.setProperty('--o-primary-hover-border', Color(value).fade(0.618));\n style.setProperty('--o-primary-hover-bg', Color(value).fade(0.9));\n break;\n case 'danger':\n style.setProperty('--o-danger-fade-little', Color(value).fade(0.382));\n style.setProperty('--o-danger-fade-some', Color(value).fade(0.618));\n style.setProperty('--o-danger-fade-lot', Color(value).fade(0.9));\n style.setProperty('--o-danger-active', Color(value).darken(0.1));\n break;\n }\n}\nif (typeof window !== undefined) {\n //@ts-ignore\n window.Omiu = {\n setTheme: setTheme,\n setThemePrimary: function (color) {\n setTheme('primary', color);\n },\n setThemeError: function (color) {\n setTheme('error', color);\n }\n };\n}\n","module.exports = __WEBPACK_EXTERNAL_MODULE_omi__;"],"sourceRoot":""} \ No newline at end of file diff --git a/components/tabs/src/index.scss b/components/tabs/src/index.scss index 45ba49df5..a175bb44c 100644 --- a/components/tabs/src/index.scss +++ b/components/tabs/src/index.scss @@ -148,7 +148,12 @@ border-radius: 3px } +.o-tabs__item:hover .o-icon-close { + visibility: visible; +} + .o-tabs__item .o-icon-close { + visibility: hidden; border-radius: 50%; text-align: center; -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1); @@ -785,3 +790,8 @@ opacity: 0 } } + +.o-icon-close { + display: inline-block; + vertical-align: -0.125em; +} diff --git a/components/tabs/src/index.tsx b/components/tabs/src/index.tsx index 877586976..5f52c40b9 100644 --- a/components/tabs/src/index.tsx +++ b/components/tabs/src/index.tsx @@ -8,6 +8,7 @@ interface Props { activeIndex: number type?: 'card' | 'border-card' position?: 'left' | 'right' | 'top' | 'bottom' + closable?: boolean } @@ -17,14 +18,16 @@ export default class Tabs extends WeElement{ static css = css static defaultProps = { - position: 'top' + position: 'top', + closable: false } static propTypes = { list: Array, activeIndex: Number, type: String, - position: String + position: String, + closable: Boolean } _x @@ -57,16 +60,16 @@ export default class Tabs extends WeElement{ this.baseRect = this.rootNode.getBoundingClientRect() this.setActiveBar(this['$tab' + this.props.activeIndex], this.props.activeIndex) } - + _tempTagName: string render(props) { - const activeBarStyle = (props.position === 'left' || props.position === 'right') ?{ + const activeBarStyle = (props.position === 'left' || props.position === 'right') ? { height: `40px`, - transform: `translateY(${props.activeIndex*40}px)` - }:{ - width: `${this._width}px`, - transform: `translateX(${this._x}px)` - } + transform: `translateY(${props.activeIndex * 40}px)` + } : { + width: `${this._width}px`, + transform: `translateX(${this._x}px)` + } console.log(activeBarStyle) return (
{ })} style={activeBarStyle}>
} {props.list.map((tab, index) => { - + this._tempTagName = 'o-icon-' + tab.icon return
{ this['$tab' + index] = e }} role="tab" onClick={evt => this.onTabClick(evt, index)} tabindex={props.active === index ? '0' : -1} {...extractClass(props, 'o-tabs__item', { [`is-${props.position}`]: props.position, - 'is-active': props.activeIndex === index + 'is-active': props.activeIndex === index, + 'is-closable': props.closable })} - >{tab}
+ >{tab.icon && }{tab.label}{props.closable &&} })}