@ozdao/martyrs 0.2.437 → 0.2.439

package/dist/martyrs/src/components/Menu/Menu.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Menu/Menu.vue.js

@@ -0,0 +1,17 @@
+import { createElementBlock, openBlock, renderSlot } from "vue";
+/* empty css          */
+const _hoisted_1 = { class: "mobile-menu-section pd-r-zero pd-t-thin pd-b-thin pd-medium radius-medium" };
+const _sfc_main = {
+  __name: "Menu",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default")
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Menu.vue.js.map

package/dist/martyrs/src/components/Menu/Menu.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Popup/Popup.vue2.cjs

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const vueI18n = require("vue-i18n");
+const IconCross = require("../../modules/icons/navigation/IconCross.vue.cjs");
+;/* empty css            */
+const _hoisted_1 = {
+  key: 0,
+  class: "mn-b-small"
+};
+const _sfc_main = {
+  __name: "Popup",
+  props: {
+    isPopupOpen: {
+      type: Boolean,
+      default: false
+    },
+    style: String,
+    title: String
+  },
+  emits: ["close-popup"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    function closePopup() {
+      emits("close-popup");
+    }
+    vue.watch(() => props.isPopupOpen, (newVal) => {
+      if (newVal) {
+        document.body.classList.add("no-scroll");
+      } else {
+        document.body.classList.remove("no-scroll");
+      }
+    });
+    vueRouter.useRoute();
+    vueRouter.useRouter();
+    const text = {
+      messages: {
+        en: {},
+        ru: {}
+      }
+    };
+    const { t } = vueI18n.useI18n(text);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Transition, { name: "moveFromTop" }, {
+        default: vue.withCtx(() => [
+          __props.isPopupOpen ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
+            key: 0,
+            to: "body"
+          }, [
+            __props.isPopupOpen ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: "popup-content",
+              class: vue.normalizeClass(["pd-small z-index-6 popup-wrapper", {
+                "pd-t-extra": _ctx.MOBILE_APP === "ios"
+              }])
+            }, [
+              vue.createVNode(vue.Transition, {
+                name: "TransitionTranslateY",
+                mode: "out-in"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("section", vue.mergeProps({ class: "h-max-100 o-y-scroll pos-relative z-index-4" }, _ctx.$attrs, {
+                    class: _ctx.$attrs.class
+                  }), [
+                    __props.title ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_1, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true),
+                    vue.createVNode(IconCross.default, {
+                      fill: "rgb(var(--white))",
+                      onClick: _cache[0] || (_cache[0] = ($event) => closePopup()),
+                      class: "cursor-pointer bg-second pd-micro radius-extra pos-absolute pos-t-0 pos-r-0 mn-t-semi mn-r-semi hover-scale-1 i-medium z-index-5"
+                    }),
+                    vue.renderSlot(_ctx.$slots, "default")
+                  ], 16)
+                ]),
+                _: 3
+              }),
+              vue.createElementVNode("div", {
+                onClick: _cache[1] || (_cache[1] = ($event) => closePopup()),
+                class: vue.normalizeClass([{ "active": __props.isPopupOpen === true }, "color-overlay z-index-3"])
+              }, null, 2)
+            ], 2)) : vue.createCommentVNode("", true)
+          ])) : vue.createCommentVNode("", true)
+        ]),
+        _: 3
+      });
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Popup.vue2.cjs.map

package/dist/martyrs/src/components/Popup/Popup.vue2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.vue2.cjs","sources":["../../../../../src/components/Popup/Popup.vue"],"sourcesContent":["<template>\n\t\t<transition name=\"moveFromTop\">\n\t\t\t<teleport to=\"body\" v-if=\"isPopupOpen\">\n\t\t\t\t<div v-if=\"isPopupOpen\" key=\"popup-content\" class=\"pd-small z-index-6 popup-wrapper\"\n\t\t\t\t\t:class=\"{\n  \t\t\t\t\t'pd-t-extra': MOBILE_APP === 'ios',  \n\t\t\t\t\t}\"\n\t\t\t\t>\n\n\t\t\t\t\t<transition name=\"TransitionTranslateY\" mode=\"out-in\">\n\t\t\t\t\t\t<section class=\"h-max-100 o-y-scroll pos-relative z-index-4\" v-bind=\"$attrs\" :class=\"$attrs.class\">\n\t\t\t\t\t\t\t\t<h4 v-if=\"title\" class=\"mn-b-small\">{{title}}</h4>\n\t\t\t\t\t\t\t\t<IconCross :fill=\"'rgb(var(--white))'\" @click=\"closePopup()\" class=\"cursor-pointer bg-second pd-micro radius-extra pos-absolute pos-t-0 pos-r-0 mn-t-semi mn-r-semi hover-scale-1 i-medium z-index-5\"/>\n\t\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</section>  \n\t\t\t\t\t</transition>\n\n\t\t\t\t\t<div \n\t\t\t\t\t\t@click=\"closePopup()\" \n\t\t\t\t    :class=\"{'active':isPopupOpen === true}\" \n\t\t\t\t    class=\"color-overlay z-index-3\">\n\t\t\t\t\t</div>\n\n\t\t\t\t</div>\n\t\t</teleport>\n\t</transition>\n</template>\n\n<script setup>\nimport { computed, watch, onMounted, ref, nextTick } from 'vue';\n// Import libs\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Icons\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n// Define props\nconst props = defineProps({\n  isPopupOpen: {\n  \ttype: Boolean,\n\t  default: false\n  },\n  style: String,\n  title: String,\n});\nconst emits = defineEmits(['close-popup'])\n\nfunction closePopup() {\n  emits(\"close-popup\");\n} \n\nwatch(() => props.isPopupOpen, (newVal) => {\n  if (newVal) {\n    document.body.classList.add('no-scroll');\n  } else {\n    document.body.classList.remove('no-scroll');\n  }\n});\n\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n  \tmessages: {\n\t    en: {},\n\t    ru: {}\n\t}\n}\nconst { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n\t.no-scroll {\n\t  overflow: hidden;\n\t}\n\n\t.popup-wrapper {\n\t\tdisplay: flex;\n\t\tposition: fixed;\n\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\tleft: 0;\n\t\ttop: 0;\n\n\t\tz-index: 40;\n\n\t\t.popup {\n\t\t\tposition: absolute;\n\t\t\theight: auto;\n\t\t\tpadding: 2rem;\n\t\t\tmin-width: 24rem;\n\t\t\tborder-radius: 2rem;\n\t\t\toverflow: hidden;\n\n\t\t\tcolor: white;\n\t\t\tbackground: black;\n\n\t\t\tz-index: 40;\n\t\t}\n\t}\n\n\t.color-overlay {\n\t\tdisplay: block;\n\t\tposition: fixed;\n\n\t\tleft: 0;\n\t\ttop: 0;\n\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\tbackground: rgba(0,0,0,0.0);\n\t\tpointer-events: none;\n\n\t\ttransform: scale(1.5);\n\n\t\ttransition: all 0.5s cubic-bezier(.31,.79,.24,.92);\n\n\t\t&.active {\n\t\t\tbackground: rgba(#000,0.25);\n\t\t\tpointer-events: all;\n\t\t}\n\t}\n</style>\n"],"names":["watch","useRoute","useRouter","useI18n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoCA,UAAM,QAAQ;AAQd,UAAM,QAAQ;AAEd,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEAA,QAAK,MAAC,MAAM,MAAM,aAAa,CAAC,WAAW;AACzC,UAAI,QAAQ;AACV,iBAAS,KAAK,UAAU,IAAI,WAAW;AAAA,MAC3C,OAAS;AACL,iBAAS,KAAK,UAAU,OAAO,WAAW;AAAA,MAC9C;AAAA,IACA,CAAC;AAGaC,cAAQ,SAAA;AACPC,cAAS,UAAA;AAExB,UAAM,OAAO;AAAA,MACV,UAAU;AAAA,QACR,IAAI,CAAE;AAAA,QACN,IAAI,CAAA;AAAA,MACT;AAAA,IACA;AACA,UAAM,EAAE,EAAC,IAAKC,QAAAA,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/Popup/Popup.vue2.js

@@ -0,0 +1,90 @@
+import { watch, createBlock, openBlock, Transition, withCtx, createCommentVNode, Teleport, createElementBlock, normalizeClass, createVNode, createElementVNode, mergeProps, renderSlot, toDisplayString } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { useI18n } from "vue-i18n";
+import _sfc_main$1 from "../../modules/icons/navigation/IconCross.vue.js";
+/* empty css          */
+const _hoisted_1 = {
+  key: 0,
+  class: "mn-b-small"
+};
+const _sfc_main = {
+  __name: "Popup",
+  props: {
+    isPopupOpen: {
+      type: Boolean,
+      default: false
+    },
+    style: String,
+    title: String
+  },
+  emits: ["close-popup"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    function closePopup() {
+      emits("close-popup");
+    }
+    watch(() => props.isPopupOpen, (newVal) => {
+      if (newVal) {
+        document.body.classList.add("no-scroll");
+      } else {
+        document.body.classList.remove("no-scroll");
+      }
+    });
+    useRoute();
+    useRouter();
+    const text = {
+      messages: {
+        en: {},
+        ru: {}
+      }
+    };
+    const { t } = useI18n(text);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, { name: "moveFromTop" }, {
+        default: withCtx(() => [
+          __props.isPopupOpen ? (openBlock(), createBlock(Teleport, {
+            key: 0,
+            to: "body"
+          }, [
+            __props.isPopupOpen ? (openBlock(), createElementBlock("div", {
+              key: "popup-content",
+              class: normalizeClass(["pd-small z-index-6 popup-wrapper", {
+                "pd-t-extra": _ctx.MOBILE_APP === "ios"
+              }])
+            }, [
+              createVNode(Transition, {
+                name: "TransitionTranslateY",
+                mode: "out-in"
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("section", mergeProps({ class: "h-max-100 o-y-scroll pos-relative z-index-4" }, _ctx.$attrs, {
+                    class: _ctx.$attrs.class
+                  }), [
+                    __props.title ? (openBlock(), createElementBlock("h4", _hoisted_1, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+                    createVNode(_sfc_main$1, {
+                      fill: "rgb(var(--white))",
+                      onClick: _cache[0] || (_cache[0] = ($event) => closePopup()),
+                      class: "cursor-pointer bg-second pd-micro radius-extra pos-absolute pos-t-0 pos-r-0 mn-t-semi mn-r-semi hover-scale-1 i-medium z-index-5"
+                    }),
+                    renderSlot(_ctx.$slots, "default")
+                  ], 16)
+                ]),
+                _: 3
+              }),
+              createElementVNode("div", {
+                onClick: _cache[1] || (_cache[1] = ($event) => closePopup()),
+                class: normalizeClass([{ "active": __props.isPopupOpen === true }, "color-overlay z-index-3"])
+              }, null, 2)
+            ], 2)) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 3
+      });
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Popup.vue2.js.map

package/dist/martyrs/src/components/Popup/Popup.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.vue2.js","sources":["../../../../../src/components/Popup/Popup.vue"],"sourcesContent":["<template>\n\t\t<transition name=\"moveFromTop\">\n\t\t\t<teleport to=\"body\" v-if=\"isPopupOpen\">\n\t\t\t\t<div v-if=\"isPopupOpen\" key=\"popup-content\" class=\"pd-small z-index-6 popup-wrapper\"\n\t\t\t\t\t:class=\"{\n  \t\t\t\t\t'pd-t-extra': MOBILE_APP === 'ios',  \n\t\t\t\t\t}\"\n\t\t\t\t>\n\n\t\t\t\t\t<transition name=\"TransitionTranslateY\" mode=\"out-in\">\n\t\t\t\t\t\t<section class=\"h-max-100 o-y-scroll pos-relative z-index-4\" v-bind=\"$attrs\" :class=\"$attrs.class\">\n\t\t\t\t\t\t\t\t<h4 v-if=\"title\" class=\"mn-b-small\">{{title}}</h4>\n\t\t\t\t\t\t\t\t<IconCross :fill=\"'rgb(var(--white))'\" @click=\"closePopup()\" class=\"cursor-pointer bg-second pd-micro radius-extra pos-absolute pos-t-0 pos-r-0 mn-t-semi mn-r-semi hover-scale-1 i-medium z-index-5\"/>\n\t\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</section>  \n\t\t\t\t\t</transition>\n\n\t\t\t\t\t<div \n\t\t\t\t\t\t@click=\"closePopup()\" \n\t\t\t\t    :class=\"{'active':isPopupOpen === true}\" \n\t\t\t\t    class=\"color-overlay z-index-3\">\n\t\t\t\t\t</div>\n\n\t\t\t\t</div>\n\t\t</teleport>\n\t</transition>\n</template>\n\n<script setup>\nimport { computed, watch, onMounted, ref, nextTick } from 'vue';\n// Import libs\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Icons\nimport IconCross from '@martyrs/src/modules/icons/navigation/IconCross.vue';\n// Define props\nconst props = defineProps({\n  isPopupOpen: {\n  \ttype: Boolean,\n\t  default: false\n  },\n  style: String,\n  title: String,\n});\nconst emits = defineEmits(['close-popup'])\n\nfunction closePopup() {\n  emits(\"close-popup\");\n} \n\nwatch(() => props.isPopupOpen, (newVal) => {\n  if (newVal) {\n    document.body.classList.add('no-scroll');\n  } else {\n    document.body.classList.remove('no-scroll');\n  }\n});\n\n// Accessing router and store\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst text = {\n  \tmessages: {\n\t    en: {},\n\t    ru: {}\n\t}\n}\nconst { t } = useI18n(text)\n</script>\n\n<style lang=\"scss\">\n\t.no-scroll {\n\t  overflow: hidden;\n\t}\n\n\t.popup-wrapper {\n\t\tdisplay: flex;\n\t\tposition: fixed;\n\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\tleft: 0;\n\t\ttop: 0;\n\n\t\tz-index: 40;\n\n\t\t.popup {\n\t\t\tposition: absolute;\n\t\t\theight: auto;\n\t\t\tpadding: 2rem;\n\t\t\tmin-width: 24rem;\n\t\t\tborder-radius: 2rem;\n\t\t\toverflow: hidden;\n\n\t\t\tcolor: white;\n\t\t\tbackground: black;\n\n\t\t\tz-index: 40;\n\t\t}\n\t}\n\n\t.color-overlay {\n\t\tdisplay: block;\n\t\tposition: fixed;\n\n\t\tleft: 0;\n\t\ttop: 0;\n\n\t\twidth: 100%;\n\t\theight: 100%;\n\n\t\tbackground: rgba(0,0,0,0.0);\n\t\tpointer-events: none;\n\n\t\ttransform: scale(1.5);\n\n\t\ttransition: all 0.5s cubic-bezier(.31,.79,.24,.92);\n\n\t\t&.active {\n\t\t\tbackground: rgba(#000,0.25);\n\t\t\tpointer-events: all;\n\t\t}\n\t}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoCA,UAAM,QAAQ;AAQd,UAAM,QAAQ;AAEd,aAAS,aAAa;AACpB,YAAM,aAAa;AAAA,IACrB;AAEA,UAAM,MAAM,MAAM,aAAa,CAAC,WAAW;AACzC,UAAI,QAAQ;AACV,iBAAS,KAAK,UAAU,IAAI,WAAW;AAAA,MAC3C,OAAS;AACL,iBAAS,KAAK,UAAU,OAAO,WAAW;AAAA,MAC9C;AAAA,IACA,CAAC;AAGa,aAAQ;AACP,cAAS;AAExB,UAAM,OAAO;AAAA,MACV,UAAU;AAAA,QACR,IAAI,CAAE;AAAA,QACN,IAAI,CAAA;AAAA,MACT;AAAA,IACA;AACA,UAAM,EAAE,EAAC,IAAK,QAAQ,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/components/SelectMulti/SelectMulti.vue.cjs

@@ -0,0 +1,450 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const multiselectMixin = require("./multiselectMixin.cjs");
+const pointerMixin = require("./pointerMixin.cjs");
+const vue = require("vue");
+;/* empty css                   */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _sfc_main = {
+  name: "vue-multiselect",
+  mixins: [multiselectMixin.default, pointerMixin.default],
+  compatConfig: {
+    MODE: 3,
+    ATTR_ENUMERATED_COERCION: false
+  },
+  props: {
+    /**
+       * name attribute to match optional label element
+       * @default ''
+       * @type {String}
+       */
+    name: {
+      type: String,
+      default: ""
+    },
+    /**
+       * Presets the selected options value.
+       * @type {Object||Array||String||Integer}
+       */
+    modelValue: {
+      type: null,
+      default() {
+        return [];
+      }
+    },
+    /**
+       * 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: {
+      type: String,
+      default: "Press enter to deselect group"
+    },
+    /**
+       * Decide whether to show pointer labels
+       * @default true
+       * @type {Boolean}
+       */
+    showLabels: {
+      type: Boolean,
+      default: true
+    },
+    /**
+       * Limit the display of selected options. The rest will be hidden within the limitText string.
+       * @default 99999
+       * @type {Integer}
+       */
+    limit: {
+      type: Number,
+      default: 99999
+    },
+    /**
+       * Sets maxHeight style value of the dropdown
+       * @default 300
+       * @type {Integer}
+       */
+    maxHeight: {
+      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: (count) => `and ${count} more`
+    },
+    /**
+       * Set true to trigger the loading spinner.
+       * @default False
+       * @type {Boolean}
+       */
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    /**
+       * Disables the multiselect if true.
+       * @default false
+       * @type {Boolean}
+       */
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    /**
+       * Fixed opening direction
+       * @default ''
+       * @type {String}
+       */
+    openDirection: {
+      type: String,
+      default: ""
+    },
+    /**
+       * Shows slot with message about empty options
+       * @default true
+       * @type {Boolean}
+       */
+    showNoOptions: {
+      type: Boolean,
+      default: true
+    },
+    showNoResults: {
+      type: Boolean,
+      default: true
+    },
+    tabindex: {
+      type: Number,
+      default: 0
+    }
+  },
+  computed: {
+    hasOptionGroup() {
+      return this.groupValues && this.groupLabel && this.groupSelect;
+    },
+    isSingleLabelVisible() {
+      return (this.singleValue || this.singleValue === 0) && (!this.isOpen || !this.searchable) && !this.visibleValues.length;
+    },
+    isPlaceholderVisible() {
+      return !this.internalValue.length && (!this.searchable || !this.isOpen);
+    },
+    visibleValues() {
+      return this.multiple ? this.internalValue.slice(0, this.limit) : [];
+    },
+    singleValue() {
+      return this.internalValue[0];
+    },
+    deselectLabelText() {
+      return this.showLabels ? this.deselectLabel : "";
+    },
+    deselectGroupLabelText() {
+      return this.showLabels ? this.deselectGroupLabel : "";
+    },
+    selectLabelText() {
+      return this.showLabels ? this.selectLabel : "";
+    },
+    selectGroupLabelText() {
+      return this.showLabels ? this.selectGroupLabel : "";
+    },
+    selectedLabelText() {
+      return this.showLabels ? this.selectedLabel : "";
+    },
+    inputStyle() {
+      if (this.searchable || this.multiple && this.modelValue && this.modelValue.length) {
+        return this.isOpen ? { width: "100%" } : { width: "0", position: "absolute", padding: "0" };
+      }
+      return "";
+    },
+    contentStyle() {
+      return this.options.length ? { display: "inline-block" } : { display: "block" };
+    },
+    isAbove() {
+      if (this.openDirection === "above" || this.openDirection === "top") {
+        return true;
+      } else if (this.openDirection === "below" || this.openDirection === "bottom") {
+        return false;
+      } else {
+        return this.preferredOpenDirection === "above";
+      }
+    },
+    showSearchInput() {
+      return this.searchable && (this.hasSingleSelectedSlot && (this.visibleSingleValue || this.visibleSingleValue === 0) ? this.isOpen : true);
+    }
+  }
+};
+const _hoisted_1 = ["tabindex", "aria-owns"];
+const _hoisted_2 = {
+  ref: "tags",
+  class: "multiselect__tags"
+};
+const _hoisted_3 = { class: "multiselect__tags-wrap" };
+const _hoisted_4 = ["textContent"];
+const _hoisted_5 = ["onKeypress", "onMousedown"];
+const _hoisted_6 = ["textContent"];
+const _hoisted_7 = { class: "multiselect__spinner" };
+const _hoisted_8 = ["name", "id", "placeholder", "value", "disabled", "tabindex", "aria-controls"];
+const _hoisted_9 = ["id"];
+const _hoisted_10 = { key: 0 };
+const _hoisted_11 = { class: "multiselect__option" };
+const _hoisted_12 = ["id", "role"];
+const _hoisted_13 = ["onClick", "onMouseenter", "data-select", "data-selected", "data-deselect"];
+const _hoisted_14 = ["data-select", "data-deselect", "onMouseenter", "onMousedown"];
+const _hoisted_15 = { class: "multiselect__option" };
+const _hoisted_16 = { class: "multiselect__option" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", {
+    tabindex: _ctx.searchable ? -1 : $props.tabindex,
+    class: vue.normalizeClass([{ "multiselect--active": _ctx.isOpen, "multiselect--disabled": $props.disabled, "multiselect--above": $options.isAbove, "multiselect--has-options-group": $options.hasOptionGroup }, "multiselect flex flex-v-center"]),
+    onFocus: _cache[13] || (_cache[13] = ($event) => _ctx.activate()),
+    onBlur: _cache[14] || (_cache[14] = ($event) => _ctx.searchable ? false : _ctx.deactivate()),
+    onKeydown: [
+      _cache[15] || (_cache[15] = vue.withKeys(vue.withModifiers(($event) => _ctx.pointerForward(), ["self", "prevent"]), ["down"])),
+      _cache[16] || (_cache[16] = vue.withKeys(vue.withModifiers(($event) => _ctx.pointerBackward(), ["self", "prevent"]), ["up"]))
+    ],
+    onKeypress: _cache[17] || (_cache[17] = vue.withKeys(vue.withModifiers(($event) => _ctx.addPointerElement($event), ["stop", "self"]), ["enter", "tab"])),
+    onKeyup: _cache[18] || (_cache[18] = vue.withKeys(($event) => _ctx.deactivate(), ["esc"])),
+    role: "combobox",
+    "aria-owns": "listbox-" + _ctx.id
+  }, [
+    vue.renderSlot(_ctx.$slots, "caret", { toggle: _ctx.toggle }, () => [
+      vue.createElementVNode("div", {
+        onMousedown: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.toggle(), ["prevent", "stop"])),
+        class: "multiselect__select"
+      }, null, 32)
+    ]),
+    vue.renderSlot(_ctx.$slots, "clear", { search: _ctx.search }),
+    vue.createElementVNode("div", _hoisted_2, [
+      vue.renderSlot(_ctx.$slots, "selection", {
+        search: _ctx.search,
+        remove: _ctx.removeElement,
+        values: $options.visibleValues,
+        isOpen: _ctx.isOpen
+      }, () => [
+        vue.withDirectives(vue.createElementVNode("div", _hoisted_3, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.visibleValues, (option, index) => {
+            return vue.renderSlot(_ctx.$slots, "tag", {
+              option,
+              search: _ctx.search,
+              remove: _ctx.removeElement
+            }, () => [
+              (vue.openBlock(), vue.createElementBlock("span", {
+                class: "multiselect__tag",
+                key: index
+              }, [
+                vue.createElementVNode("span", {
+                  textContent: vue.toDisplayString(_ctx.getOptionLabel(option))
+                }, null, 8, _hoisted_4),
+                vue.createElementVNode("i", {
+                  tabindex: "1",
+                  onKeypress: vue.withKeys(vue.withModifiers(($event) => _ctx.removeElement(option), ["prevent"]), ["enter"]),
+                  onMousedown: vue.withModifiers(($event) => _ctx.removeElement(option), ["prevent"]),
+                  class: "multiselect__tag-icon"
+                }, null, 40, _hoisted_5)
+              ]))
+            ]);
+          }), 256))
+        ], 512), [
+          [vue.vShow, $options.visibleValues.length > 0]
+        ]),
+        _ctx.internalValue && _ctx.internalValue.length > $props.limit ? vue.renderSlot(_ctx.$slots, "limit", { key: 0 }, () => [
+          vue.createElementVNode("strong", {
+            class: "multiselect__strong",
+            textContent: vue.toDisplayString($props.limitText(_ctx.internalValue.length - $props.limit))
+          }, null, 8, _hoisted_6)
+        ]) : vue.createCommentVNode("", true)
+      ]),
+      vue.createVNode(vue.Transition, { name: "multiselect__loading" }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "loading", {}, () => [
+            vue.withDirectives(vue.createElementVNode("div", _hoisted_7, null, 512), [
+              [vue.vShow, $props.loading]
+            ])
+          ])
+        ]),
+        _: 3
+      }),
+      _ctx.searchable ? (vue.openBlock(), vue.createElementBlock("input", {
+        key: 0,
+        ref: "search",
+        name: $props.name,
+        id: _ctx.id,
+        type: "text",
+        autocomplete: "off",
+        spellcheck: "false",
+        placeholder: _ctx.placeholder,
+        style: vue.normalizeStyle($options.inputStyle),
+        value: _ctx.search,
+        disabled: $props.disabled,
+        tabindex: $props.tabindex,
+        onInput: _cache[1] || (_cache[1] = ($event) => _ctx.updateSearch($event.target.value)),
+        onFocus: _cache[2] || (_cache[2] = vue.withModifiers(($event) => _ctx.activate(), ["prevent"])),
+        onBlur: _cache[3] || (_cache[3] = vue.withModifiers(($event) => _ctx.deactivate(), ["prevent"])),
+        onKeyup: _cache[4] || (_cache[4] = vue.withKeys(($event) => _ctx.deactivate(), ["esc"])),
+        onKeydown: [
+          _cache[5] || (_cache[5] = vue.withKeys(vue.withModifiers(($event) => _ctx.pointerForward(), ["prevent"]), ["down"])),
+          _cache[6] || (_cache[6] = vue.withKeys(vue.withModifiers(($event) => _ctx.pointerBackward(), ["prevent"]), ["up"])),
+          _cache[8] || (_cache[8] = vue.withKeys(vue.withModifiers(($event) => _ctx.removeLastElement(), ["stop"]), ["delete"]))
+        ],
+        onKeypress: _cache[7] || (_cache[7] = vue.withKeys(vue.withModifiers(($event) => _ctx.addPointerElement($event), ["prevent", "stop", "self"]), ["enter"])),
+        class: "multiselect__input",
+        "aria-controls": "listbox-" + _ctx.id
+      }, null, 44, _hoisted_8)) : vue.createCommentVNode("", true),
+      $options.isSingleLabelVisible ? (vue.openBlock(), vue.createElementBlock("span", {
+        key: 1,
+        class: "multiselect__single",
+        onMousedown: _cache[9] || (_cache[9] = vue.withModifiers((...args) => _ctx.toggle && _ctx.toggle(...args), ["prevent"]))
+      }, [
+        vue.renderSlot(_ctx.$slots, "singleLabel", { option: $options.singleValue }, () => [
+          vue.createTextVNode(vue.toDisplayString(_ctx.currentOptionLabel), 1)
+        ])
+      ], 32)) : vue.createCommentVNode("", true),
+      $options.isPlaceholderVisible ? (vue.openBlock(), vue.createElementBlock("span", {
+        key: 2,
+        class: "multiselect__placeholder",
+        onMousedown: _cache[10] || (_cache[10] = vue.withModifiers((...args) => _ctx.toggle && _ctx.toggle(...args), ["prevent"]))
+      }, [
+        vue.renderSlot(_ctx.$slots, "placeholder", {}, () => [
+          vue.createTextVNode(vue.toDisplayString(_ctx.placeholder), 1)
+        ])
+      ], 32)) : vue.createCommentVNode("", true)
+    ], 512),
+    vue.createVNode(vue.Transition, { name: "multiselect" }, {
+      default: vue.withCtx(() => [
+        vue.withDirectives(vue.createElementVNode("div", {
+          class: vue.normalizeClass(["multiselect__content-wrapper", _ctx.$attrs.class]),
+          onFocus: _cache[11] || (_cache[11] = (...args) => _ctx.activate && _ctx.activate(...args)),
+          tabindex: "-1",
+          onMousedown: _cache[12] || (_cache[12] = vue.withModifiers(() => {
+          }, ["prevent"])),
+          style: vue.normalizeStyle({ maxHeight: _ctx.optimizedHeight + "px" }),
+          ref: "list"
+        }, [
+          vue.createElementVNode("ul", {
+            class: "multiselect__content",
+            style: vue.normalizeStyle($options.contentStyle),
+            role: "listbox",
+            id: "listbox-" + _ctx.id
+          }, [
+            vue.renderSlot(_ctx.$slots, "beforeList"),
+            _ctx.multiple && _ctx.max === _ctx.internalValue.length ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_10, [
+              vue.createElementVNode("span", _hoisted_11, [
+                vue.renderSlot(_ctx.$slots, "maxElements", {}, () => [
+                  vue.createTextVNode("Maximum of " + vue.toDisplayString(_ctx.max) + " options selected. First remove a selected option to select another.", 1)
+                ])
+              ])
+            ])) : vue.createCommentVNode("", true),
+            !_ctx.max || _ctx.internalValue.length < _ctx.max ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(_ctx.filteredOptions, (option, index) => {
+              return vue.openBlock(), vue.createElementBlock("li", {
+                class: "multiselect__element",
+                key: index,
+                id: _ctx.id + "-" + index,
+                role: !(option && (option.$isLabel || option.$isDisabled)) ? "option" : null
+              }, [
+                !(option && (option.$isLabel || option.$isDisabled)) ? (vue.openBlock(), vue.createElementBlock("span", {
+                  key: 0,
+                  class: vue.normalizeClass([_ctx.optionHighlight(index, option), "multiselect__option"]),
+                  onClick: vue.withModifiers(($event) => _ctx.select(option), ["stop"]),
+                  onMouseenter: vue.withModifiers(($event) => _ctx.pointerSet(index), ["self"]),
+                  "data-select": option && option.isTag ? _ctx.tagPlaceholder : $options.selectLabelText,
+                  "data-selected": $options.selectedLabelText,
+                  "data-deselect": $options.deselectLabelText
+                }, [
+                  vue.renderSlot(_ctx.$slots, "option", {
+                    option,
+                    search: _ctx.search,
+                    index
+                  }, () => [
+                    vue.createElementVNode("span", null, vue.toDisplayString(_ctx.getOptionLabel(option)), 1)
+                  ])
+                ], 42, _hoisted_13)) : vue.createCommentVNode("", true),
+                option && (option.$isLabel || option.$isDisabled) ? (vue.openBlock(), vue.createElementBlock("span", {
+                  key: 1,
+                  "data-select": _ctx.groupSelect && $options.selectGroupLabelText,
+                  "data-deselect": _ctx.groupSelect && $options.deselectGroupLabelText,
+                  class: vue.normalizeClass([_ctx.groupHighlight(index, option), "multiselect__option"]),
+                  onMouseenter: vue.withModifiers(($event) => _ctx.groupSelect && _ctx.pointerSet(index), ["self"]),
+                  onMousedown: vue.withModifiers(($event) => _ctx.selectGroup(option), ["prevent"])
+                }, [
+                  vue.renderSlot(_ctx.$slots, "option", {
+                    option,
+                    search: _ctx.search,
+                    index
+                  }, () => [
+                    vue.createElementVNode("span", null, vue.toDisplayString(_ctx.getOptionLabel(option)), 1)
+                  ])
+                ], 42, _hoisted_14)) : vue.createCommentVNode("", true)
+              ], 8, _hoisted_12);
+            }), 128)) : vue.createCommentVNode("", true),
+            vue.withDirectives(vue.createElementVNode("li", null, [
+              vue.createElementVNode("span", _hoisted_15, [
+                vue.renderSlot(_ctx.$slots, "noResult", { search: _ctx.search }, () => [
+                  _cache[19] || (_cache[19] = vue.createTextVNode("No elements found. Consider changing the search query."))
+                ])
+              ])
+            ], 512), [
+              [vue.vShow, $props.showNoResults && (_ctx.filteredOptions.length === 0 && _ctx.search && !$props.loading)]
+            ]),
+            vue.withDirectives(vue.createElementVNode("li", null, [
+              vue.createElementVNode("span", _hoisted_16, [
+                vue.renderSlot(_ctx.$slots, "noOptions", {}, () => [
+                  _cache[20] || (_cache[20] = vue.createTextVNode("List is empty."))
+                ])
+              ])
+            ], 512), [
+              [vue.vShow, $props.showNoOptions && ((_ctx.options.length === 0 || $options.hasOptionGroup === true && _ctx.filteredOptions.length === 0) && !_ctx.search && !$props.loading)]
+            ]),
+            vue.renderSlot(_ctx.$slots, "afterList")
+          ], 12, _hoisted_9)
+        ], 38), [
+          [vue.vShow, _ctx.isOpen]
+        ])
+      ]),
+      _: 3
+    })
+  ], 42, _hoisted_1);
+}
+const SelectMulti = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = SelectMulti;
+//# sourceMappingURL=SelectMulti.vue.cjs.map