primevuelab 4.0.0-beta.4

package/radiobutton/RadioButton.d.ts

@@ -0,0 +1,244 @@
+/**
+ *
+ * RadioButton is an extension to standard radio button element with theming.
+ *
+ * [Live Demo](https://www.primevuelab.org/radiobutton/)
+ *
+ * @module radiobutton
+ *
+ */
+import { ComponentHooks } from '../../../core/src/basecomponent';
+import { PassThroughOptions } from '../passthrough';
+import { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
+
+export declare type RadioButtonPassThroughOptionType = RadioButtonPassThroughAttributes | ((options: RadioButtonPassThroughMethodOptions) => RadioButtonPassThroughAttributes | string) | string | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface RadioButtonPassThroughMethodOptions {
+    /**
+     * Defines instance.
+     */
+    instance: any;
+    /**
+     * Defines valid properties.
+     */
+    props: RadioButtonProps;
+    /**
+     * Defines current inline state.
+     */
+    state: RadioButtonState;
+    /**
+     * Defines current options.
+     */
+    context: RadioButtonContext;
+    /**
+     * Defines valid attributes.
+     */
+    attrs: any;
+    /**
+     * Defines parent options.
+     */
+    parent: any;
+    /**
+     * Defines passthrough(pt) options in global config.
+     */
+    global: object | undefined;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link RadioButtonProps.pt}
+ */
+export interface RadioButtonPassThroughOptions {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: RadioButtonPassThroughOptionType;
+    /**
+     * Used to pass attributes to the input's DOM element.
+     */
+    input?: RadioButtonPassThroughOptionType;
+    /**
+     * Used to pass attributes to the box's DOM element.
+     */
+    box?: RadioButtonPassThroughOptionType;
+    /**
+     * Used to pass attributes to the icon's DOM element.
+     */
+    icon?: RadioButtonPassThroughOptionType;
+    /**
+     * Used to manage all lifecycle hooks.
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface RadioButtonPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines current inline state in RadioButton component.
+ */
+export interface RadioButtonState {
+    [key: string]: any;
+}
+
+/**
+ * Defines valid properties in RadioButton component.
+ */
+export interface RadioButtonProps {
+    /**
+     * Value of the checkbox.
+     */
+    value?: any;
+    /**
+     * Value binding of the checkbox.
+     */
+    modelValue?: any;
+    /**
+     * Name of the input element.
+     */
+    name?: string | undefined;
+    /**
+     * Allows to select a boolean value.
+     * @default false
+     */
+    binary?: boolean;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     */
+    invalid?: boolean | undefined;
+    /**
+     * When present, it specifies that the component should be disabled.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Specifies the input variant of the component.
+     * @defaultValue outlined
+     */
+    variant?: 'outlined' | 'filled' | undefined;
+    /**
+     * When present, it specifies that an input field is read-only.
+     * @default false
+     */
+    readonly?: boolean | undefined;
+    /**
+     * Index of the element in tabbing order.
+     */
+    tabindex?: number | undefined;
+    /**
+     * Identifier of the underlying input element.
+     */
+    inputId?: string | undefined;
+    /**
+     * Inline style of the input field.
+     */
+    inputStyle?: object | undefined;
+    /**
+     * Style class of the input field.
+     */
+    inputClass?: string | object | undefined;
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     */
+    ariaLabelledby?: string | undefined;
+    /**
+     * Establishes a string value that labels the component.
+     */
+    ariaLabel?: string | undefined;
+    /**
+     * It generates scoped CSS variables using design tokens for the component.
+     */
+    dt?: DesignToken<any>;
+    /**
+     * Used to pass attributes to DOM elements inside the component.
+     * @type {RadioButtonPassThroughOptions}
+     */
+    pt?: PassThrough<RadioButtonPassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
+}
+
+/**
+ * Defines current options in RadioButton component.
+ */
+export interface RadioButtonContext {
+    /**
+     * Current checked state of the item as a boolean.
+     * @defaultValue false
+     */
+    checked: boolean;
+    /**
+     * Current disabled state of the item as a boolean.
+     * @defaultValue false
+     */
+    disabled: boolean;
+}
+
+export interface RadioButtonSlots {}
+
+/**
+ * Defines valid emits in RadioButton component.
+ */
+export interface RadioButtonEmitsOptions {
+    /**
+     * Emitted when the value changes.
+     * @param {*} value - New value.
+     */
+    'update:modelValue'(value: any): void;
+    /**
+     * Callback to invoke on radio button value change.
+     * @param {Event} event - Browser event.
+     */
+    change(event: Event): void;
+    /**
+     * Callback to invoke when the component receives focus.
+     * @param {Event} event - Browser event.
+     */
+    focus(event: Event): void;
+    /**
+     * Callback to invoke when the component loses focus.
+     * @param {Event} event - Browser event.
+     */
+    blur(event: Event): void;
+}
+
+export declare type RadioButtonEmits = EmitFn<RadioButtonEmitsOptions>;
+
+/**
+ * **primevuelab - RadioButton**
+ *
+ * _RadioButton is an extension to standard radio button element with theming._
+ *
+ * [Live Demo](https://www.primevuelab.org/radiobutton/)
+ * --- ---
+ * ![primevuelab](https://primefaces.org/cdn/primevuelab/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
+declare const RadioButton: DefineComponent<RadioButtonProps, RadioButtonSlots, RadioButtonEmits>;
+
+declare module 'vue' {
+    export interface GlobalComponents {
+        RadioButton: GlobalComponentConstructor<RadioButtonProps, RadioButtonSlots, RadioButtonEmits>;
+    }
+}
+
+export default RadioButton;

package/radiobutton/RadioButton.vue

@@ -0,0 +1,69 @@
+<template>
+    <div :class="cx('root')" v-bind="getPTOptions('root')" :data-p-checked="checked" :data-p-disabled="disabled">
+        <input
+            :id="inputId"
+            type="radio"
+            :class="[cx('input'), inputClass]"
+            :style="inputStyle"
+            :value="value"
+            :name="name"
+            :checked="checked"
+            :tabindex="tabindex"
+            :disabled="disabled"
+            :readonly="readonly"
+            :aria-labelledby="ariaLabelledby"
+            :aria-label="ariaLabel"
+            :aria-invalid="invalid || undefined"
+            @focus="onFocus"
+            @blur="onBlur"
+            @change="onChange"
+            v-bind="getPTOptions('input')"
+        />
+        <div :class="cx('box')" v-bind="getPTOptions('box')">
+            <div :class="cx('icon')" v-bind="getPTOptions('icon')"></div>
+        </div>
+    </div>
+</template>
+
+<script>
+import { ObjectUtils } from '@primevuelab/core/utils';
+import BaseRadioButton from './BaseRadioButton.vue';
+
+export default {
+    name: 'RadioButton',
+    extends: BaseRadioButton,
+    inheritAttrs: false,
+    emits: ['update:modelValue', 'change', 'focus', 'blur'],
+    methods: {
+        getPTOptions(key) {
+            const _ptm = key === 'root' ? this.ptmi : this.ptm;
+
+            return _ptm(key, {
+                context: {
+                    checked: this.checked,
+                    disabled: this.disabled
+                }
+            });
+        },
+        onChange(event) {
+            if (!this.disabled && !this.readonly) {
+                const newModelValue = this.binary ? !this.checked : this.value;
+
+                this.$emit('update:modelValue', newModelValue);
+                this.$emit('change', event);
+            }
+        },
+        onFocus(event) {
+            this.$emit('focus', event);
+        },
+        onBlur(event) {
+            this.$emit('blur', event);
+        }
+    },
+    computed: {
+        checked() {
+            return this.modelValue != null && (this.binary ? !!this.modelValue : ObjectUtils.equals(this.modelValue, this.value));
+        }
+    }
+};
+</script>

package/radiobutton/package.json

@@ -0,0 +1,11 @@
+{
+    "main": "radiobutton.mjs",
+    "module": "radiobutton.mjs",
+    "types": "./RadioButton.d.ts",
+    "browser": {
+        "./sfc": "./RadioButton.vue"
+    },
+    "sideEffects": [
+        "*.vue"
+    ]
+}

package/radiobutton/radiobutton.mjs

@@ -0,0 +1,144 @@
+import { ObjectUtils } from '@primevuelab/core/utils';
+import BaseComponent from '@primevuelab/core/basecomponent';
+import RadioButtonStyle from 'primevuelab/radiobutton/style';
+import { openBlock, createElementBlock, mergeProps, createElementVNode } from 'vue';
+
+var script$1 = {
+  name: 'BaseRadioButton',
+  "extends": BaseComponent,
+  props: {
+    value: null,
+    modelValue: null,
+    binary: Boolean,
+    name: {
+      type: String,
+      "default": null
+    },
+    variant: {
+      type: String,
+      "default": null
+    },
+    invalid: {
+      type: Boolean,
+      "default": false
+    },
+    disabled: {
+      type: Boolean,
+      "default": false
+    },
+    readonly: {
+      type: Boolean,
+      "default": false
+    },
+    tabindex: {
+      type: Number,
+      "default": null
+    },
+    inputId: {
+      type: String,
+      "default": null
+    },
+    inputClass: {
+      type: [String, Object],
+      "default": null
+    },
+    inputStyle: {
+      type: Object,
+      "default": null
+    },
+    ariaLabelledby: {
+      type: String,
+      "default": null
+    },
+    ariaLabel: {
+      type: String,
+      "default": null
+    }
+  },
+  style: RadioButtonStyle,
+  provide: function provide() {
+    return {
+      $pcRadioButton: this,
+      $parentInstance: this
+    };
+  }
+};
+
+var script = {
+  name: 'RadioButton',
+  "extends": script$1,
+  inheritAttrs: false,
+  emits: ['update:modelValue', 'change', 'focus', 'blur'],
+  methods: {
+    getPTOptions: function getPTOptions(key) {
+      var _ptm = key === 'root' ? this.ptmi : this.ptm;
+      return _ptm(key, {
+        context: {
+          checked: this.checked,
+          disabled: this.disabled
+        }
+      });
+    },
+    onChange: function onChange(event) {
+      if (!this.disabled && !this.readonly) {
+        var newModelValue = this.binary ? !this.checked : this.value;
+        this.$emit('update:modelValue', newModelValue);
+        this.$emit('change', event);
+      }
+    },
+    onFocus: function onFocus(event) {
+      this.$emit('focus', event);
+    },
+    onBlur: function onBlur(event) {
+      this.$emit('blur', event);
+    }
+  },
+  computed: {
+    checked: function checked() {
+      return this.modelValue != null && (this.binary ? !!this.modelValue : ObjectUtils.equals(this.modelValue, this.value));
+    }
+  }
+};
+
+var _hoisted_1 = ["data-p-checked", "data-p-disabled"];
+var _hoisted_2 = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "aria-labelledby", "aria-label", "aria-invalid"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", mergeProps({
+    "class": _ctx.cx('root')
+  }, $options.getPTOptions('root'), {
+    "data-p-checked": $options.checked,
+    "data-p-disabled": _ctx.disabled
+  }), [createElementVNode("input", mergeProps({
+    id: _ctx.inputId,
+    type: "radio",
+    "class": [_ctx.cx('input'), _ctx.inputClass],
+    style: _ctx.inputStyle,
+    value: _ctx.value,
+    name: _ctx.name,
+    checked: $options.checked,
+    tabindex: _ctx.tabindex,
+    disabled: _ctx.disabled,
+    readonly: _ctx.readonly,
+    "aria-labelledby": _ctx.ariaLabelledby,
+    "aria-label": _ctx.ariaLabel,
+    "aria-invalid": _ctx.invalid || undefined,
+    onFocus: _cache[0] || (_cache[0] = function () {
+      return $options.onFocus && $options.onFocus.apply($options, arguments);
+    }),
+    onBlur: _cache[1] || (_cache[1] = function () {
+      return $options.onBlur && $options.onBlur.apply($options, arguments);
+    }),
+    onChange: _cache[2] || (_cache[2] = function () {
+      return $options.onChange && $options.onChange.apply($options, arguments);
+    })
+  }, $options.getPTOptions('input')), null, 16, _hoisted_2), createElementVNode("div", mergeProps({
+    "class": _ctx.cx('box')
+  }, $options.getPTOptions('box')), [createElementVNode("div", mergeProps({
+    "class": _ctx.cx('icon')
+  }, $options.getPTOptions('icon')), null, 16)], 16)], 16, _hoisted_1);
+}
+
+script.render = render;
+
+export { script as default };
+//# sourceMappingURL=radiobutton.mjs.map

package/radiobutton/radiobutton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radiobutton.mjs","sources":["../../src/radiobutton/BaseRadioButton.vue","../../src/radiobutton/RadioButton.vue","../../src/radiobutton/RadioButton.vue?vue&type=template&id=fba23cc8&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport RadioButtonStyle from 'primevuelab/radiobutton/style';\n\nexport default {\n    name: 'BaseRadioButton',\n    extends: BaseComponent,\n    props: {\n        value: null,\n        modelValue: null,\n        binary: Boolean,\n        name: {\n            type: String,\n            default: null\n        },\n        variant: {\n            type: String,\n            default: null\n        },\n        invalid: {\n            type: Boolean,\n            default: false\n        },\n        disabled: {\n            type: Boolean,\n            default: false\n        },\n        readonly: {\n            type: Boolean,\n            default: false\n        },\n        tabindex: {\n            type: Number,\n            default: null\n        },\n        inputId: {\n            type: String,\n            default: null\n        },\n        inputClass: {\n            type: [String, Object],\n            default: null\n        },\n        inputStyle: {\n            type: Object,\n            default: null\n        },\n        ariaLabelledby: {\n            type: String,\n            default: null\n        },\n        ariaLabel: {\n            type: String,\n            default: null\n        }\n    },\n    style: RadioButtonStyle,\n    provide() {\n        return {\n            $pcRadioButton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-disabled=\"disabled\">\n        <input\n            :id=\"inputId\"\n            type=\"radio\"\n            :class=\"[cx('input'), inputClass]\"\n            :style=\"inputStyle\"\n            :value=\"value\"\n            :name=\"name\"\n            :checked=\"checked\"\n            :tabindex=\"tabindex\"\n            :disabled=\"disabled\"\n            :readonly=\"readonly\"\n            :aria-labelledby=\"ariaLabelledby\"\n            :aria-label=\"ariaLabel\"\n            :aria-invalid=\"invalid || undefined\"\n            @focus=\"onFocus\"\n            @blur=\"onBlur\"\n            @change=\"onChange\"\n            v-bind=\"getPTOptions('input')\"\n        />\n        <div :class=\"cx('box')\" v-bind=\"getPTOptions('box')\">\n            <div :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\"></div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { ObjectUtils } from '@primevuelab/core/utils';\nimport BaseRadioButton from './BaseRadioButton.vue';\n\nexport default {\n    name: 'RadioButton',\n    extends: BaseRadioButton,\n    inheritAttrs: false,\n    emits: ['update:modelValue', 'change', 'focus', 'blur'],\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    checked: this.checked,\n                    disabled: this.disabled\n                }\n            });\n        },\n        onChange(event) {\n            if (!this.disabled && !this.readonly) {\n                const newModelValue = this.binary ? !this.checked : this.value;\n\n                this.$emit('update:modelValue', newModelValue);\n                this.$emit('change', event);\n            }\n        },\n        onFocus(event) {\n            this.$emit('focus', event);\n        },\n        onBlur(event) {\n            this.$emit('blur', event);\n        }\n    },\n    computed: {\n        checked() {\n            return this.modelValue != null && (this.binary ? !!this.modelValue : ObjectUtils.equals(this.modelValue, this.value));\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"checked\" :data-p-disabled=\"disabled\">\n        <input\n            :id=\"inputId\"\n            type=\"radio\"\n            :class=\"[cx('input'), inputClass]\"\n            :style=\"inputStyle\"\n            :value=\"value\"\n            :name=\"name\"\n            :checked=\"checked\"\n            :tabindex=\"tabindex\"\n            :disabled=\"disabled\"\n            :readonly=\"readonly\"\n            :aria-labelledby=\"ariaLabelledby\"\n            :aria-label=\"ariaLabel\"\n            :aria-invalid=\"invalid || undefined\"\n            @focus=\"onFocus\"\n            @blur=\"onBlur\"\n            @change=\"onChange\"\n            v-bind=\"getPTOptions('input')\"\n        />\n        <div :class=\"cx('box')\" v-bind=\"getPTOptions('box')\">\n            <div :class=\"cx('icon')\" v-bind=\"getPTOptions('icon')\"></div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { ObjectUtils } from '@primevuelab/core/utils';\nimport BaseRadioButton from './BaseRadioButton.vue';\n\nexport default {\n    name: 'RadioButton',\n    extends: BaseRadioButton,\n    inheritAttrs: false,\n    emits: ['update:modelValue', 'change', 'focus', 'blur'],\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    checked: this.checked,\n                    disabled: this.disabled\n                }\n            });\n        },\n        onChange(event) {\n            if (!this.disabled && !this.readonly) {\n                const newModelValue = this.binary ? !this.checked : this.value;\n\n                this.$emit('update:modelValue', newModelValue);\n                this.$emit('change', event);\n            }\n        },\n        onFocus(event) {\n            this.$emit('focus', event);\n        },\n        onBlur(event) {\n            this.$emit('blur', event);\n        }\n    },\n    computed: {\n        checked() {\n            return this.modelValue != null && (this.binary ? !!this.modelValue : ObjectUtils.equals(this.modelValue, this.value));\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","value","modelValue","binary","Boolean","type","String","variant","invalid","disabled","readonly","tabindex","Number","inputId","inputClass","Object","inputStyle","ariaLabelledby","ariaLabel","style","RadioButtonStyle","provide","$pcRadioButton","$parentInstance","BaseRadioButton","inheritAttrs","emits","methods","getPTOptions","key","_ptm","ptmi","ptm","context","checked","onChange","event","newModelValue","$emit","onFocus","onBlur","computed","ObjectUtils","equals","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","$options","_createElementVNode","id","undefined","apply","arguments","_hoisted_2"],"mappings":"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"}

package/radiobutton/style/RadioButtonStyle.d.ts

@@ -0,0 +1,31 @@
+/**
+ *
+ * RadioButton is an extension to standard radio button element with theming.
+ *
+ * [Live Demo](https://www.primevuelab.org/radiobutton/)
+ *
+ * @module radiobuttonstyle
+ *
+ */
+import { BaseStyle } from '../../base/style';
+
+export enum RadioButtonClasses {
+    /**
+     * Class name of the root element
+     */
+    root = 'p-radiobutton',
+    /**
+     * Class name of the box element
+     */
+    box = 'p-radiobutton-box',
+    /**
+     * Class name of the input element
+     */
+    input = 'p-radiobutton-input',
+    /**
+     * Class name of the icon element
+     */
+    icon = 'p-radiobutton-icon'
+}
+
+export interface RadioButtonStyle extends BaseStyle {}

package/radiobutton/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "radiobuttonstyle.mjs",
+    "module": "radiobuttonstyle.mjs",
+    "types": "./RadioButtonStyle.d.ts",
+    "sideEffects": false
+}

package/radiobutton/style/radiobuttonstyle.mjs

@@ -0,0 +1,29 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var theme = function theme(_ref) {
+  var dt = _ref.dt;
+  return "\n.p-radiobutton {\n    position: relative;\n    display: inline-flex;\n    user-select: none;\n    vertical-align: bottom;\n    width: ".concat(dt('radiobutton.width'), ";\n    height: ").concat(dt('radiobutton.height'), ";\n}\n\n.p-radiobutton-input {\n    cursor: pointer;\n    appearance: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    opacity: 0;\n    z-index: 1;\n    outline: 0 none;\n    border: 1px solid transparent;\n    border-radius: 50%;\n}\n\n.p-radiobutton-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n    border: 1px solid ").concat(dt('radiobutton.border.color'), ";\n    background: ").concat(dt('radiobutton.background'), ";\n    width: ").concat(dt('radiobutton.width'), ";\n    height: ").concat(dt('radiobutton.height'), ";\n    transition: background ").concat(dt('radiobutton.transition.duration'), ", color ").concat(dt('radiobutton.transition.duration'), ", border-color ").concat(dt('radiobutton.transition.duration'), ", box-shadow ").concat(dt('radiobutton.transition.duration'), ", outline-color ").concat(dt('radiobutton.transition.duration'), ";\n    outline-color: transparent;\n    box-shadow: ").concat(dt('radiobutton.shadow'), ";\n}\n\n.p-radiobutton-icon {\n    transition-duration: ").concat(dt('radiobutton.transition.duration'), ";\n    background: transparent;\n    font-size: ").concat(dt('radiobutton.icon.size'), ";\n    width: ").concat(dt('radiobutton.icon.size'), ";\n    height: ").concat(dt('radiobutton.icon.size'), ";\n    border-radius: 50%;\n    backface-visibility: hidden;\n    transform: translateZ(0) scale(0.1);\n}\n\n.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {\n    border-color: ").concat(dt('radiobutton.hover.border.color'), ";\n}\n\n.p-radiobutton-checked .p-radiobutton-box {\n    border-color: ").concat(dt('radiobutton.checked.border.color'), ";\n    background: ").concat(dt('radiobutton.checked.background'), ";\n}\n\n.p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {\n    background: ").concat(dt('radiobutton.icon.checked.color'), ";\n    transform: translateZ(0) scale(1, 1);\n    visibility: visible;\n}\n\n.p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {\n    border-color: ").concat(dt('radiobutton.checked.hover.border.color'), ";\n    background: ").concat(dt('radiobutton.checked.hover.background'), ";\n}\n\n.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {\n    background: ").concat(dt('radiobutton.icon.checked.hover.color'), ";\n}\n\n.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {\n    border-color: ").concat(dt('radiobutton.focus.border.color'), ";\n    box-shadow: ").concat(dt('radiobutton.focus.ring.shadow'), ";\n    outline: ").concat(dt('radiobutton.focus.ring.width'), " ").concat(dt('radiobutton.focus.ring.style'), " ").concat(dt('radiobutton.focus.ring.color'), ";\n    outline-offset: ").concat(dt('radiobutton.focus.ring.offset'), ";\n}\n\n.p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {\n    border-color: ").concat(dt('radiobutton.checked.focus.border.color'), ";\n}\n\n.p-radiobutton.p-invalid > .p-radiobutton-box {\n    border-color: ").concat(dt('radiobutton.invalid.border.color'), ";\n}\n\n.p-radiobutton.p-variant-filled .p-radiobutton-box {\n    background: ").concat(dt('radiobutton.filled.background'), ";\n}\n\n.p-radiobutton.p-variant-filled.p-radiobutton-checked .p-radiobutton-box {\n    background: ").concat(dt('radiobutton.checked.background'), ";\n}\n\n.p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-radiobutton-checked .p-radiobutton-box {\n    background: ").concat(dt('radiobutton.checked.hover.background'), ";\n}\n\n.p-radiobutton.p-disabled {\n    opacity: 1;\n}\n\n.p-radiobutton.p-disabled .p-radiobutton-box {\n    background: ").concat(dt('radiobutton.disabled.background'), ";\n}\n\n.p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon {\n    color: ").concat(dt('radiobutton.icon.disabled.color'), ";\n}\n");
+};
+var classes = {
+  root: function root(_ref2) {
+    var instance = _ref2.instance,
+      props = _ref2.props;
+    return ['p-radiobutton p-component', {
+      'p-radiobutton-checked': instance.checked,
+      'p-disabled': props.disabled,
+      'p-invalid': props.invalid,
+      'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled' || instance.$primevue.config.inputVariant === 'filled'
+    }];
+  },
+  box: 'p-radiobutton-box',
+  input: 'p-radiobutton-input',
+  icon: 'p-radiobutton-icon'
+};
+var RadioButtonStyle = BaseStyle.extend({
+  name: 'radiobutton',
+  theme: theme,
+  classes: classes
+});
+
+export { RadioButtonStyle as default };
+//# sourceMappingURL=radiobuttonstyle.mjs.map

package/radiobutton/style/radiobuttonstyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radiobuttonstyle.mjs","sources":["../../../src/radiobutton/style/RadioButtonStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-radiobutton {\n    position: relative;\n    display: inline-flex;\n    user-select: none;\n    vertical-align: bottom;\n    width: ${dt('radiobutton.width')};\n    height: ${dt('radiobutton.height')};\n}\n\n.p-radiobutton-input {\n    cursor: pointer;\n    appearance: none;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    opacity: 0;\n    z-index: 1;\n    outline: 0 none;\n    border: 1px solid transparent;\n    border-radius: 50%;\n}\n\n.p-radiobutton-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n    border: 1px solid ${dt('radiobutton.border.color')};\n    background: ${dt('radiobutton.background')};\n    width: ${dt('radiobutton.width')};\n    height: ${dt('radiobutton.height')};\n    transition: background ${dt('radiobutton.transition.duration')}, color ${dt('radiobutton.transition.duration')}, border-color ${dt('radiobutton.transition.duration')}, box-shadow ${dt('radiobutton.transition.duration')}, outline-color ${dt(\n        'radiobutton.transition.duration'\n    )};\n    outline-color: transparent;\n    box-shadow: ${dt('radiobutton.shadow')};\n}\n\n.p-radiobutton-icon {\n    transition-duration: ${dt('radiobutton.transition.duration')};\n    background: transparent;\n    font-size: ${dt('radiobutton.icon.size')};\n    width: ${dt('radiobutton.icon.size')};\n    height: ${dt('radiobutton.icon.size')};\n    border-radius: 50%;\n    backface-visibility: hidden;\n    transform: translateZ(0) scale(0.1);\n}\n\n.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {\n    border-color: ${dt('radiobutton.hover.border.color')};\n}\n\n.p-radiobutton-checked .p-radiobutton-box {\n    border-color: ${dt('radiobutton.checked.border.color')};\n    background: ${dt('radiobutton.checked.background')};\n}\n\n.p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {\n    background: ${dt('radiobutton.icon.checked.color')};\n    transform: translateZ(0) scale(1, 1);\n    visibility: visible;\n}\n\n.p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {\n    border-color: ${dt('radiobutton.checked.hover.border.color')};\n    background: ${dt('radiobutton.checked.hover.background')};\n}\n\n.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {\n    background: ${dt('radiobutton.icon.checked.hover.color')};\n}\n\n.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {\n    border-color: ${dt('radiobutton.focus.border.color')};\n    box-shadow: ${dt('radiobutton.focus.ring.shadow')};\n    outline: ${dt('radiobutton.focus.ring.width')} ${dt('radiobutton.focus.ring.style')} ${dt('radiobutton.focus.ring.color')};\n    outline-offset: ${dt('radiobutton.focus.ring.offset')};\n}\n\n.p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {\n    border-color: ${dt('radiobutton.checked.focus.border.color')};\n}\n\n.p-radiobutton.p-invalid > .p-radiobutton-box {\n    border-color: ${dt('radiobutton.invalid.border.color')};\n}\n\n.p-radiobutton.p-variant-filled .p-radiobutton-box {\n    background: ${dt('radiobutton.filled.background')};\n}\n\n.p-radiobutton.p-variant-filled.p-radiobutton-checked .p-radiobutton-box {\n    background: ${dt('radiobutton.checked.background')};\n}\n\n.p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-radiobutton-checked .p-radiobutton-box {\n    background: ${dt('radiobutton.checked.hover.background')};\n}\n\n.p-radiobutton.p-disabled {\n    opacity: 1;\n}\n\n.p-radiobutton.p-disabled .p-radiobutton-box {\n    background: ${dt('radiobutton.disabled.background')};\n}\n\n.p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon {\n    color: ${dt('radiobutton.icon.disabled.color')};\n}\n`;\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-radiobutton p-component',\n        {\n            'p-radiobutton-checked': instance.checked,\n            'p-disabled': props.disabled,\n            'p-invalid': props.invalid,\n            'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled' || instance.$primevue.config.inputVariant === 'filled'\n        }\n    ],\n    box: 'p-radiobutton-box',\n    input: 'p-radiobutton-input',\n    icon: 'p-radiobutton-icon'\n};\n\nexport default BaseStyle.extend({\n    name: 'radiobutton',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","checked","disabled","invalid","variant","$primevue","config","inputStyle","inputVariant","box","input","icon","BaseStyle","extend","name"],"mappings":"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"}

package/rating/BaseRating.vue

@@ -0,0 +1,42 @@
+<script>
+import BaseComponent from '@primevuelab/core/basecomponent';
+import RatingStyle from 'primevuelab/rating/style';
+
+export default {
+    name: 'BaseRating',
+    extends: BaseComponent,
+    props: {
+        modelValue: {
+            type: Number,
+            default: null
+        },
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        readonly: {
+            type: Boolean,
+            default: false
+        },
+        stars: {
+            type: Number,
+            default: 5
+        },
+        onIcon: {
+            type: String,
+            default: undefined
+        },
+        offIcon: {
+            type: String,
+            default: undefined
+        }
+    },
+    style: RatingStyle,
+    provide() {
+        return {
+            $pcRating: this,
+            $parentInstance: this
+        };
+    }
+};
+</script>