primevue 4.1.1 → 4.2.0

package/checkbox/style/index.mjs

@@ -2,7 +2,7 @@ import BaseStyle from '@primevue/core/base/style';
 
 var theme = function theme(_ref) {
   var dt = _ref.dt;
-  return "\n.p-checkbox {\n    position: relative;\n    display: inline-flex;\n    user-select: none;\n    vertical-align: bottom;\n    width: ".concat(dt('checkbox.width'), ";\n    height: ").concat(dt('checkbox.height'), ";\n}\n\n.p-checkbox-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: ").concat(dt('checkbox.border.radius'), ";\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: ").concat(dt('checkbox.border.radius'), ";\n    border: 1px solid ").concat(dt('checkbox.border.color'), ";\n    background: ").concat(dt('checkbox.background'), ";\n    width: ").concat(dt('checkbox.width'), ";\n    height: ").concat(dt('checkbox.height'), ";\n    transition: background ").concat(dt('checkbox.transition.duration'), ", color ").concat(dt('checkbox.transition.duration'), ", border-color ").concat(dt('checkbox.transition.duration'), ", box-shadow ").concat(dt('checkbox.transition.duration'), ", outline-color ").concat(dt('checkbox.transition.duration'), ";\n    outline-color: transparent;\n    box-shadow: ").concat(dt('checkbox.shadow'), ";\n}\n\n.p-checkbox-icon {\n    transition-duration: ").concat(dt('checkbox.transition.duration'), ";\n    color: ").concat(dt('checkbox.icon.color'), ";\n    font-size: ").concat(dt('checkbox.icon.size'), ";\n    width: ").concat(dt('checkbox.icon.size'), ";\n    height: ").concat(dt('checkbox.icon.size'), ";\n}\n\n.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n    border-color: ").concat(dt('checkbox.hover.border.color'), ";\n}\n\n.p-checkbox-checked .p-checkbox-box {\n    border-color: ").concat(dt('checkbox.checked.border.color'), ";\n    background: ").concat(dt('checkbox.checked.background'), ";\n}\n\n.p-checkbox-checked .p-checkbox-icon {\n    color: ").concat(dt('checkbox.icon.checked.color'), ";\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n    background: ").concat(dt('checkbox.checked.hover.background'), ";\n    border-color: ").concat(dt('checkbox.checked.hover.border.color'), ";\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-icon {\n    color: ").concat(dt('checkbox.icon.checked.hover.color'), ";\n}\n\n.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {\n    border-color: ").concat(dt('checkbox.focus.border.color'), ";\n    box-shadow: ").concat(dt('checkbox.focus.ring.shadow'), ";\n    outline: ").concat(dt('checkbox.focus.ring.width'), " ").concat(dt('checkbox.focus.ring.style'), " ").concat(dt('checkbox.focus.ring.color'), ";\n    outline-offset: ").concat(dt('checkbox.focus.ring.offset'), ";\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {\n    border-color: ").concat(dt('checkbox.checked.focus.border.color'), ";\n}\n\n.p-checkbox.p-invalid > .p-checkbox-box {\n    border-color: ").concat(dt('checkbox.invalid.border.color'), ";\n}\n\n.p-checkbox.p-variant-filled .p-checkbox-box {\n    background: ").concat(dt('checkbox.filled.background'), ";\n}\n\n.p-checkbox-checked.p-variant-filled .p-checkbox-box {\n    background: ").concat(dt('checkbox.checked.background'), ";\n}\n\n.p-checkbox-checked.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n    background: ").concat(dt('checkbox.checked.hover.background'), ";\n}\n\n.p-checkbox.p-disabled {\n    opacity: 1;\n}\n\n.p-checkbox.p-disabled .p-checkbox-box {\n    background: ").concat(dt('checkbox.disabled.background'), ";\n    border-color: ").concat(dt('checkbox.checked.disabled.border.color'), ";\n}\n\n.p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {\n    color: ").concat(dt('checkbox.icon.disabled.color'), ";\n}\n");
+  return "\n.p-checkbox {\n    position: relative;\n    display: inline-flex;\n    user-select: none;\n    vertical-align: bottom;\n    width: ".concat(dt('checkbox.width'), ";\n    height: ").concat(dt('checkbox.height'), ";\n}\n\n.p-checkbox-input {\n    cursor: pointer;\n    appearance: none;\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-start: 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: ").concat(dt('checkbox.border.radius'), ";\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: ").concat(dt('checkbox.border.radius'), ";\n    border: 1px solid ").concat(dt('checkbox.border.color'), ";\n    background: ").concat(dt('checkbox.background'), ";\n    width: ").concat(dt('checkbox.width'), ";\n    height: ").concat(dt('checkbox.height'), ";\n    transition: background ").concat(dt('checkbox.transition.duration'), ", color ").concat(dt('checkbox.transition.duration'), ", border-color ").concat(dt('checkbox.transition.duration'), ", box-shadow ").concat(dt('checkbox.transition.duration'), ", outline-color ").concat(dt('checkbox.transition.duration'), ";\n    outline-color: transparent;\n    box-shadow: ").concat(dt('checkbox.shadow'), ";\n}\n\n.p-checkbox-icon {\n    transition-duration: ").concat(dt('checkbox.transition.duration'), ";\n    color: ").concat(dt('checkbox.icon.color'), ";\n    font-size: ").concat(dt('checkbox.icon.size'), ";\n    width: ").concat(dt('checkbox.icon.size'), ";\n    height: ").concat(dt('checkbox.icon.size'), ";\n}\n\n.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n    border-color: ").concat(dt('checkbox.hover.border.color'), ";\n}\n\n.p-checkbox-checked .p-checkbox-box {\n    border-color: ").concat(dt('checkbox.checked.border.color'), ";\n    background: ").concat(dt('checkbox.checked.background'), ";\n}\n\n.p-checkbox-checked .p-checkbox-icon {\n    color: ").concat(dt('checkbox.icon.checked.color'), ";\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n    background: ").concat(dt('checkbox.checked.hover.background'), ";\n    border-color: ").concat(dt('checkbox.checked.hover.border.color'), ";\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-icon {\n    color: ").concat(dt('checkbox.icon.checked.hover.color'), ";\n}\n\n.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {\n    border-color: ").concat(dt('checkbox.focus.border.color'), ";\n    box-shadow: ").concat(dt('checkbox.focus.ring.shadow'), ";\n    outline: ").concat(dt('checkbox.focus.ring.width'), " ").concat(dt('checkbox.focus.ring.style'), " ").concat(dt('checkbox.focus.ring.color'), ";\n    outline-offset: ").concat(dt('checkbox.focus.ring.offset'), ";\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {\n    border-color: ").concat(dt('checkbox.checked.focus.border.color'), ";\n}\n\n.p-checkbox.p-invalid > .p-checkbox-box {\n    border-color: ").concat(dt('checkbox.invalid.border.color'), ";\n}\n\n.p-checkbox.p-variant-filled .p-checkbox-box {\n    background: ").concat(dt('checkbox.filled.background'), ";\n}\n\n.p-checkbox-checked.p-variant-filled .p-checkbox-box {\n    background: ").concat(dt('checkbox.checked.background'), ";\n}\n\n.p-checkbox-checked.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n    background: ").concat(dt('checkbox.checked.hover.background'), ";\n}\n\n.p-checkbox.p-disabled {\n    opacity: 1;\n}\n\n.p-checkbox.p-disabled .p-checkbox-box {\n    background: ").concat(dt('checkbox.disabled.background'), ";\n    border-color: ").concat(dt('checkbox.checked.disabled.border.color'), ";\n}\n\n.p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {\n    color: ").concat(dt('checkbox.icon.disabled.color'), ";\n}\n\n.p-checkbox-sm,\n.p-checkbox-sm .p-checkbox-box {\n    width: ").concat(dt('checkbox.sm.width'), ";\n    height: ").concat(dt('checkbox.sm.height'), ";\n}\n\n.p-checkbox-sm .p-checkbox-icon {\n    font-size: ").concat(dt('checkbox.icon.sm.size'), ";\n    width: ").concat(dt('checkbox.icon.sm.size'), ";\n    height: ").concat(dt('checkbox.icon.sm.size'), ";\n}\n\n.p-checkbox-lg,\n.p-checkbox-lg .p-checkbox-box {\n    width: ").concat(dt('checkbox.lg.width'), ";\n    height: ").concat(dt('checkbox.lg.height'), ";\n}\n\n.p-checkbox-lg .p-checkbox-icon {\n    font-size: ").concat(dt('checkbox.icon.lg.size'), ";\n    width: ").concat(dt('checkbox.icon.lg.size'), ";\n    height: ").concat(dt('checkbox.icon.lg.size'), ";\n}\n");
 };
 var classes = {
   root: function root(_ref2) {
@@ -11,8 +11,10 @@ var classes = {
     return ['p-checkbox p-component', {
       'p-checkbox-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'
+      'p-invalid': instance.$pcCheckboxGroup ? instance.$pcCheckboxGroup.$invalid : instance.$invalid,
+      'p-variant-filled': instance.$variant === 'filled',
+      'p-checkbox-sm p-inputfield-sm': props.size === 'small',
+      'p-checkbox-lg p-inputfield-lg': props.size === 'large'
     }];
   },
   box: 'p-checkbox-box',

package/checkbox/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/checkbox/style/CheckboxStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-checkbox {\n    position: relative;\n    display: inline-flex;\n    user-select: none;\n    vertical-align: bottom;\n    width: ${dt('checkbox.width')};\n    height: ${dt('checkbox.height')};\n}\n\n.p-checkbox-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: ${dt('checkbox.border.radius')};\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: ${dt('checkbox.border.radius')};\n    border: 1px solid ${dt('checkbox.border.color')};\n    background: ${dt('checkbox.background')};\n    width: ${dt('checkbox.width')};\n    height: ${dt('checkbox.height')};\n    transition: background ${dt('checkbox.transition.duration')}, color ${dt('checkbox.transition.duration')}, border-color ${dt('checkbox.transition.duration')}, box-shadow ${dt('checkbox.transition.duration')}, outline-color ${dt(\n    'checkbox.transition.duration'\n)};\n    outline-color: transparent;\n    box-shadow: ${dt('checkbox.shadow')};\n}\n\n.p-checkbox-icon {\n    transition-duration: ${dt('checkbox.transition.duration')};\n    color: ${dt('checkbox.icon.color')};\n    font-size: ${dt('checkbox.icon.size')};\n    width: ${dt('checkbox.icon.size')};\n    height: ${dt('checkbox.icon.size')};\n}\n\n.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n    border-color: ${dt('checkbox.hover.border.color')};\n}\n\n.p-checkbox-checked .p-checkbox-box {\n    border-color: ${dt('checkbox.checked.border.color')};\n    background: ${dt('checkbox.checked.background')};\n}\n\n.p-checkbox-checked .p-checkbox-icon {\n    color: ${dt('checkbox.icon.checked.color')};\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n    background: ${dt('checkbox.checked.hover.background')};\n    border-color: ${dt('checkbox.checked.hover.border.color')};\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-icon {\n    color: ${dt('checkbox.icon.checked.hover.color')};\n}\n\n.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {\n    border-color: ${dt('checkbox.focus.border.color')};\n    box-shadow: ${dt('checkbox.focus.ring.shadow')};\n    outline: ${dt('checkbox.focus.ring.width')} ${dt('checkbox.focus.ring.style')} ${dt('checkbox.focus.ring.color')};\n    outline-offset: ${dt('checkbox.focus.ring.offset')};\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {\n    border-color: ${dt('checkbox.checked.focus.border.color')};\n}\n\n.p-checkbox.p-invalid > .p-checkbox-box {\n    border-color: ${dt('checkbox.invalid.border.color')};\n}\n\n.p-checkbox.p-variant-filled .p-checkbox-box {\n    background: ${dt('checkbox.filled.background')};\n}\n\n.p-checkbox-checked.p-variant-filled .p-checkbox-box {\n    background: ${dt('checkbox.checked.background')};\n}\n\n.p-checkbox-checked.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n    background: ${dt('checkbox.checked.hover.background')};\n}\n\n.p-checkbox.p-disabled {\n    opacity: 1;\n}\n\n.p-checkbox.p-disabled .p-checkbox-box {\n    background: ${dt('checkbox.disabled.background')};\n    border-color: ${dt('checkbox.checked.disabled.border.color')};\n}\n\n.p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {\n    color: ${dt('checkbox.icon.disabled.color')};\n}\n`;\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-checkbox p-component',\n        {\n            'p-checkbox-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-checkbox-box',\n    input: 'p-checkbox-input',\n    icon: 'p-checkbox-icon'\n};\n\nexport default BaseStyle.extend({\n    name: 'checkbox',\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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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/checkbox/style/CheckboxStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-checkbox {\n    position: relative;\n    display: inline-flex;\n    user-select: none;\n    vertical-align: bottom;\n    width: ${dt('checkbox.width')};\n    height: ${dt('checkbox.height')};\n}\n\n.p-checkbox-input {\n    cursor: pointer;\n    appearance: none;\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-start: 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: ${dt('checkbox.border.radius')};\n}\n\n.p-checkbox-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-radius: ${dt('checkbox.border.radius')};\n    border: 1px solid ${dt('checkbox.border.color')};\n    background: ${dt('checkbox.background')};\n    width: ${dt('checkbox.width')};\n    height: ${dt('checkbox.height')};\n    transition: background ${dt('checkbox.transition.duration')}, color ${dt('checkbox.transition.duration')}, border-color ${dt('checkbox.transition.duration')}, box-shadow ${dt('checkbox.transition.duration')}, outline-color ${dt(\n    'checkbox.transition.duration'\n)};\n    outline-color: transparent;\n    box-shadow: ${dt('checkbox.shadow')};\n}\n\n.p-checkbox-icon {\n    transition-duration: ${dt('checkbox.transition.duration')};\n    color: ${dt('checkbox.icon.color')};\n    font-size: ${dt('checkbox.icon.size')};\n    width: ${dt('checkbox.icon.size')};\n    height: ${dt('checkbox.icon.size')};\n}\n\n.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n    border-color: ${dt('checkbox.hover.border.color')};\n}\n\n.p-checkbox-checked .p-checkbox-box {\n    border-color: ${dt('checkbox.checked.border.color')};\n    background: ${dt('checkbox.checked.background')};\n}\n\n.p-checkbox-checked .p-checkbox-icon {\n    color: ${dt('checkbox.icon.checked.color')};\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n    background: ${dt('checkbox.checked.hover.background')};\n    border-color: ${dt('checkbox.checked.hover.border.color')};\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-icon {\n    color: ${dt('checkbox.icon.checked.hover.color')};\n}\n\n.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {\n    border-color: ${dt('checkbox.focus.border.color')};\n    box-shadow: ${dt('checkbox.focus.ring.shadow')};\n    outline: ${dt('checkbox.focus.ring.width')} ${dt('checkbox.focus.ring.style')} ${dt('checkbox.focus.ring.color')};\n    outline-offset: ${dt('checkbox.focus.ring.offset')};\n}\n\n.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {\n    border-color: ${dt('checkbox.checked.focus.border.color')};\n}\n\n.p-checkbox.p-invalid > .p-checkbox-box {\n    border-color: ${dt('checkbox.invalid.border.color')};\n}\n\n.p-checkbox.p-variant-filled .p-checkbox-box {\n    background: ${dt('checkbox.filled.background')};\n}\n\n.p-checkbox-checked.p-variant-filled .p-checkbox-box {\n    background: ${dt('checkbox.checked.background')};\n}\n\n.p-checkbox-checked.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {\n    background: ${dt('checkbox.checked.hover.background')};\n}\n\n.p-checkbox.p-disabled {\n    opacity: 1;\n}\n\n.p-checkbox.p-disabled .p-checkbox-box {\n    background: ${dt('checkbox.disabled.background')};\n    border-color: ${dt('checkbox.checked.disabled.border.color')};\n}\n\n.p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {\n    color: ${dt('checkbox.icon.disabled.color')};\n}\n\n.p-checkbox-sm,\n.p-checkbox-sm .p-checkbox-box {\n    width: ${dt('checkbox.sm.width')};\n    height: ${dt('checkbox.sm.height')};\n}\n\n.p-checkbox-sm .p-checkbox-icon {\n    font-size: ${dt('checkbox.icon.sm.size')};\n    width: ${dt('checkbox.icon.sm.size')};\n    height: ${dt('checkbox.icon.sm.size')};\n}\n\n.p-checkbox-lg,\n.p-checkbox-lg .p-checkbox-box {\n    width: ${dt('checkbox.lg.width')};\n    height: ${dt('checkbox.lg.height')};\n}\n\n.p-checkbox-lg .p-checkbox-icon {\n    font-size: ${dt('checkbox.icon.lg.size')};\n    width: ${dt('checkbox.icon.lg.size')};\n    height: ${dt('checkbox.icon.lg.size')};\n}\n`;\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-checkbox p-component',\n        {\n            'p-checkbox-checked': instance.checked,\n            'p-disabled': props.disabled,\n            'p-invalid': instance.$pcCheckboxGroup ? instance.$pcCheckboxGroup.$invalid : instance.$invalid,\n            'p-variant-filled': instance.$variant === 'filled',\n            'p-checkbox-sm p-inputfield-sm': props.size === 'small',\n            'p-checkbox-lg p-inputfield-lg': props.size === 'large'\n        }\n    ],\n    box: 'p-checkbox-box',\n    input: 'p-checkbox-input',\n    icon: 'p-checkbox-icon'\n};\n\nexport default BaseStyle.extend({\n    name: 'checkbox',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","checked","disabled","$pcCheckboxGroup","$invalid","$variant","size","box","input","icon","BaseStyle","extend","name"],"mappings":"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"}

package/checkboxgroup/BaseCheckboxGroup.vue

@@ -0,0 +1,16 @@
+<script>
+import BaseEditableHolder from '@primevue/core/baseeditableholder';
+import CheckboxGroupStyle from 'primevue/checkboxgroup/style';
+
+export default {
+    name: 'BaseCheckboxGroup',
+    extends: BaseEditableHolder,
+    style: CheckboxGroupStyle,
+    provide() {
+        return {
+            $pcCheckboxGroup: this,
+            $parentInstance: this
+        };
+    }
+};
+</script>

package/checkboxgroup/CheckboxGroup.vue

@@ -0,0 +1,29 @@
+<template>
+    <div :class="cx('root')" v-bind="ptmi('root')">
+        <slot />
+    </div>
+</template>
+
+<script>
+import { uuid } from '@primeuix/utils';
+import BaseCheckboxGroup from './BaseCheckboxGroup.vue';
+
+export default {
+    name: 'CheckboxGroup',
+    extends: BaseCheckboxGroup,
+    inheritAttrs: false,
+    data() {
+        return {
+            groupName: this.name
+        };
+    },
+    watch: {
+        name(newValue) {
+            this.groupName = newValue || uuid('checkbox-group-');
+        }
+    },
+    mounted() {
+        this.groupName = this.groupName || uuid('checkbox-group-');
+    }
+};
+</script>

package/checkboxgroup/index.d.ts

@@ -0,0 +1,160 @@
+/**
+ *
+ * CheckboxGroup is a component that groups multiple checkboxes, allowing users to select one or more options.
+ *
+ * [Live Demo](https://www.primevue.org/checkbox/)
+ *
+ * @module checkboxgroup
+ *
+ */
+import type { DefineComponent, DesignToken, EmitFn, PassThrough } from '@primevue/core';
+import type { ComponentHooks } from '@primevue/core/basecomponent';
+import type { PassThroughOptions } from 'primevue/passthrough';
+import { VNode } from 'vue';
+
+export declare type CheckboxGroupPassThroughOptionType = CheckboxGroupPassThroughAttributes | ((options: CheckboxGroupPassThroughMethodOptions) => CheckboxGroupPassThroughAttributes | string) | string | null | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface CheckboxGroupPassThroughMethodOptions {
+    /**
+     * Defines instance.
+     */
+    instance: any;
+    /**
+     * Defines valid properties.
+     */
+    props: CheckboxGroupProps;
+    /**
+     * 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 FloatLabelProps.pt}
+ */
+export interface CheckboxGroupPassThroughOptions {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: CheckboxGroupPassThroughOptionType;
+    /**
+     * Used to manage all lifecycle hooks.
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface CheckboxGroupPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines valid properties in CheckboxGroup component.
+ */
+export interface CheckboxGroupProps {
+    /**
+     * Value binding of the checkboxes.
+     */
+    modelValue?: any;
+    /**
+     * Default values of the checkboxes in uncontrolled mode.
+     */
+    defaultValue?: any;
+    /**
+     * Name of the input elements.
+     */
+    name?: string | undefined;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     */
+    invalid?: boolean | undefined;
+    /**
+     * Used to set form control options.
+     */
+    formControl?: any;
+    /**
+     * 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 {CheckboxGroupPassThroughOptions}
+     */
+    pt?: PassThrough<CheckboxGroupPassThroughOptions>;
+    /**
+     * 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 valid slots in CheckboxGroup component.
+ */
+export interface CheckboxGroupSlots {
+    /**
+     * Default content slot.
+     */
+    default: () => VNode[];
+}
+
+/**
+ * Defines valid emits in CheckboxGroup component.
+ */
+export interface CheckboxGroupEmitsOptions {
+    /**
+     * Emitted when the value changes.
+     * @param {*} value - New value.
+     */
+    'update:modelValue'(value: any): void;
+    /**
+     * Emitted when the value changes in uncontrolled mode.
+     * @param {*} value - New value.
+     */
+    'value-change'(value: any): void;
+}
+
+export declare type CheckboxGroupEmits = EmitFn<CheckboxGroupEmitsOptions>;
+
+/**
+ * **PrimeVue - CheckboxGroup**
+ *
+ * _CheckboxGroup is a component that groups multiple checkboxes, allowing users to select one or more options._
+ *
+ * [Live Demo](https://www.primevue.org/checkbox/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
+declare const CheckboxGroup: DefineComponent<CheckboxGroupProps, CheckboxGroupSlots, CheckboxGroupEmits>;
+
+declare module 'vue' {
+    export interface GlobalComponents {
+        CheckboxGroup: DefineComponent<CheckboxGroupProps, CheckboxGroupSlots, CheckboxGroupEmits>;
+    }
+}
+
+export default CheckboxGroup;

package/checkboxgroup/index.mjs

@@ -0,0 +1,46 @@
+import { uuid } from '@primeuix/utils';
+import BaseEditableHolder from '@primevue/core/baseeditableholder';
+import CheckboxGroupStyle from 'primevue/checkboxgroup/style';
+import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
+
+var script$1 = {
+  name: 'BaseCheckboxGroup',
+  "extends": BaseEditableHolder,
+  style: CheckboxGroupStyle,
+  provide: function provide() {
+    return {
+      $pcCheckboxGroup: this,
+      $parentInstance: this
+    };
+  }
+};
+
+var script = {
+  name: 'CheckboxGroup',
+  "extends": script$1,
+  inheritAttrs: false,
+  data: function data() {
+    return {
+      groupName: this.name
+    };
+  },
+  watch: {
+    name: function name(newValue) {
+      this.groupName = newValue || uuid('checkbox-group-');
+    }
+  },
+  mounted: function mounted() {
+    this.groupName = this.groupName || uuid('checkbox-group-');
+  }
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", mergeProps({
+    "class": _ctx.cx('root')
+  }, _ctx.ptmi('root')), [renderSlot(_ctx.$slots, "default")], 16);
+}
+
+script.render = render;
+
+export { script as default };
+//# sourceMappingURL=index.mjs.map

package/checkboxgroup/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/checkboxgroup/BaseCheckboxGroup.vue","../../src/checkboxgroup/CheckboxGroup.vue","../../src/checkboxgroup/CheckboxGroup.vue?vue&type=template&id=688b5a86&lang.js"],"sourcesContent":["<script>\nimport BaseEditableHolder from '@primevue/core/baseeditableholder';\nimport CheckboxGroupStyle from 'primevue/checkboxgroup/style';\n\nexport default {\n    name: 'BaseCheckboxGroup',\n    extends: BaseEditableHolder,\n    style: CheckboxGroupStyle,\n    provide() {\n        return {\n            $pcCheckboxGroup: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <slot />\n    </div>\n</template>\n\n<script>\nimport { uuid } from '@primeuix/utils';\nimport BaseCheckboxGroup from './BaseCheckboxGroup.vue';\n\nexport default {\n    name: 'CheckboxGroup',\n    extends: BaseCheckboxGroup,\n    inheritAttrs: false,\n    data() {\n        return {\n            groupName: this.name\n        };\n    },\n    watch: {\n        name(newValue) {\n            this.groupName = newValue || uuid('checkbox-group-');\n        }\n    },\n    mounted() {\n        this.groupName = this.groupName || uuid('checkbox-group-');\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <slot />\n    </div>\n</template>\n\n<script>\nimport { uuid } from '@primeuix/utils';\nimport BaseCheckboxGroup from './BaseCheckboxGroup.vue';\n\nexport default {\n    name: 'CheckboxGroup',\n    extends: BaseCheckboxGroup,\n    inheritAttrs: false,\n    data() {\n        return {\n            groupName: this.name\n        };\n    },\n    watch: {\n        name(newValue) {\n            this.groupName = newValue || uuid('checkbox-group-');\n        }\n    },\n    mounted() {\n        this.groupName = this.groupName || uuid('checkbox-group-');\n    }\n};\n</script>\n"],"names":["name","BaseEditableHolder","style","CheckboxGroupStyle","provide","$pcCheckboxGroup","$parentInstance","BaseCheckboxGroup","inheritAttrs","data","groupName","watch","newValue","uuid","mounted","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_renderSlot","$slots"],"mappings":";;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,mBAAmB;AACzB,EAAA,SAAA,EAASC,kBAAkB;AAC3BC,EAAAA,KAAK,EAAEC,kBAAkB;EACzBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,gBAAgB,EAAE,IAAI;AACtBC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;ACJD,aAAe;AACXN,EAAAA,IAAI,EAAE,eAAe;AACrB,EAAA,SAAA,EAASO,QAAiB;AAC1BC,EAAAA,YAAY,EAAE,KAAK;EACnBC,IAAI,EAAA,SAAJA,IAAIA,GAAG;IACH,OAAO;MACHC,SAAS,EAAE,IAAI,CAACV;KACnB;GACJ;AACDW,EAAAA,KAAK,EAAE;AACHX,IAAAA,IAAI,EAAJA,SAAAA,IAAIA,CAACY,QAAQ,EAAE;MACX,IAAI,CAACF,SAAQ,GAAIE,QAAS,IAAGC,IAAI,CAAC,iBAAiB,CAAC;AACxD;GACH;EACDC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,IAAI,CAACJ,YAAY,IAAI,CAACA,SAAU,IAAGG,IAAI,CAAC,iBAAiB,CAAC;AAC9D;AACJ,CAAC;;;EC1BG,OAAAE,SAAA,EAAA,EAAAC,kBAAA,CAEK,OAFLC,UAEK,CAAA;AAFC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA;KAAkBD,IAAI,CAAAE,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACjCC,UAAO,CAAAH,IAAA,CAAAI,MAAA,EAAA,SAAA,CAAA;;;;;;;"}

package/checkboxgroup/package.json

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

package/checkboxgroup/style/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ *
+ * CheckboxGroup is a component that groups multiple checkboxes, allowing users to select one or more options.
+ *
+ * [Live Demo](https://www.primevue.org/checkbox/)
+ *
+ * @module checkboxgroupstyle
+ *
+ */
+import type { BaseStyle } from '@primevue/core/base/style';
+
+export enum CheckboxGroupClasses {
+    /**
+     * Class name of the root element
+     */
+    root = 'p-checkbox-group'
+}
+
+export interface CheckboxGroupStyle extends BaseStyle {}

package/checkboxgroup/style/index.mjs

@@ -0,0 +1,17 @@
+import BaseStyle from '@primevue/core/base/style';
+
+var theme = function theme(_ref) {
+  _ref.dt;
+  return "\n.p-checkbox-group {\n    display: inline-flex;\n}\n";
+};
+var classes = {
+  root: 'p-checkbox-group p-component'
+};
+var CheckboxGroupStyle = BaseStyle.extend({
+  name: 'checkboxgroup',
+  theme: theme,
+  classes: classes
+});
+
+export { CheckboxGroupStyle as default };
+//# sourceMappingURL=index.mjs.map

package/checkboxgroup/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../src/checkboxgroup/style/CheckboxGroupStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-checkbox-group {\n    display: inline-flex;\n}\n`;\n\nconst classes = {\n    root: 'p-checkbox-group p-component'\n};\n\nexport default BaseStyle.extend({\n    name: 'checkboxgroup',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","classes","root","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAQA,IAAA,CAAFC;AAAE,EAAA,OAAA,uDAAA;AAAA,CAIlB;AAED,IAAMC,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE;AACV,CAAC;AAED,yBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,eAAe;AACrBP,EAAAA,KAAK,EAALA,KAAK;AACLG,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}

package/checkboxgroup/style/package.json

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

package/chip/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/chip/BaseChip.vue","../../src/chip/Chip.vue","../../src/chip/Chip.vue?vue&type=template&id=5adca806&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ChipStyle from 'primevue/chip/style';\n\nexport default {\n    name: 'BaseChip',\n    extends: BaseComponent,\n    props: {\n        label: {\n            type: String,\n            default: null\n        },\n        icon: {\n            type: String,\n            default: null\n        },\n        image: {\n            type: String,\n            default: null\n        },\n        removable: {\n            type: Boolean,\n            default: false\n        },\n        removeIcon: {\n            type: String,\n            default: undefined\n        }\n    },\n    style: ChipStyle,\n    provide() {\n        return {\n            $pcChip: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div v-if=\"visible\" :class=\"cx('root')\" :aria-label=\"label\" v-bind=\"ptmi('root')\">\n        <slot>\n            <img v-if=\"image\" :src=\"image\" v-bind=\"ptm('image')\" :class=\"cx('image')\" />\n            <component v-else-if=\"$slots.icon\" :is=\"$slots.icon\" :class=\"cx('icon')\" v-bind=\"ptm('icon')\" />\n            <span v-else-if=\"icon\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\" />\n            <div v-if=\"label\" :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ label }}</div>\n        </slot>\n        <slot v-if=\"removable\" name=\"removeicon\" :removeCallback=\"close\" :keydownCallback=\"onKeydown\">\n            <component :is=\"removeIcon ? 'span' : 'TimesCircleIcon'\" tabindex=\"0\" :class=\"[cx('removeIcon'), removeIcon]\" @click=\"close\" @keydown=\"onKeydown\" v-bind=\"ptm('removeIcon')\"></component>\n        </slot>\n    </div>\n</template>\n\n<script>\nimport TimesCircleIcon from '@primevue/icons/timescircle';\nimport BaseChip from './BaseChip.vue';\n\nexport default {\n    name: 'Chip',\n    extends: BaseChip,\n    inheritAttrs: false,\n    emits: ['remove'],\n    data() {\n        return {\n            visible: true\n        };\n    },\n    methods: {\n        onKeydown(event) {\n            if (event.key === 'Enter' || event.key === 'Backspace') {\n                this.close(event);\n            }\n        },\n        close(event) {\n            this.visible = false;\n            this.$emit('remove', event);\n        }\n    },\n    components: {\n        TimesCircleIcon\n    }\n};\n</script>\n","<template>\n    <div v-if=\"visible\" :class=\"cx('root')\" :aria-label=\"label\" v-bind=\"ptmi('root')\">\n        <slot>\n            <img v-if=\"image\" :src=\"image\" v-bind=\"ptm('image')\" :class=\"cx('image')\" />\n            <component v-else-if=\"$slots.icon\" :is=\"$slots.icon\" :class=\"cx('icon')\" v-bind=\"ptm('icon')\" />\n            <span v-else-if=\"icon\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\" />\n            <div v-if=\"label\" :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ label }}</div>\n        </slot>\n        <slot v-if=\"removable\" name=\"removeicon\" :removeCallback=\"close\" :keydownCallback=\"onKeydown\">\n            <component :is=\"removeIcon ? 'span' : 'TimesCircleIcon'\" tabindex=\"0\" :class=\"[cx('removeIcon'), removeIcon]\" @click=\"close\" @keydown=\"onKeydown\" v-bind=\"ptm('removeIcon')\"></component>\n        </slot>\n    </div>\n</template>\n\n<script>\nimport TimesCircleIcon from '@primevue/icons/timescircle';\nimport BaseChip from './BaseChip.vue';\n\nexport default {\n    name: 'Chip',\n    extends: BaseChip,\n    inheritAttrs: false,\n    emits: ['remove'],\n    data() {\n        return {\n            visible: true\n        };\n    },\n    methods: {\n        onKeydown(event) {\n            if (event.key === 'Enter' || event.key === 'Backspace') {\n                this.close(event);\n            }\n        },\n        close(event) {\n            this.visible = false;\n            this.$emit('remove', event);\n        }\n    },\n    components: {\n        TimesCircleIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","label","type","String","icon","image","removable","Boolean","removeIcon","undefined","style","ChipStyle","provide","$pcChip","$parentInstance","BaseChip","inheritAttrs","emits","data","visible","methods","onKeydown","event","key","close","$emit","components","TimesCircleIcon","$data","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_renderSlot","src","ptm","$slots","_createBlock","_resolveDynamicComponent","removeCallback","$options","keydownCallback","tabindex","onClick"],"mappings":";;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,UAAU;AAChB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,IAAA;KACZ;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,IAAA;KACZ;AACDE,IAAAA,KAAK,EAAE;AACHH,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,IAAA;KACZ;AACDG,IAAAA,SAAS,EAAE;AACPJ,MAAAA,IAAI,EAAEK,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDC,IAAAA,UAAU,EAAE;AACRN,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAASM,EAAAA,SAAAA;AACb,KAAA;GACH;AACDC,EAAAA,KAAK,EAAEC,SAAS;EAChBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,OAAO,EAAE,IAAI;AACbC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;AClBD,aAAe;AACXhB,EAAAA,IAAI,EAAE,MAAM;AACZ,EAAA,SAAA,EAASiB,QAAQ;AACjBC,EAAAA,YAAY,EAAE,KAAK;EACnBC,KAAK,EAAE,CAAC,QAAQ,CAAC;EACjBC,IAAI,EAAA,SAAJA,IAAIA,GAAG;IACH,OAAO;AACHC,MAAAA,OAAO,EAAE,IAAA;KACZ,CAAA;GACJ;AACDC,EAAAA,OAAO,EAAE;AACLC,IAAAA,SAAS,EAATA,SAAAA,SAASA,CAACC,KAAK,EAAE;MACb,IAAIA,KAAK,CAACC,QAAQ,OAAM,IAAKD,KAAK,CAACC,GAAE,KAAM,WAAW,EAAE;AACpD,QAAA,IAAI,CAACC,KAAK,CAACF,KAAK,CAAC,CAAA;AACrB,OAAA;KACH;AACDE,IAAAA,KAAK,EAALA,SAAAA,KAAKA,CAACF,KAAK,EAAE;MACT,IAAI,CAACH,UAAU,KAAK,CAAA;AACpB,MAAA,IAAI,CAACM,KAAK,CAAC,QAAQ,EAAEH,KAAK,CAAC,CAAA;AAC/B,KAAA;GACH;AACDI,EAAAA,UAAU,EAAE;AACRC,IAAAA,eAAc,EAAdA,eAAAA;AACJ,GAAA;AACJ,CAAC;;;;;SCzCcC,KAAO,CAAAT,OAAA,IAAlBU,SAAA,EAAA,EAAAC,kBAAA,CAUK,OAVLC,UAUK,CAAA;;AAVgB,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;IAAW,YAAU,EAAED,IAAK,CAAA/B,KAAAA;KAAU+B,IAAI,CAAAE,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACpEC,UAAA,CAKMH,4BALN,YAAA;AAAA,IAAA,OAKM,CAJSA,IAAK,CAAA3B,KAAA,IAAhBwB,SAAA,EAAA,EAAAC,kBAAA,CAA2E,OAA3EC,UAA2E,CAAA;;MAAxDK,GAAG,EAAEJ,IAAK,CAAA3B,KAAAA;OAAU2B,IAAG,CAAAK,GAAA,CAAA,OAAA,CAAA,EAAA;AAAY,MAAA,OAAA,EAAOL,IAAE,CAAAC,EAAA,CAAA,OAAA,CAAA;iCACzCD,IAAA,CAAAM,MAAM,CAAClC,IAAI,IAAjCyB,SAAA,EAAA,EAAAU,WAAA,CAA+FC,uBAAvD,CAAAR,IAAA,CAAAM,MAAM,CAAClC,IAAI,GAAnD2B,UAA+F,CAAA;;AAAzC,MAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;OAAkBD,IAAG,CAAAK,GAAA,CAAA,MAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,IACnEL,IAAI,CAAA5B,IAAA,IAArByB,SAAA,EAAA,EAAAC,kBAAA,CAAyE,QAAzEC,UAAyE,CAAA;;MAAjD,OAAK,EAAA,CAAGC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA,EAAUD,IAAI,CAAA5B,IAAA,CAAA;OAAW4B,IAAG,CAAAK,GAAA,CAAA,MAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kCACnDL,IAAK,CAAA/B,KAAA,IAAhB4B,SAAA,EAAA,EAAAC,kBAAA,CAA6E,OAA7EC,UAA6E,CAAA;;AAA1D,MAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,OAAA,CAAA;KAAmB,EAAAD,IAAA,CAAAK,GAAG,4BAAcL,IAAI,CAAA/B,KAAA,CAAA,EAAA,EAAA,CAAA;MAE5D+B,IAAS,CAAA1B,SAAA,GAArB6B,UAEM,CAAAH,IAAA,CAAAM,MAAA,EAAA,YAAA,EAAA;;IAFoCG,cAAc,EAAEC,QAAK,CAAAlB,KAAA;IAAGmB,eAAe,EAAED,QAAS,CAAArB,SAAAA;KAA5F,YAAA;AAAA,IAAA,OAEM,eADFkB,WAAwL,CAAAC,uBAAA,CAAxKR,IAAS,CAAAxB,UAAA,GAAA,MAAA,GAAA,iBAAA,CAAA,EAAzBuB,UAAwL,CAAA;AAA/Ha,MAAAA,QAAQ,EAAC,GAAI;MAAC,OAAK,EAAA,CAAGZ,IAAE,CAAAC,EAAA,CAAA,YAAA,CAAA,EAAgBD,IAAU,CAAAxB,UAAA,CAAA;MAAIqC,OAAK,EAAEH,QAAK,CAAAlB,KAAA;MAAGH,SAAO,EAAEqB,QAAS,CAAArB,SAAAA;OAAUW,IAAG,CAAAK,GAAA,CAAA,YAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,WAAA,CAAA,CAAA;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/chip/BaseChip.vue","../../src/chip/Chip.vue","../../src/chip/Chip.vue?vue&type=template&id=5adca806&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ChipStyle from 'primevue/chip/style';\n\nexport default {\n    name: 'BaseChip',\n    extends: BaseComponent,\n    props: {\n        label: {\n            type: String,\n            default: null\n        },\n        icon: {\n            type: String,\n            default: null\n        },\n        image: {\n            type: String,\n            default: null\n        },\n        removable: {\n            type: Boolean,\n            default: false\n        },\n        removeIcon: {\n            type: String,\n            default: undefined\n        }\n    },\n    style: ChipStyle,\n    provide() {\n        return {\n            $pcChip: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div v-if=\"visible\" :class=\"cx('root')\" :aria-label=\"label\" v-bind=\"ptmi('root')\">\n        <slot>\n            <img v-if=\"image\" :src=\"image\" v-bind=\"ptm('image')\" :class=\"cx('image')\" />\n            <component v-else-if=\"$slots.icon\" :is=\"$slots.icon\" :class=\"cx('icon')\" v-bind=\"ptm('icon')\" />\n            <span v-else-if=\"icon\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\" />\n            <div v-if=\"label\" :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ label }}</div>\n        </slot>\n        <slot v-if=\"removable\" name=\"removeicon\" :removeCallback=\"close\" :keydownCallback=\"onKeydown\">\n            <component :is=\"removeIcon ? 'span' : 'TimesCircleIcon'\" tabindex=\"0\" :class=\"[cx('removeIcon'), removeIcon]\" @click=\"close\" @keydown=\"onKeydown\" v-bind=\"ptm('removeIcon')\"></component>\n        </slot>\n    </div>\n</template>\n\n<script>\nimport TimesCircleIcon from '@primevue/icons/timescircle';\nimport BaseChip from './BaseChip.vue';\n\nexport default {\n    name: 'Chip',\n    extends: BaseChip,\n    inheritAttrs: false,\n    emits: ['remove'],\n    data() {\n        return {\n            visible: true\n        };\n    },\n    methods: {\n        onKeydown(event) {\n            if (event.key === 'Enter' || event.key === 'Backspace') {\n                this.close(event);\n            }\n        },\n        close(event) {\n            this.visible = false;\n            this.$emit('remove', event);\n        }\n    },\n    components: {\n        TimesCircleIcon\n    }\n};\n</script>\n","<template>\n    <div v-if=\"visible\" :class=\"cx('root')\" :aria-label=\"label\" v-bind=\"ptmi('root')\">\n        <slot>\n            <img v-if=\"image\" :src=\"image\" v-bind=\"ptm('image')\" :class=\"cx('image')\" />\n            <component v-else-if=\"$slots.icon\" :is=\"$slots.icon\" :class=\"cx('icon')\" v-bind=\"ptm('icon')\" />\n            <span v-else-if=\"icon\" :class=\"[cx('icon'), icon]\" v-bind=\"ptm('icon')\" />\n            <div v-if=\"label\" :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ label }}</div>\n        </slot>\n        <slot v-if=\"removable\" name=\"removeicon\" :removeCallback=\"close\" :keydownCallback=\"onKeydown\">\n            <component :is=\"removeIcon ? 'span' : 'TimesCircleIcon'\" tabindex=\"0\" :class=\"[cx('removeIcon'), removeIcon]\" @click=\"close\" @keydown=\"onKeydown\" v-bind=\"ptm('removeIcon')\"></component>\n        </slot>\n    </div>\n</template>\n\n<script>\nimport TimesCircleIcon from '@primevue/icons/timescircle';\nimport BaseChip from './BaseChip.vue';\n\nexport default {\n    name: 'Chip',\n    extends: BaseChip,\n    inheritAttrs: false,\n    emits: ['remove'],\n    data() {\n        return {\n            visible: true\n        };\n    },\n    methods: {\n        onKeydown(event) {\n            if (event.key === 'Enter' || event.key === 'Backspace') {\n                this.close(event);\n            }\n        },\n        close(event) {\n            this.visible = false;\n            this.$emit('remove', event);\n        }\n    },\n    components: {\n        TimesCircleIcon\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","label","type","String","icon","image","removable","Boolean","removeIcon","undefined","style","ChipStyle","provide","$pcChip","$parentInstance","BaseChip","inheritAttrs","emits","data","visible","methods","onKeydown","event","key","close","$emit","components","TimesCircleIcon","$data","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_renderSlot","src","ptm","$slots","_createBlock","_resolveDynamicComponent","removeCallback","$options","keydownCallback","tabindex","onClick"],"mappings":"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"}

package/chip/style/index.mjs

@@ -2,7 +2,7 @@ import BaseStyle from '@primevue/core/base/style';
 
 var theme = function theme(_ref) {
   var dt = _ref.dt;
-  return "\n.p-chip {\n    display: inline-flex;\n    align-items: center;\n    background: ".concat(dt('chip.background'), ";\n    color: ").concat(dt('chip.color'), ";\n    border-radius: ").concat(dt('chip.border.radius'), ";\n    padding: ").concat(dt('chip.padding.y'), " ").concat(dt('chip.padding.x'), ";\n    gap: ").concat(dt('chip.gap'), ";\n}\n\n.p-chip-icon {\n    color: ").concat(dt('chip.icon.color'), ";\n    font-size: ").concat(dt('chip.icon.font.size'), ";\n    width: ").concat(dt('chip.icon.size'), ";\n    height: ").concat(dt('chip.icon.size'), ";\n}\n\n.p-chip-image {\n    border-radius: 50%;\n    width: ").concat(dt('chip.image.width'), ";\n    height: ").concat(dt('chip.image.height'), ";\n    margin-left: calc(-1 * ").concat(dt('chip.padding.y'), ");\n}\n\n.p-chip:has(.p-chip-remove-icon) {\n    padding-right: ").concat(dt('chip.padding.y'), ";\n}\n\n.p-chip:has(.p-chip-image) {\n    padding-top: calc(").concat(dt('chip.padding.y'), " / 2);\n    padding-bottom: calc(").concat(dt('chip.padding.y'), " / 2);\n}\n\n.p-chip-remove-icon {\n    cursor: pointer;\n    font-size: ").concat(dt('chip.remove.icon.size'), ";\n    width: ").concat(dt('chip.remove.icon.size'), ";\n    height: ").concat(dt('chip.remove.icon.size'), ";\n    color: ").concat(dt('chip.remove.icon.color'), ";\n    border-radius: 50%;\n    transition: outline-color ").concat(dt('chip.transition.duration'), ", box-shadow ").concat(dt('chip.transition.duration'), ";\n    outline-color: transparent;\n}\n\n.p-chip-remove-icon:focus-visible {\n    box-shadow: ").concat(dt('chip.remove.icon.focus.ring.shadow'), ";\n    outline: ").concat(dt('chip.remove.icon.focus.ring.width'), " ").concat(dt('chip.remove.icon.focus.ring.style'), " ").concat(dt('chip.remove.icon.focus.ring.color'), ";\n    outline-offset: ").concat(dt('chip.remove.icon.focus.ring.offset'), ";\n}\n");
+  return "\n.p-chip {\n    display: inline-flex;\n    align-items: center;\n    background: ".concat(dt('chip.background'), ";\n    color: ").concat(dt('chip.color'), ";\n    border-radius: ").concat(dt('chip.border.radius'), ";\n    padding-block: ").concat(dt('chip.padding.y'), ";\n    padding-inline: ").concat(dt('chip.padding.x'), ";\n    gap: ").concat(dt('chip.gap'), ";\n}\n\n.p-chip-icon {\n    color: ").concat(dt('chip.icon.color'), ";\n    font-size: ").concat(dt('chip.icon.font.size'), ";\n    width: ").concat(dt('chip.icon.size'), ";\n    height: ").concat(dt('chip.icon.size'), ";\n}\n\n.p-chip-image {\n    border-radius: 50%;\n    width: ").concat(dt('chip.image.width'), ";\n    height: ").concat(dt('chip.image.height'), ";\n    margin-inline-start: calc(-1 * ").concat(dt('chip.padding.y'), ");\n}\n\n.p-chip:has(.p-chip-remove-icon) {\n    padding-inline-end: ").concat(dt('chip.padding.y'), ";\n}\n\n.p-chip:has(.p-chip-image) {\n    padding-block-start: calc(").concat(dt('chip.padding.y'), " / 2);\n    padding-block-end: calc(").concat(dt('chip.padding.y'), " / 2);\n}\n\n.p-chip-remove-icon {\n    cursor: pointer;\n    font-size: ").concat(dt('chip.remove.icon.size'), ";\n    width: ").concat(dt('chip.remove.icon.size'), ";\n    height: ").concat(dt('chip.remove.icon.size'), ";\n    color: ").concat(dt('chip.remove.icon.color'), ";\n    border-radius: 50%;\n    transition: outline-color ").concat(dt('chip.transition.duration'), ", box-shadow ").concat(dt('chip.transition.duration'), ";\n    outline-color: transparent;\n}\n\n.p-chip-remove-icon:focus-visible {\n    box-shadow: ").concat(dt('chip.remove.icon.focus.ring.shadow'), ";\n    outline: ").concat(dt('chip.remove.icon.focus.ring.width'), " ").concat(dt('chip.remove.icon.focus.ring.style'), " ").concat(dt('chip.remove.icon.focus.ring.color'), ";\n    outline-offset: ").concat(dt('chip.remove.icon.focus.ring.offset'), ";\n}\n");
 };
 var classes = {
   root: 'p-chip p-component',

package/chip/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/chip/style/ChipStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-chip {\n    display: inline-flex;\n    align-items: center;\n    background: ${dt('chip.background')};\n    color: ${dt('chip.color')};\n    border-radius: ${dt('chip.border.radius')};\n    padding: ${dt('chip.padding.y')} ${dt('chip.padding.x')};\n    gap: ${dt('chip.gap')};\n}\n\n.p-chip-icon {\n    color: ${dt('chip.icon.color')};\n    font-size: ${dt('chip.icon.font.size')};\n    width: ${dt('chip.icon.size')};\n    height: ${dt('chip.icon.size')};\n}\n\n.p-chip-image {\n    border-radius: 50%;\n    width: ${dt('chip.image.width')};\n    height: ${dt('chip.image.height')};\n    margin-left: calc(-1 * ${dt('chip.padding.y')});\n}\n\n.p-chip:has(.p-chip-remove-icon) {\n    padding-right: ${dt('chip.padding.y')};\n}\n\n.p-chip:has(.p-chip-image) {\n    padding-top: calc(${dt('chip.padding.y')} / 2);\n    padding-bottom: calc(${dt('chip.padding.y')} / 2);\n}\n\n.p-chip-remove-icon {\n    cursor: pointer;\n    font-size: ${dt('chip.remove.icon.size')};\n    width: ${dt('chip.remove.icon.size')};\n    height: ${dt('chip.remove.icon.size')};\n    color: ${dt('chip.remove.icon.color')};\n    border-radius: 50%;\n    transition: outline-color ${dt('chip.transition.duration')}, box-shadow ${dt('chip.transition.duration')};\n    outline-color: transparent;\n}\n\n.p-chip-remove-icon:focus-visible {\n    box-shadow: ${dt('chip.remove.icon.focus.ring.shadow')};\n    outline: ${dt('chip.remove.icon.focus.ring.width')} ${dt('chip.remove.icon.focus.ring.style')} ${dt('chip.remove.icon.focus.ring.color')};\n    outline-offset: ${dt('chip.remove.icon.focus.ring.offset')};\n}\n`;\n\nconst classes = {\n    root: 'p-chip p-component',\n    image: 'p-chip-image',\n    icon: 'p-chip-icon',\n    label: 'p-chip-label',\n    removeIcon: 'p-chip-remove-icon'\n};\n\nexport default BaseStyle.extend({\n    name: 'chip',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","image","icon","label","removeIcon","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;AAAA,EAAA,OAAA,oFAAA,CAAAC,MAAA,CAIDD,EAAE,CAAC,iBAAiB,CAAC,oBAAAC,MAAA,CAC1BD,EAAE,CAAC,YAAY,CAAC,EAAAC,wBAAAA,CAAAA,CAAAA,MAAA,CACRD,EAAE,CAAC,oBAAoB,CAAC,EAAA,kBAAA,CAAA,CAAAC,MAAA,CAC9BD,EAAE,CAAC,gBAAgB,CAAC,OAAAC,MAAA,CAAID,EAAE,CAAC,gBAAgB,CAAC,EAAAC,cAAAA,CAAAA,CAAAA,MAAA,CAChDD,EAAE,CAAC,UAAU,CAAC,EAAA,qCAAA,CAAA,CAAAC,MAAA,CAIZD,EAAE,CAAC,iBAAiB,CAAC,wBAAAC,MAAA,CACjBD,EAAE,CAAC,qBAAqB,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CAC7BD,EAAE,CAAC,gBAAgB,CAAC,EAAA,iBAAA,CAAA,CAAAC,MAAA,CACnBD,EAAE,CAAC,gBAAgB,CAAC,mEAAAC,MAAA,CAKrBD,EAAE,CAAC,kBAAkB,CAAC,EAAAC,iBAAAA,CAAAA,CAAAA,MAAA,CACrBD,EAAE,CAAC,mBAAmB,CAAC,EAAA,gCAAA,CAAA,CAAAC,MAAA,CACRD,EAAE,CAAC,gBAAgB,CAAC,sEAAAC,MAAA,CAI5BD,EAAE,CAAC,gBAAgB,CAAC,EAAAC,8DAAAA,CAAAA,CAAAA,MAAA,CAIjBD,EAAE,CAAC,gBAAgB,CAAC,EAAA,mCAAA,CAAA,CAAAC,MAAA,CACjBD,EAAE,CAAC,gBAAgB,CAAC,+EAAAC,MAAA,CAK9BD,EAAE,CAAC,uBAAuB,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CAC/BD,EAAE,CAAC,uBAAuB,CAAC,EAAA,iBAAA,CAAA,CAAAC,MAAA,CAC1BD,EAAE,CAAC,uBAAuB,CAAC,oBAAAC,MAAA,CAC5BD,EAAE,CAAC,wBAAwB,CAAC,EAAAC,4DAAAA,CAAAA,CAAAA,MAAA,CAETD,EAAE,CAAC,0BAA0B,CAAC,EAAA,eAAA,CAAA,CAAAC,MAAA,CAAgBD,EAAE,CAAC,0BAA0B,CAAC,oGAAAC,MAAA,CAK1FD,EAAE,CAAC,oCAAoC,CAAC,EAAAC,kBAAAA,CAAAA,CAAAA,MAAA,CAC3CD,EAAE,CAAC,mCAAmC,CAAC,EAAA,GAAA,CAAA,CAAAC,MAAA,CAAID,EAAE,CAAC,mCAAmC,CAAC,OAAAC,MAAA,CAAID,EAAE,CAAC,mCAAmC,CAAC,EAAAC,yBAAAA,CAAAA,CAAAA,MAAA,CACtHD,EAAE,CAAC,oCAAoC,CAAC,EAAA,QAAA,CAAA,CAAA;AAAA,CAE7D,CAAA;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,oBAAoB;AAC1BC,EAAAA,KAAK,EAAE,cAAc;AACrBC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,KAAK,EAAE,cAAc;AACrBC,EAAAA,UAAU,EAAE,oBAAA;AAChB,CAAC,CAAA;AAED,gBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,MAAM;AACZZ,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/chip/style/ChipStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-chip {\n    display: inline-flex;\n    align-items: center;\n    background: ${dt('chip.background')};\n    color: ${dt('chip.color')};\n    border-radius: ${dt('chip.border.radius')};\n    padding-block: ${dt('chip.padding.y')};\n    padding-inline: ${dt('chip.padding.x')};\n    gap: ${dt('chip.gap')};\n}\n\n.p-chip-icon {\n    color: ${dt('chip.icon.color')};\n    font-size: ${dt('chip.icon.font.size')};\n    width: ${dt('chip.icon.size')};\n    height: ${dt('chip.icon.size')};\n}\n\n.p-chip-image {\n    border-radius: 50%;\n    width: ${dt('chip.image.width')};\n    height: ${dt('chip.image.height')};\n    margin-inline-start: calc(-1 * ${dt('chip.padding.y')});\n}\n\n.p-chip:has(.p-chip-remove-icon) {\n    padding-inline-end: ${dt('chip.padding.y')};\n}\n\n.p-chip:has(.p-chip-image) {\n    padding-block-start: calc(${dt('chip.padding.y')} / 2);\n    padding-block-end: calc(${dt('chip.padding.y')} / 2);\n}\n\n.p-chip-remove-icon {\n    cursor: pointer;\n    font-size: ${dt('chip.remove.icon.size')};\n    width: ${dt('chip.remove.icon.size')};\n    height: ${dt('chip.remove.icon.size')};\n    color: ${dt('chip.remove.icon.color')};\n    border-radius: 50%;\n    transition: outline-color ${dt('chip.transition.duration')}, box-shadow ${dt('chip.transition.duration')};\n    outline-color: transparent;\n}\n\n.p-chip-remove-icon:focus-visible {\n    box-shadow: ${dt('chip.remove.icon.focus.ring.shadow')};\n    outline: ${dt('chip.remove.icon.focus.ring.width')} ${dt('chip.remove.icon.focus.ring.style')} ${dt('chip.remove.icon.focus.ring.color')};\n    outline-offset: ${dt('chip.remove.icon.focus.ring.offset')};\n}\n`;\n\nconst classes = {\n    root: 'p-chip p-component',\n    image: 'p-chip-image',\n    icon: 'p-chip-icon',\n    label: 'p-chip-label',\n    removeIcon: 'p-chip-remove-icon'\n};\n\nexport default BaseStyle.extend({\n    name: 'chip',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","image","icon","label","removeIcon","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE;AAAA,EAAA,OAAA,oFAAA,CAAAC,MAAA,CAIDD,EAAE,CAAC,iBAAiB,CAAC,oBAAAC,MAAA,CAC1BD,EAAE,CAAC,YAAY,CAAC,EAAAC,wBAAAA,CAAAA,CAAAA,MAAA,CACRD,EAAE,CAAC,oBAAoB,CAAC,EAAA,wBAAA,CAAA,CAAAC,MAAA,CACxBD,EAAE,CAAC,gBAAgB,CAAC,6BAAAC,MAAA,CACnBD,EAAE,CAAC,gBAAgB,CAAC,EAAAC,cAAAA,CAAAA,CAAAA,MAAA,CAC/BD,EAAE,CAAC,UAAU,CAAC,EAAA,qCAAA,CAAA,CAAAC,MAAA,CAIZD,EAAE,CAAC,iBAAiB,CAAC,wBAAAC,MAAA,CACjBD,EAAE,CAAC,qBAAqB,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CAC7BD,EAAE,CAAC,gBAAgB,CAAC,EAAA,iBAAA,CAAA,CAAAC,MAAA,CACnBD,EAAE,CAAC,gBAAgB,CAAC,mEAAAC,MAAA,CAKrBD,EAAE,CAAC,kBAAkB,CAAC,EAAAC,iBAAAA,CAAAA,CAAAA,MAAA,CACrBD,EAAE,CAAC,mBAAmB,CAAC,EAAA,wCAAA,CAAA,CAAAC,MAAA,CACAD,EAAE,CAAC,gBAAgB,CAAC,2EAAAC,MAAA,CAI/BD,EAAE,CAAC,gBAAgB,CAAC,EAAAC,sEAAAA,CAAAA,CAAAA,MAAA,CAIdD,EAAE,CAAC,gBAAgB,CAAC,EAAA,sCAAA,CAAA,CAAAC,MAAA,CACtBD,EAAE,CAAC,gBAAgB,CAAC,+EAAAC,MAAA,CAKjCD,EAAE,CAAC,uBAAuB,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CAC/BD,EAAE,CAAC,uBAAuB,CAAC,EAAA,iBAAA,CAAA,CAAAC,MAAA,CAC1BD,EAAE,CAAC,uBAAuB,CAAC,oBAAAC,MAAA,CAC5BD,EAAE,CAAC,wBAAwB,CAAC,EAAAC,4DAAAA,CAAAA,CAAAA,MAAA,CAETD,EAAE,CAAC,0BAA0B,CAAC,EAAA,eAAA,CAAA,CAAAC,MAAA,CAAgBD,EAAE,CAAC,0BAA0B,CAAC,oGAAAC,MAAA,CAK1FD,EAAE,CAAC,oCAAoC,CAAC,EAAAC,kBAAAA,CAAAA,CAAAA,MAAA,CAC3CD,EAAE,CAAC,mCAAmC,CAAC,EAAA,GAAA,CAAA,CAAAC,MAAA,CAAID,EAAE,CAAC,mCAAmC,CAAC,OAAAC,MAAA,CAAID,EAAE,CAAC,mCAAmC,CAAC,EAAAC,yBAAAA,CAAAA,CAAAA,MAAA,CACtHD,EAAE,CAAC,oCAAoC,CAAC,EAAA,QAAA,CAAA;AAAA,CAE7D;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,oBAAoB;AAC1BC,EAAAA,KAAK,EAAE,cAAc;AACrBC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,KAAK,EAAE,cAAc;AACrBC,EAAAA,UAAU,EAAE;AAChB,CAAC;AAED,gBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,MAAM;AACZZ,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}

package/chips/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/chips/Chips.vue"],"sourcesContent":["<script>\nimport InputChips from 'primevue/inputchips';\n\nexport default {\n    name: 'Chips',\n    extends: InputChips,\n    mounted() {\n        console.warn('Deprecated since v4. Use InputChips component instead.');\n    }\n};\n</script>\n"],"names":["name","InputChips","mounted","console","warn"],"mappings":";;AAGA,aAAe;AACXA,EAAAA,IAAI,EAAE,OAAO;AACb,EAAA,SAAA,EAASC,UAAU;EACnBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;AACNC,IAAAA,OAAO,CAACC,IAAI,CAAC,wDAAwD,CAAC,CAAA;AAC1E,GAAA;AACJ,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/chips/Chips.vue"],"sourcesContent":["<script>\nimport InputChips from 'primevue/inputchips';\n\nexport default {\n    name: 'Chips',\n    extends: InputChips,\n    mounted() {\n        console.warn('Deprecated since v4. Use InputChips component instead.');\n    }\n};\n</script>\n"],"names":["name","InputChips","mounted","console","warn"],"mappings":";;AAGA,aAAe;AACXA,EAAAA,IAAI,EAAE,OAAO;AACb,EAAA,SAAA,EAASC,UAAU;EACnBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;AACNC,IAAAA,OAAO,CAACC,IAAI,CAAC,wDAAwD,CAAC;AAC1E;AACJ,CAAC;;;;"}

package/chips/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/chips/style/ChipsStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nexport default BaseStyle.extend({\n    name: 'chips'\n});\n"],"names":["BaseStyle","extend","name"],"mappings":";;AAEA,iBAAeA,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,OAAA;AACV,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/chips/style/ChipsStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nexport default BaseStyle.extend({\n    name: 'chips'\n});\n"],"names":["BaseStyle","extend","name"],"mappings":";;AAEA,iBAAeA,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE;AACV,CAAC,CAAC;;;;"}

package/colorpicker/BaseColorPicker.vue

@@ -1,15 +1,11 @@
 <script>
-import BaseComponent from '@primevue/core/basecomponent';
+import BaseEditableHolder from '@primevue/core/baseeditableholder';
 import ColorPickerStyle from 'primevue/colorpicker/style';
 
 export default {
     name: 'BaseColorPicker',
-    extends: BaseComponent,
+    extends: BaseEditableHolder,
     props: {
-        modelValue: {
-            type: null,
-            default: null
-        },
         defaultColor: {
             type: null,
             default: 'ff0000'
@@ -22,10 +18,6 @@ export default {
             type: String,
             default: 'hex'
         },
-        disabled: {
-            type: Boolean,
-            default: false
-        },
         tabindex: {
             type: String,
             default: null

package/colorpicker/ColorPicker.vue

@@ -1,6 +1,6 @@
 <template>
     <div ref="container" :class="cx('root')" v-bind="ptmi('root')">
-        <input v-if="!inline" ref="input" :id="inputId" type="text" :class="cx('preview')" readonly="readonly" :tabindex="tabindex" :disabled="disabled" @click="onInputClick" @keydown="onInputKeydown" v-bind="ptm('preview')" />
+        <input v-if="!inline" ref="input" :id="inputId" type="text" :class="cx('preview')" :tabindex="tabindex" :disabled="disabled" @click="onInputClick" @keydown="onInputKeydown" @blur="onInputBlur" v-bind="ptm('preview')" />
         <Portal :appendTo="appendTo" :disabled="inline">
             <transition name="p-connected-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave" @after-leave="onOverlayAfterLeave" v-bind="ptm('transition')">
                 <div v-if="inline ? true : overlayVisible" :ref="pickerRef" :class="[cx('panel'), panelClass, overlayClass]" @click="onOverlayClick" v-bind="{ ...ptm('panel'), ...ptm('overlay') }">
@@ -32,7 +32,7 @@ export default {
     name: 'ColorPicker',
     extends: BaseColorPicker,
     inheritAttrs: false,
-    emits: ['update:modelValue', 'change', 'show', 'hide'],
+    emits: ['change', 'show', 'hide'],
     data() {
         return {
             overlayVisible: false
@@ -117,7 +117,7 @@ export default {
             this.updateInput();
         },
         updateModel(event) {
-            let value = this.modelValue;
+            let value = this.d_value;
 
             switch (this.format) {
                 case 'hex':
@@ -137,7 +137,7 @@ export default {
                     break;
             }
 
-            this.$emit('update:modelValue', value);
+            this.writeValue(value, event);
             this.$emit('change', { event, value });
         },
         updateColorSelector() {
@@ -396,6 +396,9 @@ export default {
                     break;
             }
         },
+        onInputBlur(event) {
+            this.formField.onBlur?.();
+        },
         onColorMousedown(event) {
             if (this.disabled) {
                 return;