https://blackterminal.com/resources/DvO28yh0.js

1import{s as A}from"./DfprH1GV.js";import{av as P,bT as k,aS as _,an as s,a5 as v,o as i,f,K as I,L as C,c as l,G as u,A as b,R as $,aQ as p,r as g,t as w,aP as x}from"./Gatp0Ick.js";import S from"./DtudgPVr.js";import B from"./B5pK5pTY.js";import N from"./4XOrnvoq.js";import"./Cx0ESF1c.js";var H=`
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 {
86        display: grid;
87        grid-template-rows: 1fr;
88    }
89
90    .p-accordioncontent-wrapper {
91        min-height: 0;
92    }
93
94    .p-accordioncontent-content {
95        border-style: solid;
96        border-width: dt('accordion.content.border.width');
97        border-color: dt('accordion.content.border.color');
98        background-color: dt('accordion.content.background');
99        color: dt('accordion.content.color');
100        padding: dt('accordion.content.padding');
101    }
102`,D={root:"p-accordion p-component"},E=P.extend({name:"accordion",style:H,classes:D}

102),K={name:"BaseAccordion",extends:_,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:E,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?.map(String):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,a=this.isItemActive(e);this.multiple?a?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=a?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(a?"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 a=this;return{root:s({onClick:function(t){return a.onTabClick(t,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,a){var d=this.tabs.length,t={props:e.props||{},parent:{instance:this,props:this.$props,state:this.$data},context:{index:a,count:d,first:a===0,last:a===d-1,active:this.isItemActive("".concat(a))}};return s(this.ptm("accordiontab.".concat(o),t),this.ptmo(this.getTabProp(e,"pt"),o,t))},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,a){return e.isAccordionTab(a)?o.push(a):a.children&&a.children instanceof Array&&a.children.forEach(function(d){e.isAccordionTab(d)&&o.push(d)}),o},[])},hasAccordionTab:function(){return this.tabs.length}},components:{AccordionPanel:N,AccordionHeader:B,AccordionContent:S,ChevronUpIcon:k,ChevronRightIcon:A}};function F(n,e,o,a,d,t){var m=v("AccordionHeader"),T=v("AccordionContent"),y=v("AccordionPanel");return i(),f("div",s({class:n.cx("root")},n.ptmi("root")),[t.hasAccordionTab?(i(!0),f(I,{key:0},C(t.tabs,function(r,c){return i(),l(y,{key:t.getKey(r,c),value:"".concat(c),pt:{root:t.getTabPT(r,"root",c)},disabled:t.getTabProp(r,"disabled")},{default:u(function(){return[b(m,{class:$(t.getTabProp(r,"headerClass")),pt:t.getHeaderPT(r,c)},{toggleicon:u(function(h){return[h.active?(i(),l(p(n.$slots.collapseicon?n.$slots.collapseicon:n.collapseIcon?"span":"ChevronDownIcon"),s({key:0,class:[n.collapseIcon,h.class],"aria-hidden":"true"},{ref_for:!0},t.getTabPT(r,"headericon",c)),null,16,["class"])):(i(),l(p(n.$slots.expandicon?n.$slots.expandicon:n.expandIcon?"span":"ChevronUpIcon"),s({key:1,class:[n.expandIcon,h.class],"aria-hidden":"true"},{ref_for:!0},t.getTabPT(r,"headericon",c)),null,16,["class"]))]}),default:u(function(){return[r.children&&r.children.headericon?(i(),l(p(r.children.headericon),{key:0,isTabActive:t.isItemActive("".concat(c)),active:t.isItemActive("".concat(c)),index:c},null,8,["isTabActive","active","index"])):g("",!0),r.props&&r.props.header?(i(),f("span",s({key:1,ref_for:!0},t.getTabPT(r,"headertitle",c)),w(r.props.header),17)):g("",!0),r.children&&r.children.header?(i(),l(p(r.children.header),{key:2})):g("",!0)]}),_:2},1032,["class","pt"]),b(T,{pt:t.getContentPT(r,c)},{default:u(function(){return[(i(),l(p(r)))]}),_:2},1032,["pt"])]}),_:2},1032,["value","pt","disabled"])}),128)):x(n.$slots,"default",{key:1})],16)}z.render=F;export{z as default};