vft 0.0.4 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (167) hide show
  1. package/dist/index.css +1 -1
  2. package/es/component.mjs +9 -6
  3. package/es/component.mjs.map +1 -1
  4. package/es/components/avatar/avatar.vue2.mjs +12 -11
  5. package/es/components/avatar/avatar.vue2.mjs.map +1 -1
  6. package/es/components/avatar/index.mjs +2 -0
  7. package/es/components/avatar/index.mjs.map +1 -1
  8. package/es/components/back-top/back-top.vue2.mjs +20 -18
  9. package/es/components/back-top/back-top.vue2.mjs.map +1 -1
  10. package/es/components/back-top/index.mjs +2 -0
  11. package/es/components/back-top/index.mjs.map +1 -1
  12. package/es/components/divider/divider.vue2.mjs +4 -2
  13. package/es/components/divider/divider.vue2.mjs.map +1 -1
  14. package/es/components/divider/index.mjs +5 -3
  15. package/es/components/divider/index.mjs.map +1 -1
  16. package/es/components/empty/empty.vue2.mjs.map +1 -1
  17. package/es/components/empty/index.mjs +7 -5
  18. package/es/components/empty/index.mjs.map +1 -1
  19. package/es/components/exception/index.mjs +5 -3
  20. package/es/components/exception/index.mjs.map +1 -1
  21. package/es/components/icon/icon.vue2.mjs +11 -10
  22. package/es/components/icon/icon.vue2.mjs.map +1 -1
  23. package/es/components/icon/index.mjs +5 -3
  24. package/es/components/icon/index.mjs.map +1 -1
  25. package/es/components/index.d.ts +1 -0
  26. package/es/components/index.mjs +11 -6
  27. package/es/components/index.mjs.map +1 -1
  28. package/es/components/result/index.mjs +5 -3
  29. package/es/components/result/index.mjs.map +1 -1
  30. package/es/components/result/result.vue2.mjs +4 -2
  31. package/es/components/result/result.vue2.mjs.map +1 -1
  32. package/es/components/tabs/index.d.ts +356 -0
  33. package/es/components/tabs/index.mjs +15 -0
  34. package/es/components/tabs/index.mjs.map +1 -0
  35. package/es/components/tabs/style/css.d.ts +0 -0
  36. package/es/components/tabs/style/css.mjs +3 -0
  37. package/es/components/tabs/style/css.mjs.map +1 -0
  38. package/es/components/tabs/style/index.d.ts +0 -0
  39. package/es/components/tabs/style/index.mjs +3 -0
  40. package/es/components/tabs/style/index.mjs.map +1 -0
  41. package/es/components/tabs/tab-bar.vue.d.ts +51 -0
  42. package/es/components/tabs/tab-bar.vue.mjs +5 -0
  43. package/es/components/tabs/tab-bar.vue.mjs.map +1 -0
  44. package/es/components/tabs/tab-bar.vue2.mjs +53 -0
  45. package/es/components/tabs/tab-bar.vue2.mjs.map +1 -0
  46. package/es/components/tabs/tab-nav.vue.d.ts +121 -0
  47. package/es/components/tabs/tab-nav.vue.mjs +5 -0
  48. package/es/components/tabs/tab-nav.vue.mjs.map +1 -0
  49. package/es/components/tabs/tab-nav.vue2.mjs +167 -0
  50. package/es/components/tabs/tab-nav.vue2.mjs.map +1 -0
  51. package/es/components/tabs/tab-pane.vue.d.ts +45 -0
  52. package/es/components/tabs/tab-pane.vue.mjs +5 -0
  53. package/es/components/tabs/tab-pane.vue.mjs.map +1 -0
  54. package/es/components/tabs/tab-pane.vue2.mjs +57 -0
  55. package/es/components/tabs/tab-pane.vue2.mjs.map +1 -0
  56. package/es/components/tabs/tabs.vue.d.ts +159 -0
  57. package/es/components/tabs/tabs.vue.mjs +5 -0
  58. package/es/components/tabs/tabs.vue.mjs.map +1 -0
  59. package/es/components/tabs/tabs.vue2.mjs +151 -0
  60. package/es/components/tabs/tabs.vue2.mjs.map +1 -0
  61. package/es/components/tabs/types.d.ts +58 -0
  62. package/es/components/tabs/types.mjs +5 -0
  63. package/es/components/tabs/types.mjs.map +1 -0
  64. package/es/hooks/index.d.ts +1 -0
  65. package/es/hooks/index.mjs +6 -4
  66. package/es/hooks/index.mjs.map +1 -1
  67. package/es/hooks/use-ordered-children/index.d.ts +8 -0
  68. package/es/hooks/use-ordered-children/index.mjs +27 -0
  69. package/es/hooks/use-ordered-children/index.mjs.map +1 -0
  70. package/es/index.d.ts +1 -1
  71. package/es/index.mjs +42 -35
  72. package/es/index.mjs.map +1 -1
  73. package/es/package.json.mjs +1 -1
  74. package/es/style.css +1 -1
  75. package/es/theme-style/src/tabs.scss.mjs +5 -0
  76. package/es/theme-style/src/tabs.scss.mjs.map +1 -0
  77. package/es/utils/index.mjs +23 -10
  78. package/es/utils/index.mjs.map +1 -1
  79. package/es/utils/vue/index.d.ts +1 -0
  80. package/es/utils/vue/index.mjs +18 -5
  81. package/es/utils/vue/index.mjs.map +1 -1
  82. package/es/utils/vue/vnode.d.ts +51 -0
  83. package/es/utils/vue/vnode.mjs +67 -0
  84. package/es/utils/vue/vnode.mjs.map +1 -0
  85. package/lib/component.js +1 -1
  86. package/lib/component.js.map +1 -1
  87. package/lib/components/avatar/avatar.vue2.js +1 -1
  88. package/lib/components/avatar/avatar.vue2.js.map +1 -1
  89. package/lib/components/avatar/index.js +1 -1
  90. package/lib/components/avatar/index.js.map +1 -1
  91. package/lib/components/back-top/back-top.vue2.js +1 -1
  92. package/lib/components/back-top/back-top.vue2.js.map +1 -1
  93. package/lib/components/back-top/index.js +1 -1
  94. package/lib/components/back-top/index.js.map +1 -1
  95. package/lib/components/divider/divider.vue2.js +1 -1
  96. package/lib/components/divider/divider.vue2.js.map +1 -1
  97. package/lib/components/divider/index.js +1 -1
  98. package/lib/components/divider/index.js.map +1 -1
  99. package/lib/components/empty/empty.vue2.js.map +1 -1
  100. package/lib/components/empty/index.js +1 -1
  101. package/lib/components/empty/index.js.map +1 -1
  102. package/lib/components/exception/index.js +1 -1
  103. package/lib/components/exception/index.js.map +1 -1
  104. package/lib/components/icon/icon.vue2.js +1 -1
  105. package/lib/components/icon/icon.vue2.js.map +1 -1
  106. package/lib/components/icon/index.js +1 -1
  107. package/lib/components/icon/index.js.map +1 -1
  108. package/lib/components/index.d.ts +1 -0
  109. package/lib/components/index.js +1 -1
  110. package/lib/components/result/index.js +1 -1
  111. package/lib/components/result/index.js.map +1 -1
  112. package/lib/components/result/result.vue2.js +1 -1
  113. package/lib/components/result/result.vue2.js.map +1 -1
  114. package/lib/components/tabs/index.d.ts +356 -0
  115. package/lib/components/tabs/index.js +2 -0
  116. package/lib/components/tabs/index.js.map +1 -0
  117. package/lib/components/tabs/style/css.d.ts +0 -0
  118. package/lib/components/tabs/style/css.js +2 -0
  119. package/lib/components/tabs/style/css.js.map +1 -0
  120. package/lib/components/tabs/style/index.d.ts +0 -0
  121. package/lib/components/tabs/style/index.js +2 -0
  122. package/lib/components/tabs/style/index.js.map +1 -0
  123. package/lib/components/tabs/tab-bar.vue.d.ts +51 -0
  124. package/lib/components/tabs/tab-bar.vue.js +2 -0
  125. package/lib/components/tabs/tab-bar.vue.js.map +1 -0
  126. package/lib/components/tabs/tab-bar.vue2.js +2 -0
  127. package/lib/components/tabs/tab-bar.vue2.js.map +1 -0
  128. package/lib/components/tabs/tab-nav.vue.d.ts +121 -0
  129. package/lib/components/tabs/tab-nav.vue.js +2 -0
  130. package/lib/components/tabs/tab-nav.vue.js.map +1 -0
  131. package/lib/components/tabs/tab-nav.vue2.js +2 -0
  132. package/lib/components/tabs/tab-nav.vue2.js.map +1 -0
  133. package/lib/components/tabs/tab-pane.vue.d.ts +45 -0
  134. package/lib/components/tabs/tab-pane.vue.js +2 -0
  135. package/lib/components/tabs/tab-pane.vue.js.map +1 -0
  136. package/lib/components/tabs/tab-pane.vue2.js +2 -0
  137. package/lib/components/tabs/tab-pane.vue2.js.map +1 -0
  138. package/lib/components/tabs/tabs.vue.d.ts +159 -0
  139. package/lib/components/tabs/tabs.vue.js +2 -0
  140. package/lib/components/tabs/tabs.vue.js.map +1 -0
  141. package/lib/components/tabs/tabs.vue2.js +2 -0
  142. package/lib/components/tabs/tabs.vue2.js.map +1 -0
  143. package/lib/components/tabs/types.d.ts +58 -0
  144. package/lib/components/tabs/types.js +2 -0
  145. package/lib/components/tabs/types.js.map +1 -0
  146. package/lib/hooks/index.d.ts +1 -0
  147. package/lib/hooks/index.js +1 -1
  148. package/lib/hooks/use-ordered-children/index.d.ts +8 -0
  149. package/lib/hooks/use-ordered-children/index.js +2 -0
  150. package/lib/hooks/use-ordered-children/index.js.map +1 -0
  151. package/lib/index.d.ts +1 -1
  152. package/lib/index.js +1 -1
  153. package/lib/index.js.map +1 -1
  154. package/lib/package.json.js +1 -1
  155. package/lib/theme-style/src/tabs.scss.js +2 -0
  156. package/lib/theme-style/src/tabs.scss.js.map +1 -0
  157. package/lib/utils/index.js +1 -1
  158. package/lib/utils/vue/index.d.ts +1 -0
  159. package/lib/utils/vue/index.js +1 -1
  160. package/lib/utils/vue/vnode.d.ts +51 -0
  161. package/lib/utils/vue/vnode.js +2 -0
  162. package/lib/utils/vue/vnode.js.map +1 -0
  163. package/package.json +4 -1
  164. package/theme-style/index.css +1 -1
  165. package/theme-style/src/index.scss +1 -0
  166. package/theme-style/src/tabs.scss +582 -0
  167. package/theme-style/vft-tabs.css +1 -0
package/theme-style/vft-tabs.css ADDED
@@ -0,0 +1 @@
1
+ @charset "UTF-8";:root{--vft-tabs-padding:0;--vft-tabs-font-size:14px;--vft-tabs-font-weight:400;--vft-tabs-font-weight-active:500;--vft-tabs-header-height:40px;--vft-tabs-border-bottom:1px solid #eee;--vft-tabs-nav-color:#eee;--vft-tabs-header-margin:0 0 15px;--vft-tabs-header-padding:0;--vft-tabs-header-border-bottom:none;--vft-tabs-item-padding:0 20px;--vft-tabs-item-max-width:100%;--vft-tabs-item-bg-color:white;--vft-tabs-item-bg-color-active:#15b4f1;--vft-tabs-item-bg-color-hover:#15b4f1;--vft-tabs-item-color:black;--vft-tabs-item-color-active:white;--vft-tabs-item-color-hover:white;--vft-tabs-item-border:1px solid #eee;--vft-tabs-item-border-active:0 solid transparent;--vft-tabs-item-border-hover:0 solid transparent;--vft-tabs-item-distance:10px;--vft-tabs-item-border-radius:2px 2px 0 0;--vft-tabs-close-icon-left:5px;--vft-tabs-close-icon-hover-color:white;--vft-tabs-close-icon-hover-bg-color:#a8abb2;--vft-tabs-add-icon-right:30px;--vft-tabs-add-icon-padding-left:20px;--vft-tabs-scroll-padding:0 60px 0 20px;--vft-tabs-active-distance:14px;--vft-tabs-show-border-bottom:block}.vft-tabs{padding:var(--vft-tabs-padding)}.vft-tabs__header{padding:var(--vft-tabs-header-padding);border-bottom:var(--vft-tabs-header-border-bottom);position:relative;margin:var(--vft-tabs-header-margin)}.vft-tabs__item{padding:var(--vft-tabs-item-padding);height:var(--vft-tabs-header-height);box-sizing:border-box;display:inline-flex;justify-content:flex-start;align-items:center;list-style:none;line-height:1;font-size:var(--vft-tabs-font-size);font-weight:var(--vft-tabs-font-weight);color:var(--vft-tabs-item-color);background-color:var(--vft-tabs-item-bg-color);border:var(--vft-tabs-item-border);margin-right:var(--vft-tabs-item-distance)}.vft-tabs__item:focus,.vft-tabs__item:focus:active{outline:0}.vft-tabs__item:focus-visible{box-shadow:0 0 2px 2px var(--vft-primary-color) inset;border-radius:3px}.vft-tabs__item .is-icon-close{transition:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);margin-left:var(--vft-tabs-close-icon-left);display:flex;justify-content:center;align-items:center;height:var(--vft-tabs-active-distance);width:var(--vft-tabs-active-distance);border-radius:50%}.vft-tabs__item .is-icon-close:hover{background-color:var(--vft-tabs-close-icon-hover-bg-color)}.vft-tabs__item .is-icon-close:hover i{color:var(--vft-tabs-close-icon-hover-color)!important}.vft-tabs__item.is-active{color:var(--vft-tabs-item-color-active);background-color:var(--vft-tabs-item-bg-color-active);font-weight:var(--vft-tabs-font-weight-active);border:var(--vft-tabs-item-border-active)}.vft-tabs__item:hover{color:var(--vft-tabs-item-color-hover);background-color:var(--vft-tabs-item-bg-color-hover);border:var(--vft-tabs-item-border-hover);cursor:pointer}.vft-tabs__item.is-disabled{color:var(--vft-disabled-text-color);cursor:not-allowed}.vft-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:var(--vft-primary-color);z-index:1;transition:width var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier),transform var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);list-style:none}.vft-tabs__new-tab{cursor:pointer;transition:all .15s;position:absolute;right:auto;display:inline-flex;align-items:center;height:100%;padding-left:var(--vft-tabs-add-icon-padding-left)}.vft-tabs__new-tab:hover{color:var(--vft-primary-color)}.vft-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.vft-tabs__nav-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--vft-tabs-nav-color);z-index:var(--vft-index-normal);display:var(--vft-tabs-show-border-bottom)}.vft-tabs__nav-wrap.is-scrollable{padding:var(--vft-tabs-scroll-padding);box-sizing:border-box}.vft-tabs__nav-wrap.is-scrollable .vft-tabs__new-tab{right:var(--vft-tabs-add-icon-right)}.vft-tabs__nav-scroll{overflow:hidden}.vft-tabs__nav-next,.vft-tabs__nav-prev{position:absolute;cursor:pointer;display:inline-flex;align-items:center;height:100%}.vft-tabs__nav-next{right:0}.vft-tabs__nav-prev{left:0}.vft-tabs__nav{display:flex;white-space:nowrap;position:relative;transition:transform var(--vft-transition-duration);float:left;z-index:calc(var(--vft-index-normal) + 1)}.vft-tabs__nav.is-stretch{min-width:100%;display:flex}.vft-tabs__nav.is-stretch>*{flex:1;text-align:center}.vft-tabs__content{overflow:hidden;position:relative}.vft-tabs--card>.vft-tabs__header{border-bottom:var(--vft-tabs-border-bottom);height:var(--vft-tabs-header-height)}.vft-tabs--card>.vft-tabs__header .vft-tabs__nav-wrap::after{content:none}.vft-tabs--card>.vft-tabs__header .vft-tabs__nav{border-radius:4px 4px 0 0;box-sizing:border-box}.vft-tabs--card>.vft-tabs__header .vft-tabs__active-bar{display:none}.vft-tabs--card>.vft-tabs__header .vft-tabs__item .is-icon-close{width:0}.vft-tabs--card>.vft-tabs__header .vft-tabs__item{border-radius:var(--vft-tabs-item-border-radius);transition:var(--vft-transition-function-ease-in-out-bezier),padding var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);max-width:var(--vft-tabs-item-max-width)}.vft-tabs--card>.vft-tabs__header .vft-tabs__item.is-closable:hover .is-icon-close{width:var(--vft-tabs-active-distance)}.vft-tabs--card>.vft-tabs__header .vft-tabs__item.is-active.is-closable .is-icon-close{width:var(--vft-tabs-active-distance)}.vft-tabs--bottom .vft-tabs__item.is-bottom:last-child,.vft-tabs--bottom .vft-tabs__item.is-top:last-child,.vft-tabs--top .vft-tabs__item.is-bottom:last-child,.vft-tabs--top .vft-tabs__item.is-top:last-child{margin-right:0}.vft-tabs--bottom .vft-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__header.is-bottom{border-bottom:0;border-top:1px solid var(--vft-border-color)}.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__nav-wrap.is-bottom{margin-top:-1px;margin-bottom:0}.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.vft-tabs--bottom.vft-tabs--border-card .vft-tabs__item.is-bottom{margin:0 -1px -1px}.vft-tabs--left,.vft-tabs--right{overflow:hidden}.vft-tabs--left .vft-tabs__header.is-left,.vft-tabs--left .vft-tabs__header.is-right,.vft-tabs--left .vft-tabs__nav-scroll,.vft-tabs--left .vft-tabs__nav-wrap.is-left,.vft-tabs--left .vft-tabs__nav-wrap.is-right,.vft-tabs--right .vft-tabs__header.is-left,.vft-tabs--right .vft-tabs__header.is-right,.vft-tabs--right .vft-tabs__nav-scroll,.vft-tabs--right .vft-tabs__nav-wrap.is-left,.vft-tabs--right .vft-tabs__nav-wrap.is-right{height:100%}.vft-tabs--left .vft-tabs__active-bar.is-left,.vft-tabs--left .vft-tabs__active-bar.is-right,.vft-tabs--right .vft-tabs__active-bar.is-left,.vft-tabs--right .vft-tabs__active-bar.is-right{top:0;bottom:auto;width:2px;height:auto}.vft-tabs--left .vft-tabs__nav-wrap.is-left,.vft-tabs--left .vft-tabs__nav-wrap.is-right,.vft-tabs--right .vft-tabs__nav-wrap.is-left,.vft-tabs--right .vft-tabs__nav-wrap.is-right{margin-bottom:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next i,.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev i,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next i,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev i,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next i,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev i,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next i,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev i{transform:rotateZ(90deg)}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-prev,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-prev{left:auto;top:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--left .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-left>.vft-tabs__nav-next,.vft-tabs--right .vft-tabs__nav-wrap.is-right>.vft-tabs__nav-next{right:auto;bottom:0}.vft-tabs--left .vft-tabs__nav-wrap.is-left.is-scrollable,.vft-tabs--left .vft-tabs__nav-wrap.is-right.is-scrollable,.vft-tabs--right .vft-tabs__nav-wrap.is-left.is-scrollable,.vft-tabs--right .vft-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.vft-tabs--left .vft-tabs__nav-wrap.is-left::after,.vft-tabs--left .vft-tabs__nav-wrap.is-right::after,.vft-tabs--right .vft-tabs__nav-wrap.is-left::after,.vft-tabs--right .vft-tabs__nav-wrap.is-right::after{height:100%;width:2px;bottom:auto;top:0}.vft-tabs--left .vft-tabs__nav.is-left,.vft-tabs--left .vft-tabs__nav.is-right,.vft-tabs--right .vft-tabs__nav.is-left,.vft-tabs--right .vft-tabs__nav.is-right{float:none}.vft-tabs--left .vft-tabs__item.is-left,.vft-tabs--left .vft-tabs__item.is-right,.vft-tabs--right .vft-tabs__item.is-left,.vft-tabs--right .vft-tabs__item.is-right{display:block}.vft-tabs--left .vft-tabs__header.is-left{float:left;margin-bottom:0;margin-right:10px}.vft-tabs--left .vft-tabs__nav-wrap.is-left{margin-right:-1px}.vft-tabs--left .vft-tabs__nav-wrap.is-left::after{left:auto;right:0}.vft-tabs--left .vft-tabs__active-bar.is-left{right:0;left:auto}.vft-tabs--left .vft-tabs__item.is-left{text-align:right}.vft-tabs--left.vft-tabs--card .vft-tabs__active-bar.is-left{display:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left{border-left:none;border-right:1px solid var(--vft-border-color-light);border-bottom:none;border-top:1px solid var(--vft-border-color-light);text-align:left}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left:first-child{border-right:1px solid var(--vft-border-color-light);border-top:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active{border:1px solid var(--vft-border-color-light);border-right-color:#fff;border-left:none;border-bottom:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active:first-child{border-top:none}.vft-tabs--left.vft-tabs--card .vft-tabs__item.is-left.is-active:last-child{border-bottom:none}.vft-tabs--left.vft-tabs--card .vft-tabs__nav{border-radius:4px 0 0 4px;border-bottom:1px solid var(--vft-border-color-light);border-right:none}.vft-tabs--left.vft-tabs--card .vft-tabs__new-tab{float:none}.vft-tabs--left.vft-tabs--border-card .vft-tabs__header.is-left{border-right:1px solid var(--vft-border-color)}.vft-tabs--left.vft-tabs--border-card .vft-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.vft-tabs--left.vft-tabs--border-card .vft-tabs__item.is-left.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.vft-tabs--right .vft-tabs__header.is-right{float:right;margin-bottom:0;margin-left:10px}.vft-tabs--right .vft-tabs__nav-wrap.is-right{margin-left:-1px}.vft-tabs--right .vft-tabs__nav-wrap.is-right::after{left:0;right:auto}.vft-tabs--right .vft-tabs__active-bar.is-right{left:0}.vft-tabs--right.vft-tabs--card .vft-tabs__active-bar.is-right{display:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right{border-bottom:none;border-top:1px solid var(--vft-border-color-light)}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right:first-child{border-left:1px solid var(--vft-border-color-light);border-top:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active{border:1px solid var(--vft-border-color-light);border-left-color:#fff;border-right:none;border-bottom:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active:first-child{border-top:none}.vft-tabs--right.vft-tabs--card .vft-tabs__item.is-right.is-active:last-child{border-bottom:none}.vft-tabs--right.vft-tabs--card .vft-tabs__nav{border-radius:0 4px 4px 0;border-bottom:1px solid var(--vft-border-color-light);border-left:none}.vft-tabs--right.vft-tabs--border-card .vft-tabs__header.is-right{border-left:1px solid var(--vft-border-color)}.vft-tabs--right.vft-tabs--border-card .vft-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.vft-tabs--right.vft-tabs--border-card .vft-tabs__item.is-right.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter var(--vft-transition-duration)}.slideInRight-leave{position:absolute;left:0;right:0;animation:slideInRight-leave var(--vft-transition-duration)}.slideInLeft-enter{animation:slideInLeft-enter var(--vft-transition-duration)}.slideInLeft-leave{position:absolute;left:0;right:0;animation:slideInLeft-leave var(--vft-transition-duration)}@keyframes slideInRight-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInRight-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(100%);opacity:0}}@keyframes slideInLeft-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(-100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInLeft-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(-100%);opacity:0}}