primevue 3.29.2 → 3.30.0

package/selectbutton/selectbutton.cjs.js

@@ -1,238 +1,270 @@
 'use strict';
 
-var BaseComponent = require('primevue/basecomponent');
 var Ripple = require('primevue/ripple');
 var utils = require('primevue/utils');
+var BaseComponent = require('primevue/basecomponent');
 var vue = require('vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
+var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
+var classes = {
+  root: function root(_ref) {
+    var props = _ref.props;
+    return ['p-selectbutton p-buttonset p-component', {
+      'p-disabled': props.disabled
+    }];
+  },
+  button: function button(_ref2) {
+    var instance = _ref2.instance,
+      option = _ref2.option;
+    return ['p-button p-component', {
+      'p-highlight': instance.isSelected(option),
+      'p-disabled': instance.isOptionDisabled(option)
+    }];
+  },
+  label: 'p-button-label'
+};
+var script$1 = {
+  name: 'BaseSelectButton',
+  "extends": BaseComponent__default["default"],
+  props: {
+    modelValue: null,
+    options: Array,
+    optionLabel: null,
+    optionValue: null,
+    optionDisabled: null,
+    multiple: Boolean,
+    unselectable: {
+      type: Boolean,
+      "default": false
+    },
+    disabled: Boolean,
+    dataKey: null,
+    'aria-labelledby': {
+      type: String,
+      "default": null
+    }
+  },
+  css: {
+    classes: classes
+  },
+  provide: function provide() {
+    return {
+      $parentInstance: this
+    };
+  }
+};
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var script = {
-    name: 'SelectButton',
-    extends: BaseComponent__default["default"],
-    emits: ['update:modelValue', 'focus', 'blur', 'change'],
-    props: {
-        modelValue: null,
-        options: Array,
-        optionLabel: null,
-        optionValue: null,
-        optionDisabled: null,
-        multiple: Boolean,
-        unselectable: {
-            type: Boolean,
-            default: false
-        },
-        disabled: Boolean,
-        dataKey: null,
-        'aria-labelledby': {
-            type: String,
-            default: null
+  name: 'SelectButton',
+  "extends": script$1,
+  emits: ['update:modelValue', 'focus', 'blur', 'change'],
+  data: function data() {
+    return {
+      focusedIndex: 0
+    };
+  },
+  mounted: function mounted() {
+    this.defaultTabIndexes();
+  },
+  methods: {
+    defaultTabIndexes: function defaultTabIndexes() {
+      var opts = utils.DomHandler.find(this.$refs.container, '[data-pc-section="button"]');
+      var firstHighlight = utils.DomHandler.findSingle(this.$refs.container, '[data-p-highlight="true"]');
+      for (var i = 0; i < opts.length; i++) {
+        if (utils.DomHandler.getAttribute(opts[i], 'data-p-highlight') === true && utils.ObjectUtils.equals(opts[i], firstHighlight) || firstHighlight === null && i == 0) {
+          this.focusedIndex = i;
         }
+      }
     },
-    data() {
-        return {
-            focusedIndex: 0
-        };
+    getOptionLabel: function getOptionLabel(option) {
+      return this.optionLabel ? utils.ObjectUtils.resolveFieldData(option, this.optionLabel) : option;
     },
-    mounted() {
-        this.defaultTabIndexes();
+    getOptionValue: function getOptionValue(option) {
+      return this.optionValue ? utils.ObjectUtils.resolveFieldData(option, this.optionValue) : option;
     },
-    methods: {
-        defaultTabIndexes() {
-            let opts = utils.DomHandler.find(this.$refs.container, '.p-button');
-            let firstHighlight = utils.DomHandler.findSingle(this.$refs.container, '.p-highlight');
-
-            for (let i = 0; i < opts.length; i++) {
-                if ((utils.DomHandler.hasClass(opts[i], 'p-highlight') && utils.ObjectUtils.equals(opts[i], firstHighlight)) || (firstHighlight === null && i == 0)) {
-                    this.focusedIndex = i;
-                }
-            }
-        },
-        getOptionLabel(option) {
-            return this.optionLabel ? utils.ObjectUtils.resolveFieldData(option, this.optionLabel) : option;
-        },
-        getOptionValue(option) {
-            return this.optionValue ? utils.ObjectUtils.resolveFieldData(option, this.optionValue) : option;
-        },
-        getOptionRenderKey(option) {
-            return this.dataKey ? utils.ObjectUtils.resolveFieldData(option, this.dataKey) : this.getOptionLabel(option);
-        },
-        getPTOptions(option, key) {
-            return this.ptm(key, {
-                context: {
-                    active: this.isSelected(option),
-                    disabled: this.isOptionDisabled(option)
-                }
-            });
-        },
-        isOptionDisabled(option) {
-            return this.optionDisabled ? utils.ObjectUtils.resolveFieldData(option, this.optionDisabled) : false;
-        },
-        onOptionSelect(event, option, index) {
-            if (this.disabled || this.isOptionDisabled(option)) {
-                return;
-            }
-
-            let selected = this.isSelected(option);
-
-            if (selected && this.unselectable) {
-                return;
-            }
-
-            let optionValue = this.getOptionValue(option);
-            let newValue;
-
-            if (this.multiple) {
-                if (selected) newValue = this.modelValue.filter((val) => !utils.ObjectUtils.equals(val, optionValue, this.equalityKey));
-                else newValue = this.modelValue ? [...this.modelValue, optionValue] : [optionValue];
-            } else {
-                newValue = selected ? null : optionValue;
-            }
-
-            this.focusedIndex = index;
-            this.$emit('update:modelValue', newValue);
-            this.$emit('change', { event: event, value: newValue });
-        },
-        isSelected(option) {
-            let selected = false;
-            let optionValue = this.getOptionValue(option);
-
-            if (this.multiple) {
-                if (this.modelValue) {
-                    for (let val of this.modelValue) {
-                        if (utils.ObjectUtils.equals(val, optionValue, this.equalityKey)) {
-                            selected = true;
-                            break;
-                        }
-                    }
-                }
-            } else {
-                selected = utils.ObjectUtils.equals(this.modelValue, optionValue, this.equalityKey);
-            }
-
-            return selected;
-        },
-        onKeydown(event, option, index) {
-            switch (event.code) {
-                case 'Space': {
-                    this.onOptionSelect(event, option, index);
-                    event.preventDefault();
-                    break;
-                }
-
-                case 'ArrowDown':
-
-                case 'ArrowRight': {
-                    this.changeTabIndexes(event, 'next');
-                    event.preventDefault();
-                    break;
-                }
-
-                case 'ArrowUp':
-
-                case 'ArrowLeft': {
-                    this.changeTabIndexes(event, 'prev');
-                    event.preventDefault();
-                    break;
-                }
-            }
-        },
-        changeTabIndexes(event, direction) {
-            let firstTabableChild, index;
-
-            for (let i = 0; i <= this.$refs.container.children.length - 1; i++) {
-                if (this.$refs.container.children[i].getAttribute('tabindex') === '0') firstTabableChild = { elem: this.$refs.container.children[i], index: i };
-            }
-
-            if (direction === 'prev') {
-                if (firstTabableChild.index === 0) index = this.$refs.container.children.length - 1;
-                else index = firstTabableChild.index - 1;
-            } else {
-                if (firstTabableChild.index === this.$refs.container.children.length - 1) index = 0;
-                else index = firstTabableChild.index + 1;
-            }
-
-            this.focusedIndex = index;
-            this.$refs.container.children[index].focus();
-        },
-        onFocus(event) {
-            this.$emit('focus', event);
-        },
-        onBlur(event, option) {
-            if (event.target && event.relatedTarget && event.target.parentElement !== event.relatedTarget.parentElement) {
-                this.defaultTabIndexes();
-            }
-
-            this.$emit('blur', event, option);
-        },
-        getButtonClass(option) {
-            return [
-                'p-button p-component',
-                {
-                    'p-highlight': this.isSelected(option),
-                    'p-disabled': this.isOptionDisabled(option)
-                }
-            ];
+    getOptionRenderKey: function getOptionRenderKey(option) {
+      return this.dataKey ? utils.ObjectUtils.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)
         }
+      });
+    },
+    isOptionDisabled: function isOptionDisabled(option) {
+      return this.optionDisabled ? utils.ObjectUtils.resolveFieldData(option, this.optionDisabled) : false;
     },
-    computed: {
-        containerClass() {
-            return [
-                'p-selectbutton p-buttonset p-component',
-                {
-                    'p-disabled': this.disabled
-                }
-            ];
-        },
-        equalityKey() {
-            return this.optionValue ? null : this.dataKey;
+    onOptionSelect: function onOptionSelect(event, option, index) {
+      var _this = this;
+      if (this.disabled || this.isOptionDisabled(option)) {
+        return;
+      }
+      var selected = this.isSelected(option);
+      if (selected && this.unselectable) {
+        return;
+      }
+      var optionValue = this.getOptionValue(option);
+      var newValue;
+      if (this.multiple) {
+        if (selected) newValue = this.modelValue.filter(function (val) {
+          return !utils.ObjectUtils.equals(val, optionValue, _this.equalityKey);
+        });else newValue = this.modelValue ? [].concat(_toConsumableArray(this.modelValue), [optionValue]) : [optionValue];
+      } else {
+        newValue = selected ? null : optionValue;
+      }
+      this.focusedIndex = index;
+      this.$emit('update:modelValue', newValue);
+      this.$emit('change', {
+        event: event,
+        value: newValue
+      });
+    },
+    isSelected: function isSelected(option) {
+      var selected = false;
+      var optionValue = this.getOptionValue(option);
+      if (this.multiple) {
+        if (this.modelValue) {
+          var _iterator = _createForOfIteratorHelper(this.modelValue),
+            _step;
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              var val = _step.value;
+              if (utils.ObjectUtils.equals(val, optionValue, this.equalityKey)) {
+                selected = true;
+                break;
+              }
+            }
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
+          }
         }
+      } else {
+        selected = utils.ObjectUtils.equals(this.modelValue, optionValue, this.equalityKey);
+      }
+      return selected;
+    },
+    onKeydown: function onKeydown(event, option, index) {
+      switch (event.code) {
+        case 'Space':
+          {
+            this.onOptionSelect(event, option, index);
+            event.preventDefault();
+            break;
+          }
+        case 'ArrowDown':
+        case 'ArrowRight':
+          {
+            this.changeTabIndexes(event, 'next');
+            event.preventDefault();
+            break;
+          }
+        case 'ArrowUp':
+        case 'ArrowLeft':
+          {
+            this.changeTabIndexes(event, 'prev');
+            event.preventDefault();
+            break;
+          }
+      }
+    },
+    changeTabIndexes: function changeTabIndexes(event, direction) {
+      var firstTabableChild, index;
+      for (var i = 0; i <= this.$refs.container.children.length - 1; i++) {
+        if (this.$refs.container.children[i].getAttribute('tabindex') === '0') firstTabableChild = {
+          elem: this.$refs.container.children[i],
+          index: i
+        };
+      }
+      if (direction === 'prev') {
+        if (firstTabableChild.index === 0) index = this.$refs.container.children.length - 1;else index = firstTabableChild.index - 1;
+      } else {
+        if (firstTabableChild.index === this.$refs.container.children.length - 1) index = 0;else index = firstTabableChild.index + 1;
+      }
+      this.focusedIndex = index;
+      this.$refs.container.children[index].focus();
     },
-    directives: {
-        ripple: Ripple__default["default"]
+    onFocus: function onFocus(event) {
+      this.$emit('focus', event);
+    },
+    onBlur: function onBlur(event, option) {
+      if (event.target && event.relatedTarget && event.target.parentElement !== event.relatedTarget.parentElement) {
+        this.defaultTabIndexes();
+      }
+      this.$emit('blur', event, option);
+    }
+  },
+  computed: {
+    equalityKey: function equalityKey() {
+      return this.optionValue ? null : this.dataKey;
     }
+  },
+  directives: {
+    ripple: Ripple__default["default"]
+  }
 };
 
-const _hoisted_1 = ["aria-labelledby"];
-const _hoisted_2 = ["tabindex", "aria-label", "role", "aria-checked", "aria-disabled", "onClick", "onKeydown", "onBlur"];
-
+var _hoisted_1 = ["aria-labelledby"];
+var _hoisted_2 = ["tabindex", "aria-label", "role", "aria-checked", "aria-disabled", "onClick", "onKeydown", "onBlur", "data-p-highlight", "data-p-disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _directive_ripple = vue.resolveDirective("ripple");
-
-  return (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+  var _directive_ripple = vue.resolveDirective("ripple");
+  return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
     ref: "container",
-    class: $options.containerClass,
+    "class": _ctx.cx('root'),
     role: "group",
     "aria-labelledby": _ctx.ariaLabelledby
-  }, _ctx.ptm('root')), [
-    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.options, (option, i) => {
-      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        key: $options.getOptionRenderKey(option),
-        tabindex: i === $data.focusedIndex ? '0' : '-1',
-        "aria-label": $options.getOptionLabel(option),
-        role: $props.multiple ? 'checkbox' : 'radio',
-        "aria-checked": $options.isSelected(option),
-        "aria-disabled": $props.optionDisabled,
-        class: $options.getButtonClass(option, i),
-        onClick: $event => ($options.onOptionSelect($event, option, i)),
-        onKeydown: $event => ($options.onKeydown($event, option, i)),
-        onFocus: _cache[0] || (_cache[0] = $event => ($options.onFocus($event))),
-        onBlur: $event => ($options.onBlur($event, option))
-      }, $options.getPTOptions(option, 'button')), [
-        vue.renderSlot(_ctx.$slots, "option", {
-          option: option,
-          index: i
-        }, () => [
-          vue.createElementVNode("span", vue.mergeProps({ class: "p-button-label" }, $options.getPTOptions(option, 'label')), vue.toDisplayString($options.getOptionLabel(option)), 17)
-        ])
-      ], 16, _hoisted_2)), [
-        [_directive_ripple]
-      ])
-    }), 128))
-  ], 16, _hoisted_1))
+  }, _ctx.ptm('root'), {
+    "data-pc-name": "selectbutton"
+  }), [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, function (option, i) {
+    return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+      key: $options.getOptionRenderKey(option),
+      tabindex: i === $data.focusedIndex ? '0' : '-1',
+      "aria-label": $options.getOptionLabel(option),
+      role: _ctx.multiple ? 'checkbox' : 'radio',
+      "aria-checked": $options.isSelected(option),
+      "aria-disabled": _ctx.optionDisabled,
+      "class": _ctx.cx('button', {
+        option: option
+      }),
+      onClick: function onClick($event) {
+        return $options.onOptionSelect($event, option, i);
+      },
+      onKeydown: function onKeydown($event) {
+        return $options.onKeydown($event, option, i);
+      },
+      onFocus: _cache[0] || (_cache[0] = function ($event) {
+        return $options.onFocus($event);
+      }),
+      onBlur: function onBlur($event) {
+        return $options.onBlur($event, option);
+      }
+    }, $options.getPTOptions(option, 'button'), {
+      "data-p-highlight": $options.isSelected(option),
+      "data-p-disabled": $options.isOptionDisabled(option)
+    }), [vue.renderSlot(_ctx.$slots, "option", {
+      option: option,
+      index: i,
+      "class": vue.normalizeClass(_ctx.cx('label'))
+    }, function () {
+      return [vue.createElementVNode("span", vue.mergeProps({
+        "class": _ctx.cx('label')
+      }, $options.getPTOptions(option, 'label')), vue.toDisplayString($options.getOptionLabel(option)), 17)];
+    })], 16, _hoisted_2)), [[_directive_ripple]]);
+  }), 128))], 16, _hoisted_1);
 }
 
 script.render = render;

package/selectbutton/selectbutton.cjs.min.js

@@ -1 +1 @@
-"use strict";var e=require("primevue/basecomponent"),t=require("primevue/ripple"),i=require("primevue/utils"),l=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(e),o=n(t),s={name:"SelectButton",extends:a.default,emits:["update:modelValue","focus","blur","change"],props:{modelValue:null,options:Array,optionLabel:null,optionValue:null,optionDisabled:null,multiple:Boolean,unselectable:{type:Boolean,default:!1},disabled:Boolean,dataKey:null,"aria-labelledby":{type:String,default:null}},data:()=>({focusedIndex:0}),mounted(){this.defaultTabIndexes()},methods:{defaultTabIndexes(){let e=i.DomHandler.find(this.$refs.container,".p-button"),t=i.DomHandler.findSingle(this.$refs.container,".p-highlight");for(let l=0;l<e.length;l++)(i.DomHandler.hasClass(e[l],"p-highlight")&&i.ObjectUtils.equals(e[l],t)||null===t&&0==l)&&(this.focusedIndex=l)},getOptionLabel(e){return this.optionLabel?i.ObjectUtils.resolveFieldData(e,this.optionLabel):e},getOptionValue(e){return this.optionValue?i.ObjectUtils.resolveFieldData(e,this.optionValue):e},getOptionRenderKey(e){return this.dataKey?i.ObjectUtils.resolveFieldData(e,this.dataKey):this.getOptionLabel(e)},getPTOptions(e,t){return this.ptm(t,{context:{active:this.isSelected(e),disabled:this.isOptionDisabled(e)}})},isOptionDisabled(e){return!!this.optionDisabled&&i.ObjectUtils.resolveFieldData(e,this.optionDisabled)},onOptionSelect(e,t,l){if(this.disabled||this.isOptionDisabled(t))return;let n=this.isSelected(t);if(n&&this.unselectable)return;let a,o=this.getOptionValue(t);a=this.multiple?n?this.modelValue.filter((e=>!i.ObjectUtils.equals(e,o,this.equalityKey))):this.modelValue?[...this.modelValue,o]:[o]:n?null:o,this.focusedIndex=l,this.$emit("update:modelValue",a),this.$emit("change",{event:e,value:a})},isSelected(e){let t=!1,l=this.getOptionValue(e);if(this.multiple){if(this.modelValue)for(let e of this.modelValue)if(i.ObjectUtils.equals(e,l,this.equalityKey)){t=!0;break}}else t=i.ObjectUtils.equals(this.modelValue,l,this.equalityKey);return t},onKeydown(e,t,i){switch(e.code){case"Space":this.onOptionSelect(e,t,i),e.preventDefault();break;case"ArrowDown":case"ArrowRight":this.changeTabIndexes(e,"next"),e.preventDefault();break;case"ArrowUp":case"ArrowLeft":this.changeTabIndexes(e,"prev"),e.preventDefault()}},changeTabIndexes(e,t){let i,l;for(let e=0;e<=this.$refs.container.children.length-1;e++)"0"===this.$refs.container.children[e].getAttribute("tabindex")&&(i={elem:this.$refs.container.children[e],index:e});l="prev"===t?0===i.index?this.$refs.container.children.length-1:i.index-1:i.index===this.$refs.container.children.length-1?0:i.index+1,this.focusedIndex=l,this.$refs.container.children[l].focus()},onFocus(e){this.$emit("focus",e)},onBlur(e,t){e.target&&e.relatedTarget&&e.target.parentElement!==e.relatedTarget.parentElement&&this.defaultTabIndexes(),this.$emit("blur",e,t)},getButtonClass(e){return["p-button p-component",{"p-highlight":this.isSelected(e),"p-disabled":this.isOptionDisabled(e)}]}},computed:{containerClass(){return["p-selectbutton p-buttonset p-component",{"p-disabled":this.disabled}]},equalityKey(){return this.optionValue?null:this.dataKey}},directives:{ripple:o.default}};const r=["aria-labelledby"],d=["tabindex","aria-label","role","aria-checked","aria-disabled","onClick","onKeydown","onBlur"];s.render=function(e,t,i,n,a,o){const s=l.resolveDirective("ripple");return l.openBlock(),l.createElementBlock("div",l.mergeProps({ref:"container",class:o.containerClass,role:"group","aria-labelledby":e.ariaLabelledby},e.ptm("root")),[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(i.options,((n,r)=>l.withDirectives((l.openBlock(),l.createElementBlock("div",l.mergeProps({key:o.getOptionRenderKey(n),tabindex:r===a.focusedIndex?"0":"-1","aria-label":o.getOptionLabel(n),role:i.multiple?"checkbox":"radio","aria-checked":o.isSelected(n),"aria-disabled":i.optionDisabled,class:o.getButtonClass(n,r),onClick:e=>o.onOptionSelect(e,n,r),onKeydown:e=>o.onKeydown(e,n,r),onFocus:t[0]||(t[0]=e=>o.onFocus(e)),onBlur:e=>o.onBlur(e,n)},o.getPTOptions(n,"button")),[l.renderSlot(e.$slots,"option",{option:n,index:r},(()=>[l.createElementVNode("span",l.mergeProps({class:"p-button-label"},o.getPTOptions(n,"label")),l.toDisplayString(o.getOptionLabel(n)),17)]))],16,d)),[[s]]))),128))],16,r)},module.exports=s;
+"use strict";var e=require("primevue/ripple"),t=require("primevue/utils"),n=require("primevue/basecomponent"),i=require("vue");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);function a(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=s(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var i=0,r=function(){};return{s:r,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){l=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw o}}}}function l(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function s(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e){if(Array.isArray(e))return d(e)}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}var p={name:"SelectButton",extends:{name:"BaseSelectButton",extends:r(n).default,props:{modelValue:null,options:Array,optionLabel:null,optionValue:null,optionDisabled:null,multiple:Boolean,unselectable:{type:Boolean,default:!1},disabled:Boolean,dataKey:null,"aria-labelledby":{type:String,default:null}},css:{classes:{root:function(e){return["p-selectbutton p-buttonset p-component",{"p-disabled":e.props.disabled}]},button:function(e){var t=e.instance,n=e.option;return["p-button p-component",{"p-highlight":t.isSelected(n),"p-disabled":t.isOptionDisabled(n)}]},label:"p-button-label"}},provide:function(){return{$parentInstance:this}}},emits:["update:modelValue","focus","blur","change"],data:function(){return{focusedIndex:0}},mounted:function(){this.defaultTabIndexes()},methods:{defaultTabIndexes:function(){for(var e=t.DomHandler.find(this.$refs.container,'[data-pc-section="button"]'),n=t.DomHandler.findSingle(this.$refs.container,'[data-p-highlight="true"]'),i=0;i<e.length;i++)(!0===t.DomHandler.getAttribute(e[i],"data-p-highlight")&&t.ObjectUtils.equals(e[i],n)||null===n&&0==i)&&(this.focusedIndex=i)},getOptionLabel:function(e){return this.optionLabel?t.ObjectUtils.resolveFieldData(e,this.optionLabel):e},getOptionValue:function(e){return this.optionValue?t.ObjectUtils.resolveFieldData(e,this.optionValue):e},getOptionRenderKey:function(e){return this.dataKey?t.ObjectUtils.resolveFieldData(e,this.dataKey):this.getOptionLabel(e)},getPTOptions:function(e,t){return this.ptm(t,{context:{active:this.isSelected(e),disabled:this.isOptionDisabled(e)}})},isOptionDisabled:function(e){return!!this.optionDisabled&&t.ObjectUtils.resolveFieldData(e,this.optionDisabled)},onOptionSelect:function(e,n,i){var r=this;if(!this.disabled&&!this.isOptionDisabled(n)){var o=this.isSelected(n);if(!o||!this.unselectable){var a,d,p=this.getOptionValue(n);a=this.multiple?o?this.modelValue.filter((function(e){return!t.ObjectUtils.equals(e,p,r.equalityKey)})):this.modelValue?[].concat(c(d=this.modelValue)||u(d)||s(d)||l(),[p]):[p]:o?null:p,this.focusedIndex=i,this.$emit("update:modelValue",a),this.$emit("change",{event:e,value:a})}}},isSelected:function(e){var n=!1,i=this.getOptionValue(e);if(this.multiple){if(this.modelValue){var r,o=a(this.modelValue);try{for(o.s();!(r=o.n()).done;){if(t.ObjectUtils.equals(r.value,i,this.equalityKey)){n=!0;break}}}catch(e){o.e(e)}finally{o.f()}}}else n=t.ObjectUtils.equals(this.modelValue,i,this.equalityKey);return n},onKeydown:function(e,t,n){switch(e.code){case"Space":this.onOptionSelect(e,t,n),e.preventDefault();break;case"ArrowDown":case"ArrowRight":this.changeTabIndexes(e,"next"),e.preventDefault();break;case"ArrowUp":case"ArrowLeft":this.changeTabIndexes(e,"prev"),e.preventDefault()}},changeTabIndexes:function(e,t){for(var n,i,r=0;r<=this.$refs.container.children.length-1;r++)"0"===this.$refs.container.children[r].getAttribute("tabindex")&&(n={elem:this.$refs.container.children[r],index:r});this.focusedIndex=i="prev"===t?0===n.index?this.$refs.container.children.length-1:n.index-1:n.index===this.$refs.container.children.length-1?0:n.index+1,this.$refs.container.children[i].focus()},onFocus:function(e){this.$emit("focus",e)},onBlur:function(e,t){e.target&&e.relatedTarget&&e.target.parentElement!==e.relatedTarget.parentElement&&this.defaultTabIndexes(),this.$emit("blur",e,t)}},computed:{equalityKey:function(){return this.optionValue?null:this.dataKey}},directives:{ripple:o.default}},f=["aria-labelledby"],h=["tabindex","aria-label","role","aria-checked","aria-disabled","onClick","onKeydown","onBlur","data-p-highlight","data-p-disabled"];p.render=function(e,t,n,r,o,a){var l=i.resolveDirective("ripple");return i.openBlock(),i.createElementBlock("div",i.mergeProps({ref:"container",class:e.cx("root"),role:"group","aria-labelledby":e.ariaLabelledby},e.ptm("root"),{"data-pc-name":"selectbutton"}),[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.options,(function(n,r){return i.withDirectives((i.openBlock(),i.createElementBlock("div",i.mergeProps({key:a.getOptionRenderKey(n),tabindex:r===o.focusedIndex?"0":"-1","aria-label":a.getOptionLabel(n),role:e.multiple?"checkbox":"radio","aria-checked":a.isSelected(n),"aria-disabled":e.optionDisabled,class:e.cx("button",{option:n}),onClick:function(e){return a.onOptionSelect(e,n,r)},onKeydown:function(e){return a.onKeydown(e,n,r)},onFocus:t[0]||(t[0]=function(e){return a.onFocus(e)}),onBlur:function(e){return a.onBlur(e,n)}},a.getPTOptions(n,"button"),{"data-p-highlight":a.isSelected(n),"data-p-disabled":a.isOptionDisabled(n)}),[i.renderSlot(e.$slots,"option",{option:n,index:r,class:i.normalizeClass(e.cx("label"))},(function(){return[i.createElementVNode("span",i.mergeProps({class:e.cx("label")},a.getPTOptions(n,"label")),i.toDisplayString(a.getOptionLabel(n)),17)]}))],16,h)),[[l]])})),128))],16,f)},module.exports=p;