https://businessindexnorth.com/dist/all/chunks/3898-74e0c90e50a52407e4d7.js

1"use strict";(globalThis.webpackChunkwips_components_scripts||=[]).push([[3898],{"9d745a25168904d4"(e,l,t){t.r(l),t.d(l,{default:()=>S}),t("6bcf20aa1369abd3"),t("1519ef9f27f54b60"),t("27e0a48d3d4d9aab");var a=t("b641633d6c906d19"),i=t("da19b2b0057d147a"),d=t("99c472be6da17922"),o=t("4b4c1eabd65f61c1");const r=["data-layout"],s=["textContent"],u={class:"field-wrapper"},n={props:{type:String,modelValue:{},required:{type:Boolean,default:()=>!1},options:{},fieldName:String,layout:String,label:{type:String,default:()=>""},disabled:{type:Boolean,default:()=>!1},fieldId:String,showRequired:{type:Boolean,default:()=>!1},showOptional:{type:Boolean,default:()=>!1}},data:()=>({changed:!1}),computed:{supportedLayout(){switch(this.layout){case"vertical-list":case"horizontal-list":case"horizontal-grid-2x":case"horizontal-grid-3x":case"horizontal-grid-4x":case"horizontal-grid-5x":return this.layout}return"horizontal-list"},errorAttr(){return("radio"!==this.type||!Object.keys(this.options??{}).includes(this.modelValue))&&null},requiredAttr(){return!!this.required&&("checkbox"==this.type?!this.modelValue?.length:this.required)}},methods:{createFieldId(e){return this.fieldId+"-"+e.replaceAll(/[^a-zA-Z0-9_-]/g,"-")},createFieldName(e){return"radio"==this.type?this.fieldName:this.fieldName+"-"+e.replaceAll(/[^a-zA-Z0-9_-]/g,"-")},getCheckedValue(e){switch(this.type){case"radio":return this.modelValue===e;case"checkbox":return!!Array.isArray(this.modelValue)&&this.modelValue.includes(e)}return!1},updateCheckboxValue(e,l){const t=Array.isArray(this.modelValue)?this.modelValue:[];t.includes(e)!==l&&(this.changed=!0,l?this.$emit("update:modelValue",[...t,e]):this.$emit("update:modelValue",t.filter(l=>l!==e)))},updateRadioButtonValue(e,l){(this.modelValue?.length?this.modelValue:null)!==(l?e:null)&&(this.changed=!0,l?this.$emit("update:modelValue",e):this.$emit("update:modelValue",null))},updateCheckedValue(e,l){switch(this.type){case"radio":return void this.updateRadioButtonValue(e,l);case"checkbox":return void this.updateCheckboxValue(e,l)}}},model:{event:"update:modelValue",prop:"modelValue"}},p=(0,a.pM)({...n,__name:"SelectableWrapper",setup:e=>(l,t)=>((0,a.uX)(),(0,a.CE)("fieldset",{"data-layout":l.supportedLayout},[(0,a.Lk)("legend",{textContent:(0,d.v_)(e.label)},null,8,s),(0,a.Lk)("div",u,[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(e.options,(t,d)=>((0,a.uX)(),(0,a.Wv)(i.default,{key:t+d,label:t,"input-id":l.createFieldId(d),type:e.type,name:l.createFieldName(d),class:"contact-form-input",error:l.errorAttr,required:l.requiredAttr,disabled:e.disabled,"selected-value":d,"force-show-error-state":l.changed,"model-value":l.getCheckedValue(d),"onUpdate:modelValue":e=>l.updateCheckedValue(d,e)},null,8,["label","input-id","type","name","error","required","disabled","selected-value","force-show-error-state","model-value","onUpdate:modelValue"]))),128))]),e.showRequired||e.showOptional?((0,a.uX)(),(0,a.Wv)(o.A,{key:0,class:"helper-texts",required:e.showRequired,optional:e.showOptional},null,8,["required","optional"])):(0,a.Q3)("",!0)],8,r))});var c=t("461bee8a7784aa7f");const h=(0,c.A)(p,[["__scopeId","data-v-7ee8ebc8"]]),y=["textContent"],m=["role","aria-label"],b=["role","aria-checked","disabled","onClick"],f=(0,a.pM)({name:"PillSelector",model:{prop:"modelValue",event:"update:modelValue"}}),V=(0,a.pM)({...f,props:{type:{},layout:{},modelValue:{},required:{type:Boolean},showRequired:{type:Boolean},showOptional:{type:Boolean},options:{},fieldName:{},label:{},disabled:{type:Boolean},fieldId:{}},emits:["update:modelValue"],setup(e,{emit:l}){const t=e,i=l;function r(e){return"radio"===t.type?t.modelValue===e:!!Array.isArray(t.modelValue)&&t.modelValue.includes(e)}function s(e){return String(r(e))}return(l,u)=>((0,a.uX)(),(0,a.CE)("fieldset",{class:(0,d.C4)(l.$style.pillFieldset)},[(0,a.Lk)("legend",{class:(0,d.C4)(l.$style.legend),textContent:(0,d.v_)(e.label)},null,10,y),(0,a.Lk)("div",{class:(0,d.C4)([l.$style.pillWrapper,"pill-horizontal"===e.layout?l.$style.pillHorizontal:l.$style.pillVertical]),role:"radio"===e.type?"radiogroup":"group","aria-label":e.label}

1,[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(e.options,(o,u)=>((0,a.uX)(),(0,a.CE)("button",{key:o+u,type:"button",role:"radio"===e.type?"radio":"checkbox","aria-checked":s(u),class:(0,d.C4)([l.$style.pill,{[l.$style.pillSelected]:r(u)}]),disabled:e.disabled,onClick:e=>function(e,l){if("radio"===t.type){if((t.modelValue?.length?t.modelValue:null)===(l?e:null))return;return l?void i("update:modelValue",e):void i("update:modelValue",null)}const a=Array.isArray(t.modelValue)?t.modelValue:[];a.includes(e)!==l&&i("update:modelValue",l?[...a,e]:a.filter(l=>l!==e))}(u,!r(u))},(0,d.v_)(o),11,b))),128))],10,m),e.showRequired||e.showOptional?((0,a.uX)(),(0,a.Wv)(o.A,{key:0,class:(0,d.C4)(l.$style.helperTexts),required:e.showRequired,optional:e.showOptional},null,8,["class","required","optional"])):(0,a.Q3)("",!0)],2))}}),w=(0,c.A)(V,[["__cssModules",{$style:{pillFieldset:"PillSelector__pillFieldset--FiHZI",legend:"PillSelector__legend--K7FQo",pillWrapper:"PillSelector__pillWrapper--gy6rK",pillVertical:"PillSelector__pillVertical--RBh5l",pillHorizontal:"PillSelector__pillHorizontal--FZMN0",pill:"PillSelector__pill--gohKJ",pillSelected:"PillSelector__pillSelected--vT87M",helperTexts:"PillSelector__helperTexts--X_Q_5"}}]]);var g=t("3a74f9b2b118e4f6"),q=t("16c695eb87f5a615");const k={key:0,class:"input-wrapper"},_={key:1,class:"input-wrapper selection-wrapper"},v={name:"Dropdown",props:["data","layout","fieldId"],mixins:[g.A],data(){return{fieldType:this.data.fieldType,dropdownData:(0,q.A)(this.data?.fieldData??null),selectedOption:[]}},computed:{optionsValues(){return Object.values(this.options)},selectionValue:{get(){return"checkbox"==this.fieldType?this.localMultipleSelectValue:this.singleSelectValue},set(e){"checkbox"!=this.fieldType?this.singleSelectValue=e:this.localMultipleSelectValue=e}},selectionFieldType(){return"checkbox"==this.fieldType?"checkbox":"radio"==this.fieldType?this.data.isRequired?"radio":"checkbox":this.fieldType},options(){return Object.fromEntries(this.dropdownData.map(e=>[e.text,e.text]))},localMultipleSelectValue:{get(){return(this.userInput??"").split("�").map(e=>e.trim()).filter(e=>e.length>0).sort()},set(e){const l=e.filter(e=>this.optionsValues.includes(e));l.sort(),this.userInput=l.join("�")}},singleSelectValue:{get(){return"checkbox"!=this.selectionFieldType?this.userInput??null:this.optionsValues.includes(this.userInput??null)?[this.userInput]:[]},set(e){if(Array.isArray(e)){const l=e.filter(e=>this.optionsValues.includes(e)).filter(e=>this.userInput!=e)[0]??"";if(this.data.isRequired&&!l?.length)return;return void(this.userInput=l?.length?l:"")}this.optionsValues.includes(e)?this.userInput=e??null:this.userInput=null}}}},x=(0,a.pM)({...v,setup:e=>(l,t)=>"dropdown"==l.fieldType?((0,a.uX)(),(0,a.CE)("div",k,[(0,a.bF)(i.default,{type:"select",label:e.data.fieldName,options:l.options,"input-id":e.fieldId,modelValue:l.selectionValue,"onUpdate:modelValue":t[0]||(t[0]=e=>l.selectionValue=e),disabled:e.data.isDisabled??!1,required:e.data.isRequired,"hide-required-label":!e.data.showRequired,optional:!!e.data.showOptional,placeholder:e.data.placeholderText??"",searchable:e.data.isSearchable??!1},null,8,["label","options","input-id","modelValue","disabled","required","hide-required-label","optional","placeholder","searchable"])])):"radio"==l.fieldType||"checkbox"==l.fieldType?((0,a.uX)(),(0,a.CE)("div",_,["pill-vertical"===e.data.displayStyle||"pill-horizontal"===e.data.displayStyle?((0,a.uX)(),(0,a.Wv)(w,{key:0,type:l.selectionFieldType,layout:e.data.displayStyle,label:e.data.fieldName,"field-id":e.fieldId,modelValue:l.selectionValue,"onUpdate:modelValue":t[1]||(t[1]=e=>l.selectionValue=e),disabled:e.data.isDisabled??!1,required:e.data.isRequired,"show-required":e.data.showRequired,"show-optional":e.data.showOptional,"field-name":e.data.fieldName,options:l.options},null,8,["type","layout","label","field-id","modelValue","disabled","required","show-required","show-optional","field-name","options"])):((0,a.uX)(),(0,a.Wv)(h,{key:1,type:l.selectionFieldType,label:e.data.fieldName,"field-id":e.fieldId,modelValue:l.selectionValue,"onUpdate:modelValue":t[2]||(t[2]=e=>l.selectionValue=e),disabled:e.data.isDisabled??!1,required:e.data.isRequired,"show-required":e.data.showRequired,"show-optional":e.data.showOptional,"field-name":e.data.fieldName,layout:e.layout,options:l.options},null,8,["type","label","field-id","modelValue","disabled","required","show-required","show-optional","field-name","layout","options"]))])):(0,a.Q3)("",!0)}),S=(0,c.A)(x,[["__scopeId","data-v-07aa0ba2"]])}}]);