@cnamts/vue-dot/src/patterns/RatingPicker/RatingMixin.ts

Implementation of our Design System for the French Health Insurance

import Vue, { PropType } from 'vue';
import Component, { mixins } from 'vue-class-component';

export interface RatingMixinInterface extends Vue {
	emitInputEvent(event: number): void;
}

export enum RatingEnum {
	EMOTION = 'emotion',
	NUMBER = 'number',
	STARS = 'stars'
}

export const RATING_ENUM_VALUES = Object.values(RatingEnum);

const Props = Vue.extend({
	props: {
		label: {
			type: String as PropType<string | null>,
			default: null
		},
		readonly: {
			type: Boolean,
			default: false
		},
		value: {
			type: Number,
			default: -1
		}
	}
});

const MixinsDeclaration = mixins(Props);

@Component({
	model: {
		prop: 'value',
		event: 'input'
	}
})
export class RatingMixin extends MixinsDeclaration implements RatingMixinInterface {
	emitInputEvent(value: number): void {
		this.$emit('input', value);
	}
}