{"version":3,"sources":["webpack:///./src/interfaces/color-palette/display.vue?4f2d","webpack:///./src/interfaces/color-palette/display.vue?8aef","webpack:///src/interfaces/color-palette/display.vue","webpack:///./src/interfaces/color-palette/display.vue?2688","webpack:///./src/interfaces/color-palette/display.vue","webpack:///./node_modules/@directus/extension-toolkit/mixins/interface.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","class","light","tooLight","style","backgroundColor","staticRenderFns","component","module","exports","props","id","type","String","required","default","length","Number","readonly","Boolean","collection","primaryKey","options","Object","newItem","relation","fields","values","width","val","includes"],"mappings":"yIAAA,yBAAyjB,EAAG,G,2CCA5jB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,WAAW,CAAC,CAACC,KAAK,UAAUC,QAAQ,YAAYC,MAAOT,EAAgB,aAAEU,WAAW,iBAAiBC,YAAY,SAASC,MAAM,CAAEC,MAAOb,EAAIc,SAASd,EAAIS,QAASM,MAAM,CAAGC,gBAAkB,SAAWhB,EAAIS,MAAQ,QAC3TQ,EAAkB,G,2CCWtB,GACA,aACA,UACA,aADA,WAEA,+DAGA,SACA,SADA,SACA,GACA,YAEA,qBACA,mBACA,sCAJA,QCrBgW,I,wBCQ5VC,EAAY,eACd,EACAnB,EACAkB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,8BCnBfC,EAAOC,QAAU,CACfC,MAAO,CAILC,GAAI,CACFC,KAAMC,OACNC,UAAU,GAGZlB,KAAM,CACJgB,KAAMC,OACNC,UAAU,GAIZhB,MAAO,CACLc,KAAM,KACNG,QAAS,MAGXH,KAAM,CACJA,KAAMC,OACNC,UAAU,GAGZE,OAAQ,CACNJ,KAAM,CAACC,OAAQI,QACfF,QAAS,MAGXG,SAAU,CACRN,KAAMO,QACNJ,SAAS,GAGXK,WAAY,CACVR,KAAMC,OACNE,QAAS,MAGXM,WAAY,CACVT,KAAM,CAACK,OAAQJ,QACfE,QAAS,MAGXD,SAAU,CACRF,KAAMO,QACNJ,SAAS,GAGXO,QAAS,CACPV,KAAMW,OACNR,QAAS,KAAM,KAGjBS,QAAS,CACPZ,KAAMO,QACNJ,SAAS,GAIXU,SAAU,CACRb,KAAMW,OACNR,QAAS,MAGXW,OAAQ,CACNd,KAAMW,OACNR,QAAS,MAIXY,OAAQ,CACNf,KAAMW,OACNR,QAAS,MAEXa,MAAO,CACLhB,KAAMC,OACNE,QAAS,KACT,UAAUc,GACR,MAAO,CACL,OACA,YACA,aACA,OACA,QACAC,SAASD","file":"js/chunk-40ad74ea.d2bb85a6.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!./display.vue?vue&type=style&index=0&id=4c2e4a78&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!./display.vue?vue&type=style&index=0&id=4c2e4a78&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"tooltip\",rawName:\"v-tooltip\",value:(_vm.tooltipValue),expression:\"tooltipValue\"}],staticClass:\"swatch\",class:{ light: _vm.tooLight(_vm.value) },style:({ backgroundColor: (\"var(--\" + _vm.value + \")\") })})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div\n\t\tv-tooltip=\"tooltipValue\"\n\t\tclass=\"swatch\"\n\t\t:class=\"{ light: tooLight(value) }\"\n\t\t:style=\"{ backgroundColor: `var(--${value})` }\"\n\t></div>\n</template>\n\n<script>\nimport mixin from '@directus/extension-toolkit/mixins/interface';\n\nexport default {\n\tmixins: [mixin],\n\tcomputed: {\n\t\ttooltipValue() {\n\t\t\treturn this.value ? this.$helpers.formatTitle(this.value) : null;\n\t\t}\n\t},\n\tmethods: {\n\t\ttooLight(color) {\n\t\t\tif (!color) return null;\n\n\t\t\treturn color.includes('white') ||\n\t\t\t\tcolor.includes('100') ||\n\t\t\t\t(color.includes('50') && !color.includes('500'))\n\t\t\t\t? true\n\t\t\t\t: false;\n\t\t}\n\t}\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.swatch {\n\ttransition: var(--fast) var(--transition);\n\tdisplay: inline-block;\n\twidth: 24px;\n\theight: 24px;\n\tborder-radius: 100%;\n\tvertical-align: middle;\n\tmargin-right: 4px;\n\tcolor: var(--white);\n\ttext-align: center;\n\t&.light {\n\t\tborder: 1px solid var(--blue-grey-300);\n\t\tcolor: var(--blue-grey-900) !important;\n\t\ti {\n\t\t\tline-height: 22px;\n\t\t}\n\t}\n\ti {\n\t\tline-height: 24px;\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!./display.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!./display.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./display.vue?vue&type=template&id=4c2e4a78&scoped=true&\"\nimport script from \"./display.vue?vue&type=script&lang=js&\"\nexport * from \"./display.vue?vue&type=script&lang=js&\"\nimport style0 from \"./display.vue?vue&type=style&index=0&id=4c2e4a78&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  \"4c2e4a78\",\n  null\n  \n)\n\nexport default component.exports","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"],"sourceRoot":""}