@quoreadmin/ui 1.9.3 → 1.10.1

package/dist/index195.js

@@ -1,1230 +1,1236 @@
-import { openBlock as d, createElementBlock as p, withKeys as f, withModifiers as r, normalizeClass as y, renderSlot as o, createElementVNode as u, withDirectives as v, Fragment as L, renderList as $, toDisplayString as g, vShow as w, createCommentVNode as c, createVNode as B, Transition as k, withCtx as T, normalizeStyle as S, createTextVNode as b, createBlock as E, Teleport as A } from "vue";
-function V(e) {
-  return e === 0 ? !1 : Array.isArray(e) && e.length === 0 ? !0 : !e;
-}
-function M(e) {
-  return (...t) => !e(...t);
-}
-function P(e, t) {
-  return e === void 0 && (e = "undefined"), e === null && (e = "null"), e === !1 && (e = "false"), e.toString().toLowerCase().indexOf(t.trim()) !== -1;
-}
-function C(e) {
-  return e.filter((t) => !t.$isLabel);
-}
-function O(e, t) {
-  return (i) => i.reduce((l, a) => a[e] && a[e].length ? (l.push({
-    $groupLabel: a[t],
-    $isLabel: !0
-  }), l.concat(a[e])) : l, []);
-}
-const D = (...e) => (t) => e.reduce((i, l) => l(i), t);
-var F = {
-  data() {
-    return {
-      search: "",
-      isOpen: !1,
-      preferredOpenDirection: "below",
-      optimizedHeight: this.maxHeight
-    };
-  },
+import q from "./index257.js";
+import X from "./index261.js";
+import { ZIndexUtils as T, DomHandler as c, UniqueComponentId as k, ObjectUtils as $ } from "./index180.js";
+import O from "./index238.js";
+import Y from "./index283.js";
+import J from "./index233.js";
+import L from "./index237.js";
+import H from "./index284.js";
+import M from "./index249.js";
+import { resolveDirective as C, openBlock as s, createElementBlock as d, mergeProps as l, createElementVNode as b, withDirectives as y, createBlock as f, resolveDynamicComponent as p, createCommentVNode as h, Fragment as U, renderList as G, resolveComponent as A, createVNode as z, withCtx as D, Transition as Q } from "vue";
+import ee from "./index248.js";
+import te from "./index285.js";
+var ie = {
+  name: "BaseGalleria",
+  extends: O,
   props: {
-    /**
-     * Decide whether to filter the results based on search query.
-     * Useful for async filtering, where we search through more complex data.
-     * @type {Boolean}
-     */
-    internalSearch: {
-      type: Boolean,
-      default: !0
+    id: {
+      type: String,
+      default: null
     },
-    /**
-     * Array of available options: Objects, Strings or Integers.
-     * If array of objects, visible label will default to option.label.
-     * If `labal` prop is passed, label will equal option['label']
-     * @type {Array}
-     */
-    options: {
+    value: {
       type: Array,
-      required: !0
-    },
-    /**
-     * Equivalent to the `multiple` attribute on a `<select>` input.
-     * @default false
-     * @type {Boolean}
-     */
-    multiple: {
+      default: null
+    },
+    activeIndex: {
+      type: Number,
+      default: 0
+    },
+    fullScreen: {
       type: Boolean,
       default: !1
     },
-    /**
-     * Key to compare objects
-     * @default 'id'
-     * @type {String}
-     */
-    trackBy: {
-      type: String
-    },
-    /**
-     * Label to look for in option Object
-     * @default 'label'
-     * @type {String}
-     */
-    label: {
-      type: String
-    },
-    /**
-     * Enable/disable search in options
-     * @default true
-     * @type {Boolean}
-     */
-    searchable: {
+    visible: {
       type: Boolean,
-      default: !0
+      default: !1
     },
-    /**
-     * Clear the search input after `)
-     * @default true
-     * @type {Boolean}
-     */
-    clearOnSelect: {
-      type: Boolean,
-      default: !0
+    numVisible: {
+      type: Number,
+      default: 3
+    },
+    responsiveOptions: {
+      type: Array,
+      default: null
     },
-    /**
-     * Hide already selected options
-     * @default false
-     * @type {Boolean}
-     */
-    hideSelected: {
+    showItemNavigators: {
       type: Boolean,
       default: !1
     },
-    /**
-     * Equivalent to the `placeholder` attribute on a `<select>` input.
-     * @default 'Select option'
-     * @type {String}
-     */
-    placeholder: {
-      type: String,
-      default: "Select option"
-    },
-    /**
-     * Allow to remove all selected values
-     * @default true
-     * @type {Boolean}
-     */
-    allowEmpty: {
+    showThumbnailNavigators: {
       type: Boolean,
       default: !0
     },
-    /**
-     * Reset this.internalValue, this.search after this.internalValue changes.
-     * Useful if want to create a stateless dropdown.
-     * @default false
-     * @type {Boolean}
-     */
-    resetAfter: {
+    showItemNavigatorsOnHover: {
       type: Boolean,
       default: !1
     },
-    /**
-     * Enable/disable closing after selecting an option
-     * @default true
-     * @type {Boolean}
-     */
-    closeOnSelect: {
+    changeItemOnIndicatorHover: {
       type: Boolean,
-      default: !0
-    },
-    /**
-     * Function to interpolate the custom label
-     * @default false
-     * @type {Function}
-     */
-    customLabel: {
-      type: Function,
-      default(e, t) {
-        return V(e) ? "" : t ? e[t] : e;
-      }
+      default: !1
     },
-    /**
-     * Disable / Enable tagging
-     * @default false
-     * @type {Boolean}
-     */
-    taggable: {
+    circular: {
       type: Boolean,
       default: !1
     },
-    /**
-     * String to show when highlighting a potential tag
-     * @default 'Press enter to create a tag'
-     * @type {String}
-    */
-    tagPlaceholder: {
-      type: String,
-      default: "Press enter to create a tag"
-    },
-    /**
-     * By default new tags will appear above the search results.
-     * Changing to 'bottom' will revert this behaviour
-     * and will proritize the search results
-     * @default 'top'
-     * @type {String}
-    */
-    tagPosition: {
-      type: String,
-      default: "top"
-    },
-    /**
-     * Number of allowed selected options. No limit if 0.
-     * @default 0
-     * @type {Number}
-    */
-    max: {
-      type: [Number, Boolean],
+    autoPlay: {
+      type: Boolean,
       default: !1
     },
-    /**
-     * Will be passed with all events as second param.
-     * Useful for identifying events origin.
-     * @default null
-     * @type {String|Integer}
-    */
-    id: {
-      default: null
-    },
-    /**
-     * Limits the options displayed in the dropdown
-     * to the first X options.
-     * @default 1000
-     * @type {Integer}
-    */
-    optionsLimit: {
+    transitionInterval: {
       type: Number,
-      default: 1e3
-    },
-    /**
-     * Name of the property containing
-     * the group values
-     * @default 1000
-     * @type {String}
-    */
-    groupValues: {
-      type: String
-    },
-    /**
-     * Name of the property containing
-     * the group label
-     * @default 1000
-     * @type {String}
-    */
-    groupLabel: {
-      type: String
-    },
-    /**
-     * Allow to select all group values
-     * by selecting the group label
-     * @default false
-     * @type {Boolean}
-     */
-    groupSelect: {
+      default: 4e3
+    },
+    showThumbnails: {
       type: Boolean,
-      default: !1
+      default: !0
     },
-    /**
-     * Array of keyboard keys to block
-     * when selecting
-     * @default 1000
-     * @type {String}
-    */
-    blockKeys: {
-      type: Array,
-      default() {
-        return [];
-      }
+    thumbnailsPosition: {
+      type: String,
+      default: "bottom"
     },
-    /**
-     * Prevent from wiping up the search value
-     * @default false
-     * @type {Boolean}
-    */
-    preserveSearch: {
-      type: Boolean,
-      default: !1
+    verticalThumbnailViewPortHeight: {
+      type: String,
+      default: "300px"
     },
-    /**
-     * Select 1st options if value is empty
-     * @default false
-     * @type {Boolean}
-    */
-    preselectFirst: {
+    showIndicators: {
       type: Boolean,
       default: !1
     },
-    /**
-     * Prevent autofocus
-     * @default false
-     * @type {Boolean}
-     */
-    preventAutofocus: {
+    showIndicatorsOnItem: {
       type: Boolean,
       default: !1
     },
-    /**
-     * Allows a custom function for sorting search/filtered results.
-     * @default null
-     * @type {Function}
-     */
-    filteringSortFunc: {
-      type: Function,
+    indicatorsPosition: {
+      type: String,
+      default: "bottom"
+    },
+    baseZIndex: {
+      type: Number,
+      default: 0
+    },
+    maskClass: {
+      type: String,
       default: null
-    }
-  },
-  mounted() {
-    !this.multiple && this.max && console.warn("[Vue-Multiselect warn]: Max prop should not be used when prop Multiple equals false."), this.preselectFirst && !this.internalValue.length && this.options.length && this.select(this.filteredOptions[0]);
-  },
-  computed: {
-    internalValue() {
-      return this.modelValue || this.modelValue === 0 ? Array.isArray(this.modelValue) ? this.modelValue : [this.modelValue] : [];
     },
-    filteredOptions() {
-      const e = this.search || "", t = e.toLowerCase().trim();
-      let i = this.options.concat();
-      return this.internalSearch ? i = this.groupValues ? this.filterAndFlat(i, t, this.label) : this.filterOptions(i, t, this.label, this.customLabel) : i = this.groupValues ? O(this.groupValues, this.groupLabel)(i) : i, i = this.hideSelected ? i.filter(M(this.isSelected)) : i, this.taggable && t.length && !this.isExistingOption(t) && (this.tagPosition === "bottom" ? i.push({ isTag: !0, label: e }) : i.unshift({ isTag: !0, label: e })), i.slice(0, this.optionsLimit);
+    containerStyle: {
+      type: null,
+      default: null
     },
-    valueKeys() {
-      return this.trackBy ? this.internalValue.map((e) => e[this.trackBy]) : this.internalValue;
+    containerClass: {
+      type: null,
+      default: null
     },
-    optionKeys() {
-      return (this.groupValues ? this.flatAndStrip(this.options) : this.options).map((t) => this.customLabel(t, this.label).toString().toLowerCase());
+    containerProps: {
+      type: null,
+      default: null
     },
-    currentOptionLabel() {
-      return this.multiple ? this.searchable ? "" : this.placeholder : this.internalValue.length ? this.getOptionLabel(this.internalValue[0]) : this.searchable ? "" : this.placeholder;
-    }
-  },
-  watch: {
-    internalValue: {
-      handler() {
-        this.resetAfter && this.internalValue.length && (this.search = "", this.$emit("update:modelValue", this.multiple ? [] : null));
-      },
-      deep: !0
+    prevButtonProps: {
+      type: null,
+      default: null
     },
-    search() {
-      this.$emit("search-change", this.search);
-    }
-  },
-  emits: ["open", "search-change", "close", "select", "update:modelValue", "remove", "tag"],
-  methods: {
-    /**
-     * Returns the internalValue in a way it can be emited to the parent
-     * @returns {Object||Array||String||Integer}
-     */
-    getValue() {
-      return this.multiple ? this.internalValue : this.internalValue.length === 0 ? null : this.internalValue[0];
-    },
-    /**
-     * Filters and then flattens the options list
-     * @param  {Array}
-     * @return {Array} returns a filtered and flat options list
-     */
-    filterAndFlat(e, t, i) {
-      return D(
-        this.filterGroups(t, i, this.groupValues, this.groupLabel, this.customLabel),
-        O(this.groupValues, this.groupLabel)
-      )(e);
-    },
-    /**
-     * Flattens and then strips the group labels from the options list
-     * @param  {Array}
-     * @return {Array} returns a flat options list without group labels
-     */
-    flatAndStrip(e) {
-      return D(
-        O(this.groupValues, this.groupLabel),
-        C
-      )(e);
-    },
-    /**
-     * Updates the search value
-     * @param  {String}
-     */
-    updateSearch(e) {
-      this.search = e;
-    },
-    /**
-     * Finds out if the given query is already present
-     * in the available options
-     * @param  {String}
-     * @return {Boolean} returns true if element is available
-     */
-    isExistingOption(e) {
-      return this.options ? this.optionKeys.indexOf(e) > -1 : !1;
-    },
-    /**
-     * Finds out if the given element is already present
-     * in the result value
-     * @param  {Object||String||Integer} option passed element to check
-     * @returns {Boolean} returns true if element is selected
-     */
-    isSelected(e) {
-      const t = this.trackBy ? e[this.trackBy] : e;
-      return this.valueKeys.indexOf(t) > -1;
-    },
-    /**
-     * Finds out if the given option is disabled
-     * @param  {Object||String||Integer} option passed element to check
-     * @returns {Boolean} returns true if element is disabled
-     */
-    isOptionDisabled(e) {
-      return !!e.$isDisabled;
-    },
-    /**
-     * Returns empty string when options is null/undefined
-     * Returns tag query if option is tag.
-     * Returns the customLabel() results and casts it to string.
-     *
-     * @param  {Object||String||Integer} Passed option
-     * @returns {Object||String}
-     */
-    getOptionLabel(e) {
-      if (V(e)) return "";
-      if (e.isTag) return e.label;
-      if (e.$isLabel) return e.$groupLabel;
-      const t = this.customLabel(e, this.label);
-      return V(t) ? "" : t;
-    },
-    /**
-     * Add the given option to the list of selected options
-     * or sets the option as the selected option.
-     * If option is already selected -> remove it from the results.
-     *
-     * @param  {Object||String||Integer} option to select/deselect
-     * @param  {Boolean} block removing
-     */
-    select(e, t) {
-      if (e.$isLabel && this.groupSelect) {
-        this.selectGroup(e);
-        return;
-      }
-      if (!(this.blockKeys.indexOf(t) !== -1 || this.disabled || e.$isDisabled || e.$isLabel) && !(this.max && this.multiple && this.internalValue.length === this.max) && !(t === "Tab" && !this.pointerDirty)) {
-        if (e.isTag)
-          this.$emit("tag", e.label, this.id), this.search = "", this.closeOnSelect && !this.multiple && this.deactivate();
-        else {
-          if (this.isSelected(e)) {
-            t !== "Tab" && this.removeElement(e);
-            return;
-          }
-          this.multiple ? this.$emit("update:modelValue", this.internalValue.concat([e])) : this.$emit("update:modelValue", e), this.$emit("select", e, this.id), this.clearOnSelect && (this.search = "");
-        }
-        this.closeOnSelect && this.deactivate();
-      }
+    nextButtonProps: {
+      type: null,
+      default: null
     },
-    /**
-     * Add the given group options to the list of selected options
-     * If all group optiona are already selected -> remove it from the results.
-     *
-     * @param  {Object||String||Integer} group to select/deselect
-     */
-    selectGroup(e) {
-      const t = this.options.find((i) => i[this.groupLabel] === e.$groupLabel);
-      if (t) {
-        if (this.wholeGroupSelected(t)) {
-          this.$emit("remove", t[this.groupValues], this.id);
-          const i = this.trackBy ? t[this.groupValues].map((a) => a[this.trackBy]) : t[this.groupValues], l = this.internalValue.filter(
-            (a) => i.indexOf(this.trackBy ? a[this.trackBy] : a) === -1
-          );
-          this.$emit("update:modelValue", l);
-        } else {
-          const i = t[this.groupValues].filter(
-            (l) => !(this.isOptionDisabled(l) || this.isSelected(l))
-          );
-          this.max && i.splice(this.max - this.internalValue.length), this.$emit("select", i, this.id), this.$emit(
-            "update:modelValue",
-            this.internalValue.concat(i)
-          );
-        }
-        this.closeOnSelect && this.deactivate();
-      }
+    ariaLabel: {
+      type: String,
+      default: null
     },
-    /**
-     * Helper to identify if all values in a group are selected
-     *
-     * @param {Object} group to validated selected values against
-     */
-    wholeGroupSelected(e) {
-      return e[this.groupValues].every(
-        (t) => this.isSelected(t) || this.isOptionDisabled(t)
-      );
-    },
-    /**
-     * Helper to identify if all values in a group are disabled
-     *
-     * @param {Object} group to check for disabled values
-     */
-    wholeGroupDisabled(e) {
-      return e[this.groupValues].every(this.isOptionDisabled);
-    },
-    /**
-     * Removes the given option from the selected options.
-     * Additionally checks this.allowEmpty prop if option can be removed when
-     * it is the last selected option.
-     *
-     * @param  {type} option description
-     * @return {type}        description
-     */
-    removeElement(e, t = !0) {
-      if (this.disabled || e.$isDisabled) return;
-      if (!this.allowEmpty && this.internalValue.length <= 1) {
-        this.deactivate();
-        return;
-      }
-      const i = typeof e == "object" ? this.valueKeys.indexOf(e[this.trackBy]) : this.valueKeys.indexOf(e);
-      if (this.multiple) {
-        const l = this.internalValue.slice(0, i).concat(this.internalValue.slice(i + 1));
-        this.$emit("update:modelValue", l);
-      } else
-        this.$emit("update:modelValue", null);
-      this.$emit("remove", e, this.id), this.closeOnSelect && t && this.deactivate();
-    },
-    /**
-     * Calls this.removeElement() with the last element
-     * from this.internalValue (selected element Array)
-     *
-     * @fires this#removeElement
-     */
-    removeLastElement() {
-      this.blockKeys.indexOf("Delete") === -1 && this.search.length === 0 && Array.isArray(this.internalValue) && this.internalValue.length && this.removeElement(this.internalValue[this.internalValue.length - 1], !1);
-    },
-    /**
-     * Opens the multiselect’s dropdown.
-     * Sets this.isOpen to TRUE
-     */
-    activate() {
-      this.isOpen || this.disabled || (this.adjustPosition(), this.groupValues && this.pointer === 0 && this.filteredOptions.length && (this.pointer = 1), this.isOpen = !0, this.searchable ? (this.preserveSearch || (this.search = ""), this.preventAutofocus || this.$nextTick(() => this.$refs.search && this.$refs.search.focus())) : this.preventAutofocus || typeof this.$el < "u" && this.$el.focus(), this.$emit("open", this.id));
-    },
-    /**
-     * Closes the multiselect’s dropdown.
-     * Sets this.isOpen to FALSE
-     */
-    deactivate() {
-      this.isOpen && (this.isOpen = !1, this.searchable ? this.$refs.search !== null && typeof this.$refs.search < "u" && this.$refs.search.blur() : typeof this.$el < "u" && this.$el.blur(), this.preserveSearch || (this.search = ""), this.$emit("close", this.getValue(), this.id));
-    },
-    /**
-     * Call this.activate() or this.deactivate()
-     * depending on this.isOpen value.
-     *
-     * @fires this#activate || this#deactivate
-     * @property {Boolean} isOpen indicates if dropdown is open
-     */
-    toggle() {
-      this.isOpen ? this.deactivate() : this.activate();
-    },
-    /**
-     * Updates the hasEnoughSpace variable used for
-     * detecting where to expand the dropdown
-     */
-    adjustPosition() {
-      if (typeof window > "u") return;
-      const e = this.$el.getBoundingClientRect().top, t = window.innerHeight - this.$el.getBoundingClientRect().bottom;
-      t > this.maxHeight || t > e || this.openDirection === "below" || this.openDirection === "bottom" ? (this.preferredOpenDirection = "below", this.optimizedHeight = Math.min(t - 40, this.maxHeight)) : (this.preferredOpenDirection = "above", this.optimizedHeight = Math.min(e - 40, this.maxHeight));
-    },
-    /**
-     * Filters and sorts the options ready for selection
-     * @param {Array} options
-     * @param {String} search
-     * @param {String} label
-     * @param {Function} customLabel
-     * @returns {Array}
-     */
-    filterOptions(e, t, i, l) {
-      return t ? e.filter((a) => P(l(a, i), t)).sort((a, n) => typeof this.filteringSortFunc == "function" ? this.filteringSortFunc(a, n) : l(a, i).length - l(n, i).length) : e;
-    },
-    /**
-     *
-     * @param {String} search
-     * @param {String} label
-     * @param {String} values
-     * @param {String} groupLabel
-     * @param {function} customLabel
-     * @returns {function(*): *}
-     */
-    filterGroups(e, t, i, l, a) {
-      return (n) => n.map((s) => {
-        if (!s[i])
-          return console.warn("Options passed to vue-multiselect do not contain groups, despite the config."), [];
-        const h = this.filterOptions(s[i], e, t, a);
-        return h.length ? {
-          [l]: s[l],
-          [i]: h
-        } : [];
-      });
+    ariaRoledescription: {
+      type: String,
+      default: null
     }
-  }
-}, G = {
-  data() {
+  },
+  style: Y,
+  provide: function() {
     return {
-      pointer: 0,
-      pointerDirty: !1
+      $parentInstance: this
     };
-  },
+  }
+};
+function g(e) {
+  return oe(e) || re(e) || ae(e) || ne();
+}
+function ne() {
+  throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function ae(e, t) {
+  if (e) {
+    if (typeof e == "string") return V(e, t);
+    var i = Object.prototype.toString.call(e).slice(8, -1);
+    if (i === "Object" && e.constructor && (i = e.constructor.name), i === "Map" || i === "Set") return Array.from(e);
+    if (i === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)) return V(e, t);
+  }
+}
+function re(e) {
+  if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null) return Array.from(e);
+}
+function oe(e) {
+  if (Array.isArray(e)) return V(e);
+}
+function V(e, t) {
+  (t == null || t > e.length) && (t = e.length);
+  for (var i = 0, n = new Array(t); i < t; i++) n[i] = e[i];
+  return n;
+}
+var _ = {
+  name: "GalleriaItem",
+  hostName: "Galleria",
+  extends: O,
+  emits: ["start-slideshow", "stop-slideshow", "update:activeIndex"],
   props: {
-    /**
-     * Enable/disable highlighting of the pointed value.
-     * @type {Boolean}
-     * @default true
-     */
-    showPointer: {
+    circular: {
       type: Boolean,
-      default: !0
+      default: !1
     },
-    optionHeight: {
+    activeIndex: {
       type: Number,
-      default: 40
-    }
-  },
-  computed: {
-    pointerPosition() {
-      return this.pointer * this.optionHeight;
+      default: 0
     },
-    visibleElements() {
-      return this.optimizedHeight / this.optionHeight;
-    }
-  },
-  watch: {
-    filteredOptions() {
-      this.pointerAdjust();
+    value: {
+      type: Array,
+      default: null
     },
-    isOpen() {
-      this.pointerDirty = !1;
+    showItemNavigators: {
+      type: Boolean,
+      default: !0
     },
-    pointer() {
-      this.$refs.search && this.$refs.search.setAttribute("aria-activedescendant", this.id + "-" + this.pointer.toString());
+    showIndicators: {
+      type: Boolean,
+      default: !0
+    },
+    slideShowActive: {
+      type: Boolean,
+      default: !0
+    },
+    changeItemOnIndicatorHover: {
+      type: Boolean,
+      default: !0
+    },
+    autoPlay: {
+      type: Boolean,
+      default: !1
+    },
+    templates: {
+      type: null,
+      default: null
+    },
+    id: {
+      type: String,
+      default: null
     }
   },
+  mounted: function() {
+    this.autoPlay && this.$emit("start-slideshow");
+  },
   methods: {
-    optionHighlight(e, t) {
+    getIndicatorPTOptions: function(t) {
       return {
-        "multiselect__option--highlight": e === this.pointer && this.showPointer,
-        "multiselect__option--selected": this.isSelected(t)
+        context: {
+          highlighted: this.activeIndex === t
+        }
       };
     },
-    groupHighlight(e, t) {
-      if (!this.groupSelect)
-        return [
-          "multiselect__option--disabled",
-          { "multiselect__option--group": t.$isLabel }
-        ];
-      const i = this.options.find((l) => l[this.groupLabel] === t.$groupLabel);
-      return i && !this.wholeGroupDisabled(i) ? [
-        "multiselect__option--group",
-        { "multiselect__option--highlight": e === this.pointer && this.showPointer },
-        { "multiselect__option--group-selected": this.wholeGroupSelected(i) }
-      ] : "multiselect__option--disabled";
+    next: function() {
+      var t = this.activeIndex + 1, i = this.circular && this.value.length - 1 === this.activeIndex ? 0 : t;
+      this.$emit("update:activeIndex", i);
+    },
+    prev: function() {
+      var t = this.activeIndex !== 0 ? this.activeIndex - 1 : 0, i = this.circular && this.activeIndex === 0 ? this.value.length - 1 : t;
+      this.$emit("update:activeIndex", i);
+    },
+    stopSlideShow: function() {
+      this.slideShowActive && this.stopSlideShow && this.$emit("stop-slideshow");
+    },
+    navBackward: function(t) {
+      this.stopSlideShow(), this.prev(), t && t.cancelable && t.preventDefault();
+    },
+    navForward: function(t) {
+      this.stopSlideShow(), this.next(), t && t.cancelable && t.preventDefault();
+    },
+    onIndicatorClick: function(t) {
+      this.stopSlideShow(), this.$emit("update:activeIndex", t);
+    },
+    onIndicatorMouseEnter: function(t) {
+      this.changeItemOnIndicatorHover && (this.stopSlideShow(), this.$emit("update:activeIndex", t));
+    },
+    onIndicatorKeyDown: function(t, i) {
+      switch (t.code) {
+        case "Enter":
+        case "NumpadEnter":
+        case "Space":
+          this.stopSlideShow(), this.$emit("update:activeIndex", i), t.preventDefault();
+          break;
+        case "ArrowRight":
+          this.onRightKey();
+          break;
+        case "ArrowLeft":
+          this.onLeftKey();
+          break;
+        case "Home":
+          this.onHomeKey(), t.preventDefault();
+          break;
+        case "End":
+          this.onEndKey(), t.preventDefault();
+          break;
+        case "Tab":
+          this.onTabKey();
+          break;
+        case "ArrowDown":
+        case "ArrowUp":
+        case "PageUp":
+        case "PageDown":
+          t.preventDefault();
+          break;
+      }
     },
-    addPointerElement({ key: e } = "Enter") {
-      this.filteredOptions.length > 0 && this.select(this.filteredOptions[this.pointer], e), this.pointerReset();
+    onRightKey: function() {
+      var t = g(c.find(this.$refs.indicatorContent, '[data-pc-section="indicator"]')), i = this.findFocusedIndicatorIndex();
+      this.changedFocusedIndicator(i, i + 1 === t.length ? t.length - 1 : i + 1);
     },
-    pointerForward() {
-      this.pointer < this.filteredOptions.length - 1 && (this.pointer++, this.$refs.list?.scrollTop <= this.pointerPosition - (this.visibleElements - 1) * this.optionHeight && (this.$refs.list.scrollTop = this.pointerPosition - (this.visibleElements - 1) * this.optionHeight), this.filteredOptions[this.pointer] && this.filteredOptions[this.pointer].$isLabel && !this.groupSelect && this.pointerForward()), this.pointerDirty = !0;
+    onLeftKey: function() {
+      var t = this.findFocusedIndicatorIndex();
+      this.changedFocusedIndicator(t, t - 1 <= 0 ? 0 : t - 1);
     },
-    pointerBackward() {
-      this.pointer > 0 ? (this.pointer--, this.$refs.list?.scrollTop >= this.pointerPosition && (this.$refs.list.scrollTop = this.pointerPosition), this.filteredOptions[this.pointer] && this.filteredOptions[this.pointer].$isLabel && !this.groupSelect && this.pointerBackward()) : this.filteredOptions[this.pointer] && this.filteredOptions[0].$isLabel && !this.groupSelect && this.pointerForward(), this.pointerDirty = !0;
+    onHomeKey: function() {
+      var t = this.findFocusedIndicatorIndex();
+      this.changedFocusedIndicator(t, 0);
     },
-    pointerReset() {
-      this.closeOnSelect && (this.pointer = 0, this.$refs.list && (this.$refs.list.scrollTop = 0));
+    onEndKey: function() {
+      var t = g(c.find(this.$refs.indicatorContent, '[data-pc-section="indicator"]')), i = this.findFocusedIndicatorIndex();
+      this.changedFocusedIndicator(i, t.length - 1);
     },
-    pointerAdjust() {
-      this.pointer >= this.filteredOptions.length - 1 && (this.pointer = this.filteredOptions.length ? this.filteredOptions.length - 1 : 0), this.filteredOptions.length > 0 && this.filteredOptions[this.pointer].$isLabel && !this.groupSelect && this.pointerForward();
+    onTabKey: function() {
+      var t = g(c.find(this.$refs.indicatorContent, '[data-pc-section="indicator"]')), i = t.findIndex(function(a) {
+        return c.getAttribute(a, "data-p-highlight") === !0;
+      }), n = c.findSingle(this.$refs.indicatorContent, '[data-pc-section="indicator"] > button[tabindex="0"]'), r = t.findIndex(function(a) {
+        return a === n.parentElement;
+      });
+      t[r].children[0].tabIndex = "-1", t[i].children[0].tabIndex = "0";
     },
-    pointerSet(e) {
-      this.pointer = e, this.pointerDirty = !0;
+    findFocusedIndicatorIndex: function() {
+      var t = g(c.find(this.$refs.indicatorContent, '[data-pc-section="indicator"]')), i = c.findSingle(this.$refs.indicatorContent, '[data-pc-section="indicator"] > button[tabindex="0"]');
+      return t.findIndex(function(n) {
+        return n === i.parentElement;
+      });
+    },
+    changedFocusedIndicator: function(t, i) {
+      var n = g(c.find(this.$refs.indicatorContent, '[data-pc-section="indicator"]'));
+      n[t].children[0].tabIndex = "-1", n[i].children[0].tabIndex = "0", n[i].children[0].focus();
+    },
+    isIndicatorItemActive: function(t) {
+      return this.activeIndex === t;
+    },
+    isNavBackwardDisabled: function() {
+      return !this.circular && this.activeIndex === 0;
+    },
+    isNavForwardDisabled: function() {
+      return !this.circular && this.activeIndex === this.value.length - 1;
+    },
+    ariaSlideNumber: function(t) {
+      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.slideNumber.replace(/{slideNumber}/g, t) : void 0;
+    },
+    ariaPageLabel: function(t) {
+      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.pageLabel.replace(/{page}/g, t) : void 0;
     }
-  }
-}, H = {
-  name: "vue-multiselect",
-  mixins: [F, G],
-  compatConfig: {
-    MODE: 3,
-    ATTR_ENUMERATED_COERCION: !1
   },
-  props: {
-    /**
-       * name attribute to match optional label element
-       * @default ''
-       * @type {String}
-       */
-    name: {
-      type: String,
-      default: ""
+  computed: {
+    activeItem: function() {
+      return this.value[this.activeIndex];
     },
-    /**
-       * Presets the selected options value.
-       * @type {Object||Array||String||Integer}
-       */
-    modelValue: {
-      type: null,
-      default() {
-        return [];
+    ariaSlideLabel: function() {
+      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.slide : void 0;
+    }
+  },
+  components: {
+    ChevronLeftIcon: H,
+    ChevronRightIcon: M
+  },
+  directives: {
+    ripple: L
+  }
+}, se = ["disabled"], le = ["id", "aria-label", "aria-roledescription"], ue = ["disabled"], ce = ["aria-label", "aria-selected", "aria-controls", "onClick", "onMouseenter", "onKeydown", "data-p-highlight"], de = ["tabindex"];
+function he(e, t, i, n, r, a) {
+  var v = C("ripple");
+  return s(), d("div", l({
+    class: e.cx("itemWrapper")
+  }, e.ptm("itemWrapper")), [b("div", l({
+    class: e.cx("itemContainer")
+  }, e.ptm("itemContainer")), [i.showItemNavigators ? y((s(), d("button", l({
+    key: 0,
+    type: "button",
+    class: e.cx("previousItemButton"),
+    onClick: t[0] || (t[0] = function(u) {
+      return a.navBackward(u);
+    }),
+    disabled: a.isNavBackwardDisabled()
+  }, e.ptm("previousItemButton"), {
+    "data-pc-group-section": "itemnavigator"
+  }), [(s(), f(p(i.templates.previousitemicon || "ChevronLeftIcon"), l({
+    class: e.cx("previousItemIcon")
+  }, e.ptm("previousItemIcon")), null, 16, ["class"]))], 16, se)), [[v]]) : h("", !0), b("div", l({
+    id: i.id + "_item_" + i.activeIndex,
+    class: e.cx("item"),
+    role: "group",
+    "aria-label": a.ariaSlideNumber(i.activeIndex + 1),
+    "aria-roledescription": a.ariaSlideLabel
+  }, e.ptm("item")), [i.templates.item ? (s(), f(p(i.templates.item), {
+    key: 0,
+    item: a.activeItem
+  }, null, 8, ["item"])) : h("", !0)], 16, le), i.showItemNavigators ? y((s(), d("button", l({
+    key: 1,
+    type: "button",
+    class: e.cx("nextItemButton"),
+    onClick: t[1] || (t[1] = function(u) {
+      return a.navForward(u);
+    }),
+    disabled: a.isNavForwardDisabled()
+  }, e.ptm("nextItemButton"), {
+    "data-pc-group-section": "itemnavigator"
+  }), [(s(), f(p(i.templates.nextitemicon || "ChevronRightIcon"), l({
+    class: e.cx("nextItemIcon")
+  }, e.ptm("nextItemIcon")), null, 16, ["class"]))], 16, ue)), [[v]]) : h("", !0), i.templates.caption ? (s(), d("div", l({
+    key: 2,
+    class: e.cx("caption")
+  }, e.ptm("caption")), [i.templates.caption ? (s(), f(p(i.templates.caption), {
+    key: 0,
+    item: a.activeItem
+  }, null, 8, ["item"])) : h("", !0)], 16)) : h("", !0)], 16), i.showIndicators ? (s(), d("ul", l({
+    key: 0,
+    ref: "indicatorContent",
+    class: e.cx("indicators")
+  }, e.ptm("indicators")), [(s(!0), d(U, null, G(i.value, function(u, o) {
+    return s(), d("li", l({
+      key: "p-galleria-indicator-".concat(o),
+      class: e.cx("indicator", {
+        index: o
+      }),
+      "aria-label": a.ariaPageLabel(o + 1),
+      "aria-selected": i.activeIndex === o,
+      "aria-controls": i.id + "_item_" + o,
+      onClick: function(I) {
+        return a.onIndicatorClick(o);
+      },
+      onMouseenter: function(I) {
+        return a.onIndicatorMouseEnter(o);
+      },
+      onKeydown: function(I) {
+        return a.onIndicatorKeyDown(I, o);
       }
-    },
-    /**
-       * String to show when pointing to an option
-       * @default 'Press enter to select'
-       * @type {String}
-       */
-    selectLabel: {
-      type: String,
-      default: "Press enter to select"
-    },
-    /**
-       * String to show when pointing to an option
-       * @default 'Press enter to select'
-       * @type {String}
-       */
-    selectGroupLabel: {
-      type: String,
-      default: "Press enter to select group"
-    },
-    /**
-       * String to show next to selected option
-       * @default 'Selected'
-       * @type {String}
-       */
-    selectedLabel: {
-      type: String,
-      default: "Selected"
-    },
-    /**
-       * String to show when pointing to an already selected option
-       * @default 'Press enter to remove'
-       * @type {String}
-       */
-    deselectLabel: {
-      type: String,
-      default: "Press enter to remove"
-    },
-    /**
-       * String to show when pointing to an already selected option
-       * @default 'Press enter to remove'
-       * @type {String}
-       */
-    deselectGroupLabel: {
+    }, e.ptm("indicator", a.getIndicatorPTOptions(o)), {
+      "data-p-highlight": a.isIndicatorItemActive(o)
+    }), [i.templates.indicator ? h("", !0) : (s(), d("button", l({
+      key: 0,
+      type: "button",
+      tabindex: i.activeIndex === o ? "0" : "-1",
+      class: e.cx("indicatorButton")
+    }, e.ptm("indicatorButton", a.getIndicatorPTOptions(o))), null, 16, de)), i.templates.indicator ? (s(), f(p(i.templates.indicator), {
+      key: 1,
+      index: o
+    }, null, 8, ["index"])) : h("", !0)], 16, ce);
+  }), 128))], 16)) : h("", !0)], 16);
+}
+_.render = he;
+function B(e) {
+  return pe(e) || ve(e) || fe(e) || me();
+}
+function me() {
+  throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function fe(e, t) {
+  if (e) {
+    if (typeof e == "string") return N(e, t);
+    var i = Object.prototype.toString.call(e).slice(8, -1);
+    if (i === "Object" && e.constructor && (i = e.constructor.name), i === "Map" || i === "Set") return Array.from(e);
+    if (i === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)) return N(e, t);
+  }
+}
+function ve(e) {
+  if (typeof Symbol < "u" && e[Symbol.iterator] != null || e["@@iterator"] != null) return Array.from(e);
+}
+function pe(e) {
+  if (Array.isArray(e)) return N(e);
+}
+function N(e, t) {
+  (t == null || t > e.length) && (t = e.length);
+  for (var i = 0, n = new Array(t); i < t; i++) n[i] = e[i];
+  return n;
+}
+var W = {
+  name: "GalleriaThumbnails",
+  hostName: "Galleria",
+  extends: O,
+  emits: ["stop-slideshow", "update:activeIndex"],
+  props: {
+    containerId: {
       type: String,
-      default: "Press enter to deselect group"
-    },
-    /**
-       * Decide whether to show pointer labels
-       * @default true
-       * @type {Boolean}
-       */
-    showLabels: {
-      type: Boolean,
-      default: !0
+      default: null
+    },
+    value: {
+      type: Array,
+      default: null
     },
-    /**
-       * Limit the display of selected options. The rest will be hidden within the limitText string.
-       * @default 99999
-       * @type {Integer}
-       */
-    limit: {
+    numVisible: {
       type: Number,
-      default: 99999
-    },
-    /**
-       * Sets maxHeight style value of the dropdown
-       * @default 300
-       * @type {Integer}
-       */
-    maxHeight: {
+      default: 3
+    },
+    activeIndex: {
       type: Number,
-      default: 300
-    },
-    /**
-       * Function that process the message shown when selected
-       * elements pass the defined limit.
-       * @default 'and * more'
-       * @param {Int} count Number of elements more than limit
-       * @type {Function}
-       */
-    limitText: {
-      type: Function,
-      default: (e) => `and ${e} more`
-    },
-    /**
-       * Set true to trigger the loading spinner.
-       * @default False
-       * @type {Boolean}
-       */
-    loading: {
+      default: 0
+    },
+    isVertical: {
       type: Boolean,
       default: !1
     },
-    /**
-       * Disables the multiselect if true.
-       * @default false
-       * @type {Boolean}
-       */
-    disabled: {
+    slideShowActive: {
       type: Boolean,
       default: !1
     },
-    /**
-     * Enables search input's spellcheck if true.
-     * @default false
-     * @type {Boolean}
-     */
-    spellcheck: {
+    circular: {
       type: Boolean,
       default: !1
     },
-    /**
-       * Fixed opening direction
-       * @default ''
-       * @type {String}
-       */
-    openDirection: {
+    responsiveOptions: {
+      type: Array,
+      default: null
+    },
+    contentHeight: {
       type: String,
-      default: ""
-    },
-    /**
-       * Shows slot with message about empty options
-       * @default true
-       * @type {Boolean}
-       */
-    showNoOptions: {
-      type: Boolean,
-      default: !0
+      default: "300px"
     },
-    showNoResults: {
+    showThumbnailNavigators: {
       type: Boolean,
       default: !0
     },
-    tabindex: {
-      type: Number,
-      default: 0
-    },
-    /**
-     * Adds Required attribute to the input element when there is no value selected
-     * @default false
-     * @type {Boolean}
-     */
-    required: {
-      type: Boolean,
-      default: !1
+    templates: {
+      type: null,
+      default: null
     },
-    /**
-     * Uses Vue Teleport's feature. Teleports the open dropdown to the bottom of the body element
-     * @default false
-     * @type {Boolean}
-     */
-    useTeleport: {
-      type: Boolean,
-      default: !1
+    prevButtonProps: {
+      type: null,
+      default: null
     },
-    /**
-     * Classes to apply to the `multiselect__content-wrapper` element. This element is a teleport element (when enabled), so can be used to specifically target
-     * the teleported element
-     */
-    contentWrapperClass: {
-      type: [String, Array, Object],
-      default: ""
+    nextButtonProps: {
+      type: null,
+      default: null
     }
   },
-  data() {
+  startPos: null,
+  thumbnailsStyle: null,
+  sortedResponsiveOptions: null,
+  data: function() {
     return {
-      dropdownStyles: {},
-      ready: !1
+      d_numVisible: this.numVisible,
+      d_oldNumVisible: this.numVisible,
+      d_activeIndex: this.activeIndex,
+      d_oldActiveItemIndex: this.activeIndex,
+      totalShiftedItems: 0,
+      page: 0
     };
   },
-  computed: {
-    hasOptionGroup() {
-      return this.groupValues && this.groupLabel && this.groupSelect;
+  watch: {
+    numVisible: function(t, i) {
+      this.d_numVisible = t, this.d_oldNumVisible = i;
     },
-    isSingleLabelVisible() {
-      return (this.singleValue || this.singleValue === 0) && (!this.isOpen || !this.searchable) && !this.visibleValues.length;
+    activeIndex: function(t, i) {
+      this.d_activeIndex = t, this.d_oldActiveItemIndex = i;
+    }
+  },
+  mounted: function() {
+    this.createStyle(), this.calculatePosition(), this.responsiveOptions && this.bindDocumentListeners();
+  },
+  updated: function() {
+    var t = this.totalShiftedItems;
+    (this.d_oldNumVisible !== this.d_numVisible || this.d_oldActiveItemIndex !== this.d_activeIndex) && (this.d_activeIndex <= this.getMedianItemIndex() ? t = 0 : this.value.length - this.d_numVisible + this.getMedianItemIndex() < this.d_activeIndex ? t = this.d_numVisible - this.value.length : this.value.length - this.d_numVisible < this.d_activeIndex && this.d_numVisible % 2 === 0 ? t = this.d_activeIndex * -1 + this.getMedianItemIndex() + 1 : t = this.d_activeIndex * -1 + this.getMedianItemIndex(), t !== this.totalShiftedItems && (this.totalShiftedItems = t), this.$refs.itemsContainer.style.transform = this.isVertical ? "translate3d(0, ".concat(t * (100 / this.d_numVisible), "%, 0)") : "translate3d(".concat(t * (100 / this.d_numVisible), "%, 0, 0)"), this.d_oldActiveItemIndex !== this.d_activeIndex && (document.body.setAttribute("data-p-items-hidden", "false"), !this.isUnstyled && c.removeClass(this.$refs.itemsContainer, "p-items-hidden"), this.$refs.itemsContainer.style.transition = "transform 500ms ease 0s"), this.d_oldActiveItemIndex = this.d_activeIndex, this.d_oldNumVisible = this.d_numVisible);
+  },
+  beforeUnmount: function() {
+    this.responsiveOptions && this.unbindDocumentListeners(), this.thumbnailsStyle && this.thumbnailsStyle.parentNode.removeChild(this.thumbnailsStyle);
+  },
+  methods: {
+    step: function(t) {
+      var i = this.totalShiftedItems + t;
+      t < 0 && -1 * i + this.d_numVisible > this.value.length - 1 ? i = this.d_numVisible - this.value.length : t > 0 && i > 0 && (i = 0), this.circular && (t < 0 && this.value.length - 1 === this.d_activeIndex ? i = 0 : t > 0 && this.d_activeIndex === 0 && (i = this.d_numVisible - this.value.length)), this.$refs.itemsContainer && (document.body.setAttribute("data-p-items-hidden", "false"), !this.isUnstyled && c.removeClass(this.$refs.itemsContainer, "p-items-hidden"), this.$refs.itemsContainer.style.transform = this.isVertical ? "translate3d(0, ".concat(i * (100 / this.d_numVisible), "%, 0)") : "translate3d(".concat(i * (100 / this.d_numVisible), "%, 0, 0)"), this.$refs.itemsContainer.style.transition = "transform 500ms ease 0s"), this.totalShiftedItems = i;
+    },
+    stopSlideShow: function() {
+      this.slideShowActive && this.stopSlideShow && this.$emit("stop-slideshow");
+    },
+    getMedianItemIndex: function() {
+      var t = Math.floor(this.d_numVisible / 2);
+      return this.d_numVisible % 2 ? t : t - 1;
+    },
+    navBackward: function(t) {
+      this.stopSlideShow();
+      var i = this.d_activeIndex !== 0 ? this.d_activeIndex - 1 : 0, n = i + this.totalShiftedItems;
+      this.d_numVisible - n - 1 > this.getMedianItemIndex() && (-1 * this.totalShiftedItems !== 0 || this.circular) && this.step(1);
+      var r = this.circular && this.d_activeIndex === 0 ? this.value.length - 1 : i;
+      this.$emit("update:activeIndex", r), t.cancelable && t.preventDefault();
+    },
+    navForward: function(t) {
+      this.stopSlideShow();
+      var i = this.d_activeIndex === this.value.length - 1 ? this.value.length - 1 : this.d_activeIndex + 1;
+      i + this.totalShiftedItems > this.getMedianItemIndex() && (-1 * this.totalShiftedItems < this.getTotalPageNumber() - 1 || this.circular) && this.step(-1);
+      var n = this.circular && this.value.length - 1 === this.d_activeIndex ? 0 : i;
+      this.$emit("update:activeIndex", n), t.cancelable && t.preventDefault();
+    },
+    onItemClick: function(t) {
+      this.stopSlideShow();
+      var i = t;
+      if (i !== this.d_activeIndex) {
+        var n = i + this.totalShiftedItems, r = 0;
+        i < this.d_activeIndex ? (r = this.d_numVisible - n - 1 - this.getMedianItemIndex(), r > 0 && -1 * this.totalShiftedItems !== 0 && this.step(r)) : (r = this.getMedianItemIndex() - n, r < 0 && -1 * this.totalShiftedItems < this.getTotalPageNumber() - 1 && this.step(r)), this.$emit("update:activeIndex", i);
+      }
     },
-    isPlaceholderVisible() {
-      return !this.internalValue.length && (!this.searchable || !this.isOpen);
+    onThumbnailKeydown: function(t, i) {
+      switch ((t.code === "Enter" || t.code === "NumpadEnter" || t.code === "Space") && (this.onItemClick(i), t.preventDefault()), t.code) {
+        case "ArrowRight":
+          this.onRightKey();
+          break;
+        case "ArrowLeft":
+          this.onLeftKey();
+          break;
+        case "Home":
+          this.onHomeKey(), t.preventDefault();
+          break;
+        case "End":
+          this.onEndKey(), t.preventDefault();
+          break;
+        case "ArrowUp":
+        case "ArrowDown":
+          t.preventDefault();
+          break;
+        case "Tab":
+          this.onTabKey();
+          break;
+      }
     },
-    visibleValues() {
-      return this.multiple ? this.internalValue.slice(0, this.limit) : [];
+    onRightKey: function() {
+      var t = c.find(this.$refs.itemsContainer, '[data-pc-section="thumbnailitem"]'), i = this.findFocusedIndicatorIndex();
+      this.changedFocusedIndicator(i, i + 1 === t.length ? t.length - 1 : i + 1);
     },
-    singleValue() {
-      return this.internalValue[0];
+    onLeftKey: function() {
+      var t = this.findFocusedIndicatorIndex();
+      this.changedFocusedIndicator(t, t - 1 <= 0 ? 0 : t - 1);
     },
-    deselectLabelText() {
-      return this.showLabels ? this.deselectLabel : "";
+    onHomeKey: function() {
+      var t = this.findFocusedIndicatorIndex();
+      this.changedFocusedIndicator(t, 0);
     },
-    deselectGroupLabelText() {
-      return this.showLabels ? this.deselectGroupLabel : "";
+    onEndKey: function() {
+      var t = c.find(this.$refs.itemsContainer, '[data-pc-section="thumbnailitem"]'), i = this.findFocusedIndicatorIndex();
+      this.changedFocusedIndicator(i, t.length - 1);
     },
-    selectLabelText() {
-      return this.showLabels ? this.selectLabel : "";
+    onTabKey: function() {
+      var t = B(c.find(this.$refs.itemsContainer, '[data-pc-section="thumbnailitem"]')), i = t.findIndex(function(a) {
+        return c.getAttribute(a, "data-p-active") === !0;
+      }), n = c.findSingle(this.$refs.itemsContainer, '[tabindex="0"]'), r = t.findIndex(function(a) {
+        return a === n.parentElement;
+      });
+      t[r].children[0].tabIndex = "-1", t[i].children[0].tabIndex = "0";
     },
-    selectGroupLabelText() {
-      return this.showLabels ? this.selectGroupLabel : "";
+    findFocusedIndicatorIndex: function() {
+      var t = B(c.find(this.$refs.itemsContainer, '[data-pc-section="thumbnailitem"]')), i = c.findSingle(this.$refs.itemsContainer, '[data-pc-section="thumbnailitem"] > [tabindex="0"]');
+      return t.findIndex(function(n) {
+        return n === i.parentElement;
+      });
     },
-    selectedLabelText() {
-      return this.showLabels ? this.selectedLabel : "";
+    changedFocusedIndicator: function(t, i) {
+      var n = c.find(this.$refs.itemsContainer, '[data-pc-section="thumbnailitem"]');
+      n[t].children[0].tabIndex = "-1", n[i].children[0].tabIndex = "0", n[i].children[0].focus();
     },
-    inputStyle() {
-      return this.searchable || this.multiple && this.modelValue && this.modelValue.length ? this.isOpen ? { width: "100%" } : { width: "0", position: "absolute", padding: "0" } : "";
+    onTransitionEnd: function(t) {
+      this.$refs.itemsContainer && t.propertyName === "transform" && (document.body.setAttribute("data-p-items-hidden", "true"), !this.isUnstyled && c.addClass(this.$refs.itemsContainer, "p-items-hidden"), this.$refs.itemsContainer.style.transition = "");
     },
-    contentStyle() {
-      return this.options.length ? { display: "inline-block" } : { display: "block" };
+    onTouchStart: function(t) {
+      var i = t.changedTouches[0];
+      this.startPos = {
+        x: i.pageX,
+        y: i.pageY
+      };
     },
-    isAbove() {
-      return this.openDirection === "above" || this.openDirection === "top" ? !0 : this.openDirection === "below" || this.openDirection === "bottom" ? !1 : this.preferredOpenDirection === "above";
+    onTouchMove: function(t) {
+      t.cancelable && t.preventDefault();
     },
-    showSearchInput() {
-      return this.searchable && (this.hasSingleSelectedSlot && (this.visibleSingleValue || this.visibleSingleValue === 0) ? this.isOpen : !0);
+    onTouchEnd: function(t) {
+      var i = t.changedTouches[0];
+      this.isVertical ? this.changePageOnTouch(t, i.pageY - this.startPos.y) : this.changePageOnTouch(t, i.pageX - this.startPos.x);
     },
-    isRequired() {
-      return this.required === !1 ? !1 : this.internalValue.length <= 0;
+    changePageOnTouch: function(t, i) {
+      i < 0 ? this.navForward(t) : this.navBackward(t);
+    },
+    getTotalPageNumber: function() {
+      return this.value.length > this.d_numVisible ? this.value.length - this.d_numVisible + 1 : 0;
+    },
+    createStyle: function() {
+      if (!this.thumbnailsStyle) {
+        var t;
+        this.thumbnailsStyle = document.createElement("style"), this.thumbnailsStyle.type = "text/css", c.setAttribute(this.thumbnailsStyle, "nonce", (t = this.$primevue) === null || t === void 0 || (t = t.config) === null || t === void 0 || (t = t.csp) === null || t === void 0 ? void 0 : t.nonce), document.body.appendChild(this.thumbnailsStyle);
+      }
+      var i = `
+                #`.concat(this.containerId, ` [data-pc-section="thumbnailitem"] {
+                    flex: 1 0 `).concat(100 / this.d_numVisible, `%
+                }
+            `);
+      if (this.responsiveOptions && !this.isUnstyled) {
+        this.sortedResponsiveOptions = B(this.responsiveOptions);
+        var n = $.localeComparator();
+        this.sortedResponsiveOptions.sort(function(v, u) {
+          var o = v.breakpoint, m = u.breakpoint;
+          return $.sort(o, m, -1, n);
+        });
+        for (var r = 0; r < this.sortedResponsiveOptions.length; r++) {
+          var a = this.sortedResponsiveOptions[r];
+          i += `
+                        @media screen and (max-width: `.concat(a.breakpoint, `) {
+                            #`).concat(this.containerId, ` .p-galleria-thumbnail-item {
+                                flex: 1 0 `).concat(100 / a.numVisible, `%
+                            }
+                        }
+                    `);
+        }
+      }
+      this.thumbnailsStyle.innerHTML = i;
+    },
+    calculatePosition: function() {
+      if (this.$refs.itemsContainer && this.sortedResponsiveOptions) {
+        for (var t = window.innerWidth, i = {
+          numVisible: this.numVisible
+        }, n = 0; n < this.sortedResponsiveOptions.length; n++) {
+          var r = this.sortedResponsiveOptions[n];
+          parseInt(r.breakpoint, 10) >= t && (i = r);
+        }
+        this.d_numVisible !== i.numVisible && (this.d_numVisible = i.numVisible);
+      }
+    },
+    bindDocumentListeners: function() {
+      var t = this;
+      this.documentResizeListener || (this.documentResizeListener = function() {
+        t.calculatePosition();
+      }, window.addEventListener("resize", this.documentResizeListener));
+    },
+    unbindDocumentListeners: function() {
+      this.documentResizeListener && (window.removeEventListener("resize", this.documentResizeListener), this.documentResizeListener = null);
+    },
+    isNavBackwardDisabled: function() {
+      return !this.circular && this.d_activeIndex === 0 || this.value.length <= this.d_numVisible;
+    },
+    isNavForwardDisabled: function() {
+      return !this.circular && this.d_activeIndex === this.value.length - 1 || this.value.length <= this.d_numVisible;
+    },
+    firstItemAciveIndex: function() {
+      return this.totalShiftedItems * -1;
+    },
+    lastItemActiveIndex: function() {
+      return this.firstItemAciveIndex() + this.d_numVisible - 1;
+    },
+    isItemActive: function(t) {
+      return this.firstItemAciveIndex() <= t && this.lastItemActiveIndex() >= t;
+    },
+    ariaPageLabel: function(t) {
+      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.pageLabel.replace(/{page}/g, t) : void 0;
+    }
+  },
+  computed: {
+    ariaPrevButtonLabel: function() {
+      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.prevPageLabel : void 0;
+    },
+    ariaNextButtonLabel: function() {
+      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.nextPageLabel : void 0;
+    }
+  },
+  components: {
+    ChevronLeftIcon: H,
+    ChevronRightIcon: M,
+    ChevronUpIcon: te,
+    ChevronDownIcon: ee
+  },
+  directives: {
+    ripple: L
+  }
+};
+function S(e) {
+  "@babel/helpers - typeof";
+  return S = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, S(e);
+}
+function E(e, t) {
+  var i = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), i.push.apply(i, n);
+  }
+  return i;
+}
+function x(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var i = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? E(Object(i), !0).forEach(function(n) {
+      be(e, n, i[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(i)) : E(Object(i)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(i, n));
+    });
+  }
+  return e;
+}
+function be(e, t, i) {
+  return t = Ie(t), t in e ? Object.defineProperty(e, t, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = i, e;
+}
+function Ie(e) {
+  var t = ye(e, "string");
+  return S(t) == "symbol" ? t : String(t);
+}
+function ye(e, t) {
+  if (S(e) != "object" || !e) return e;
+  var i = e[Symbol.toPrimitive];
+  if (i !== void 0) {
+    var n = i.call(e, t);
+    if (S(n) != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+var ge = ["disabled", "aria-label"], Se = ["data-p-active", "aria-selected", "aria-controls", "onKeydown", "data-p-galleria-thumbnail-item-current", "data-p-galleria-thumbnail-item-active", "data-p-galleria-thumbnail-item-start", "data-p-galleria-thumbnail-item-end"], we = ["tabindex", "aria-label", "aria-current", "onClick"], Pe = ["disabled", "aria-label"];
+function xe(e, t, i, n, r, a) {
+  var v = C("ripple");
+  return s(), d("div", l({
+    class: e.cx("thumbnailWrapper")
+  }, e.ptm("thumbnailWrapper")), [b("div", l({
+    class: e.cx("thumbnailContainer")
+  }, e.ptm("thumbnailContainer")), [i.showThumbnailNavigators ? y((s(), d("button", l({
+    key: 0,
+    class: e.cx("previousThumbnailButton"),
+    disabled: a.isNavBackwardDisabled(),
+    type: "button",
+    "aria-label": a.ariaPrevButtonLabel,
+    onClick: t[0] || (t[0] = function(u) {
+      return a.navBackward(u);
+    })
+  }, x(x({}, i.prevButtonProps), e.ptm("previousThumbnailButton")), {
+    "data-pc-group-section": "thumbnailnavigator"
+  }), [(s(), f(p(i.templates.previousthumbnailicon || (i.isVertical ? "ChevronUpIcon" : "ChevronLeftIcon")), l({
+    class: e.cx("previousThumbnailIcon")
+  }, e.ptm("previousThumbnailIcon")), null, 16, ["class"]))], 16, ge)), [[v]]) : h("", !0), b("div", l({
+    class: e.cx("thumbnailItemsContainer"),
+    style: {
+      height: i.isVertical ? i.contentHeight : ""
     }
+  }, e.ptm("thumbnailItemsContainer")), [b("div", l({
+    ref: "itemsContainer",
+    class: e.cx("thumbnailItems"),
+    role: "tablist",
+    onTransitionend: t[1] || (t[1] = function(u) {
+      return a.onTransitionEnd(u);
+    }),
+    onTouchstart: t[2] || (t[2] = function(u) {
+      return a.onTouchStart(u);
+    }),
+    onTouchmove: t[3] || (t[3] = function(u) {
+      return a.onTouchMove(u);
+    }),
+    onTouchend: t[4] || (t[4] = function(u) {
+      return a.onTouchEnd(u);
+    })
+  }, e.ptm("thumbnailItems")), [(s(!0), d(U, null, G(i.value, function(u, o) {
+    return s(), d("div", l({
+      key: "p-galleria-thumbnail-item-".concat(o),
+      class: e.cx("thumbnailItem", {
+        index: o,
+        activeIndex: i.activeIndex
+      }),
+      role: "tab",
+      "data-p-active": i.activeIndex === o,
+      "aria-selected": i.activeIndex === o,
+      "aria-controls": i.containerId + "_item_" + o,
+      onKeydown: function(I) {
+        return a.onThumbnailKeydown(I, o);
+      }
+    }, e.ptm("thumbnailItem"), {
+      "data-p-galleria-thumbnail-item-current": i.activeIndex === o,
+      "data-p-galleria-thumbnail-item-active": a.isItemActive(o),
+      "data-p-galleria-thumbnail-item-start": a.firstItemAciveIndex() === o,
+      "data-p-galleria-thumbnail-item-end": a.lastItemActiveIndex() === o
+    }), [b("div", l({
+      class: e.cx("thumbnailItemContent"),
+      tabindex: i.activeIndex === o ? "0" : "-1",
+      "aria-label": a.ariaPageLabel(o + 1),
+      "aria-current": i.activeIndex === o ? "page" : void 0,
+      onClick: function(I) {
+        return a.onItemClick(o);
+      }
+    }, e.ptm("thumbnailItemContent")), [i.templates.thumbnail ? (s(), f(p(i.templates.thumbnail), {
+      key: 0,
+      item: u
+    }, null, 8, ["item"])) : h("", !0)], 16, we)], 16, Se);
+  }), 128))], 16)], 16), i.showThumbnailNavigators ? y((s(), d("button", l({
+    key: 1,
+    class: e.cx("nextThumbnailButton"),
+    disabled: a.isNavForwardDisabled(),
+    type: "button",
+    "aria-label": a.ariaNextButtonLabel,
+    onClick: t[5] || (t[5] = function(u) {
+      return a.navForward(u);
+    })
+  }, x(x({}, i.nextButtonProps), e.ptm("nextThumbnailButton")), {
+    "data-pc-group-section": "thumbnailnavigator"
+  }), [(s(), f(p(i.templates.nextthumbnailicon || (i.isVertical ? "ChevronDownIcon" : "ChevronRightIcon")), l({
+    class: e.cx("nextThumbnailIcon")
+  }, e.ptm("nextThumbnailIcon")), null, 16, ["class"]))], 16, Pe)), [[v]]) : h("", !0)], 16)], 16);
+}
+W.render = xe;
+function w(e) {
+  "@babel/helpers - typeof";
+  return w = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, w(e);
+}
+function K(e, t) {
+  var i = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), i.push.apply(i, n);
+  }
+  return i;
+}
+function j(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var i = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? K(Object(i), !0).forEach(function(n) {
+      Ae(e, n, i[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(i)) : K(Object(i)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(i, n));
+    });
+  }
+  return e;
+}
+function Ae(e, t, i) {
+  return t = Oe(t), t in e ? Object.defineProperty(e, t, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = i, e;
+}
+function Oe(e) {
+  var t = Ce(e, "string");
+  return w(t) == "symbol" ? t : String(t);
+}
+function Ce(e, t) {
+  if (w(e) != "object" || !e) return e;
+  var i = e[Symbol.toPrimitive];
+  if (i !== void 0) {
+    var n = i.call(e, t);
+    if (w(n) != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+var Z = {
+  name: "GalleriaContent",
+  hostName: "Galleria",
+  extends: O,
+  inheritAttrs: !1,
+  interval: null,
+  emits: ["activeitem-change", "mask-hide"],
+  data: function() {
+    return {
+      id: this.$attrs.id || k(),
+      activeIndex: this.$attrs.activeIndex,
+      numVisible: this.$attrs.numVisible,
+      slideShowActive: !1
+    };
   },
   watch: {
-    isOpen(e) {
-      e && (this.useTeleport ? (this.ready = !1, this.$nextTick(() => {
-        const t = this.$el.getBoundingClientRect();
-        this.dropdownStyles = {
-          position: "absolute",
-          top: `${t.bottom + window.scrollY}px`,
-          left: `${t.left + window.scrollX}px`,
-          width: `${t.width}px`,
-          zIndex: 9999
-        }, this.ready = !0;
-      })) : this.ready = !0);
+    "$attrs.id": function(t) {
+      this.id = t || k();
+    },
+    "$attrs.value": function(t) {
+      t && t.length < this.numVisible && (this.numVisible = t.length);
+    },
+    "$attrs.activeIndex": function(t) {
+      this.activeIndex = t;
+    },
+    "$attrs.numVisible": function(t) {
+      this.numVisible = t;
+    },
+    "$attrs.autoPlay": function(t) {
+      t ? this.startSlideShow() : this.stopSlideShow();
     }
+  },
+  mounted: function() {
+    this.id = this.id || k();
+  },
+  updated: function() {
+    this.$emit("activeitem-change", this.activeIndex);
+  },
+  beforeUnmount: function() {
+    this.slideShowActive && this.stopSlideShow();
+  },
+  methods: {
+    getPTOptions: function(t) {
+      return this.ptm(t, {
+        props: j(j({}, this.$attrs), {}, {
+          pt: this.pt,
+          unstyled: this.unstyled
+        })
+      });
+    },
+    isAutoPlayActive: function() {
+      return this.slideShowActive;
+    },
+    startSlideShow: function() {
+      var t = this;
+      this.interval = setInterval(function() {
+        var i = t.$attrs.circular && t.$attrs.value.length - 1 === t.activeIndex ? 0 : t.activeIndex + 1;
+        t.activeIndex = i;
+      }, this.$attrs.transitionInterval), this.slideShowActive = !0;
+    },
+    stopSlideShow: function() {
+      this.interval && clearInterval(this.interval), this.slideShowActive = !1;
+    },
+    getPositionClass: function(t, i) {
+      var n = ["top", "left", "bottom", "right"], r = n.find(function(a) {
+        return a === i;
+      });
+      return r ? "".concat(t, "-").concat(r) : "";
+    },
+    isVertical: function() {
+      return this.$attrs.thumbnailsPosition === "left" || this.$attrs.thumbnailsPosition === "right";
+    }
+  },
+  computed: {
+    closeAriaLabel: function() {
+      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.close : void 0;
+    }
+  },
+  components: {
+    GalleriaItem: _,
+    GalleriaThumbnails: W,
+    TimesIcon: J
+  },
+  directives: {
+    ripple: L
   }
 };
-const N = ["tabindex", "aria-expanded", "aria-owns", "aria-activedescendant"], K = {
-  ref: "tags",
-  class: "multiselect__tags"
-}, R = { class: "multiselect__tags-wrap" }, q = ["textContent"], z = ["onKeydown", "onMousedown"], j = ["textContent"], I = { class: "multiselect__spinner" }, W = ["name", "id", "spellcheck", "placeholder", "required", "value", "disabled", "tabindex", "aria-label", "aria-controls"], U = ["id", "aria-multiselectable"], X = { key: 0 }, Y = { class: "multiselect__option" }, J = ["aria-selected", "id", "role"], Q = ["onClick", "onMouseenter", "data-select", "data-selected", "data-deselect"], Z = ["data-select", "data-deselect", "onMouseenter", "onMousedown"], x = { class: "multiselect__option" }, _ = { class: "multiselect__option" };
-function ee(e, t, i, l, a, n) {
-  return d(), p("div", {
-    tabindex: e.searchable ? -1 : i.tabindex,
-    class: y([{ "multiselect--active": e.isOpen, "multiselect--disabled": i.disabled, "multiselect--above": n.isAbove, "multiselect--has-options-group": n.hasOptionGroup }, "multiselect"]),
-    onFocus: t[14] || (t[14] = (s) => e.activate()),
-    onBlur: t[15] || (t[15] = (s) => e.searchable ? !1 : e.deactivate()),
-    onKeydown: [
-      t[16] || (t[16] = f(r((s) => e.pointerForward(), ["self", "prevent"]), ["down"])),
-      t[17] || (t[17] = f(r((s) => e.pointerBackward(), ["self", "prevent"]), ["up"])),
-      t[18] || (t[18] = f(r((s) => e.addPointerElement(s), ["stop", "self"]), ["enter", "tab"]))
-    ],
-    onKeyup: t[19] || (t[19] = f((s) => e.deactivate(), ["esc"])),
-    role: "combobox",
-    "aria-expanded": e.isOpen,
-    "aria-owns": "listbox-" + e.id,
-    "aria-activedescendant": e.isOpen && e.pointer !== null ? e.id + "-" + e.pointer : null
-  }, [
-    o(e.$slots, "caret", { toggle: e.toggle }, () => [
-      u(
-        "div",
-        {
-          onMousedown: t[0] || (t[0] = r((s) => e.toggle(), ["prevent", "stop"])),
-          class: "multiselect__select"
-        },
-        null,
-        32
-        /* NEED_HYDRATION */
-      )
-    ]),
-    o(e.$slots, "clear", { search: e.search }),
-    u(
-      "div",
-      K,
-      [
-        o(e.$slots, "selection", {
-          search: e.search,
-          remove: e.removeElement,
-          values: n.visibleValues,
-          isOpen: e.isOpen
-        }, () => [
-          v(u(
-            "div",
-            R,
-            [
-              (d(!0), p(
-                L,
-                null,
-                $(n.visibleValues, (s, h) => o(e.$slots, "tag", {
-                  option: s,
-                  search: e.search,
-                  remove: e.removeElement
-                }, () => [
-                  (d(), p(
-                    "span",
-                    {
-                      class: "multiselect__tag",
-                      key: h,
-                      onMousedown: t[1] || (t[1] = r(() => {
-                      }, ["prevent"]))
-                    },
-                    [
-                      u("span", {
-                        textContent: g(e.getOptionLabel(s))
-                      }, null, 8, q),
-                      u("i", {
-                        tabindex: "1",
-                        onKeydown: f(r((m) => e.removeElement(s), ["prevent"]), ["enter"]),
-                        onMousedown: r((m) => e.removeElement(s), ["prevent"]),
-                        class: "multiselect__tag-icon"
-                      }, null, 40, z)
-                    ],
-                    32
-                    /* NEED_HYDRATION */
-                  ))
-                ])),
-                256
-                /* UNKEYED_FRAGMENT */
-              ))
-            ],
-            512
-            /* NEED_PATCH */
-          ), [
-            [w, n.visibleValues.length > 0]
-          ]),
-          e.internalValue && e.internalValue.length > i.limit ? o(e.$slots, "limit", { key: 0 }, () => [
-            u("strong", {
-              class: "multiselect__strong",
-              textContent: g(i.limitText(e.internalValue.length - i.limit))
-            }, null, 8, j)
-          ]) : c("v-if", !0)
-        ]),
-        B(k, { name: "multiselect__loading" }, {
-          default: T(() => [
-            o(e.$slots, "loading", {}, () => [
-              v(u(
-                "div",
-                I,
-                null,
-                512
-                /* NEED_PATCH */
-              ), [
-                [w, i.loading]
-              ])
-            ])
-          ]),
-          _: 3
-          /* FORWARDED */
+function P(e) {
+  "@babel/helpers - typeof";
+  return P = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, P(e);
+}
+function F(e, t) {
+  var i = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), i.push.apply(i, n);
+  }
+  return i;
+}
+function R(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var i = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? F(Object(i), !0).forEach(function(n) {
+      Te(e, n, i[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(i)) : F(Object(i)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(i, n));
+    });
+  }
+  return e;
+}
+function Te(e, t, i) {
+  return t = ke(t), t in e ? Object.defineProperty(e, t, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = i, e;
+}
+function ke(e) {
+  var t = Be(e, "string");
+  return P(t) == "symbol" ? t : String(t);
+}
+function Be(e, t) {
+  if (P(e) != "object" || !e) return e;
+  var i = e[Symbol.toPrimitive];
+  if (i !== void 0) {
+    var n = i.call(e, t);
+    if (P(n) != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+var Ve = ["id", "aria-label", "aria-roledescription"], Ne = ["aria-label"], Le = ["aria-live"];
+function $e(e, t, i, n, r, a) {
+  var v = A("GalleriaItem"), u = A("GalleriaThumbnails"), o = C("ripple");
+  return e.$attrs.value && e.$attrs.value.length > 0 ? (s(), d("div", l({
+    key: 0,
+    id: r.id,
+    role: "region",
+    class: [e.cx("root"), e.$attrs.containerClass],
+    style: e.$attrs.containerStyle,
+    "aria-label": e.$attrs.ariaLabel,
+    "aria-roledescription": e.$attrs.ariaRoledescription
+  }, R(R({}, e.$attrs.containerProps), a.getPTOptions("root"))), [e.$attrs.fullScreen ? y((s(), d("button", l({
+    key: 0,
+    autofocus: "",
+    type: "button",
+    class: e.cx("closeButton"),
+    "aria-label": a.closeAriaLabel,
+    onClick: t[0] || (t[0] = function(m) {
+      return e.$emit("mask-hide");
+    })
+  }, a.getPTOptions("closeButton")), [(s(), f(p(e.$attrs.templates.closeicon || "TimesIcon"), l({
+    class: e.cx("closeIcon")
+  }, a.getPTOptions("closeIcon")), null, 16, ["class"]))], 16, Ne)), [[o]]) : h("", !0), e.$attrs.templates && e.$attrs.templates.header ? (s(), d("div", l({
+    key: 1,
+    class: e.cx("header")
+  }, a.getPTOptions("header")), [(s(), f(p(e.$attrs.templates.header)))], 16)) : h("", !0), b("div", l({
+    class: e.cx("content"),
+    "aria-live": e.$attrs.autoPlay ? "polite" : "off"
+  }, a.getPTOptions("content")), [z(v, {
+    id: r.id,
+    activeIndex: r.activeIndex,
+    "onUpdate:activeIndex": t[1] || (t[1] = function(m) {
+      return r.activeIndex = m;
+    }),
+    slideShowActive: r.slideShowActive,
+    "onUpdate:slideShowActive": t[2] || (t[2] = function(m) {
+      return r.slideShowActive = m;
+    }),
+    value: e.$attrs.value,
+    circular: e.$attrs.circular,
+    templates: e.$attrs.templates,
+    showIndicators: e.$attrs.showIndicators,
+    changeItemOnIndicatorHover: e.$attrs.changeItemOnIndicatorHover,
+    showItemNavigators: e.$attrs.showItemNavigators,
+    autoPlay: e.$attrs.autoPlay,
+    onStartSlideshow: a.startSlideShow,
+    onStopSlideshow: a.stopSlideShow,
+    pt: e.pt,
+    unstyled: e.unstyled
+  }, null, 8, ["id", "activeIndex", "slideShowActive", "value", "circular", "templates", "showIndicators", "changeItemOnIndicatorHover", "showItemNavigators", "autoPlay", "onStartSlideshow", "onStopSlideshow", "pt", "unstyled"]), e.$attrs.showThumbnails ? (s(), f(u, {
+    key: 0,
+    activeIndex: r.activeIndex,
+    "onUpdate:activeIndex": t[3] || (t[3] = function(m) {
+      return r.activeIndex = m;
+    }),
+    slideShowActive: r.slideShowActive,
+    "onUpdate:slideShowActive": t[4] || (t[4] = function(m) {
+      return r.slideShowActive = m;
+    }),
+    containerId: r.id,
+    value: e.$attrs.value,
+    templates: e.$attrs.templates,
+    numVisible: r.numVisible,
+    responsiveOptions: e.$attrs.responsiveOptions,
+    circular: e.$attrs.circular,
+    isVertical: a.isVertical(),
+    contentHeight: e.$attrs.verticalThumbnailViewPortHeight,
+    showThumbnailNavigators: e.$attrs.showThumbnailNavigators,
+    prevButtonProps: e.$attrs.prevButtonProps,
+    nextButtonProps: e.$attrs.nextButtonProps,
+    onStopSlideshow: a.stopSlideShow,
+    pt: e.pt,
+    unstyled: e.unstyled
+  }, null, 8, ["activeIndex", "slideShowActive", "containerId", "value", "templates", "numVisible", "responsiveOptions", "circular", "isVertical", "contentHeight", "showThumbnailNavigators", "prevButtonProps", "nextButtonProps", "onStopSlideshow", "pt", "unstyled"])) : h("", !0)], 16, Le), e.$attrs.templates && e.$attrs.templates.footer ? (s(), d("div", l({
+    key: 2,
+    class: e.cx("footer")
+  }, a.getPTOptions("footer")), [(s(), f(p(e.$attrs.templates.footer)))], 16)) : h("", !0)], 16, Ve)) : h("", !0);
+}
+Z.render = $e;
+var De = {
+  name: "Galleria",
+  extends: ie,
+  inheritAttrs: !1,
+  emits: ["update:activeIndex", "update:visible"],
+  container: null,
+  mask: null,
+  data: function() {
+    return {
+      containerVisible: this.visible
+    };
+  },
+  updated: function() {
+    this.fullScreen && this.visible && (this.containerVisible = this.visible);
+  },
+  beforeUnmount: function() {
+    this.fullScreen && c.unblockBodyScroll(), this.mask = null, this.container && (T.clear(this.container), this.container = null);
+  },
+  methods: {
+    onBeforeEnter: function(t) {
+      T.set("modal", t, this.baseZIndex || this.$primevue.config.zIndex.modal);
+    },
+    onEnter: function(t) {
+      this.mask.style.zIndex = String(parseInt(t.style.zIndex, 10) - 1), c.blockBodyScroll(), this.focus();
+    },
+    onBeforeLeave: function() {
+      !this.isUnstyled && c.addClass(this.mask, "p-component-overlay-leave");
+    },
+    onAfterLeave: function(t) {
+      T.clear(t), this.containerVisible = !1, c.unblockBodyScroll();
+    },
+    onActiveItemChange: function(t) {
+      this.activeIndex !== t && this.$emit("update:activeIndex", t);
+    },
+    maskHide: function() {
+      this.$emit("update:visible", !1);
+    },
+    containerRef: function(t) {
+      this.container = t;
+    },
+    maskRef: function(t) {
+      this.mask = t;
+    },
+    focus: function() {
+      var t = this.container.$el.querySelector("[autofocus]");
+      t && t.focus();
+    }
+  },
+  components: {
+    GalleriaContent: Z,
+    Portal: X
+  },
+  directives: {
+    focustrap: q
+  }
+}, Ee = ["aria-modal"];
+function Ke(e, t, i, n, r, a) {
+  var v = A("GalleriaContent"), u = A("Portal"), o = C("focustrap");
+  return e.fullScreen ? (s(), f(u, {
+    key: 0
+  }, {
+    default: D(function() {
+      return [r.containerVisible ? (s(), d("div", l({
+        key: 0,
+        ref: a.maskRef,
+        class: [e.cx("mask"), e.maskClass],
+        role: "dialog",
+        "aria-modal": e.fullScreen ? "true" : void 0
+      }, e.ptm("mask")), [z(Q, l({
+        name: "p-galleria",
+        onBeforeEnter: a.onBeforeEnter,
+        onEnter: a.onEnter,
+        onBeforeLeave: a.onBeforeLeave,
+        onAfterLeave: a.onAfterLeave,
+        appear: ""
+      }, e.ptm("transition")), {
+        default: D(function() {
+          return [e.visible ? y((s(), f(v, l({
+            key: 0,
+            ref: a.containerRef,
+            onMaskHide: a.maskHide,
+            templates: e.$slots,
+            onActiveitemChange: a.onActiveItemChange,
+            pt: e.pt,
+            unstyled: e.unstyled
+          }, e.$props), null, 16, ["onMaskHide", "templates", "onActiveitemChange", "pt", "unstyled"])), [[o]]) : h("", !0)];
         }),
-        e.searchable ? (d(), p("input", {
-          key: 0,
-          ref: "search",
-          name: i.name,
-          id: e.id,
-          type: "text",
-          autocomplete: "off",
-          spellcheck: i.spellcheck,
-          placeholder: e.placeholder,
-          required: n.isRequired,
-          style: S(n.inputStyle),
-          value: e.search,
-          disabled: i.disabled,
-          tabindex: i.tabindex,
-          "aria-label": i.name + "-searchbox",
-          onInput: t[2] || (t[2] = (s) => e.updateSearch(s.target.value)),
-          onFocus: t[3] || (t[3] = r((s) => e.activate(), ["prevent"])),
-          onBlur: t[4] || (t[4] = r((s) => e.deactivate(), ["prevent"])),
-          onKeyup: t[5] || (t[5] = f((s) => e.deactivate(), ["esc"])),
-          onKeydown: [
-            t[6] || (t[6] = f(r((s) => e.pointerForward(), ["prevent"]), ["down"])),
-            t[7] || (t[7] = f(r((s) => e.pointerBackward(), ["prevent"]), ["up"])),
-            t[8] || (t[8] = f(r((s) => e.addPointerElement(s), ["prevent", "stop", "self"]), ["enter"])),
-            t[9] || (t[9] = f(r((s) => e.removeLastElement(), ["stop"]), ["delete"]))
-          ],
-          class: "multiselect__input",
-          "aria-controls": "listbox-" + e.id
-        }, null, 44, W)) : c("v-if", !0),
-        n.isSingleLabelVisible ? (d(), p(
-          "span",
-          {
-            key: 1,
-            class: "multiselect__single",
-            onMousedown: t[10] || (t[10] = r((...s) => e.toggle && e.toggle(...s), ["prevent"]))
-          },
-          [
-            o(e.$slots, "singleLabel", { option: n.singleValue }, () => [
-              b(
-                g(e.currentOptionLabel),
-                1
-                /* TEXT */
-              )
-            ])
-          ],
-          32
-          /* NEED_HYDRATION */
-        )) : c("v-if", !0),
-        n.isPlaceholderVisible ? (d(), p(
-          "span",
-          {
-            key: 2,
-            class: "multiselect__placeholder",
-            onMousedown: t[11] || (t[11] = r((...s) => e.toggle && e.toggle(...s), ["prevent"]))
-          },
-          [
-            o(e.$slots, "placeholder", {}, () => [
-              b(
-                g(e.placeholder),
-                1
-                /* TEXT */
-              )
-            ])
-          ],
-          32
-          /* NEED_HYDRATION */
-        )) : c("v-if", !0)
-      ],
-      512
-      /* NEED_PATCH */
-    ),
-    (d(), E(A, {
-      to: "body",
-      disabled: !i.useTeleport
-    }, [
-      B(k, { name: "multiselect" }, {
-        default: T(() => [
-          e.isOpen && a.ready ? (d(), p(
-            "div",
-            {
-              key: 0,
-              class: y(["multiselect__content-wrapper", i.contentWrapperClass]),
-              onFocus: t[12] || (t[12] = (...s) => e.activate && e.activate(...s)),
-              tabindex: "-1",
-              onMousedown: t[13] || (t[13] = r(() => {
-              }, ["prevent"])),
-              style: S([a.dropdownStyles, { maxHeight: e.optimizedHeight + "px" }]),
-              ref: "list"
-            },
-            [
-              u("ul", {
-                class: "multiselect__content",
-                style: S(n.contentStyle),
-                role: "listbox",
-                id: "listbox-" + e.id,
-                "aria-multiselectable": e.multiple
-              }, [
-                o(e.$slots, "beforeList"),
-                e.multiple && e.max === e.internalValue.length ? (d(), p("li", X, [
-                  u("span", Y, [
-                    o(e.$slots, "maxElements", {}, () => [
-                      b(
-                        "Maximum of " + g(e.max) + " options selected. First remove a selected option to select another.",
-                        1
-                        /* TEXT */
-                      )
-                    ])
-                  ])
-                ])) : c("v-if", !0),
-                !e.max || e.internalValue.length < e.max ? (d(!0), p(
-                  L,
-                  { key: 1 },
-                  $(e.filteredOptions, (s, h) => (d(), p("li", {
-                    class: "multiselect__element",
-                    key: h,
-                    "aria-selected": e.isSelected(s),
-                    id: e.id + "-" + h,
-                    role: s && (s.$isLabel || s.$isDisabled) ? null : "option"
-                  }, [
-                    s && (s.$isLabel || s.$isDisabled) ? c("v-if", !0) : (d(), p("span", {
-                      key: 0,
-                      class: y([e.optionHighlight(h, s), "multiselect__option"]),
-                      onClick: r((m) => e.select(s), ["stop"]),
-                      onMouseenter: r((m) => e.pointerSet(h), ["self"]),
-                      "data-select": s && s.isTag ? e.tagPlaceholder : n.selectLabelText,
-                      "data-selected": n.selectedLabelText,
-                      "data-deselect": n.deselectLabelText
-                    }, [
-                      o(e.$slots, "option", {
-                        option: s,
-                        search: e.search,
-                        index: h
-                      }, () => [
-                        u(
-                          "span",
-                          null,
-                          g(e.getOptionLabel(s)),
-                          1
-                          /* TEXT */
-                        )
-                      ])
-                    ], 42, Q)),
-                    s && (s.$isLabel || s.$isDisabled) ? (d(), p("span", {
-                      key: 1,
-                      "data-select": e.groupSelect && n.selectGroupLabelText,
-                      "data-deselect": e.groupSelect && n.deselectGroupLabelText,
-                      class: y([e.groupHighlight(h, s), "multiselect__option"]),
-                      onMouseenter: r((m) => e.groupSelect && e.pointerSet(h), ["self"]),
-                      onMousedown: r((m) => e.selectGroup(s), ["prevent"])
-                    }, [
-                      o(e.$slots, "option", {
-                        option: s,
-                        search: e.search,
-                        index: h
-                      }, () => [
-                        u(
-                          "span",
-                          null,
-                          g(e.getOptionLabel(s)),
-                          1
-                          /* TEXT */
-                        )
-                      ])
-                    ], 42, Z)) : c("v-if", !0)
-                  ], 8, J))),
-                  128
-                  /* KEYED_FRAGMENT */
-                )) : c("v-if", !0),
-                v(u(
-                  "li",
-                  null,
-                  [
-                    u("span", x, [
-                      o(e.$slots, "noResult", { search: e.search }, () => [
-                        t[20] || (t[20] = b("No elements found. Consider changing the search query."))
-                      ])
-                    ])
-                  ],
-                  512
-                  /* NEED_PATCH */
-                ), [
-                  [w, i.showNoResults && e.filteredOptions.length === 0 && e.search && !i.loading]
-                ]),
-                v(u(
-                  "li",
-                  null,
-                  [
-                    u("span", _, [
-                      o(e.$slots, "noOptions", {}, () => [
-                        t[21] || (t[21] = b("List is empty."))
-                      ])
-                    ])
-                  ],
-                  512
-                  /* NEED_PATCH */
-                ), [
-                  [w, i.showNoOptions && (e.options.length === 0 || n.hasOptionGroup === !0 && e.filteredOptions.length === 0) && !e.search && !i.loading]
-                ]),
-                o(e.$slots, "afterList")
-              ], 12, U)
-            ],
-            38
-            /* CLASS, STYLE, NEED_HYDRATION */
-          )) : c("v-if", !0)
-        ]),
-        _: 3
-        /* FORWARDED */
-      })
-    ], 8, ["disabled"]))
-  ], 42, N);
+        _: 1
+      }, 16, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onAfterLeave"])], 16, Ee)) : h("", !0)];
+    }),
+    _: 1
+  })) : (s(), f(v, l({
+    key: 1,
+    templates: e.$slots,
+    onActiveitemChange: a.onActiveItemChange,
+    pt: e.pt,
+    unstyled: e.unstyled
+  }, e.$props), null, 16, ["templates", "onActiveitemChange", "pt", "unstyled"]));
 }
-H.render = ee;
+De.render = Ke;
 export {
-  H as Multiselect,
-  H as default,
-  F as multiselectMixin,
-  G as pointerMixin
+  De as default
 };