keep-vue
Version:
Keep Vue is an open-source component library built on top of Vue3 and Tailwind CSS. It offers a collection of pre-designed UI components and styles that you can easily integrate into your web applications.
61 lines (60 loc) • 2.84 kB
JavaScript
/// <reference types=".vue-global-types/vue_3.5_false.d.ts" />
import { cn } from "../../utils/cn";
import { useRatingStoreOrThrow } from "./useRatingStore";
const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
let __VLS_typeProps;
const props = defineProps();
const { handleRating } = useRatingStoreOrThrow();
const __VLS_fnComponent = (await import('vue')).defineComponent({});
;
let __VLS_functionalComponentProps;
function __VLS_template() {
const __VLS_ctx = {};
const __VLS_localComponents = {
...{},
...{},
...__VLS_ctx,
};
let __VLS_components;
const __VLS_localDirectives = {
...{},
...__VLS_ctx,
};
let __VLS_directives;
let __VLS_styleScopedClasses;
let __VLS_resolvedLocalAndGlobalComponents;
__VLS_elementAsFunction(__VLS_intrinsicElements.input)({ ...{ onClick: (() => __VLS_ctx.handleRating && __VLS_ctx.value && __VLS_ctx.handleRating(6 - __VLS_ctx.value)) }, id: ((`hs-ratings-readonly-${__VLS_ctx.value}`)), type: ("radio"), ...{ class: ((__VLS_ctx.cn('peer -ms-5 size-5 cursor-pointer appearance-none border-0 bg-transparent text-transparent checked:bg-none focus:bg-none focus:ring-0 focus:ring-offset-0', props.inputStyle))) }, name: ("hs-ratings-readonly"), value: ((__VLS_ctx.value)), });
__VLS_elementAsFunction(__VLS_intrinsicElements.label, __VLS_intrinsicElements.label)({ for: ((`hs-ratings-readonly-${__VLS_ctx.value}`)), ...{ class: ((__VLS_ctx.cn('pointer-events-none text-metal-200 peer-checked:text-warning-500', props.class))) }, });
var __VLS_0 = {};
__VLS_elementAsFunction(__VLS_intrinsicElements.svg, __VLS_intrinsicElements.svg)({ ...{ class: ("size-5 flex-shrink-0") }, xmlns: ("http://www.w3.org/2000/svg"), width: ("16"), height: ("16"), fill: ("currentColor"), viewBox: ("0 0 16 16"), });
__VLS_elementAsFunction(__VLS_intrinsicElements.path)({ d: ("M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"), });
__VLS_styleScopedClasses['size-5'];
__VLS_styleScopedClasses['flex-shrink-0'];
var __VLS_slots;
var __VLS_inheritedAttrs;
const __VLS_refs = {};
var $refs;
return {
slots: __VLS_slots,
refs: $refs,
attrs: {},
};
}
;
const __VLS_self = (await import('vue')).defineComponent({
setup() {
return {
cn: cn,
handleRating: handleRating,
};
},
__typeProps: {},
});
const __VLS_component = (await import('vue')).defineComponent({
setup() {
return {};
},
__typeProps: {},
});
export default {};
;