{"version":3,"file":"SharePlayerColors-D-9MoYm6.mjs","names":[],"sources":["../src/components/display/sharing/SharePlayerColors.vue","../src/components/display/sharing/SharePlayerColors.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex\">\n    <div class=\"d-flex flex-column align-items-center flex-shrink-0 me-4\">\n      <div class=\"h4 mb-2\">\n        {{ t(\"Choose color\") }}\n      </div>\n      <VSwatches\n        :model-value=\"color\"\n        class=\"c-hand\"\n        show-fallback\n        fallback-input-type=\"color\"\n        colors=\"text-advanced\"\n        popover-to=\"right\"\n        :data-color=\"color\"\n        @update:model-value=\"emitColor($event)\"\n      />\n    </div>\n    <div class=\"d-flex flex-column align-items-center\">\n      <div class=\"h4 mb-2\">\n        {{ t(\"Choose theme\") }}\n      </div>\n      <VSwatches\n        :model-value=\"theme\"\n        class=\"c-hand\"\n        show-fallback\n        fallback-input-type=\"color\"\n        colors=\"text-advanced\"\n        popover-to=\"right\"\n        :data-color=\"theme\"\n        @update:model-value=\"emitTheme($event)\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { VSwatches } from \"vue3-swatches\";\nimport \"vue3-swatches/dist/style.css\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  color: { default: \"#40a372\", type: String },\n  theme: { default: \"#000000\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:color\", \"update:theme\"]);\n\n//Composables\nconst { t } = useI18n();\n\n//Methods\nfunction emitColor(color: string){\n  emit('update:color', color);\n}\nfunction emitTheme(theme: string){\n  emit('update:theme', theme);\n}\n</script>\n","<template>\n  <div class=\"d-flex\">\n    <div class=\"d-flex flex-column align-items-center flex-shrink-0 me-4\">\n      <div class=\"h4 mb-2\">\n        {{ t(\"Choose color\") }}\n      </div>\n      <VSwatches\n        :model-value=\"color\"\n        class=\"c-hand\"\n        show-fallback\n        fallback-input-type=\"color\"\n        colors=\"text-advanced\"\n        popover-to=\"right\"\n        :data-color=\"color\"\n        @update:model-value=\"emitColor($event)\"\n      />\n    </div>\n    <div class=\"d-flex flex-column align-items-center\">\n      <div class=\"h4 mb-2\">\n        {{ t(\"Choose theme\") }}\n      </div>\n      <VSwatches\n        :model-value=\"theme\"\n        class=\"c-hand\"\n        show-fallback\n        fallback-input-type=\"color\"\n        colors=\"text-advanced\"\n        popover-to=\"right\"\n        :data-color=\"theme\"\n        @update:model-value=\"emitTheme($event)\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { VSwatches } from \"vue3-swatches\";\nimport \"vue3-swatches/dist/style.css\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  color: { default: \"#40a372\", type: String },\n  theme: { default: \"#000000\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:color\", \"update:theme\"]);\n\n//Composables\nconst { t } = useI18n();\n\n//Methods\nfunction emitColor(color: string){\n  emit('update:color', color);\n}\nfunction emitTheme(theme: string){\n  emit('update:theme', theme);\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EA+CA,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EAGtB,SAAS,UAAU,OAAc;GAC/B,KAAK,gBAAgB,KAAK;EAC5B;EACA,SAAS,UAAU,OAAc;GAC/B,KAAK,gBAAgB,KAAK;EAC5B;;;;;;;;;;;;;;;;;;;mBCzDO,OAAM,SAAQ;mBACZ,OAAM,2DAA0D;mBAC9D,OAAM,UAAS;mBAcjB,OAAM,wCAAuC;mBAC3C,OAAM,UAAS;;qBAjBxB,mBA+BM,OA/BN,YA+BM,CA9BJ,mBAcM,OAdN,YAcM,CAbJ,mBAEM,OAFN,YAEM,gBADD,OAAA,EAAC,cAAA,CAAA,GAAA,CAAA,GAEN,YASE,OAAA,cAAA;EARC,eAAa,OAAA;EACd,OAAM;EACN,iBAAA;EACA,uBAAoB;EACpB,QAAO;EACP,cAAW;EACV,cAAY,OAAA;EACZ,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,UAAU,MAAM;+CAGzC,mBAcM,OAdN,YAcM,CAbJ,mBAEM,OAFN,YAEM,gBADD,OAAA,EAAC,cAAA,CAAA,GAAA,CAAA,GAEN,YASE,OAAA,cAAA;EARC,eAAa,OAAA;EACd,OAAM;EACN,iBAAA;EACA,uBAAoB;EACpB,QAAO;EACP,cAAW;EACV,cAAY,OAAA;EACZ,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,UAAU,MAAM"}