https://duchesnay.com/_nuxt/CNXTTDVu.js

1import{s as A}from"./DRe8ixH7.js";import{s as P}from"./DaLBcQUz.js";import k from"./BPwnp5b7.js";import _ from"./34IjPmpe.js";import I from"./B-kkU-yN.js";import{s as C}from"./DosdOj8E.js";import{X as $,Y as x,q as s,Z as v,c as f,o as i,E as w,F as S,e as B,l,w as u,b as g,s as N,k as b,v as p,t as H}from"./Do345LaX.js";import"./BgudD537.js";import"./Be1fzYNM.js";import"./DDWWzr8z.js";import"./DqbqnpV9.js";import"./BNoHHiS6.js";import"./DuxHJJnv.js";var E=$`
2    .p-accordionpanel {
3        display: flex;
4        flex-direction: column;
5        border-style: solid;
6        border-width: dt('accordion.panel.border.width');
7        border-color: dt('accordion.panel.border.color');
8    }
9
10    .p-accordionheader {
11        all: unset;
12        cursor: pointer;
13        display: flex;
14        align-items: center;
15        justify-content: space-between;
16        padding: dt('accordion.header.padding');
17        color: dt('accordion.header.color');
18        background: dt('accordion.header.background');
19        border-style: solid;
20        border-width: dt('accordion.header.border.width');
21        border-color: dt('accordion.header.border.color');
22        font-weight: dt('accordion.header.font.weight');
23        border-radius: dt('accordion.header.border.radius');
24        transition:
25            background dt('accordion.transition.duration'),
26            color dt('accordion.transition.duration'),
27            outline-color dt('accordion.transition.duration'),
28            box-shadow dt('accordion.transition.duration');
29        outline-color: transparent;
30    }
31
32    .p-accordionpanel:first-child > .p-accordionheader {
33        border-width: dt('accordion.header.first.border.width');
34        border-start-start-radius: dt('accordion.header.first.top.border.radius');
35        border-start-end-radius: dt('accordion.header.first.top.border.radius');
36    }
37
38    .p-accordionpanel:last-child > .p-accordionheader {
39        border-end-start-radius: dt('accordion.header.last.bottom.border.radius');
40        border-end-end-radius: dt('accordion.header.last.bottom.border.radius');
41    }
42
43    .p-accordionpanel:last-child.p-accordionpanel-active > .p-accordionheader {
44        border-end-start-radius: dt('accordion.header.last.active.bottom.border.radius');
45        border-end-end-radius: dt('accordion.header.last.active.bottom.border.radius');
46    }
47
48    .p-accordionheader-toggle-icon {
49        color: dt('accordion.header.toggle.icon.color');
50    }
51
52    .p-accordionpanel:not(.p-disabled) .p-accordionheader:focus-visible {
53        box-shadow: dt('accordion.header.focus.ring.shadow');
54        outline: dt('accordion.header.focus.ring.width') dt('accordion.header.focus.ring.style') dt('accordion.header.focus.ring.color');
55        outline-offset: dt('accordion.header.focus.ring.offset');
56    }
57
58    .p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) > .p-accordionheader:hover {
59        background: dt('accordion.header.hover.background');
60        color: dt('accordion.header.hover.color');
61    }
62
63    .p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) .p-accordionheader:hover .p-accordionheader-toggle-icon {
64        color: dt('accordion.header.toggle.icon.hover.color');
65    }
66
67    .p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader {
68        background: dt('accordion.header.active.background');
69        color: dt('accordion.header.active.color');
70    }
71
72    .p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader .p-accordionheader-toggle-icon {
73        color: dt('accordion.header.toggle.icon.active.color');
74    }
75
76    .p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover {
77        background: dt('accordion.header.active.hover.background');
78        color: dt('accordion.header.active.hover.color');
79    }
80
81    .p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover .p-accordionheader-toggle-icon {
82        color: dt('accordion.header.toggle.icon.active.hover.color');
83    }
84
85    .p-accordioncontent-content {
86        border-style: solid;
87        border-width: dt('accordion.content.border.width');
88        border-color: dt('accordion.content.border.color');
89        background-color: dt('accordion.content.background');
90        color: dt('accordion.content.color');
91        padding: dt('accordion.content.padding');
92    }
93`,D={root:"p-accordion p-component"},F=x.extend({name:"accordion",style:E,classes:D}

93),K={name:"BaseAccordion",extends:C,props:{value:{type:[String,Number,Array],default:void 0},multiple:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1},tabindex:{type:Number,default:0},selectOnFocus:{type:Boolean,default:!1},expandIcon:{type:String,default:void 0},collapseIcon:{type:String,default:void 0},activeIndex:{type:[Number,Array],default:null}},style:F,provide:function(){return{$pcAccordion:this,$parentInstance:this}}},z={name:"Accordion",extends:K,inheritAttrs:!1,emits:["update:value","update:activeIndex","tab-open","tab-close","tab-click"],data:function(){return{d_value:this.value}},watch:{value:function(e){this.d_value=e},activeIndex:{immediate:!0,handler:function(e){this.hasAccordionTab&&(this.d_value=this.multiple?e==null?void 0:e.map(String):e==null?void 0:e.toString())}}},methods:{isItemActive:function(e){var o;return this.multiple?(o=this.d_value)===null||o===void 0?void 0:o.includes(e):this.d_value===e},updateValue:function(e){var o,n=this.isItemActive(e);this.multiple?n?this.d_value=this.d_value.filter(function(d){return d!==e}):this.d_value?this.d_value.push(e):this.d_value=[e]:this.d_value=n?null:e,this.$emit("update:value",this.d_value),this.$emit("update:activeIndex",this.multiple?(o=this.d_value)===null||o===void 0?void 0:o.map(Number):Number(this.d_value)),this.$emit(n?"tab-close":"tab-open",{originalEvent:void 0,index:Number(e)})},isAccordionTab:function(e){return e.type.name==="AccordionTab"},getTabProp:function(e,o){return e.props?e.props[o]:void 0},getKey:function(e,o){return this.getTabProp(e,"header")||o},getHeaderPT:function(e,o){var n=this;return{root:s({onClick:function(a){return n.onTabClick(a,o)}},this.getTabProp(e,"headerProps"),this.getTabPT(e,"header",o)),toggleicon:s(this.getTabProp(e,"headeractionprops"),this.getTabPT(e,"headeraction",o))}},getContentPT:function(e,o){return{root:s(this.getTabProp(e,"contentProps"),this.getTabPT(e,"toggleablecontent",o)),transition:this.getTabPT(e,"transition",o),content:this.getTabPT(e,"content",o)}},getTabPT:function(e,o,n){var d=this.tabs.length,a={props:e.props||{},parent:{instance:this,props:this.$props,state:this.$data},context:{index:n,count:d,first:n===0,last:n===d-1,active:this.isItemActive("".concat(n))}};return s(this.ptm("accordiontab.".concat(o),a),this.ptmo(this.getTabProp(e,"pt"),o,a))},onTabClick:function(e,o){this.$emit("tab-click",{originalEvent:e,index:o})}},computed:{tabs:function(){var e=this;return this.$slots.default().reduce(function(o,n){return e.isAccordionTab(n)?o.push(n):n.children&&n.children instanceof Array&&n.children.forEach(function(d){e.isAccordionTab(d)&&o.push(d)}),o},[])},hasAccordionTab:function(){return this.tabs.length}},components:{AccordionPanel:I,AccordionHeader:_,AccordionContent:k,ChevronUpIcon:P,ChevronRightIcon:A}};function U(r,e,o,n,d,a){var m=v("AccordionHeader"),T=v("AccordionContent"),y=v("AccordionPanel");return i(),f("div",s({class:r.cx("root")},r.ptmi("root")),[a.hasAccordionTab?(i(!0),f(S,{key:0},B(a.tabs,function(t,c){return i(),l(y,{key:a.getKey(t,c),value:"".concat(c),pt:{root:a.getTabPT(t,"root",c)},disabled:a.getTabProp(t,"disabled")},{default:u(function(){return[g(m,{class:N(a.getTabProp(t,"headerClass")),pt:a.getHeaderPT(t,c)},{toggleicon:u(function(h){return[h.active?(i(),l(p(r.$slots.collapseicon?r.$slots.collapseicon:r.collapseIcon?"span":"ChevronDownIcon"),s({key:0,class:[r.collapseIcon,h.class],"aria-hidden":"true"},{ref_for:!0},a.getTabPT(t,"headericon",c)),null,16,["class"])):(i(),l(p(r.$slots.expandicon?r.$slots.expandicon:r.expandIcon?"span":"ChevronUpIcon"),s({key:1,class:[r.expandIcon,h.class],"aria-hidden":"true"},{ref_for:!0},a.getTabPT(t,"headericon",c)),null,16,["class"]))]}),default:u(function(){return[t.children&&t.children.headericon?(i(),l(p(t.children.headericon),{key:0,isTabActive:a.isItemActive("".concat(c)),active:a.isItemActive("".concat(c)),index:c},null,8,["isTabActive","active","index"])):b("",!0),t.props&&t.props.header?(i(),f("span",s({key:1,ref_for:!0},a.getTabPT(t,"headertitle",c)),H(t.props.header),17)):b("",!0),t.children&&t.children.header?(i(),l(p(t.children.header),{key:2})):b("",!0)]}),_:2},1032,["class","pt"]),g(T,{pt:a.getContentPT(t,c)},{default:u(function(){return[(i(),l(p(t)))]}),_:2},1032,["pt"])]}),_:2},1032,["value","pt","disabled"])}),128)):w(r.$slots,"default",{key:1})],16)}z.render=U;export{z as default};