primevue
Version:
PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc
2 lines (1 loc) • 2.45 kB
JavaScript
this.primevue=this.primevue||{},this.primevue.tabview=this.primevue.tabview||{},this.primevue.tabview.style=function(n){"use strict";function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}return e(primevue.base.style).default.extend({name:"tabview",css:"\n@layer primevue {\n .p-tabview-nav-container {\n position: relative;\n }\n\n .p-tabview-scrollable .p-tabview-nav-container {\n overflow: hidden;\n }\n\n .p-tabview-nav-content {\n overflow-x: auto;\n overflow-y: hidden;\n scroll-behavior: smooth;\n scrollbar-width: none;\n overscroll-behavior: contain auto;\n }\n\n .p-tabview-nav {\n display: flex;\n margin: 0;\n padding: 0;\n list-style-type: none;\n flex: 1 1 auto;\n }\n\n .p-tabview-header-action {\n cursor: pointer;\n user-select: none;\n display: flex;\n align-items: center;\n position: relative;\n text-decoration: none;\n overflow: hidden;\n }\n\n .p-tabview-ink-bar {\n display: none;\n z-index: 1;\n }\n\n .p-tabview-header-action:focus {\n z-index: 1;\n }\n\n .p-tabview-title {\n line-height: 1;\n white-space: nowrap;\n }\n\n .p-tabview-nav-btn {\n position: absolute;\n top: 0;\n z-index: 2;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .p-tabview-nav-prev {\n left: 0;\n }\n\n .p-tabview-nav-next {\n right: 0;\n }\n\n .p-tabview-nav-content::-webkit-scrollbar {\n display: none;\n }\n}\n",classes:{root:function(n){return["p-tabview p-component",{"p-tabview-scrollable":n.props.scrollable}]},navContainer:"p-tabview-nav-container",previousButton:"p-tabview-nav-prev p-tabview-nav-btn p-link",navContent:"p-tabview-nav-content",nav:"p-tabview-nav",tab:{header:function(n){var e=n.instance,t=n.tab,a=n.index;return["p-tabview-header",e.getTabProp(t,"headerClass"),{"p-highlight":e.d_activeIndex===a,"p-disabled":e.getTabProp(t,"disabled")}]},headerAction:"p-tabview-nav-link p-tabview-header-action",headerTitle:"p-tabview-title",content:function(n){return["p-tabview-panel",n.instance.getTabProp(n.tab,"contentClass")]}},inkbar:"p-tabview-ink-bar",nextButton:"p-tabview-nav-next p-tabview-nav-btn p-link",panelContainer:"p-tabview-panels"}})}();