@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 3.16 kB
JavaScript
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[80],{20075:function(t,e,n){"use strict";var o=n(85072),a=n.n(o),s=n(97825),u=n.n(s),r=n(77659),i=n.n(r),l=n(55056),c=n.n(l),d=n(10540),b=n.n(d),g=n(41113),p=n.n(g),f=n(56349),v=n.n(f),m={};m.styleTagTransform=p(),m.setAttributes=c(),m.insert=i().bind(null,"head"),m.domAPI=u(),m.insertStyleElement=b(),a()(v(),m),v()&&v().locals&&v().locals},29753:function(t,e,n){"use strict";n.d(e,{X:function(){return u}});var o=n(20641),a=n(90033),s=n(53751);function u(t,e,n,u,r,i){var l=(0,o.g2)("VsIcon"),c=(0,o.g2)("BFormRadio"),d=(0,o.g2)("BFormRadioGroup"),b=(0,o.g2)("BFormGroup");return(0,o.uX)(),(0,o.Wv)(b,{label:n.buttonsLabel,class:"vs-button-toggle-group","data-test":"vs-button-toggle-group"},{default:(0,o.k6)((function(t){var u=t.ariaDescribedby;return[(0,o.bF)(d,{class:(0,a.normalizeClass)(["vs-button-toggle-group--radios",r.groupTabbedInto?"vs-button-toggle-group--tabbed-focus":""]),id:"btn-radios-1",modelValue:r.selected,"onUpdate:modelValue":e[2]||(e[2]=function(t){return r.selected=t}),"aria-describedby":u,name:"radios-btn-default",buttons:"",onChange:i.toggleChange,onFocusout:i.removeTabClass},{default:(0,o.k6)((function(){return[((0,o.uX)(!0),(0,o.CE)(o.FK,null,(0,o.pI)(n.options,(function(t){return(0,o.uX)(),(0,o.CE)("div",{key:t.text,class:(0,a.normalizeClass)(["vs-button-toggle-group--button",r.selected===t.value?"active":""]),onKeyup:e[0]||(e[0]=(0,s.withKeys)((function(){return i.addTabClass&&i.addTabClass.apply(i,arguments)}),["tab"])),"onFocus`out":e[1]||(e[1]=function(){return i.removeTabClass&&i.removeTabClass.apply(i,arguments)})},[((0,o.uX)(),(0,o.Wv)(c,{value:t.value,key:t.text},{default:(0,o.k6)((function(){return[(0,o.Lk)("span",null,[t.icon?((0,o.uX)(),(0,o.Wv)(l,{key:0,icon:t.icon,class:"me-025"},null,8,["icon"])):(0,o.Q3)("",!0),(0,o.eW)(" "+(0,a.toDisplayString)(t.text),1)])]})),_:2},1032,["value"]))],34)})),128))]})),_:2},1032,["modelValue","aria-describedby","onChange","class","onFocusout"])]})),_:1},8,["label"])}},33292:function(t,e,n){"use strict";var o=n(34352),a=n(46422);e.A={name:"VsButtonToggleGroup",status:"prototype",release:"0.0.1",components:{BFormGroup:o.a3,BFormRadioGroup:o.jb,BFormRadio:o.Wj,VsIcon:a.default},props:{options:{type:Array,required:!0},initialSelected:{type:String,default:""},buttonsLabel:{type:String,required:!0}},emits:["toggleChanged"],data:function(){return{selected:this.initialSelected,groupTabbedInto:!1}},watch:{initialSelected:function(t){this.selected=t}},mounted:function(){""===this.initialSelected&&(this.selected=this.options[0].value)},methods:{toggleChange:function(t){var e=t.target.value;this.$emit("toggleChanged",e)},addTabClass:function(){this.groupTabbedInto=!0},removeTabClass:function(t){"INPUT"!==t.target.tagName&&(this.groupTabbedInto=!1)}}}},36615:function(t,e,n){"use strict";n(20075)},56349:function(){},71808:function(t,e,n){"use strict";n.d(e,{A:function(){return o.A}});var o=n(33292)},90080:function(t,e,n){"use strict";n.r(e);var o=n(29753),a=n(71808);n(36615);const s=(0,n(66262).A)(a.A,[["render",o.X]]);e.default=s}}]);