@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 4.13 kB
JavaScript
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[9810],{18639:function(){},22301:function(t,e,n){"use strict";n(66977)},31188:function(t,e,n){"use strict";var o=n(17275),i=n(46422),a=n(13838),r=n(98745),s=n(20641),c=n(2543),l=n(34352);e.A={name:"VsAccordionItem",status:"prototype",release:"0.0.1",components:{VsAccordionToggle:o.default,BCard:l.vm,VsIcon:i.default,BCardHeader:l.Uw,BCardBody:l.un,VsHeading:a.default},mixins:[r.default],inject:{breakPoint:{default:"lg"}},props:{colourBadge:{type:String,required:!1,default:""},controlId:{type:String,required:!0},headingLevel:{type:Number,default:2,validator:function(t){return(0,c.isNumber)(t)?t>0&&t<7:t.match(/(1|2|3|4|5|6)/)}},itemBreakPoint:{type:String,default:function(){return(0,s.WQ)("breakPoint","lg")},validator:function(t){return t.match(/(xs|sm|md|lg|xl|xxl)/)}},openByDefault:{type:Boolean,default:!1},variant:{type:String,default:"subtle"}},data:function(){return{show:this.openByDefault}},computed:{toggleAccordionBtn:function(){return this.itemBreakPoint?"xs"===this.itemBreakPoint?"d-none":"d-".concat(this.itemBreakPoint,"-none"):"d-flex"},toggleResponsiveItem:function(){return this.itemBreakPoint?"xs"===this.itemBreakPoint?"d-block":"d-".concat(this.itemBreakPoint,"-block"):""}},methods:{onButtonClick:function(){this.show||this.createDataLayerObject("accordionOpenEvent",{accordion_text:this.$refs["accordion-toggle"].$el.innerText}),this.show=!this.show}}}},49810:function(t,e,n){"use strict";n.r(e);var o=n(92121),i=n(56584);n(22301);const a=(0,n(66262).A)(i.A,[["render",o.X]]);e.default=a},56584:function(t,e,n){"use strict";n.d(e,{A:function(){return o.A}});var o=n(31188)},66977:function(t,e,n){"use strict";var o=n(85072),i=n.n(o),a=n(97825),r=n.n(a),s=n(77659),c=n.n(s),l=n(55056),d=n.n(l),u=n(10540),f=n.n(u),g=n(41113),m=n.n(g),v=n(18639),h=n.n(v),_={};_.styleTagTransform=m(),_.setAttributes=d(),_.insert=c().bind(null,"head"),_.domAPI=r(),_.insertStyleElement=f(),i()(h(),_),h()&&h().locals&&h().locals},92121:function(t,e,n){"use strict";n.d(e,{X:function(){return r}});var o=n(20641),i=n(90033),a=n(53751);function r(t,e,n,r,s,c){var l=(0,o.g2)("VsIcon"),d=(0,o.g2)("VsAccordionToggle"),u=(0,o.g2)("VsHeading"),f=(0,o.g2)("BCardHeader"),g=(0,o.g2)("BCardBody"),m=(0,o.g2)("BCard");return(0,o.uX)(),(0,o.Wv)(m,{"no-body":"",class:(0,i.normalizeClass)(["vs-accordion-item",c.breakPoint?"vs-accordion-item__responsive":""]),"data-test":"vs-accordion__item"},{default:(0,o.k6)((function(){return[(0,o.bF)(f,{class:"vs-accordion-item__card-header","data-test":"vs-accordion__item-header"},{default:(0,o.k6)((function(){return[(0,o.bF)(d,{"aria-controls":n.controlId,visible:s.show,variant:n.variant,class:(0,i.normalizeClass)(c.toggleAccordionBtn),onTogglePanel:c.onButtonClick,ref:"accordion-toggle"},{"icon-open":(0,o.k6)((function(){return[(0,o.RG)(t.$slots,"icon-open",{},(function(){return[(0,o.bF)(l,{icon:"vs-icon-control-collapse",size:"sm"})]}))]})),"icon-closed":(0,o.k6)((function(){return[(0,o.RG)(t.$slots,"icon-closed",{},(function(){return[(0,o.bF)(l,{icon:"vs-icon-control-expand",size:"sm"})]}))]})),default:(0,o.k6)((function(){return[n.colourBadge?((0,o.uX)(),(0,o.CE)("div",{key:0,class:"vs-accordion-item__card-colour-badge","data-test":"vs-accordion-item__card-colour-badge",style:(0,i.normalizeStyle)("background-color: ".concat(n.colourBadge))},null,4)):(0,o.Q3)("",!0),(0,o.RG)(t.$slots,"title")]})),_:3},8,["aria-controls","visible","variant","class","onTogglePanel"]),(0,o.bF)(u,{level:n.headingLevel,"heading-style":"heading-xxs",class:(0,i.normalizeClass)(["d-none vs-accordion-item__title",c.toggleResponsiveItem]),"data-test":"vs-accordion__item-title"},{default:(0,o.k6)((function(){return[(0,o.RG)(t.$slots,"title")]})),_:3},8,["level","class"])]})),_:3}),(0,o.bo)((0,o.bF)(g,{id:n.controlId,class:(0,i.normalizeClass)(["vs-accordion-item__panel",c.toggleResponsiveItem]),"data-test":"vs-accordion__item-body"},{default:(0,o.k6)((function(){return[(0,o.RG)(t.$slots,"default")]})),_:3},8,["id","class"]),[[a.vShow,s.show]])]})),_:3},8,["class"])}}}]);