{"version":3,"sources":["webpack:///./src/interfaces/multiselect/input.vue?236d","webpack:///./node_modules/@directus/extension-toolkit/mixins/interface.js","webpack:///./src/interfaces/multiselect/input.vue?f7ec","webpack:///src/interfaces/multiselect/input.vue","webpack:///./src/interfaces/multiselect/input.vue?55ec","webpack:///./src/interfaces/multiselect/input.vue"],"names":["module","exports","props","id","type","String","required","name","value","default","length","Number","readonly","Boolean","collection","primaryKey","options","Object","newItem","relation","fields","values","width","val","includes","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","size","on","$event","updateValue","target","_v","_s","placeholder","_e","_l","display","key","domProps","staticRenderFns","component"],"mappings":"2IAAA,yBAAujB,EAAG,G,qBCA1jBA,EAAOC,QAAU,CACfC,MAAO,CAILC,GAAI,CACFC,KAAMC,OACNC,UAAU,GAGZC,KAAM,CACJH,KAAMC,OACNC,UAAU,GAIZE,MAAO,CACLJ,KAAM,KACNK,QAAS,MAGXL,KAAM,CACJA,KAAMC,OACNC,UAAU,GAGZI,OAAQ,CACNN,KAAM,CAACC,OAAQM,QACfF,QAAS,MAGXG,SAAU,CACRR,KAAMS,QACNJ,SAAS,GAGXK,WAAY,CACVV,KAAMC,OACNI,QAAS,MAGXM,WAAY,CACVX,KAAM,CAACO,OAAQN,QACfI,QAAS,MAGXH,SAAU,CACRF,KAAMS,QACNJ,SAAS,GAGXO,QAAS,CACPZ,KAAMa,OACNR,QAAS,KAAM,KAGjBS,QAAS,CACPd,KAAMS,QACNJ,SAAS,GAIXU,SAAU,CACRf,KAAMa,OACNR,QAAS,MAGXW,OAAQ,CACNhB,KAAMa,OACNR,QAAS,MAIXY,OAAQ,CACNjB,KAAMa,OACNR,QAAS,MAEXa,MAAO,CACLlB,KAAMC,OACNI,QAAS,KACT,UAAUc,GACR,MAAO,CACL,OACA,YACA,aACA,OACA,QACAC,SAASD,Q,yCCvFnB,IAAIE,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,YAAY,SAASC,MAAM,CAAC,GAAKP,EAAInB,KAAK,SAAWmB,EAAId,SAAS,KAAOc,EAAIV,QAAQkB,KAAK,SAAW,IAAIC,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOV,EAAIW,YAAYD,EAAOE,OAAOtB,YAAY,CAAEU,EAAIV,QAAmB,YAAEc,EAAG,SAAS,CAACG,MAAM,CAAC,MAAQ,GAAG,SAAWP,EAAIpB,WAAW,CAACoB,EAAIa,GAAG,IAAIb,EAAIc,GAAGd,EAAIV,QAAQyB,aAAa,OAAOf,EAAIgB,KAAKhB,EAAIiB,GAAIjB,EAAW,SAAE,SAASkB,EAAQrB,GAAK,OAAOO,EAAG,SAAS,CAACe,IAAItB,EAAIuB,SAAS,CAAC,MAAQvB,EAAI,SAAWG,EAAIlB,OAASkB,EAAIlB,MAAMgB,SAASD,KAAO,CAACG,EAAIa,GAAG,IAAIb,EAAIc,GAAGI,GAAS,WAAU,IACtmBG,EAAkB,G,6FCyBtB,GACA,aACA,UACA,QADA,WAEA,2BAEA,UAEA,yCACA,oCAGA,GANA,KASA,SACA,YADA,SACA,GACA,oBACA,2DACA,mCACA,OAEA,oCACA,qBAGA,eACA,yBCrD8V,I,wBCQ1VC,EAAY,eACd,EACAvB,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-073b9d5c.4f677a2e.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./input.vue?vue&type=style&index=0&id=d8f2c9d2&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./input.vue?vue&type=style&index=0&id=d8f2c9d2&lang=scss&scoped=true&\"","module.exports = {\n  props: {\n    // Unique id for this interface. Should be added to the lower level \n    // HTML input element if applicable. This ID will be used in the label's\n    // `for` attribute\n    id: {\n      type: String,\n      required: true\n    },\n    // Name of the field\n    name: {\n      type: String,\n      required: true\n    },\n    // The current value. This can either be the default value, the saved database\n    // value or the current state after the user made an edit\n    value: {\n      type: null,\n      default: null\n    },\n    // Type of the field, eg `string`, `hash`, or `array`\n    type: {\n      type: String,\n      required: true\n    },\n    // Max length\n    length: {\n      type: [String, Number],\n      default: null\n    },\n    // If the field is readonly or not\n    readonly: {\n      type: Boolean,\n      default: false\n    },\n    // Name of the collection\n    collection: {\n      type: String,\n      default: null\n    },\n    // Primary key of the item you're editing in this context\n    primaryKey: {\n      type: [Number, String],\n      default: null\n    },\n    // If the field is required or not\n    required: {\n      type: Boolean,\n      default: false\n    },\n    // Field options. A json object based on the interface's meta.json file\n    options: {\n      type: Object,\n      default: () => ({})\n    },\n    // If the item that's currently being edited is new\n    newItem: {\n      type: Boolean,\n      default: false\n    },\n    // The relation of the current field. Will contain information on the related\n    // collection and field(s)\n    relation: {\n      type: Object,\n      default: null\n    },\n    // The other fields in the current edit page\n    fields: {\n      type: Object,\n      default: null\n    },\n    // The values of the other fields on the edit page. Can be used for things like\n    // automatically generating a slug based on another field\n    values: {\n      type: Object,\n      default: null\n    },\n    width: {\n      type: String,\n      default: null,\n      validator(val) {\n        return [\n          'half',\n          'half-left',\n          'half-right',\n          'full',\n          'fill'\n        ].includes(val);\n      }\n    }\n  }\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('select',{staticClass:\"select\",attrs:{\"id\":_vm.name,\"disabled\":_vm.readonly,\"size\":_vm.options.size,\"multiple\":\"\"},on:{\"change\":function($event){return _vm.updateValue($event.target.options)}}},[(_vm.options.placeholder)?_c('option',{attrs:{\"value\":\"\",\"disabled\":_vm.required}},[_vm._v(\" \"+_vm._s(_vm.options.placeholder)+\" \")]):_vm._e(),_vm._l((_vm.choices),function(display,val){return _c('option',{key:val,domProps:{\"value\":val,\"selected\":_vm.value && _vm.value.includes(val)}},[_vm._v(\" \"+_vm._s(display)+\" \")])})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<select\n\t\t:id=\"name\"\n\t\t:disabled=\"readonly\"\n\t\t:size=\"options.size\"\n\t\tclass=\"select\"\n\t\tmultiple\n\t\t@change=\"updateValue($event.target.options)\"\n\t>\n\t\t<option v-if=\"options.placeholder\" value=\"\" :disabled=\"required\">\n\t\t\t{{ options.placeholder }}\n\t\t</option>\n\t\t<option\n\t\t\tv-for=\"(display, val) in choices\"\n\t\t\t:key=\"val\"\n\t\t\t:value=\"val\"\n\t\t\t:selected=\"value && value.includes(val)\"\n\t\t>\n\t\t\t{{ display }}\n\t\t</option>\n\t</select>\n</template>\n\n<script>\nimport mixin from '@directus/extension-toolkit/mixins/interface';\n\nexport default {\n\tmixins: [mixin],\n\tcomputed: {\n\t\tchoices() {\n\t\t\tlet choices = this.options.choices;\n\n\t\t\tif (!choices) return {};\n\n\t\t\tif (typeof this.options.choices === 'string') {\n\t\t\t\tchoices = JSON.parse(this.options.choices);\n\t\t\t}\n\n\t\t\treturn choices;\n\t\t}\n\t},\n\tmethods: {\n\t\tupdateValue(options) {\n\t\t\tlet value = Array.from(options)\n\t\t\t\t.filter(input => input.selected && Boolean(input.value))\n\t\t\t\t.map(input => input.value)\n\t\t\t\t.join();\n\n\t\t\tif (value && this.options.wrapWithDelimiter) {\n\t\t\t\tvalue = `,${value},`;\n\t\t\t}\n\n\t\t\tvalue = value.split(',');\n\t\t\tthis.$emit('input', value);\n\t\t}\n\t}\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.select {\n\ttransition: all var(--fast) var(--transition);\n\tborder: var(--input-border-width) solid var(--input-border-color);\n\tborder-radius: var(--border-radius);\n\twidth: 100%;\n\tmax-width: var(--width-large);\n\tbackground-color: var(--input-background-color);\n\tfont-size: var(--input-font-size);\n\n\t&:hover {\n\t\ttransition: none;\n\t\tborder-color: var(--input-border-color-hover);\n\t}\n\t&:focus {\n\t\tborder-color: var(--input-border-color-focus);\n\t}\n\toption {\n\t\ttransition: color var(--fast) var(--transition);\n\t\tpadding: 5px 10px;\n\t\t&:hover {\n\t\t\ttransition: none;\n\t\t\tbackground: var(--input-background-color-alt)\n\t\t\t\tlinear-gradient(\n\t\t\t\t\t0deg,\n\t\t\t\t\tvar(--input-background-color-alt) 0%,\n\t\t\t\t\tvar(--input-background-color-alt) 100%\n\t\t\t\t);\n\t\t}\n\t\t&:checked {\n\t\t\tbackground: var(--input-background-color-active)\n\t\t\t\tlinear-gradient(\n\t\t\t\t\t0deg,\n\t\t\t\t\tvar(--input-background-color-active) 0%,\n\t\t\t\t\tvar(--input-background-color-active) 100%\n\t\t\t\t);\n\t\t\tposition: relative;\n\t\t\tcolor: var(--input-text-color-active);\n\t\t\t-webkit-text-fill-color: var(--input-text-color-active);\n\n\t\t\t&::after {\n\t\t\t\tcontent: 'check';\n\t\t\t\tfont-family: 'Material Icons';\n\t\t\t\tfont-size: 24px;\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 10px;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-54%);\n\t\t\t\tfont-feature-settings: 'liga';\n\t\t\t}\n\t\t}\n\t}\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./input.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./input.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./input.vue?vue&type=template&id=d8f2c9d2&scoped=true&\"\nimport script from \"./input.vue?vue&type=script&lang=js&\"\nexport * from \"./input.vue?vue&type=script&lang=js&\"\nimport style0 from \"./input.vue?vue&type=style&index=0&id=d8f2c9d2&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d8f2c9d2\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}