{"version":3,"file":"dropdownSingleSelect-jsQRdvCa.js","sources":["../../../../Coloplast.UI/src/multisite/components/formElements/dropdownSingleSelect.vue"],"sourcesContent":["<template>\r\n\t<div class=\"dropdown\">\r\n\r\n\t\t<FormKit\r\n\t\t\ttype=\"select\"\r\n\t\t\t:label=\"label\"\r\n\t\t\tv-bind=\"$attrs\"\r\n\t\t\tdata-testid=\"dropdownSingleSelect\"\r\n\t\t\t:class=\"[\r\n\t\t\t\t{ 'is-active': showOptions },\r\n\t\t\t\t{ errorState: 'is-error' },\r\n\t\t\t\t{ 'is-placeholder': !value || value === placeholder },\r\n\t\t\t\t$attrs.class\r\n\t\t\t]\"\r\n\t\t\tv-model=\"value\"\r\n\t\t>\r\n\t\t\t<option\r\n\t\t\t\tv-for=\"(item, index) in options\"\r\n\t\t\t\t:key=\"item.key\"\r\n\t\t\t\t:value=\"item.key || ''\"\r\n\t\t\t>\r\n\t\t\t\t{{ item.value || item.key }}\r\n\t\t\t</option>\r\n\t\t</FormKit>\r\n\t\t<div>\r\n\t\t\t{{ $attrs }}\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nimport { FormKit } from '@formkit/vue';\r\n\r\nexport default {\r\n\tname: \"DropdownSingleSelect\",\r\n\tcomponents: {\r\n\t\tFormKit,\r\n\t},\r\n\tprops: {\r\n\t\toptions: [Array, { key: String, value: String }],\r\n\t\tplaceholder: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: \"Choose Option\",\r\n\t\t},\r\n\t\terrorState: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\t\tlabel: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: \"Choose option\",\r\n\t\t},\r\n\t\tbuttonId: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: \"dropdown-button\",\r\n\t\t},\r\n\t\tlabelId: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: \"dropdown-label\",\r\n\t\t},\r\n\t\tpreSelected: {\r\n\t\t\tdefault: null,\r\n\t\t},\r\n\t\treadOnly: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false,\r\n\t\t},\r\n\t},\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\tshowOptions: false,\r\n\t\t\tchosenIndex: null,\r\n\t\t\tvalue: null,\r\n\t\t\tkey: null,\r\n\t\t};\r\n\t},\r\n\temits: ['keyChosen'],\r\n\twatch: {\r\n\t\tvalue(newVal, oldVal) {\r\n\t\t\tif (newVal !== oldVal) {\r\n\t\t\t\tthis.$emit(\"keyChosen\", newVal);\r\n\t\t\t}\r\n\t\t},\r\n\t},\r\n\tmounted() {\r\n\t\tif (this.preSelected !== null) {\r\n\t\t\tthis.value = this.preSelected;\r\n\t\t}\r\n\t},\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.show-error {\r\n\t:deep(.formkit-inner) {\r\n\t\tborder-color: var(--ds-color-fg-default);\r\n\t\tbox-shadow: 0 0 0 var(--fk-border-width) var(--ds-color-border-danger);\r\n\t}\r\n}\r\n.dropdown :deep(.formkit-inner select) {\r\n\tborder: none;\r\n}\r\n</style>\r\n"],"names":["_sfc_main","FormKit","newVal","oldVal","_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_FormKit","_mergeProps","$props","_ctx","$data","$event","_Fragment","_renderList","item","index","_toDisplayString","_hoisted_2","_createElementVNode"],"mappings":"qNAiCA,MAAKA,EAAU,CACd,KAAM,uBACN,WAAY,CACX,QAAAC,CACA,EACD,MAAO,CACN,QAAS,CAAC,MAAO,CAAE,IAAK,OAAQ,MAAO,OAAQ,EAC/C,YAAa,CACZ,KAAM,OACN,QAAS,eACT,EACD,WAAY,CACX,KAAM,QACN,QAAS,EACT,EACD,MAAO,CACN,KAAM,OACN,QAAS,eACT,EACD,SAAU,CACT,KAAM,OACN,QAAS,iBACT,EACD,QAAS,CACR,KAAM,OACN,QAAS,gBACT,EACD,YAAa,CACZ,QAAS,IACT,EACD,SAAU,CACT,KAAM,QACN,QAAS,EACT,CACD,EACD,MAAO,CACN,MAAO,CACN,YAAa,GACb,YAAa,KACb,MAAO,KACP,IAAK,KAEN,EACD,MAAO,CAAC,WAAW,EACnB,MAAO,CACN,MAAMC,EAAQC,EAAQ,CACjBD,IAAWC,GACd,KAAK,MAAM,YAAaD,CAAM,CAE/B,CACD,EACD,SAAU,CACL,KAAK,cAAgB,OACxB,KAAK,MAAQ,KAAK,YAEnB,CACF,EAxFME,EAAA,CAAA,MAAM,UAAU,2DAArB,OAAAC,EAAA,EAAAC,EA0BM,MA1BNF,EA0BM,CAxBLG,EAoBUC,EApBVC,EAoBU,CAnBT,KAAK,SACJ,MAAOC,EAAK,OACLC,EAAM,OAAA,CACd,cAAY,uBACX,MAAK,cAAwBC,EAAW,WAAA,6CAA+DA,EAAK,OAAIA,EAAK,QAAKF,EAAW,WAAA,EAASC,EAAA,OAAO,kBAM7IC,EAAK,2CAALA,EAAK,MAAAC,gBAGb,IAAgC,EADjCR,EAAA,EAAA,EAAAC,EAMSQ,EALgB,KAAAC,EAAAL,EAAA,QAAhB,CAAAM,EAAMC,SADfX,EAMS,SAAA,CAJP,IAAKU,EAAK,IACV,MAAOA,EAAK,KAAG,EAEb,EAAAE,EAAAF,EAAK,OAASA,EAAK,GAAG,EAAA,EAAAG,CAAA,oDAG3BC,EAEM,aADFT,EAAM,MAAA,EAAA,CAAA"}