{"version":3,"file":"StarIndicator-3adc3dcb.js","sources":["../../ui/components/WordLimitsDisplay.vue","../../ui/components/common/RadioIndicator.vue","../../ui/components/common/CheckboxIndicator.vue","../../ui/components/common/StarIndicator.vue"],"sourcesContent":["<template>\n\t<div\n\t\tclass=\"hdl-text-response-word-limits\"\n\t\trole=\"status\"\n\t\taria-live=\"polite\"\n\t\t:class=\"{\n\t\t\t'over': enteredWords > 0 && limitMax !== null && enteredWords > limitMax,\n\t\t\t'under': enteredWords > 0 && limitMin !== null && enteredWords < limitMin\n\t\t}\"\n\t>\n\t\t<template v-if=\"hasLimitMin && !hasLimitMax\">\n\t\t\t{{ enteredWords }} of at least {{ limitMin }} words\n\t\t</template>\n\t\t<template v-else-if=\"hasLimitMax && !hasLimitMin\">\n\t\t\t{{ enteredWords }} / {{ limitMax }} words\n\t\t</template>\n\t\t<template v-else-if=\"hasLimitMax && hasLimitMin\">\n\t\t\t{{ enteredWords }} of a minimum of {{ limitMin }} and a maximum of {{ limitMax }} words\n\t\t</template>\n\t</div>\n</template>\n\n<script lang=\"ts\">\nimport { Vue, Component, Prop } from 'vue-facing-decorator';\n\n@Component\nexport default class WordLimitsDisplay extends Vue {\n\t@Prop({ required: true })\n\tenteredWords: number;\n\n\t@Prop({ default: null })\n\tlimitMin: number | null;\n\n\t@Prop({ default: null })\n\tlimitMax: number | null;\n\n\tget hasLimitMin(): boolean {\n\t\treturn this.limitMin !== null && this.limitMin > 0;\n\t}\n\n\tget hasLimitMax(): boolean {\n\t\treturn this.limitMax !== null && this.limitMax > 0;\n\t}\n\n\tget hasWordLimits(): boolean {\n\t\treturn this.hasLimitMin || this.hasLimitMax;\n\t}\n}\n</script>\n\n<style lang=\"scss\">\n.hdl-text-response-word-limits {\n\t@apply text-secondary;\n\n\t&.over,\n\t&.under {\n\t\t@apply text-hdl-wc-red;\n\t}\n}\n</style>\n","<template>\n\t<div\n\t\tclass=\"radio-indicator\"\n\t\t:class=\"{ 'selected': selected }\"\n\t>\n\t\t<div class=\"indicator\" v-if=\"selected\">&nbsp;</div>\n\t</div>\n</template>\n\n<script lang=\"ts\">\nimport { Vue, Component, Prop } from 'vue-facing-decorator';\n\n@Component\nexport default class RadioIndicator extends Vue {\n\t@Prop({ default: false, type: Boolean })\n\tselected: boolean;\n}\n</script>\n\n<style lang=\"scss\">\n.radio-indicator {\n\t@apply inline-flex flex-row items-center justify-center cursor-pointer rounded-full border bg-fill;\n\n\twidth: 22px;\n\theight: 22px;\n\n\ttransition: background-color 100ms linear;\n\n\tborder: 1px solid rgba(var(--mainRGB), .15);\n\tbox-shadow: rgba(var(--mainRGB), .05) 0 1px 2px;\n\n\t&.selected {\n\t\t@apply bg-fill-accent border-accent-primary;\n\t\t> .indicator {\n\t\t\t@apply rounded-full select-none;\n\t\t\tbackground: white;\n\t\t\twidth: 12px;\n\t\t\theight: 12px;\n\t\t}\n\t}\n}\n</style>\n","<template>\n\t<div\n\t\tclass=\"checkbox-indicator\"\n\t\t:class=\"classes\"\n\t>\n\t\t<transition name=\"fade\" mode=\"out-in\">\n\t\t\t<font-awesome-icon key=\"check\" :icon=\"['far', 'check']\" class=\"check\" fixed-width v-if=\"selected\" />\n\t\t\t<font-awesome-icon key=\"square\" :icon=\"['fas', 'square']\" class=\"square\" fixed-width v-else-if=\"partiallySelected\" />\n\t\t</transition>\n\t</div>\n</template>\n\n<script lang=\"ts\">\nimport { Vue, Component, Prop } from 'vue-facing-decorator';\n\nimport { faCheck } from '@fortawesome/pro-regular-svg-icons';\nimport { faSquare } from '@fortawesome/pro-solid-svg-icons';\nimport { library } from '@fortawesome/fontawesome-svg-core';\nimport { CSSClasses } from '@/common/types';\n\nlibrary.add(faCheck, faSquare);\n\nexport declare type CheckboxSizes = 'sm' | 'md';\n\n@Component\nexport default class CheckboxIndicator extends Vue {\n\t@Prop({ default: false, type: Boolean })\n\tselected: boolean;\n\n\t@Prop({ default: false, type: Boolean })\n\tpartiallySelected: boolean;\n\n\t@Prop({ default: 'md' })\n\tsize: CheckboxSizes;\n\n\tget classes(): CSSClasses {\n\t\treturn {\n\t\t\t'selected': this.selected,\n\t\t\t'partially-selected': this.partiallySelected,\n\t\t\t[this.size]: true\n\t\t};\n\t}\n}\n</script>\n\n<style lang=\"scss\">\n.checkbox-indicator {\n\t@apply rounded text-center border flex flex-row items-center justify-center;\n\tfont-weight: 600;\n\twidth: 22px;\n\theight: 22px;\n\n\tborder: 1px solid rgba(var(--mainRGB), .15);\n\tbox-shadow: rgba(var(--mainRGB), .05) 0 1px 2px;\n\n\ttransition: background-color 100ms linear;\n\n\t&.sm {\n\t\tborder-radius: 4px;\n\n\t\twidth: 16px;\n\t\theight: 16px;\n\n\t\tfont-size: 12px;\n\t}\n\n\t.check {\n\t\t@apply text-fill relative;\n\t\ttop: 1px;\n\t}\n\n\t.square {\n\t\t@apply text-main relative;\n\t\ttop: 0px;\n\t}\n\n\t&.selected {\n\t\t@apply text-fill bg-fill-accent border-accent-border;\n\t}\n}\n</style>\n","<template>\n\t<div\n\t\tclass=\"star-indicator\"\n\t\t:class=\"{ 'selected': selected }\"\n\t\ttabindex=\"0\"\n\t>\n\t\t<font-awesome-icon :icon=\"['fas', 'star']\" fixed-width v-if=\"selected\" />\n\t\t<font-awesome-icon :icon=\"['far', 'star']\" fixed-width v-else />\n\t</div>\n</template>\n\n<script lang=\"ts\">\nimport { Vue, Component, Prop } from 'vue-facing-decorator';\n\nimport { faStar } from '@fortawesome/pro-regular-svg-icons';\nimport { faStar as faSolidStar } from '@fortawesome/pro-solid-svg-icons';\nimport { library } from '@fortawesome/fontawesome-svg-core';\n\nlibrary.add(faStar, faSolidStar);\n\n@Component\nexport default class StarIndicator extends Vue {\n\t@Prop({ default: false, type: Boolean })\n\tselected: boolean;\n}\n</script>\n\n<style lang=\"scss\">\n.star-indicator {\n\t@apply inline-flex flex-row items-center justify-center cursor-pointer rounded-full bg-fill text-border-gray;\n\n\t&:focus {\n\t\t@apply text-fill-accent;\n\t\ttransform: scale(1.2);\n\t\toutline: none;\n\t}\n\n\tfont-size: 28px;\n\twidth: 28px;\n\theight: 28px;\n\n\ttransition: color 400ms linear, scale 300ms ease-in;\n\n\t&.selected {\n\t\t@apply text-fill-accent;\n\t}\n}\n</style>\n"],"names":["WordLimitsDisplay","Vue","__publicField","__decorateClass","Prop","Component","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_createTextVNode","_toDisplayString","_Fragment","RadioIndicator","library","faCheck","faSquare","CheckboxIndicator","_withCtx","_createBlock","_component_font_awesome_icon","faStar","faSolidStar","StarIndicator"],"mappings":"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"}