@oruga-ui/oruga-next/dist/esm/radio.mjs.map

UI components for Vue.js and CSS framework agnostic

{"version":3,"file":"radio.mjs","sources":["../../src/components/radio/Radio.vue","../../src/components/radio/index.ts"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { computed, useAttrs, useId, useSlots, useTemplateRef } from \"vue\";\n\nimport { getDefault } from \"@/utils/config\";\nimport { defineClasses, useInputHandler } from \"@/composables\";\n\nimport { injectField } from \"../field/fieldInjection\";\n\nimport type { RadioProps } from \"./props\";\n\n/**\n * Select an option from a set of options.\n * @displayName Radio\n * @style _radio.scss\n */\ndefineOptions({\n    isOruga: true,\n    name: \"ORadio\",\n    configField: \"radio\",\n    inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<RadioProps<T>>(), {\n    override: undefined,\n    modelValue: undefined,\n    id: () => useId(),\n    label: undefined,\n    name: undefined,\n    variant: () => getDefault(\"radio.variant\"),\n    size: () => getDefault(\"radio.size\"),\n    disabled: false,\n    required: false,\n    nativeValue: undefined,\n    autocomplete: () => getDefault(\"radio.autocomplete\", \"off\"),\n    useHtml5Validation: () => getDefault(\"useHtml5Validation\", true),\n});\n\nconst emits = defineEmits<{\n    /**\n     * modelValue prop two-way binding\n     * @param value {T} updated modelValue prop\n     */\n    \"update:model-value\": [value: T];\n    /**\n     * on input change event\n     * @param value {T} input value\n     * @param event {Event} native event\n     */\n    input: [value: T, event: Event];\n    /**\n     * on input focus event\n     * @param event {Event} native event\n     */\n    focus: [event: Event];\n    /**\n     * on input blur event\n     * @param event {Event} native event\n     */\n    blur: [event: Event];\n    /**\n     * on input invalid event\n     * @param event {Event} native event\n     */\n    invalid: [event: Event];\n}>();\n\nconst inputRef = useTemplateRef(\"inputElement\");\n\n// use form input functionalities\nconst { checkHtml5Validity, onBlur, onFocus, onInvalid, setFocus } =\n    useInputHandler(inputRef, emits, props);\n\n// inject parent field component if used inside one\nconst { parentField } = injectField();\n\n// set field labelId or create a unique label id if a label is given\nconst labelId =\n    !!parentField.value || !!props.label || !!useSlots().default\n        ? parentField.value?.labelId || useId()\n        : undefined;\n\n// if no `label` is given and `id` is given set as `for` property on o-field wrapper\nif (!props.label && props.id) parentField.value?.setInputId(props.id);\n\nconst vmodel = defineModel<T>({ default: undefined });\n\nconst isChecked = computed(() => vmodel.value === props.nativeValue);\n\nfunction onInput(event: Event): void {\n    emits(\"input\", vmodel.value, event);\n}\n\n// --- Computed Component Classes ---\n\nconst attrs = useAttrs();\n\nconst inputBind = computed(() => ({\n    ...parentField?.value?.inputAttrs,\n    ...attrs,\n}));\n\nconst rootClasses = defineClasses(\n    [\"rootClass\", \"o-radio\"],\n    [\n        \"sizeClass\",\n        \"o-radio--\",\n        computed(() => props.size),\n        computed(() => !!props.size),\n    ],\n    [\n        \"variantClass\",\n        \"o-radio--\",\n        computed(() => props.variant),\n        computed(() => !!props.variant),\n    ],\n    [\n        \"disabledClass\",\n        \"o-radio--disabled\",\n        null,\n        computed(() => props.disabled),\n    ],\n    [\"checkedClass\", \"o-radio--checked\", null, isChecked],\n);\n\nconst inputClasses = defineClasses([\"inputClass\", \"o-radio__input\"]);\n\nconst labelClasses = defineClasses([\"labelClass\", \"o-radio__label\"]);\n\n// --- Expose Public Functionalities ---\n\n/** expose functionalities for programmatic usage */\ndefineExpose({ checkHtml5Validity, focus: setFocus, value: vmodel });\n</script>\n\n<template>\n    <div data-oruga=\"radio\" :class=\"rootClasses\">\n        <input\n            v-bind=\"inputBind\"\n            :id=\"id\"\n            ref=\"inputElement\"\n            v-model=\"vmodel\"\n            type=\"radio\"\n            data-oruga-input=\"radio\"\n            :class=\"inputClasses\"\n            :name=\"name\"\n            :value=\"nativeValue\"\n            :required=\"required\"\n            :disabled=\"disabled\"\n            :autocomplete=\"autocomplete\"\n            :aria-checked=\"isChecked\"\n            :aria-labelledby=\"labelId\"\n            @blur=\"onBlur\"\n            @focus=\"onFocus\"\n            @invalid=\"onInvalid\"\n            @change=\"onInput\" />\n\n        <label\n            v-if=\"label || $slots.default\"\n            :id=\"labelId\"\n            :for=\"id\"\n            :class=\"labelClasses\">\n            <!--\n                @slot Override the label, default is label prop \n            -->\n            <slot>{{ label }}</slot>\n        </label>\n    </div>\n</template>\n","import type { App, Plugin } from \"vue\";\n\nimport Radio from \"./Radio.vue\";\n\nimport { registerComponent } from \"@/utils/plugins\";\n\n/** export radio plugin */\nexport default {\n    install(app: App) {\n        registerComponent(app, Radio);\n    },\n} as Plugin;\n\n/** export radio components */\nexport { Radio as ORadio };\n"],"names":["_useModel","_createElementBlock","_unref","_createElementVNode","_mergeProps","id","name","nativeValue","required","disabled","autocomplete","label","$slots","_renderSlot","Radio"],"mappings":"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"}