primevue 4.0.6 → 4.0.7

package/selectbutton/SelectButton.vue

@@ -8,11 +8,11 @@
                 :disabled="disabled || isOptionDisabled(option)"
                 :unstyled="unstyled"
                 @change="onOptionSelect($event, option, index)"
-                :pt="ptm('pcButton')"
+                :pt="ptm('pcToggleButton')"
             >
                 <template v-if="$slots.option" #default>
                     <slot name="option" :option="option" :index="index">
-                        <span v-bind="ptm('pcButton')['label']">{{ getOptionLabel(option) }}</span>
+                        <span v-bind="ptm('pcToggleButton')['label']">{{ getOptionLabel(option) }}</span>
                     </slot>
                 </template>
             </ToggleButton>
@@ -41,15 +41,6 @@ export default {
         getOptionRenderKey(option) {
             return this.dataKey ? resolveFieldData(option, this.dataKey) : this.getOptionLabel(option);
         },
-        getPTOptions(option, key) {
-            return this.ptm(key, {
-                context: {
-                    active: this.isSelected(option),
-                    disabled: this.isOptionDisabled(option),
-                    option
-                }
-            });
-        },
         isOptionDisabled(option) {
             return this.optionDisabled ? resolveFieldData(option, this.optionDisabled) : false;
         },
@@ -74,7 +65,6 @@ export default {
                 newValue = selected ? null : optionValue;
             }
 
-            this.focusedIndex = index;
             this.$emit('update:modelValue', newValue);
             this.$emit('change', { event: event, value: newValue });
         },

package/selectbutton/index.d.ts

@@ -61,7 +61,7 @@ export interface SelectButtonPassThroughOptions {
     /**
      * Used to pass attributes to the ToggleButton component.
      */
-    pcButton?: SelectButtonPassThroughOptionType;
+    pcToggleButton?: SelectButtonPassThroughOptionType;
     /**
      * Used to manage all lifecycle hooks.
      * @see {@link BaseComponent.ComponentHooks}

package/selectbutton/index.mjs

@@ -61,15 +61,6 @@ var script = {
     getOptionRenderKey: function getOptionRenderKey(option) {
       return this.dataKey ? resolveFieldData(option, this.dataKey) : this.getOptionLabel(option);
     },
-    getPTOptions: function getPTOptions(option, key) {
-      return this.ptm(key, {
-        context: {
-          active: this.isSelected(option),
-          disabled: this.isOptionDisabled(option),
-          option: option
-        }
-      });
-    },
     isOptionDisabled: function isOptionDisabled(option) {
       return this.optionDisabled ? resolveFieldData(option, this.optionDisabled) : false;
     },
@@ -91,7 +82,6 @@ var script = {
       } else {
         newValue = selected ? null : optionValue;
       }
-      this.focusedIndex = index;
       this.$emit('update:modelValue', newValue);
       this.$emit('change', {
         event: event,
@@ -156,7 +146,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       onChange: function onChange($event) {
         return $options.onOptionSelect($event, option, index);
       },
-      pt: _ctx.ptm('pcButton')
+      pt: _ctx.ptm('pcToggleButton')
     }, createSlots({
       _: 2
     }, [_ctx.$slots.option ? {
@@ -168,7 +158,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         }, function () {
           return [createElementVNode("span", mergeProps({
             ref_for: true
-          }, _ctx.ptm('pcButton')['label']), toDisplayString($options.getOptionLabel(option)), 17)];
+          }, _ctx.ptm('pcToggleButton')['label']), toDisplayString($options.getOptionLabel(option)), 17)];
         })];
       }),
       key: "0"

package/selectbutton/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/selectbutton/BaseSelectButton.vue","../../src/selectbutton/SelectButton.vue","../../src/selectbutton/SelectButton.vue?vue&type=template&id=08bb3c0a&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport SelectButtonStyle from 'primevue/selectbutton/style';\n\nexport default {\n    name: 'BaseSelectButton',\n    extends: BaseComponent,\n    props: {\n        modelValue: null,\n        options: Array,\n        optionLabel: null,\n        optionValue: null,\n        optionDisabled: null,\n        multiple: Boolean,\n        allowEmpty: {\n            type: Boolean,\n            default: true\n        },\n        invalid: {\n            type: Boolean,\n            default: false\n        },\n        disabled: Boolean,\n        dataKey: null,\n        ariaLabelledby: {\n            type: String,\n            default: null\n        }\n    },\n    style: SelectButtonStyle,\n    provide() {\n        return {\n            $pcSelectButton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"group\" :aria-labelledby=\"ariaLabelledby\" v-bind=\"ptmi('root')\">\n        <template v-for=\"(option, index) of options\" :key=\"getOptionRenderKey(option)\">\n            <ToggleButton\n                :modelValue=\"isSelected(option)\"\n                :onLabel=\"getOptionLabel(option)\"\n                :offLabel=\"getOptionLabel(option)\"\n                :disabled=\"disabled || isOptionDisabled(option)\"\n                :unstyled=\"unstyled\"\n                @change=\"onOptionSelect($event, option, index)\"\n                :pt=\"ptm('pcButton')\"\n            >\n                <template v-if=\"$slots.option\" #default>\n                    <slot name=\"option\" :option=\"option\" :index=\"index\">\n                        <span v-bind=\"ptm('pcButton')['label']\">{{ getOptionLabel(option) }}</span>\n                    </slot>\n                </template>\n            </ToggleButton>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { resolveFieldData, equals } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport ToggleButton from 'primevue/togglebutton';\nimport BaseSelectButton from './BaseSelectButton.vue';\n\nexport default {\n    name: 'SelectButton',\n    extends: BaseSelectButton,\n    inheritAttrs: false,\n    emits: ['update:modelValue', 'change'],\n    methods: {\n        getOptionLabel(option) {\n            return this.optionLabel ? resolveFieldData(option, this.optionLabel) : option;\n        },\n        getOptionValue(option) {\n            return this.optionValue ? resolveFieldData(option, this.optionValue) : option;\n        },\n        getOptionRenderKey(option) {\n            return this.dataKey ? resolveFieldData(option, this.dataKey) : this.getOptionLabel(option);\n        },\n        getPTOptions(option, key) {\n            return this.ptm(key, {\n                context: {\n                    active: this.isSelected(option),\n                    disabled: this.isOptionDisabled(option),\n                    option\n                }\n            });\n        },\n        isOptionDisabled(option) {\n            return this.optionDisabled ? resolveFieldData(option, this.optionDisabled) : false;\n        },\n        onOptionSelect(event, option, index) {\n            if (this.disabled || this.isOptionDisabled(option)) {\n                return;\n            }\n\n            let selected = this.isSelected(option);\n\n            if (selected && !this.allowEmpty) {\n                return;\n            }\n\n            let optionValue = this.getOptionValue(option);\n            let newValue;\n\n            if (this.multiple) {\n                if (selected) newValue = this.modelValue.filter((val) => !equals(val, optionValue, this.equalityKey));\n                else newValue = this.modelValue ? [...this.modelValue, optionValue] : [optionValue];\n            } else {\n                newValue = selected ? null : optionValue;\n            }\n\n            this.focusedIndex = index;\n            this.$emit('update:modelValue', newValue);\n            this.$emit('change', { event: event, value: newValue });\n        },\n        isSelected(option) {\n            let selected = false;\n            let optionValue = this.getOptionValue(option);\n\n            if (this.multiple) {\n                if (this.modelValue) {\n                    for (let val of this.modelValue) {\n                        if (equals(val, optionValue, this.equalityKey)) {\n                            selected = true;\n                            break;\n                        }\n                    }\n                }\n            } else {\n                selected = equals(this.modelValue, optionValue, this.equalityKey);\n            }\n\n            return selected;\n        }\n    },\n    computed: {\n        equalityKey() {\n            return this.optionValue ? null : this.dataKey;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        ToggleButton\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"group\" :aria-labelledby=\"ariaLabelledby\" v-bind=\"ptmi('root')\">\n        <template v-for=\"(option, index) of options\" :key=\"getOptionRenderKey(option)\">\n            <ToggleButton\n                :modelValue=\"isSelected(option)\"\n                :onLabel=\"getOptionLabel(option)\"\n                :offLabel=\"getOptionLabel(option)\"\n                :disabled=\"disabled || isOptionDisabled(option)\"\n                :unstyled=\"unstyled\"\n                @change=\"onOptionSelect($event, option, index)\"\n                :pt=\"ptm('pcButton')\"\n            >\n                <template v-if=\"$slots.option\" #default>\n                    <slot name=\"option\" :option=\"option\" :index=\"index\">\n                        <span v-bind=\"ptm('pcButton')['label']\">{{ getOptionLabel(option) }}</span>\n                    </slot>\n                </template>\n            </ToggleButton>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { resolveFieldData, equals } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport ToggleButton from 'primevue/togglebutton';\nimport BaseSelectButton from './BaseSelectButton.vue';\n\nexport default {\n    name: 'SelectButton',\n    extends: BaseSelectButton,\n    inheritAttrs: false,\n    emits: ['update:modelValue', 'change'],\n    methods: {\n        getOptionLabel(option) {\n            return this.optionLabel ? resolveFieldData(option, this.optionLabel) : option;\n        },\n        getOptionValue(option) {\n            return this.optionValue ? resolveFieldData(option, this.optionValue) : option;\n        },\n        getOptionRenderKey(option) {\n            return this.dataKey ? resolveFieldData(option, this.dataKey) : this.getOptionLabel(option);\n        },\n        getPTOptions(option, key) {\n            return this.ptm(key, {\n                context: {\n                    active: this.isSelected(option),\n                    disabled: this.isOptionDisabled(option),\n                    option\n                }\n            });\n        },\n        isOptionDisabled(option) {\n            return this.optionDisabled ? resolveFieldData(option, this.optionDisabled) : false;\n        },\n        onOptionSelect(event, option, index) {\n            if (this.disabled || this.isOptionDisabled(option)) {\n                return;\n            }\n\n            let selected = this.isSelected(option);\n\n            if (selected && !this.allowEmpty) {\n                return;\n            }\n\n            let optionValue = this.getOptionValue(option);\n            let newValue;\n\n            if (this.multiple) {\n                if (selected) newValue = this.modelValue.filter((val) => !equals(val, optionValue, this.equalityKey));\n                else newValue = this.modelValue ? [...this.modelValue, optionValue] : [optionValue];\n            } else {\n                newValue = selected ? null : optionValue;\n            }\n\n            this.focusedIndex = index;\n            this.$emit('update:modelValue', newValue);\n            this.$emit('change', { event: event, value: newValue });\n        },\n        isSelected(option) {\n            let selected = false;\n            let optionValue = this.getOptionValue(option);\n\n            if (this.multiple) {\n                if (this.modelValue) {\n                    for (let val of this.modelValue) {\n                        if (equals(val, optionValue, this.equalityKey)) {\n                            selected = true;\n                            break;\n                        }\n                    }\n                }\n            } else {\n                selected = equals(this.modelValue, optionValue, this.equalityKey);\n            }\n\n            return selected;\n        }\n    },\n    computed: {\n        equalityKey() {\n            return this.optionValue ? null : this.dataKey;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        ToggleButton\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","modelValue","options","Array","optionLabel","optionValue","optionDisabled","multiple","Boolean","allowEmpty","type","invalid","disabled","dataKey","ariaLabelledby","String","style","SelectButtonStyle","provide","$pcSelectButton","$parentInstance","BaseSelectButton","inheritAttrs","emits","methods","getOptionLabel","option","resolveFieldData","getOptionValue","getOptionRenderKey","getPTOptions","key","ptm","context","active","isSelected","isOptionDisabled","onOptionSelect","event","index","_this","selected","newValue","filter","val","equals","equalityKey","concat","_toConsumableArray","focusedIndex","$emit","value","_iterator","_createForOfIteratorHelper","_step","s","n","done","err","e","f","computed","directives","ripple","Ripple","components","ToggleButton","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","role","ptmi","_Fragment","_renderList","_createBlock","_component_ToggleButton","$options","onLabel","offLabel","unstyled","onChange","$event","pt","$slots","_renderSlot","_createElementVNode","ref_for","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/selectbutton/BaseSelectButton.vue","../../src/selectbutton/SelectButton.vue","../../src/selectbutton/SelectButton.vue?vue&type=template&id=7e9cc19a&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport SelectButtonStyle from 'primevue/selectbutton/style';\n\nexport default {\n    name: 'BaseSelectButton',\n    extends: BaseComponent,\n    props: {\n        modelValue: null,\n        options: Array,\n        optionLabel: null,\n        optionValue: null,\n        optionDisabled: null,\n        multiple: Boolean,\n        allowEmpty: {\n            type: Boolean,\n            default: true\n        },\n        invalid: {\n            type: Boolean,\n            default: false\n        },\n        disabled: Boolean,\n        dataKey: null,\n        ariaLabelledby: {\n            type: String,\n            default: null\n        }\n    },\n    style: SelectButtonStyle,\n    provide() {\n        return {\n            $pcSelectButton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"group\" :aria-labelledby=\"ariaLabelledby\" v-bind=\"ptmi('root')\">\n        <template v-for=\"(option, index) of options\" :key=\"getOptionRenderKey(option)\">\n            <ToggleButton\n                :modelValue=\"isSelected(option)\"\n                :onLabel=\"getOptionLabel(option)\"\n                :offLabel=\"getOptionLabel(option)\"\n                :disabled=\"disabled || isOptionDisabled(option)\"\n                :unstyled=\"unstyled\"\n                @change=\"onOptionSelect($event, option, index)\"\n                :pt=\"ptm('pcToggleButton')\"\n            >\n                <template v-if=\"$slots.option\" #default>\n                    <slot name=\"option\" :option=\"option\" :index=\"index\">\n                        <span v-bind=\"ptm('pcToggleButton')['label']\">{{ getOptionLabel(option) }}</span>\n                    </slot>\n                </template>\n            </ToggleButton>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { resolveFieldData, equals } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport ToggleButton from 'primevue/togglebutton';\nimport BaseSelectButton from './BaseSelectButton.vue';\n\nexport default {\n    name: 'SelectButton',\n    extends: BaseSelectButton,\n    inheritAttrs: false,\n    emits: ['update:modelValue', 'change'],\n    methods: {\n        getOptionLabel(option) {\n            return this.optionLabel ? resolveFieldData(option, this.optionLabel) : option;\n        },\n        getOptionValue(option) {\n            return this.optionValue ? resolveFieldData(option, this.optionValue) : option;\n        },\n        getOptionRenderKey(option) {\n            return this.dataKey ? resolveFieldData(option, this.dataKey) : this.getOptionLabel(option);\n        },\n        isOptionDisabled(option) {\n            return this.optionDisabled ? resolveFieldData(option, this.optionDisabled) : false;\n        },\n        onOptionSelect(event, option, index) {\n            if (this.disabled || this.isOptionDisabled(option)) {\n                return;\n            }\n\n            let selected = this.isSelected(option);\n\n            if (selected && !this.allowEmpty) {\n                return;\n            }\n\n            let optionValue = this.getOptionValue(option);\n            let newValue;\n\n            if (this.multiple) {\n                if (selected) newValue = this.modelValue.filter((val) => !equals(val, optionValue, this.equalityKey));\n                else newValue = this.modelValue ? [...this.modelValue, optionValue] : [optionValue];\n            } else {\n                newValue = selected ? null : optionValue;\n            }\n\n            this.$emit('update:modelValue', newValue);\n            this.$emit('change', { event: event, value: newValue });\n        },\n        isSelected(option) {\n            let selected = false;\n            let optionValue = this.getOptionValue(option);\n\n            if (this.multiple) {\n                if (this.modelValue) {\n                    for (let val of this.modelValue) {\n                        if (equals(val, optionValue, this.equalityKey)) {\n                            selected = true;\n                            break;\n                        }\n                    }\n                }\n            } else {\n                selected = equals(this.modelValue, optionValue, this.equalityKey);\n            }\n\n            return selected;\n        }\n    },\n    computed: {\n        equalityKey() {\n            return this.optionValue ? null : this.dataKey;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        ToggleButton\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"group\" :aria-labelledby=\"ariaLabelledby\" v-bind=\"ptmi('root')\">\n        <template v-for=\"(option, index) of options\" :key=\"getOptionRenderKey(option)\">\n            <ToggleButton\n                :modelValue=\"isSelected(option)\"\n                :onLabel=\"getOptionLabel(option)\"\n                :offLabel=\"getOptionLabel(option)\"\n                :disabled=\"disabled || isOptionDisabled(option)\"\n                :unstyled=\"unstyled\"\n                @change=\"onOptionSelect($event, option, index)\"\n                :pt=\"ptm('pcToggleButton')\"\n            >\n                <template v-if=\"$slots.option\" #default>\n                    <slot name=\"option\" :option=\"option\" :index=\"index\">\n                        <span v-bind=\"ptm('pcToggleButton')['label']\">{{ getOptionLabel(option) }}</span>\n                    </slot>\n                </template>\n            </ToggleButton>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { resolveFieldData, equals } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport ToggleButton from 'primevue/togglebutton';\nimport BaseSelectButton from './BaseSelectButton.vue';\n\nexport default {\n    name: 'SelectButton',\n    extends: BaseSelectButton,\n    inheritAttrs: false,\n    emits: ['update:modelValue', 'change'],\n    methods: {\n        getOptionLabel(option) {\n            return this.optionLabel ? resolveFieldData(option, this.optionLabel) : option;\n        },\n        getOptionValue(option) {\n            return this.optionValue ? resolveFieldData(option, this.optionValue) : option;\n        },\n        getOptionRenderKey(option) {\n            return this.dataKey ? resolveFieldData(option, this.dataKey) : this.getOptionLabel(option);\n        },\n        isOptionDisabled(option) {\n            return this.optionDisabled ? resolveFieldData(option, this.optionDisabled) : false;\n        },\n        onOptionSelect(event, option, index) {\n            if (this.disabled || this.isOptionDisabled(option)) {\n                return;\n            }\n\n            let selected = this.isSelected(option);\n\n            if (selected && !this.allowEmpty) {\n                return;\n            }\n\n            let optionValue = this.getOptionValue(option);\n            let newValue;\n\n            if (this.multiple) {\n                if (selected) newValue = this.modelValue.filter((val) => !equals(val, optionValue, this.equalityKey));\n                else newValue = this.modelValue ? [...this.modelValue, optionValue] : [optionValue];\n            } else {\n                newValue = selected ? null : optionValue;\n            }\n\n            this.$emit('update:modelValue', newValue);\n            this.$emit('change', { event: event, value: newValue });\n        },\n        isSelected(option) {\n            let selected = false;\n            let optionValue = this.getOptionValue(option);\n\n            if (this.multiple) {\n                if (this.modelValue) {\n                    for (let val of this.modelValue) {\n                        if (equals(val, optionValue, this.equalityKey)) {\n                            selected = true;\n                            break;\n                        }\n                    }\n                }\n            } else {\n                selected = equals(this.modelValue, optionValue, this.equalityKey);\n            }\n\n            return selected;\n        }\n    },\n    computed: {\n        equalityKey() {\n            return this.optionValue ? null : this.dataKey;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        ToggleButton\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","modelValue","options","Array","optionLabel","optionValue","optionDisabled","multiple","Boolean","allowEmpty","type","invalid","disabled","dataKey","ariaLabelledby","String","style","SelectButtonStyle","provide","$pcSelectButton","$parentInstance","BaseSelectButton","inheritAttrs","emits","methods","getOptionLabel","option","resolveFieldData","getOptionValue","getOptionRenderKey","isOptionDisabled","onOptionSelect","event","index","_this","selected","isSelected","newValue","filter","val","equals","equalityKey","concat","_toConsumableArray","$emit","value","_iterator","_createForOfIteratorHelper","_step","s","n","done","err","e","f","computed","directives","ripple","Ripple","components","ToggleButton","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","role","ptmi","_Fragment","_renderList","_createBlock","_component_ToggleButton","key","$options","onLabel","offLabel","unstyled","onChange","$event","pt","ptm","$slots","_renderSlot","_createElementVNode","ref_for","_toDisplayString"],"mappings":"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"}

package/togglebutton/ToggleButton.vue

@@ -1,5 +1,17 @@
 <template>
-    <button v-ripple type="button" :class="cx('root')" :tabindex="tabindex" :disabled="disabled" :aria-pressed="modelValue" @click="onChange" v-bind="getPTOptions('root')" :data-p-checked="active" :data-p-disabled="disabled">
+    <button
+        v-ripple
+        type="button"
+        :class="cx('root')"
+        :tabindex="tabindex"
+        :disabled="disabled"
+        :aria-pressed="modelValue"
+        @click="onChange"
+        v-bind="getPTOptions('root')"
+        :aria-labelledby="ariaLabelledby"
+        :data-p-checked="active"
+        :data-p-disabled="disabled"
+    >
         <span :class="cx('content')" v-bind="getPTOptions('content')">
             <slot>
                 <slot name="icon" :value="modelValue" :class="cx('icon')">

package/togglebutton/index.d.ts

@@ -150,10 +150,6 @@ export interface ToggleButtonProps {
      * 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.
      */

package/togglebutton/index.mjs

@@ -95,7 +95,7 @@ var script = {
   }
 };
 
-var _hoisted_1 = ["tabindex", "disabled", "aria-pressed", "data-p-checked", "data-p-disabled"];
+var _hoisted_1 = ["tabindex", "disabled", "aria-pressed", "aria-labelledby", "data-p-checked", "data-p-disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _directive_ripple = resolveDirective("ripple");
   return withDirectives((openBlock(), createElementBlock("button", mergeProps({
@@ -108,6 +108,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       return $options.onChange && $options.onChange.apply($options, arguments);
     })
   }, $options.getPTOptions('root'), {
+    "aria-labelledby": _ctx.ariaLabelledby,
     "data-p-checked": $options.active,
     "data-p-disabled": _ctx.disabled
   }), [createElementVNode("span", mergeProps({

package/togglebutton/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/togglebutton/BaseToggleButton.vue","../../src/togglebutton/ToggleButton.vue","../../src/togglebutton/ToggleButton.vue?vue&type=template&id=545fc28a&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ToggleButtonStyle from 'primevue/togglebutton/style';\n\nexport default {\n    name: 'BaseToggleButton',\n    extends: BaseComponent,\n    props: {\n        modelValue: Boolean,\n        onIcon: String,\n        offIcon: String,\n        onLabel: {\n            type: String,\n            default: 'Yes'\n        },\n        offLabel: {\n            type: String,\n            default: 'No'\n        },\n        iconPos: {\n            type: String,\n            default: 'left'\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        ariaLabelledby: {\n            type: String,\n            default: null\n        },\n        ariaLabel: {\n            type: String,\n            default: null\n        }\n    },\n    style: ToggleButtonStyle,\n    provide() {\n        return {\n            $pcToggleButton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <button v-ripple type=\"button\" :class=\"cx('root')\" :tabindex=\"tabindex\" :disabled=\"disabled\" :aria-pressed=\"modelValue\" @click=\"onChange\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"active\" :data-p-disabled=\"disabled\">\n        <span :class=\"cx('content')\" v-bind=\"getPTOptions('content')\">\n            <slot>\n                <slot name=\"icon\" :value=\"modelValue\" :class=\"cx('icon')\">\n                    <span v-if=\"onIcon || offIcon\" :class=\"[cx('icon'), modelValue ? onIcon : offIcon]\" v-bind=\"getPTOptions('icon')\" />\n                </slot>\n                <span :class=\"cx('label')\" v-bind=\"getPTOptions('label')\">{{ label }}</span>\n            </slot>\n        </span>\n    </button>\n</template>\n\n<script>\nimport { isNotEmpty } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport BaseToggleButton from './BaseToggleButton.vue';\n\nexport default {\n    name: 'ToggleButton',\n    extends: BaseToggleButton,\n    inheritAttrs: false,\n    emits: ['update:modelValue', 'change'],\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    active: this.active,\n                    disabled: this.disabled\n                }\n            });\n        },\n        onChange(event) {\n            if (!this.disabled && !this.readonly) {\n                this.$emit('update:modelValue', !this.modelValue);\n                this.$emit('change', event);\n            }\n        }\n    },\n    computed: {\n        active() {\n            return this.modelValue === true;\n        },\n        hasLabel() {\n            return isNotEmpty(this.onLabel) && isNotEmpty(this.offLabel);\n        },\n        label() {\n            return this.hasLabel ? (this.modelValue ? this.onLabel : this.offLabel) : '&nbsp;';\n        }\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n","<template>\n    <button v-ripple type=\"button\" :class=\"cx('root')\" :tabindex=\"tabindex\" :disabled=\"disabled\" :aria-pressed=\"modelValue\" @click=\"onChange\" v-bind=\"getPTOptions('root')\" :data-p-checked=\"active\" :data-p-disabled=\"disabled\">\n        <span :class=\"cx('content')\" v-bind=\"getPTOptions('content')\">\n            <slot>\n                <slot name=\"icon\" :value=\"modelValue\" :class=\"cx('icon')\">\n                    <span v-if=\"onIcon || offIcon\" :class=\"[cx('icon'), modelValue ? onIcon : offIcon]\" v-bind=\"getPTOptions('icon')\" />\n                </slot>\n                <span :class=\"cx('label')\" v-bind=\"getPTOptions('label')\">{{ label }}</span>\n            </slot>\n        </span>\n    </button>\n</template>\n\n<script>\nimport { isNotEmpty } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport BaseToggleButton from './BaseToggleButton.vue';\n\nexport default {\n    name: 'ToggleButton',\n    extends: BaseToggleButton,\n    inheritAttrs: false,\n    emits: ['update:modelValue', 'change'],\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    active: this.active,\n                    disabled: this.disabled\n                }\n            });\n        },\n        onChange(event) {\n            if (!this.disabled && !this.readonly) {\n                this.$emit('update:modelValue', !this.modelValue);\n                this.$emit('change', event);\n            }\n        }\n    },\n    computed: {\n        active() {\n            return this.modelValue === true;\n        },\n        hasLabel() {\n            return isNotEmpty(this.onLabel) && isNotEmpty(this.offLabel);\n        },\n        label() {\n            return this.hasLabel ? (this.modelValue ? this.onLabel : this.offLabel) : '&nbsp;';\n        }\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","modelValue","Boolean","onIcon","String","offIcon","onLabel","type","offLabel","iconPos","invalid","disabled","readonly","tabindex","Number","ariaLabelledby","ariaLabel","style","ToggleButtonStyle","provide","$pcToggleButton","$parentInstance","BaseToggleButton","inheritAttrs","emits","methods","getPTOptions","key","_ptm","ptmi","ptm","context","active","onChange","event","$emit","computed","hasLabel","isNotEmpty","label","directives","ripple","Ripple","_withDirectives","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","onClick","$options","apply","arguments","_createElementVNode","_renderSlot","$slots","value"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/togglebutton/BaseToggleButton.vue","../../src/togglebutton/ToggleButton.vue","../../src/togglebutton/ToggleButton.vue?vue&type=template&id=d8d31a32&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ToggleButtonStyle from 'primevue/togglebutton/style';\n\nexport default {\n    name: 'BaseToggleButton',\n    extends: BaseComponent,\n    props: {\n        modelValue: Boolean,\n        onIcon: String,\n        offIcon: String,\n        onLabel: {\n            type: String,\n            default: 'Yes'\n        },\n        offLabel: {\n            type: String,\n            default: 'No'\n        },\n        iconPos: {\n            type: String,\n            default: 'left'\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        ariaLabelledby: {\n            type: String,\n            default: null\n        },\n        ariaLabel: {\n            type: String,\n            default: null\n        }\n    },\n    style: ToggleButtonStyle,\n    provide() {\n        return {\n            $pcToggleButton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <button\n        v-ripple\n        type=\"button\"\n        :class=\"cx('root')\"\n        :tabindex=\"tabindex\"\n        :disabled=\"disabled\"\n        :aria-pressed=\"modelValue\"\n        @click=\"onChange\"\n        v-bind=\"getPTOptions('root')\"\n        :aria-labelledby=\"ariaLabelledby\"\n        :data-p-checked=\"active\"\n        :data-p-disabled=\"disabled\"\n    >\n        <span :class=\"cx('content')\" v-bind=\"getPTOptions('content')\">\n            <slot>\n                <slot name=\"icon\" :value=\"modelValue\" :class=\"cx('icon')\">\n                    <span v-if=\"onIcon || offIcon\" :class=\"[cx('icon'), modelValue ? onIcon : offIcon]\" v-bind=\"getPTOptions('icon')\" />\n                </slot>\n                <span :class=\"cx('label')\" v-bind=\"getPTOptions('label')\">{{ label }}</span>\n            </slot>\n        </span>\n    </button>\n</template>\n\n<script>\nimport { isNotEmpty } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport BaseToggleButton from './BaseToggleButton.vue';\n\nexport default {\n    name: 'ToggleButton',\n    extends: BaseToggleButton,\n    inheritAttrs: false,\n    emits: ['update:modelValue', 'change'],\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    active: this.active,\n                    disabled: this.disabled\n                }\n            });\n        },\n        onChange(event) {\n            if (!this.disabled && !this.readonly) {\n                this.$emit('update:modelValue', !this.modelValue);\n                this.$emit('change', event);\n            }\n        }\n    },\n    computed: {\n        active() {\n            return this.modelValue === true;\n        },\n        hasLabel() {\n            return isNotEmpty(this.onLabel) && isNotEmpty(this.offLabel);\n        },\n        label() {\n            return this.hasLabel ? (this.modelValue ? this.onLabel : this.offLabel) : '&nbsp;';\n        }\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n","<template>\n    <button\n        v-ripple\n        type=\"button\"\n        :class=\"cx('root')\"\n        :tabindex=\"tabindex\"\n        :disabled=\"disabled\"\n        :aria-pressed=\"modelValue\"\n        @click=\"onChange\"\n        v-bind=\"getPTOptions('root')\"\n        :aria-labelledby=\"ariaLabelledby\"\n        :data-p-checked=\"active\"\n        :data-p-disabled=\"disabled\"\n    >\n        <span :class=\"cx('content')\" v-bind=\"getPTOptions('content')\">\n            <slot>\n                <slot name=\"icon\" :value=\"modelValue\" :class=\"cx('icon')\">\n                    <span v-if=\"onIcon || offIcon\" :class=\"[cx('icon'), modelValue ? onIcon : offIcon]\" v-bind=\"getPTOptions('icon')\" />\n                </slot>\n                <span :class=\"cx('label')\" v-bind=\"getPTOptions('label')\">{{ label }}</span>\n            </slot>\n        </span>\n    </button>\n</template>\n\n<script>\nimport { isNotEmpty } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport BaseToggleButton from './BaseToggleButton.vue';\n\nexport default {\n    name: 'ToggleButton',\n    extends: BaseToggleButton,\n    inheritAttrs: false,\n    emits: ['update:modelValue', 'change'],\n    methods: {\n        getPTOptions(key) {\n            const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n            return _ptm(key, {\n                context: {\n                    active: this.active,\n                    disabled: this.disabled\n                }\n            });\n        },\n        onChange(event) {\n            if (!this.disabled && !this.readonly) {\n                this.$emit('update:modelValue', !this.modelValue);\n                this.$emit('change', event);\n            }\n        }\n    },\n    computed: {\n        active() {\n            return this.modelValue === true;\n        },\n        hasLabel() {\n            return isNotEmpty(this.onLabel) && isNotEmpty(this.offLabel);\n        },\n        label() {\n            return this.hasLabel ? (this.modelValue ? this.onLabel : this.offLabel) : '&nbsp;';\n        }\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","modelValue","Boolean","onIcon","String","offIcon","onLabel","type","offLabel","iconPos","invalid","disabled","readonly","tabindex","Number","ariaLabelledby","ariaLabel","style","ToggleButtonStyle","provide","$pcToggleButton","$parentInstance","BaseToggleButton","inheritAttrs","emits","methods","getPTOptions","key","_ptm","ptmi","ptm","context","active","onChange","event","$emit","computed","hasLabel","isNotEmpty","label","directives","ripple","Ripple","_withDirectives","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","onClick","$options","apply","arguments","_createElementVNode","_renderSlot","$slots","value"],"mappings":"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"}

package/treetable/TreeTableRow.vue

@@ -65,10 +65,10 @@
 </template>
 
 <script>
+import { find, findSingle, focus, getAttribute, isClickable } from '@primeuix/utils/dom';
+import { resolveFieldData } from '@primeuix/utils/object';
 import BaseComponent from '@primevue/core/basecomponent';
 import { getVNodeProp } from '@primevue/core/utils';
-import { isClickable, getAttribute, findSingle, focus, find } from '@primeuix/utils/dom';
-import { resolveFieldData } from '@primeuix/utils/object';
 import BodyCell from './BodyCell.vue';
 
 export default {
@@ -143,7 +143,7 @@ export default {
             this.$emit('node-toggle', this.node);
         },
         onClick(event) {
-            if (isClickable(event.target) || getAttribute(event.target, 'data-pc-section') === 'rowtogglebutton' || getAttribute(event.target, 'data-pc-section') === 'rowtoggleicon' || event.target.tagName === 'path') {
+            if (isClickable(event.target) || getAttribute(event.target, 'data-pc-section') === 'nodetogglebutton' || getAttribute(event.target, 'data-pc-section') === 'rowtoggleicon' || event.target.tagName === 'path') {
                 return;
             }
 
@@ -221,7 +221,7 @@ export default {
         },
         onArrowRightKey(event) {
             const ishiddenIcon = findSingle(event.currentTarget, 'button').style.visibility === 'hidden';
-            const togglerElement = findSingle(this.$refs.node, '[data-pc-section="rowtogglebutton"]');
+            const togglerElement = findSingle(this.$refs.node, '[data-pc-section="nodetogglebutton"]');
 
             if (ishiddenIcon) return;
 
@@ -240,7 +240,7 @@ export default {
 
             const currentTarget = event.currentTarget;
             const ishiddenIcon = findSingle(currentTarget, 'button').style.visibility === 'hidden';
-            const togglerElement = findSingle(currentTarget, '[data-pc-section="rowtogglebutton"]');
+            const togglerElement = findSingle(currentTarget, '[data-pc-section="nodetogglebutton"]');
 
             if (this.expanded && !ishiddenIcon) {
                 togglerElement.click();

package/treetable/index.mjs

@@ -914,7 +914,7 @@ var script$1 = {
       this.$emit('node-toggle', this.node);
     },
     onClick: function onClick(event) {
-      if (isClickable(event.target) || getAttribute(event.target, 'data-pc-section') === 'rowtogglebutton' || getAttribute(event.target, 'data-pc-section') === 'rowtoggleicon' || event.target.tagName === 'path') {
+      if (isClickable(event.target) || getAttribute(event.target, 'data-pc-section') === 'nodetogglebutton' || getAttribute(event.target, 'data-pc-section') === 'rowtoggleicon' || event.target.tagName === 'path') {
         return;
       }
       this.setTabIndexForSelectionMode(event, this.nodeTouched);
@@ -976,7 +976,7 @@ var script$1 = {
     onArrowRightKey: function onArrowRightKey(event) {
       var _this = this;
       var ishiddenIcon = findSingle(event.currentTarget, 'button').style.visibility === 'hidden';
-      var togglerElement = findSingle(this.$refs.node, '[data-pc-section="rowtogglebutton"]');
+      var togglerElement = findSingle(this.$refs.node, '[data-pc-section="nodetogglebutton"]');
       if (ishiddenIcon) return;
       !this.expanded && togglerElement.click();
       this.$nextTick(function () {
@@ -990,7 +990,7 @@ var script$1 = {
       }
       var currentTarget = event.currentTarget;
       var ishiddenIcon = findSingle(currentTarget, 'button').style.visibility === 'hidden';
-      var togglerElement = findSingle(currentTarget, '[data-pc-section="rowtogglebutton"]');
+      var togglerElement = findSingle(currentTarget, '[data-pc-section="nodetogglebutton"]');
       if (this.expanded && !ishiddenIcon) {
         togglerElement.click();
         return;