@inkline/inkline/components/IProgress/script.mjs

Inkline is the Vue.js UI/UX Library built for creating your next design system

import { defineComponent } from 'vue';
import { defaultPropValue, colorVariantClass, sizePropValidator } from '../../mixins/index.mjs';
/**
 * Slot for default progress content
 * @name default
 * @kind slot
 */
const componentName = 'IProgress';
export default defineComponent({
    name: componentName,
    provide() {
        return {
            progress: this
        };
    },
    props: {
        /**
         * The color variant of the progress component
         * @type light | dark
         * @default light
         * @name color
         */
        color: {
            type: String,
            default: defaultPropValue(componentName, 'color')
        },
        /**
         * The value to consider as the 0% starting point
         * @type Number
         * @default 0
         * @name min
         */
        min: {
            type: [String, Number],
            default: 0
        },
        /**
         * The value to consider as the 100% ending point
         * @type Number
         * @default 100
         * @name max
         */
        max: {
            type: [String, Number],
            default: 100
        },
        /**
         * The size variant of the progress component
         * @type sm | md | lg
         * @default md
         * @name size
         */
        size: {
            type: String,
            default: defaultPropValue(componentName, 'size'),
            validator: sizePropValidator
        }
    },
    computed: {
        classes() {
            return {
                ...colorVariantClass(this),
                [`-${this.size}`]: Boolean(this.size)
            };
        }
    }
});
//# sourceMappingURL=script.mjs.map