@code-coaching/vuetiful 0.24.7 → 0.24.9

package/dist/vuetiful.es.mjs

@@ -49175,7 +49175,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "VTabPanel",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ge), { class: "vuetiful-tab-panel" }, {
+      return openBlock(), createBlock(unref(ge), {
+        tabindex: "-1",
+        class: "vuetiful-tab-panel"
+      }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),

package/dist/vuetiful.umd.js

@@ -17,7 +17,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`),G=O,L=A),h===void 0&&(
       ${_?n.unref(a):n.unref(i)} 
       ${d?"cursor-not-allowed opacity-50":"cursor-pointer"}
       ${p&&!_?n.unref(i):""}
-      ${n.unref(r)}`)},[n.renderSlot(l.$slots,"default")],2)]),_:3},8,["value"]))}}),Fa=n.defineComponent({__name:"VTab",props:{disabled:{type:Boolean,default:!1},unstyled:le},setup(e){const t=e,a=n.inject("active"),i=n.inject("hover"),r=n.inject("vertical"),s=n.inject("classTab"),o=n.inject("hideSeparator"),l=n.inject("classTabSeparator"),c=n.computed(()=>s||"w-full px-4 py-2"),{settings:_}=Z(),d=_.global.unstyled||_.components.tab.unstyled||t.unstyled;return(p,m)=>(n.openBlock(),n.createBlock(n.unref(cm),{disabled:e.disabled,class:n.normalizeClass(["vuetiful-tab",`flex ${n.unref(r)?"flex-row justify-between":"flex-col"}`])},{default:n.withCtx(({selected:f})=>[n.createElementVNode("div",{"data-test":"slot-container",class:n.normalizeClass(["vuetiful-tab-content",`text-base ${n.unref(d)?"":"rounded-token"} ${f?n.unref(a):n.unref(i)} ${n.unref(c)}`])},[n.renderSlot(p.$slots,"default")],2),n.withDirectives(n.createElementVNode("div",{class:n.normalizeClass(["vuetiful-tab-separator",`z-10 ${n.unref(r)?"mr-[-2px] h-full border-r-2":"mb-[-2px] w-full border-b-2"} ${n.unref(l)}`])},null,2),[[n.vShow,f&&!n.unref(o)]])]),_:3},8,["disabled","class"]))}}),Ga=n.defineComponent({__name:"VTabPanel",setup(e){return(t,a)=>(n.openBlock(),n.createBlock(n.unref(dm),{class:"vuetiful-tab-panel"},{default:n.withCtx(()=>[n.renderSlot(t.$slots,"default")]),_:3}))}}),Ya=n.defineComponent({__name:"VTabs",props:{hideSeparator:{type:Boolean,default:!1},vertical:{type:Boolean,default:!1},active:{type:String,default:""},hover:{type:String,default:"hover:variant-ghost"},classPanels:{type:String,default:""},classTabs:{type:String,default:""},classTab:{type:String,default:""},classSeparator:{type:String,default:"border-surface-400-500-token"},classTabSeparator:{type:String,default:"border-surface-900-50-token"},defaultIndex:{type:Number,default:0},unstyled:le},setup(e){const t=e;n.provide("active",t.active),n.provide("hover",t.hover),n.provide("vertical",t.vertical),n.provide("classTab",t.classTab),n.provide("hideSeparator",t.hideSeparator),n.provide("classTabSeparator",t.classTabSeparator);const{settings:a}=Z(),i=a.global.unstyled||a.components.tabs.unstyled||t.unstyled;return(r,s)=>(n.openBlock(),n.createBlock(n.unref(sm),{as:"div",vertical:e.vertical,defaultIndex:e.defaultIndex,class:n.normalizeClass(["vuetiful-tab-group",`${e.vertical?"flex":""}`])},{default:n.withCtx(()=>[n.createVNode(n.unref(lm),{"data-test":"vuetiful-tab-list",class:n.normalizeClass(`vuetiful-tab-list flex ${e.vertical?"flex-col":""}
+      ${n.unref(r)}`)},[n.renderSlot(l.$slots,"default")],2)]),_:3},8,["value"]))}}),Fa=n.defineComponent({__name:"VTab",props:{disabled:{type:Boolean,default:!1},unstyled:le},setup(e){const t=e,a=n.inject("active"),i=n.inject("hover"),r=n.inject("vertical"),s=n.inject("classTab"),o=n.inject("hideSeparator"),l=n.inject("classTabSeparator"),c=n.computed(()=>s||"w-full px-4 py-2"),{settings:_}=Z(),d=_.global.unstyled||_.components.tab.unstyled||t.unstyled;return(p,m)=>(n.openBlock(),n.createBlock(n.unref(cm),{disabled:e.disabled,class:n.normalizeClass(["vuetiful-tab",`flex ${n.unref(r)?"flex-row justify-between":"flex-col"}`])},{default:n.withCtx(({selected:f})=>[n.createElementVNode("div",{"data-test":"slot-container",class:n.normalizeClass(["vuetiful-tab-content",`text-base ${n.unref(d)?"":"rounded-token"} ${f?n.unref(a):n.unref(i)} ${n.unref(c)}`])},[n.renderSlot(p.$slots,"default")],2),n.withDirectives(n.createElementVNode("div",{class:n.normalizeClass(["vuetiful-tab-separator",`z-10 ${n.unref(r)?"mr-[-2px] h-full border-r-2":"mb-[-2px] w-full border-b-2"} ${n.unref(l)}`])},null,2),[[n.vShow,f&&!n.unref(o)]])]),_:3},8,["disabled","class"]))}}),Ga=n.defineComponent({__name:"VTabPanel",setup(e){return(t,a)=>(n.openBlock(),n.createBlock(n.unref(dm),{tabindex:"-1",class:"vuetiful-tab-panel"},{default:n.withCtx(()=>[n.renderSlot(t.$slots,"default")]),_:3}))}}),Ya=n.defineComponent({__name:"VTabs",props:{hideSeparator:{type:Boolean,default:!1},vertical:{type:Boolean,default:!1},active:{type:String,default:""},hover:{type:String,default:"hover:variant-ghost"},classPanels:{type:String,default:""},classTabs:{type:String,default:""},classTab:{type:String,default:""},classSeparator:{type:String,default:"border-surface-400-500-token"},classTabSeparator:{type:String,default:"border-surface-900-50-token"},defaultIndex:{type:Number,default:0},unstyled:le},setup(e){const t=e;n.provide("active",t.active),n.provide("hover",t.hover),n.provide("vertical",t.vertical),n.provide("classTab",t.classTab),n.provide("hideSeparator",t.hideSeparator),n.provide("classTabSeparator",t.classTabSeparator);const{settings:a}=Z(),i=a.global.unstyled||a.components.tabs.unstyled||t.unstyled;return(r,s)=>(n.openBlock(),n.createBlock(n.unref(sm),{as:"div",vertical:e.vertical,defaultIndex:e.defaultIndex,class:n.normalizeClass(["vuetiful-tab-group",`${e.vertical?"flex":""}`])},{default:n.withCtx(()=>[n.createVNode(n.unref(lm),{"data-test":"vuetiful-tab-list",class:n.normalizeClass(`vuetiful-tab-list flex ${e.vertical?"flex-col":""}
       ${n.unref(i)?"":`${e.vertical?"!rounded-br-none !rounded-tr-none":"!rounded-bl-none !rounded-br-none"} rounded-container-token `} 
       ${e.classTabs}`)},{default:n.withCtx(()=>[n.renderSlot(r.$slots,"tabs")]),_:3},8,["class"]),e.hideSeparator?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",{key:0,"data-test":"vuetiful-tab-separator",class:n.normalizeClass(`border ${e.classSeparator}`)},null,2)),n.createVNode(n.unref(_m),{"data-test":"vuetiful-tab-panels",class:n.normalizeClass(`vuetiful-tab-panels
       ${n.unref(i)?"":`p-4 ${e.vertical?"!rounded-bl-none !rounded-tl-none":"!rounded-tl-none !rounded-tr-none"} rounded-container-token`} ${e.classPanels}`)},{default:n.withCtx(()=>[n.renderSlot(r.$slots,"default")]),_:3},8,["class"])]),_:3},8,["vertical","defaultIndex","class"]))}}),Va=n.defineComponent({__name:"VAccordion",props:{classQuestion:{type:String,default:"bg-surface-200-700-token hover:variant-soft"},classAnswer:{type:String,default:"bg-surface-200-700-token"},unstyled:{type:Boolean,default:!1}},setup(e){const t=e;n.provide("classQuestion",t.classQuestion),n.provide("classAnswer",t.classAnswer);const{settings:a}=Z(),i=a.global.unstyled||a.components.accordion.unstyled||t.unstyled;return(r,s)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(`vuetiful-accordion ${n.unref(i)?"":"flex w-full flex-col gap-1"}`)},[n.renderSlot(r.$slots,"default")],2))}});var fg="";const Ha=e=>(n.pushScopeId("data-v-513d21fc"),e=e(),n.popScopeId(),e),vm={class:"vuetiful-accordion-title"},hm=Ha(()=>n.createElementVNode("svg",{class:"vuetiful-accordion-item-icon-plus icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512"},[n.createElementVNode("path",{d:"M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"})],-1)),Dm=Ha(()=>n.createElementVNode("svg",{class:"vuetiful-accordion-item-icon-minus icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512"},[n.createElementVNode("path",{d:"M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"})],-1));var $a=Ke(n.defineComponent({__name:"VAccordionItem",props:{title:{type:String,required:!0},unstyled:{type:Boolean,default:!1}},setup(e){const t=e,a=n.inject("classQuestion"),i=n.inject("classAnswer"),{settings:r}=Z(),s=r.global.unstyled||r.components.accordionItem.unstyled||t.unstyled;return(o,l)=>(n.openBlock(),n.createBlock(n.unref(Up),{class:"vuetiful-accordion-item",as:"div"},{default:n.withCtx(({open:c})=>[n.createVNode(n.unref(Bp),{class:n.normalizeClass([`${n.unref(s)?"":`${c?"!rounded-bl-none !rounded-br-none":""}`}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code-coaching/vuetiful",
-  "version": "0.24.7",
+  "version": "0.24.9",
   "license": "MIT",
   "scripts": {
     "dev": "onchange 'src/**/*.vue' 'src/**/*.ts' 'src/**/*.css' -- npm run build",

package/src/components/molecules/VTabs/VTabPanel.vue

@@ -3,7 +3,7 @@ import { TabPanel } from '@headlessui/vue';
 </script>
 
 <template>
-  <TabPanel class="vuetiful-tab-panel">
+  <TabPanel tabindex="-1" class="vuetiful-tab-panel">
     <slot />
   </TabPanel>
 </template>