@ozdao/martyrs 0.2.423

package/dist/martyrs/src/components/SelectMulti/multiselectMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselectMixin.js","sources":["../../../../../src/components/SelectMulti/multiselectMixin.js"],"sourcesContent":["function isEmpty (opt) {\n  if (opt === 0) return false\n  if (Array.isArray(opt) && opt.length === 0) return true\n  return !opt\n}\n\nfunction not (fun) {\n  return (...params) => !fun(...params)\n}\n\nfunction includes (str, query) {\n  /* istanbul ignore else */\n  if (str === undefined) str = 'undefined'\n  if (str === null) str = 'null'\n  if (str === false) str = 'false'\n  const text = str.toString().toLowerCase()\n  return text.indexOf(query.trim()) !== -1\n}\n\nfunction filterOptions (options, search, label, customLabel) {\n  return search ? options\n    .filter((option) => includes(customLabel(option, label), search))\n    .sort((a, b) => customLabel(a, label).length - customLabel(b, label).length) : options\n}\n\nfunction stripGroups (options) {\n  return options.filter((option) => !option.$isLabel)\n}\n\nfunction flattenOptions (values, label) {\n  return (options) =>\n    options.reduce((prev, curr) => {\n      /* istanbul ignore else */\n      if (curr[values] && curr[values].length) {\n        prev.push({\n          $groupLabel: curr[label],\n          $isLabel: true\n        })\n        return prev.concat(curr[values])\n      }\n      return prev\n    }, [])\n}\n\nfunction filterGroups (search, label, values, groupLabel, customLabel) {\n  return (groups) =>\n    groups.map((group) => {\n      /* istanbul ignore else */\n      if (!group[values]) {\n        console.warn(`Options passed to vue-multiselect do not contain groups, despite the config.`)\n        return []\n      }\n      const groupOptions = filterOptions(group[values], search, label, customLabel)\n\n      return groupOptions.length\n        ? {\n          [groupLabel]: group[groupLabel],\n          [values]: groupOptions\n        }\n        : []\n    })\n}\n\nconst flow = (...fns) => (x) => fns.reduce((v, f) => f(v), x)\n\nexport default {\n  data () {\n    return {\n      search: '',\n      isOpen: false,\n      preferredOpenDirection: 'below',\n      optimizedHeight: this.maxHeight\n    }\n  },\n  props: {\n    /**\n     * Decide whether to filter the results based on search query.\n     * Useful for async filtering, where we search through more complex data.\n     * @type {Boolean}\n     */\n    internalSearch: {\n      type: Boolean,\n      default: true\n    },\n    /**\n     * Array of available options: Objects, Strings or Integers.\n     * If array of objects, visible label will default to option.label.\n     * If `labal` prop is passed, label will equal option['label']\n     * @type {Array}\n     */\n    options: {\n      type: Array,\n      required: true\n    },\n    /**\n     * Equivalent to the `multiple` attribute on a `<select>` input.\n     * @default false\n     * @type {Boolean}\n     */\n    multiple: {\n      type: Boolean,\n      default: false\n    },\n    /**\n     * Key to compare objects\n     * @default 'id'\n     * @type {String}\n     */\n    trackBy: {\n      type: String\n    },\n    /**\n     * Label to look for in option Object\n     * @default 'label'\n     * @type {String}\n     */\n    label: {\n      type: String\n    },\n    /**\n     * Enable/disable search in options\n     * @default true\n     * @type {Boolean}\n     */\n    searchable: {\n      type: Boolean,\n      default: true\n    },\n    /**\n     * Clear the search input after `)\n     * @default true\n     * @type {Boolean}\n     */\n    clearOnSelect: {\n      type: Boolean,\n      default: true\n    },\n    /**\n     * Hide already selected options\n     * @default false\n     * @type {Boolean}\n     */\n    hideSelected: {\n      type: Boolean,\n      default: false\n    },\n    /**\n     * Equivalent to the `placeholder` attribute on a `<select>` input.\n     * @default 'Select option'\n     * @type {String}\n     */\n    placeholder: {\n      type: String,\n      default: 'Select option'\n    },\n    /**\n     * Allow to remove all selected values\n     * @default true\n     * @type {Boolean}\n     */\n    allowEmpty: {\n      type: Boolean,\n      default: true\n    },\n    /**\n     * Reset this.internalValue, this.search after this.internalValue changes.\n     * Useful if want to create a stateless dropdown.\n     * @default false\n     * @type {Boolean}\n     */\n    resetAfter: {\n      type: Boolean,\n      default: false\n    },\n    /**\n     * Enable/disable closing after selecting an option\n     * @default true\n     * @type {Boolean}\n     */\n    closeOnSelect: {\n      type: Boolean,\n      default: true\n    },\n    /**\n     * Function to interpolate the custom label\n     * @default false\n     * @type {Function}\n     */\n    customLabel: {\n      type: Function,\n      default (option, label) {\n        if (isEmpty(option)) return ''\n        return label ? option[label] : option\n      }\n    },\n    /**\n     * Disable / Enable tagging\n     * @default false\n     * @type {Boolean}\n     */\n    taggable: {\n      type: Boolean,\n      default: false\n    },\n    /**\n     * String to show when highlighting a potential tag\n     * @default 'Press enter to create a tag'\n     * @type {String}\n    */\n    tagPlaceholder: {\n      type: String,\n      default: 'Press enter to create a tag'\n    },\n    /**\n     * By default new tags will appear above the search results.\n     * Changing to 'bottom' will revert this behaviour\n     * and will proritize the search results\n     * @default 'top'\n     * @type {String}\n    */\n    tagPosition: {\n      type: String,\n      default: 'top'\n    },\n    /**\n     * Number of allowed selected options. No limit if 0.\n     * @default 0\n     * @type {Number}\n    */\n    max: {\n      type: [Number, Boolean],\n      default: false\n    },\n    /**\n     * Will be passed with all events as second param.\n     * Useful for identifying events origin.\n     * @default null\n     * @type {String|Integer}\n    */\n    id: {\n      default: null\n    },\n    /**\n     * Limits the options displayed in the dropdown\n     * to the first X options.\n     * @default 1000\n     * @type {Integer}\n    */\n    optionsLimit: {\n      type: Number,\n      default: 1000\n    },\n    /**\n     * Name of the property containing\n     * the group values\n     * @default 1000\n     * @type {String}\n    */\n    groupValues: {\n      type: String\n    },\n    /**\n     * Name of the property containing\n     * the group label\n     * @default 1000\n     * @type {String}\n    */\n    groupLabel: {\n      type: String\n    },\n    /**\n     * Allow to select all group values\n     * by selecting the group label\n     * @default false\n     * @type {Boolean}\n     */\n    groupSelect: {\n      type: Boolean,\n      default: false\n    },\n    /**\n     * Array of keyboard keys to block\n     * when selecting\n     * @default 1000\n     * @type {String}\n    */\n    blockKeys: {\n      type: Array,\n      default () {\n        return []\n      }\n    },\n    /**\n     * Prevent from wiping up the search value\n     * @default false\n     * @type {Boolean}\n    */\n    preserveSearch: {\n      type: Boolean,\n      default: false\n    },\n    /**\n     * Select 1st options if value is empty\n     * @default false\n     * @type {Boolean}\n    */\n    preselectFirst: {\n      type: Boolean,\n      default: false\n    },\n    /**\n     * Prevent autofocus\n     * @default false\n     * @type {Boolean}\n    */\n    preventAutofocus: {\n      type: Boolean,\n      default: false\n    }\n  },\n  mounted () {\n    /* istanbul ignore else */\n    if (!this.multiple && this.max) {\n      console.warn('[Vue-Multiselect warn]: Max prop should not be used when prop Multiple equals false.')\n    }\n    if (\n      this.preselectFirst &&\n      !this.internalValue.length &&\n      this.options.length\n    ) {\n      this.select(this.filteredOptions[0])\n    }\n  },\n  computed: {\n    internalValue () {\n      return this.modelValue || this.modelValue === 0\n        ? Array.isArray(this.modelValue) ? this.modelValue : [this.modelValue]\n        : []\n    },\n    filteredOptions () {\n      const search = this.search || ''\n      const normalizedSearch = search.toLowerCase().trim()\n\n      let options = this.options.concat()\n\n      /* istanbul ignore else */\n      if (this.internalSearch) {\n        options = this.groupValues\n          ? this.filterAndFlat(options, normalizedSearch, this.label)\n          : filterOptions(options, normalizedSearch, this.label, this.customLabel)\n      } else {\n        options = this.groupValues ? flattenOptions(this.groupValues, this.groupLabel)(options) : options\n      }\n\n      options = this.hideSelected\n        ? options.filter(not(this.isSelected))\n        : options\n\n      /* istanbul ignore else */\n      if (this.taggable && normalizedSearch.length && !this.isExistingOption(normalizedSearch)) {\n        if (this.tagPosition === 'bottom') {\n          options.push({isTag: true, label: search})\n        } else {\n          options.unshift({isTag: true, label: search})\n        }\n      }\n\n      return options.slice(0, this.optionsLimit)\n    },\n    valueKeys () {\n      if (this.trackBy) {\n        return this.internalValue.map((element) => element[this.trackBy])\n      } else {\n        return this.internalValue\n      }\n    },\n    optionKeys () {\n      const options = this.groupValues ? this.flatAndStrip(this.options) : this.options\n      return options.map((element) => this.customLabel(element, this.label).toString().toLowerCase())\n    },\n    currentOptionLabel () {\n      return this.multiple\n        ? this.searchable ? '' : this.placeholder\n        : this.internalValue.length\n          ? this.getOptionLabel(this.internalValue[0])\n          : this.searchable ? '' : this.placeholder\n    }\n  },\n  watch: {\n    internalValue: {\n      handler () {\n      /* istanbul ignore else */\n        if (this.resetAfter && this.internalValue.length) {\n          this.search = ''\n          this.$emit('update:modelValue', this.multiple ? [] : null)\n        }\n      },\n      deep: true\n    },\n    search () {\n      this.$emit('search-change', this.search)\n    }\n  },\n  emits: ['open', 'search-change', 'close', 'select', 'update:modelValue', 'remove', 'tag'],\n  methods: {\n    /**\n     * Returns the internalValue in a way it can be emited to the parent\n     * @returns {Object||Array||String||Integer}\n     */\n    getValue () {\n      return this.multiple\n        ? this.internalValue\n        : this.internalValue.length === 0\n          ? null\n          : this.internalValue[0]\n    },\n    /**\n     * Filters and then flattens the options list\n     * @param  {Array}\n     * @return {Array} returns a filtered and flat options list\n     */\n    filterAndFlat (options, search, label) {\n      return flow(\n        filterGroups(search, label, this.groupValues, this.groupLabel, this.customLabel),\n        flattenOptions(this.groupValues, this.groupLabel)\n      )(options)\n    },\n    /**\n     * Flattens and then strips the group labels from the options list\n     * @param  {Array}\n     * @return {Array} returns a flat options list without group labels\n     */\n    flatAndStrip (options) {\n      return flow(\n        flattenOptions(this.groupValues, this.groupLabel),\n        stripGroups\n      )(options)\n    },\n    /**\n     * Updates the search value\n     * @param  {String}\n     */\n    updateSearch (query) {\n      this.search = query\n    },\n    /**\n     * Finds out if the given query is already present\n     * in the available options\n     * @param  {String}\n     * @return {Boolean} returns true if element is available\n     */\n    isExistingOption (query) {\n      return !this.options\n        ? false\n        : this.optionKeys.indexOf(query) > -1\n    },\n    /**\n     * Finds out if the given element is already present\n     * in the result value\n     * @param  {Object||String||Integer} option passed element to check\n     * @returns {Boolean} returns true if element is selected\n     */\n    isSelected (option) {\n      const opt = this.trackBy\n        ? option[this.trackBy]\n        : option\n      return this.valueKeys.indexOf(opt) > -1\n    },\n    /**\n     * Finds out if the given option is disabled\n     * @param  {Object||String||Integer} option passed element to check\n     * @returns {Boolean} returns true if element is disabled\n     */\n    isOptionDisabled (option) {\n      return !!option.$isDisabled\n    },\n    /**\n     * Returns empty string when options is null/undefined\n     * Returns tag query if option is tag.\n     * Returns the customLabel() results and casts it to string.\n     *\n     * @param  {Object||String||Integer} Passed option\n     * @returns {Object||String}\n     */\n    getOptionLabel (option) {\n      if (isEmpty(option)) return ''\n      /* istanbul ignore else */\n      if (option.isTag) return option.label\n      /* istanbul ignore else */\n      if (option.$isLabel) return option.$groupLabel\n\n      const label = this.customLabel(option, this.label)\n      /* istanbul ignore else */\n      if (isEmpty(label)) return ''\n      return label\n    },\n    /**\n     * Add the given option to the list of selected options\n     * or sets the option as the selected option.\n     * If option is already selected -> remove it from the results.\n     *\n     * @param  {Object||String||Integer} option to select/deselect\n     * @param  {Boolean} block removing\n     */\n    select (option, key) {\n      /* istanbul ignore else */\n      if (option.$isLabel && this.groupSelect) {\n        this.selectGroup(option)\n        return\n      }\n      if (this.blockKeys.indexOf(key) !== -1 ||\n        this.disabled ||\n        option.$isDisabled ||\n        option.$isLabel\n      ) return\n      /* istanbul ignore else */\n      if (this.max && this.multiple && this.internalValue.length === this.max) return\n      /* istanbul ignore else */\n      if (key === 'Tab' && !this.pointerDirty) return\n      if (option.isTag) {\n        this.$emit('tag', option.label, this.id)\n        this.search = ''\n        if (this.closeOnSelect && !this.multiple) this.deactivate()\n      } else {\n        const isSelected = this.isSelected(option)\n\n        if (isSelected) {\n          if (key !== 'Tab') this.removeElement(option)\n          return\n        }\n\n        if (this.multiple) {\n          this.$emit('update:modelValue', this.internalValue.concat([option]))\n        } else {\n          this.$emit('update:modelValue', option)\n        }\n\n        this.$emit('select', option, this.id)\n\n        /* istanbul ignore else */\n        if (this.clearOnSelect) this.search = ''\n      }\n      /* istanbul ignore else */\n      if (this.closeOnSelect) this.deactivate()\n    },\n    /**\n     * Add the given group options to the list of selected options\n     * If all group optiona are already selected -> remove it from the results.\n     *\n     * @param  {Object||String||Integer} group to select/deselect\n     */\n    selectGroup (selectedGroup) {\n      const group = this.options.find((option) => {\n        return option[this.groupLabel] === selectedGroup.$groupLabel\n      })\n\n      if (!group) return\n\n      if (this.wholeGroupSelected(group)) {\n        this.$emit('remove', group[this.groupValues], this.id)\n\n        const newValue = this.internalValue.filter(\n          (option) => group[this.groupValues].indexOf(option) === -1\n        )\n\n        this.$emit('update:modelValue', newValue)\n      } else {\n        let optionsToAdd = group[this.groupValues].filter(\n          option => !(this.isOptionDisabled(option) || this.isSelected(option))\n        )\n\n        // if max is defined then just select options respecting max\n        if (this.max) {\n          optionsToAdd.splice(this.max - this.internalValue.length)\n        }\n\n        this.$emit('select', optionsToAdd, this.id)\n        this.$emit(\n          'update:modelValue',\n          this.internalValue.concat(optionsToAdd)\n        )\n      }\n\n      if (this.closeOnSelect) this.deactivate()\n    },\n    /**\n     * Helper to identify if all values in a group are selected\n     *\n     * @param {Object} group to validated selected values against\n     */\n    wholeGroupSelected (group) {\n      return group[this.groupValues].every((option) => this.isSelected(option) || this.isOptionDisabled(option)\n      )\n    },\n    /**\n     * Helper to identify if all values in a group are disabled\n     *\n     * @param {Object} group to check for disabled values\n     */\n    wholeGroupDisabled (group) {\n      return group[this.groupValues].every(this.isOptionDisabled)\n    },\n    /**\n     * Removes the given option from the selected options.\n     * Additionally checks this.allowEmpty prop if option can be removed when\n     * it is the last selected option.\n     *\n     * @param  {type} option description\n     * @return {type}        description\n     */\n    removeElement (option, shouldClose = true) {\n      /* istanbul ignore else */\n      if (this.disabled) return\n      /* istanbul ignore else */\n      if (option.$isDisabled) return\n      /* istanbul ignore else */\n      if (!this.allowEmpty && this.internalValue.length <= 1) {\n        this.deactivate()\n        return\n      }\n\n      const index = typeof option === 'object'\n        ? this.valueKeys.indexOf(option[this.trackBy])\n        : this.valueKeys.indexOf(option)\n\n      if (this.multiple) {\n        const newValue = this.internalValue.slice(0, index).concat(this.internalValue.slice(index + 1))\n        this.$emit('update:modelValue', newValue)\n      } else {\n        this.$emit('update:modelValue', null)\n      }\n      this.$emit('remove', option, this.id)\n\n      /* istanbul ignore else */\n      if (this.closeOnSelect && shouldClose) this.deactivate()\n    },\n    /**\n     * Calls this.removeElement() with the last element\n     * from this.internalValue (selected element Array)\n     *\n     * @fires this#removeElement\n     */\n    removeLastElement () {\n      /* istanbul ignore else */\n      if (this.blockKeys.indexOf('Delete') !== -1) return\n      /* istanbul ignore else */\n      if (this.search.length === 0 && Array.isArray(this.internalValue) && this.internalValue.length) {\n        this.removeElement(this.internalValue[this.internalValue.length - 1], false)\n      }\n    },\n    /**\n     * Opens the multiselect’s dropdown.\n     * Sets this.isOpen to TRUE\n     */\n    activate () {\n      /* istanbul ignore else */\n      if (this.isOpen || this.disabled) return\n\n      this.adjustPosition()\n      /* istanbul ignore else  */\n      if (this.groupValues && this.pointer === 0 && this.filteredOptions.length) {\n        this.pointer = 1\n      }\n\n      this.isOpen = true\n      /* istanbul ignore else  */\n      if (this.searchable) {\n        if (!this.preserveSearch) this.search = ''\n        if (!this.preventAutofocus) this.$nextTick(() => this.$refs.search && this.$refs.search.focus())\n      } else if (!this.preventAutofocus) {\n        if (typeof this.$el !== 'undefined') this.$el.focus()\n      }\n      this.$emit('open', this.id)\n    },\n    /**\n     * Closes the multiselect’s dropdown.\n     * Sets this.isOpen to FALSE\n     */\n    deactivate () {\n      /* istanbul ignore else */\n      if (!this.isOpen) return\n\n      this.isOpen = false\n      /* istanbul ignore else  */\n      if (this.searchable) {\n        if (typeof this.$refs.search !== 'undefined') this.$refs.search.blur()\n      } else {\n        if (typeof this.$el !== 'undefined') this.$el.blur()\n      }\n      if (!this.preserveSearch) this.search = ''\n      this.$emit('close', this.getValue(), this.id)\n    },\n    /**\n     * Call this.activate() or this.deactivate()\n     * depending on this.isOpen value.\n     *\n     * @fires this#activate || this#deactivate\n     * @property {Boolean} isOpen indicates if dropdown is open\n     */\n    toggle () {\n      this.isOpen\n        ? this.deactivate()\n        : this.activate()\n    },\n    /**\n     * Updates the hasEnoughSpace variable used for\n     * detecting where to expand the dropdown\n     */\n    adjustPosition () {\n      if (typeof window === 'undefined') return\n\n      const spaceAbove = this.$el.getBoundingClientRect().top\n      const spaceBelow = window.innerHeight - this.$el.getBoundingClientRect().bottom\n      const hasEnoughSpaceBelow = spaceBelow > this.maxHeight\n\n      if (hasEnoughSpaceBelow || spaceBelow > spaceAbove || this.openDirection === 'below' || this.openDirection === 'bottom') {\n        this.preferredOpenDirection = 'below'\n        this.optimizedHeight = Math.min(spaceBelow - 40, this.maxHeight)\n      } else {\n        this.preferredOpenDirection = 'above'\n        this.optimizedHeight = Math.min(spaceAbove - 40, this.maxHeight)\n      }\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,117 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const pointerMixin = {
+  data() {
+    return {
+      pointer: 0,
+      pointerDirty: false
+    };
+  },
+  props: {
+    /**
+     * Enable/disable highlighting of the pointed value.
+     * @type {Boolean}
+     * @default true
+     */
+    showPointer: {
+      type: Boolean,
+      default: true
+    },
+    optionHeight: {
+      type: Number,
+      default: 40
+    }
+  },
+  computed: {
+    pointerPosition() {
+      return this.pointer * this.optionHeight;
+    },
+    visibleElements() {
+      return this.optimizedHeight / this.optionHeight;
+    }
+  },
+  watch: {
+    filteredOptions() {
+      this.pointerAdjust();
+    },
+    isOpen() {
+      this.pointerDirty = false;
+    },
+    pointer() {
+      this.$refs.search && this.$refs.search.setAttribute("aria-activedescendant", this.id + "-" + this.pointer.toString());
+    }
+  },
+  methods: {
+    optionHighlight(index, option) {
+      return {
+        "multiselect__option--highlight": index === this.pointer && this.showPointer,
+        "multiselect__option--selected": this.isSelected(option)
+      };
+    },
+    groupHighlight(index, selectedGroup) {
+      if (!this.groupSelect) {
+        return [
+          "multiselect__option--disabled",
+          { "multiselect__option--group": selectedGroup.$isLabel }
+        ];
+      }
+      const group = this.options.find((option) => {
+        return option[this.groupLabel] === selectedGroup.$groupLabel;
+      });
+      return group && !this.wholeGroupDisabled(group) ? [
+        "multiselect__option--group",
+        { "multiselect__option--highlight": index === this.pointer && this.showPointer },
+        { "multiselect__option--group-selected": this.wholeGroupSelected(group) }
+      ] : "multiselect__option--disabled";
+    },
+    addPointerElement({ key } = "Enter") {
+      if (this.filteredOptions.length > 0) {
+        this.select(this.filteredOptions[this.pointer], key);
+      }
+      this.pointerReset();
+    },
+    pointerForward() {
+      if (this.pointer < this.filteredOptions.length - 1) {
+        this.pointer++;
+        if (this.$refs.list.scrollTop <= this.pointerPosition - (this.visibleElements - 1) * this.optionHeight) {
+          this.$refs.list.scrollTop = this.pointerPosition - (this.visibleElements - 1) * this.optionHeight;
+        }
+        if (this.filteredOptions[this.pointer] && this.filteredOptions[this.pointer].$isLabel && !this.groupSelect) this.pointerForward();
+      }
+      this.pointerDirty = true;
+    },
+    pointerBackward() {
+      if (this.pointer > 0) {
+        this.pointer--;
+        if (this.$refs.list.scrollTop >= this.pointerPosition) {
+          this.$refs.list.scrollTop = this.pointerPosition;
+        }
+        if (this.filteredOptions[this.pointer] && this.filteredOptions[this.pointer].$isLabel && !this.groupSelect) this.pointerBackward();
+      } else {
+        if (this.filteredOptions[this.pointer] && this.filteredOptions[0].$isLabel && !this.groupSelect) this.pointerForward();
+      }
+      this.pointerDirty = true;
+    },
+    pointerReset() {
+      if (!this.closeOnSelect) return;
+      this.pointer = 0;
+      if (this.$refs.list) {
+        this.$refs.list.scrollTop = 0;
+      }
+    },
+    pointerAdjust() {
+      if (this.pointer >= this.filteredOptions.length - 1) {
+        this.pointer = this.filteredOptions.length ? this.filteredOptions.length - 1 : 0;
+      }
+      if (this.filteredOptions.length > 0 && this.filteredOptions[this.pointer].$isLabel && !this.groupSelect) {
+        this.pointerForward();
+      }
+    },
+    pointerSet(index) {
+      this.pointer = index;
+      this.pointerDirty = true;
+    }
+  }
+};
+exports.default = pointerMixin;
+//# sourceMappingURL=pointerMixin.cjs.map

package/dist/martyrs/src/components/SelectMulti/pointerMixin.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointerMixin.cjs","sources":["../../../../../src/components/SelectMulti/pointerMixin.js"],"sourcesContent":["export default {\n  data () {\n    return {\n      pointer: 0,\n      pointerDirty: false\n    }\n  },\n  props: {\n    /**\n     * Enable/disable highlighting of the pointed value.\n     * @type {Boolean}\n     * @default true\n     */\n    showPointer: {\n      type: Boolean,\n      default: true\n    },\n    optionHeight: {\n      type: Number,\n      default: 40\n    }\n  },\n  computed: {\n    pointerPosition () {\n      return this.pointer * this.optionHeight\n    },\n    visibleElements () {\n      return this.optimizedHeight / this.optionHeight\n    }\n  },\n  watch: {\n    filteredOptions () {\n      this.pointerAdjust()\n    },\n    isOpen () {\n      this.pointerDirty = false\n    },\n    pointer () {\n      this.$refs.search && this.$refs.search.setAttribute('aria-activedescendant', this.id + '-' + this.pointer.toString())\n    }\n  },\n  methods: {\n    optionHighlight (index, option) {\n      return {\n        'multiselect__option--highlight': index === this.pointer && this.showPointer,\n        'multiselect__option--selected': this.isSelected(option)\n      }\n    },\n    groupHighlight (index, selectedGroup) {\n      if (!this.groupSelect) {\n        return [\n          'multiselect__option--disabled',\n          {'multiselect__option--group': selectedGroup.$isLabel}\n        ]\n      }\n\n      const group = this.options.find((option) => {\n        return option[this.groupLabel] === selectedGroup.$groupLabel\n      })\n\n      return group && !this.wholeGroupDisabled(group) ? [\n        'multiselect__option--group',\n        {'multiselect__option--highlight': index === this.pointer && this.showPointer},\n        {'multiselect__option--group-selected': this.wholeGroupSelected(group)}\n      ] : 'multiselect__option--disabled'\n    },\n    addPointerElement ({key} = 'Enter') {\n      /* istanbul ignore else */\n      if (this.filteredOptions.length > 0) {\n        this.select(this.filteredOptions[this.pointer], key)\n      }\n      this.pointerReset()\n    },\n    pointerForward () {\n      /* istanbul ignore else */\n      if (this.pointer < this.filteredOptions.length - 1) {\n        this.pointer++\n        /* istanbul ignore next */\n        if (this.$refs.list.scrollTop <= this.pointerPosition - (this.visibleElements - 1) * this.optionHeight) {\n          this.$refs.list.scrollTop = this.pointerPosition - (this.visibleElements - 1) * this.optionHeight\n        }\n        /* istanbul ignore else */\n        if (\n          this.filteredOptions[this.pointer] &&\n          this.filteredOptions[this.pointer].$isLabel &&\n          !this.groupSelect\n        ) this.pointerForward()\n      }\n      this.pointerDirty = true\n    },\n    pointerBackward () {\n      if (this.pointer > 0) {\n        this.pointer--\n        /* istanbul ignore else */\n        if (this.$refs.list.scrollTop >= this.pointerPosition) {\n          this.$refs.list.scrollTop = this.pointerPosition\n        }\n        /* istanbul ignore else */\n        if (\n          this.filteredOptions[this.pointer] &&\n          this.filteredOptions[this.pointer].$isLabel &&\n          !this.groupSelect\n        ) this.pointerBackward()\n      } else {\n        /* istanbul ignore else */\n        if (\n          this.filteredOptions[this.pointer] &&\n          this.filteredOptions[0].$isLabel &&\n          !this.groupSelect\n        ) this.pointerForward()\n      }\n      this.pointerDirty = true\n    },\n    pointerReset () {\n      /* istanbul ignore else */\n      if (!this.closeOnSelect) return\n      this.pointer = 0\n      /* istanbul ignore else */\n      if (this.$refs.list) {\n        this.$refs.list.scrollTop = 0\n      }\n    },\n    pointerAdjust () {\n      /* istanbul ignore else */\n      if (this.pointer >= this.filteredOptions.length - 1) {\n        this.pointer = this.filteredOptions.length\n          ? this.filteredOptions.length - 1\n          : 0\n      }\n\n      if (this.filteredOptions.length > 0 &&\n        this.filteredOptions[this.pointer].$isLabel &&\n        !this.groupSelect\n      ) {\n        this.pointerForward()\n      }\n    },\n    pointerSet (index) {\n      this.pointer = index\n      this.pointerDirty = true\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/martyrs/src/components/SelectMulti/pointerMixin.js

@@ -0,0 +1,117 @@
+const pointerMixin = {
+  data() {
+    return {
+      pointer: 0,
+      pointerDirty: false
+    };
+  },
+  props: {
+    /**
+     * Enable/disable highlighting of the pointed value.
+     * @type {Boolean}
+     * @default true
+     */
+    showPointer: {
+      type: Boolean,
+      default: true
+    },
+    optionHeight: {
+      type: Number,
+      default: 40
+    }
+  },
+  computed: {
+    pointerPosition() {
+      return this.pointer * this.optionHeight;
+    },
+    visibleElements() {
+      return this.optimizedHeight / this.optionHeight;
+    }
+  },
+  watch: {
+    filteredOptions() {
+      this.pointerAdjust();
+    },
+    isOpen() {
+      this.pointerDirty = false;
+    },
+    pointer() {
+      this.$refs.search && this.$refs.search.setAttribute("aria-activedescendant", this.id + "-" + this.pointer.toString());
+    }
+  },
+  methods: {
+    optionHighlight(index, option) {
+      return {
+        "multiselect__option--highlight": index === this.pointer && this.showPointer,
+        "multiselect__option--selected": this.isSelected(option)
+      };
+    },
+    groupHighlight(index, selectedGroup) {
+      if (!this.groupSelect) {
+        return [
+          "multiselect__option--disabled",
+          { "multiselect__option--group": selectedGroup.$isLabel }
+        ];
+      }
+      const group = this.options.find((option) => {
+        return option[this.groupLabel] === selectedGroup.$groupLabel;
+      });
+      return group && !this.wholeGroupDisabled(group) ? [
+        "multiselect__option--group",
+        { "multiselect__option--highlight": index === this.pointer && this.showPointer },
+        { "multiselect__option--group-selected": this.wholeGroupSelected(group) }
+      ] : "multiselect__option--disabled";
+    },
+    addPointerElement({ key } = "Enter") {
+      if (this.filteredOptions.length > 0) {
+        this.select(this.filteredOptions[this.pointer], key);
+      }
+      this.pointerReset();
+    },
+    pointerForward() {
+      if (this.pointer < this.filteredOptions.length - 1) {
+        this.pointer++;
+        if (this.$refs.list.scrollTop <= this.pointerPosition - (this.visibleElements - 1) * this.optionHeight) {
+          this.$refs.list.scrollTop = this.pointerPosition - (this.visibleElements - 1) * this.optionHeight;
+        }
+        if (this.filteredOptions[this.pointer] && this.filteredOptions[this.pointer].$isLabel && !this.groupSelect) this.pointerForward();
+      }
+      this.pointerDirty = true;
+    },
+    pointerBackward() {
+      if (this.pointer > 0) {
+        this.pointer--;
+        if (this.$refs.list.scrollTop >= this.pointerPosition) {
+          this.$refs.list.scrollTop = this.pointerPosition;
+        }
+        if (this.filteredOptions[this.pointer] && this.filteredOptions[this.pointer].$isLabel && !this.groupSelect) this.pointerBackward();
+      } else {
+        if (this.filteredOptions[this.pointer] && this.filteredOptions[0].$isLabel && !this.groupSelect) this.pointerForward();
+      }
+      this.pointerDirty = true;
+    },
+    pointerReset() {
+      if (!this.closeOnSelect) return;
+      this.pointer = 0;
+      if (this.$refs.list) {
+        this.$refs.list.scrollTop = 0;
+      }
+    },
+    pointerAdjust() {
+      if (this.pointer >= this.filteredOptions.length - 1) {
+        this.pointer = this.filteredOptions.length ? this.filteredOptions.length - 1 : 0;
+      }
+      if (this.filteredOptions.length > 0 && this.filteredOptions[this.pointer].$isLabel && !this.groupSelect) {
+        this.pointerForward();
+      }
+    },
+    pointerSet(index) {
+      this.pointer = index;
+      this.pointerDirty = true;
+    }
+  }
+};
+export {
+  pointerMixin as default
+};
+//# sourceMappingURL=pointerMixin.js.map

package/dist/martyrs/src/components/SelectMulti/pointerMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointerMixin.js","sources":["../../../../../src/components/SelectMulti/pointerMixin.js"],"sourcesContent":["export default {\n  data () {\n    return {\n      pointer: 0,\n      pointerDirty: false\n    }\n  },\n  props: {\n    /**\n     * Enable/disable highlighting of the pointed value.\n     * @type {Boolean}\n     * @default true\n     */\n    showPointer: {\n      type: Boolean,\n      default: true\n    },\n    optionHeight: {\n      type: Number,\n      default: 40\n    }\n  },\n  computed: {\n    pointerPosition () {\n      return this.pointer * this.optionHeight\n    },\n    visibleElements () {\n      return this.optimizedHeight / this.optionHeight\n    }\n  },\n  watch: {\n    filteredOptions () {\n      this.pointerAdjust()\n    },\n    isOpen () {\n      this.pointerDirty = false\n    },\n    pointer () {\n      this.$refs.search && this.$refs.search.setAttribute('aria-activedescendant', this.id + '-' + this.pointer.toString())\n    }\n  },\n  methods: {\n    optionHighlight (index, option) {\n      return {\n        'multiselect__option--highlight': index === this.pointer && this.showPointer,\n        'multiselect__option--selected': this.isSelected(option)\n      }\n    },\n    groupHighlight (index, selectedGroup) {\n      if (!this.groupSelect) {\n        return [\n          'multiselect__option--disabled',\n          {'multiselect__option--group': selectedGroup.$isLabel}\n        ]\n      }\n\n      const group = this.options.find((option) => {\n        return option[this.groupLabel] === selectedGroup.$groupLabel\n      })\n\n      return group && !this.wholeGroupDisabled(group) ? [\n        'multiselect__option--group',\n        {'multiselect__option--highlight': index === this.pointer && this.showPointer},\n        {'multiselect__option--group-selected': this.wholeGroupSelected(group)}\n      ] : 'multiselect__option--disabled'\n    },\n    addPointerElement ({key} = 'Enter') {\n      /* istanbul ignore else */\n      if (this.filteredOptions.length > 0) {\n        this.select(this.filteredOptions[this.pointer], key)\n      }\n      this.pointerReset()\n    },\n    pointerForward () {\n      /* istanbul ignore else */\n      if (this.pointer < this.filteredOptions.length - 1) {\n        this.pointer++\n        /* istanbul ignore next */\n        if (this.$refs.list.scrollTop <= this.pointerPosition - (this.visibleElements - 1) * this.optionHeight) {\n          this.$refs.list.scrollTop = this.pointerPosition - (this.visibleElements - 1) * this.optionHeight\n        }\n        /* istanbul ignore else */\n        if (\n          this.filteredOptions[this.pointer] &&\n          this.filteredOptions[this.pointer].$isLabel &&\n          !this.groupSelect\n        ) this.pointerForward()\n      }\n      this.pointerDirty = true\n    },\n    pointerBackward () {\n      if (this.pointer > 0) {\n        this.pointer--\n        /* istanbul ignore else */\n        if (this.$refs.list.scrollTop >= this.pointerPosition) {\n          this.$refs.list.scrollTop = this.pointerPosition\n        }\n        /* istanbul ignore else */\n        if (\n          this.filteredOptions[this.pointer] &&\n          this.filteredOptions[this.pointer].$isLabel &&\n          !this.groupSelect\n        ) this.pointerBackward()\n      } else {\n        /* istanbul ignore else */\n        if (\n          this.filteredOptions[this.pointer] &&\n          this.filteredOptions[0].$isLabel &&\n          !this.groupSelect\n        ) this.pointerForward()\n      }\n      this.pointerDirty = true\n    },\n    pointerReset () {\n      /* istanbul ignore else */\n      if (!this.closeOnSelect) return\n      this.pointer = 0\n      /* istanbul ignore else */\n      if (this.$refs.list) {\n        this.$refs.list.scrollTop = 0\n      }\n    },\n    pointerAdjust () {\n      /* istanbul ignore else */\n      if (this.pointer >= this.filteredOptions.length - 1) {\n        this.pointer = this.filteredOptions.length\n          ? this.filteredOptions.length - 1\n          : 0\n      }\n\n      if (this.filteredOptions.length > 0 &&\n        this.filteredOptions[this.pointer].$isLabel &&\n        !this.groupSelect\n      ) {\n        this.pointerForward()\n      }\n    },\n    pointerSet (index) {\n      this.pointer = index\n      this.pointerDirty = true\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
+const _hoisted_1 = {
+  key: 2,
+  class: "skeleton-default"
+};
+const _sfc_main = {
+  __name: "Skeleton",
+  props: {
+    // Флаг загрузки, определяет, нужно ли показывать скелетон
+    loading: {
+      type: Boolean,
+      default: true
+    },
+    // Структура скелетона, если не используется слот
+    structure: {
+      type: Array,
+      default: () => []
+    },
+    // Горизонтальное расположение элементов (для карточек пользователей)
+    horizontal: {
+      type: Boolean,
+      default: false
+    },
+    // Цвет фона карточки (светлый фон)
+    cardColor: {
+      type: String,
+      default: "rgb(var(--light))"
+    },
+    // Цвет блоков скелетона (серый)
+    blockColor: {
+      type: String,
+      default: "rgb(var(--light))"
+    },
+    // Цвет анимированной полосы (белый с прозрачностью)
+    highlightColor: {
+      type: String,
+      default: "rgba(255, 255, 255, 0.9)"
+    },
+    // Скорость анимации в секундах
+    animationDuration: {
+      type: Number,
+      default: 1.5
+    },
+    // Радиус закругления
+    borderRadius: {
+      type: String,
+      default: "4px"
+    }
+  },
+  setup(__props) {
+    const slots = vue.useSlots();
+    const props = __props;
+    const hasDefaultSlot = vue.computed(() => Boolean(slots.default));
+    vue.onMounted(() => {
+      const root = document.documentElement;
+      root.style.setProperty("--skeleton-card-color", props.cardColor);
+      root.style.setProperty("--skeleton-block-color", props.blockColor);
+      root.style.setProperty("--skeleton-highlight-color", props.highlightColor);
+      root.style.setProperty("--skeleton-animation-duration", `${props.animationDuration}s`);
+      root.style.setProperty("--skeleton-border-radius", props.borderRadius);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["skeleton-wrapper", { "skeleton-wrapper--loading": __props.loading }])
+      }, [
+        hasDefaultSlot.value && !__props.structure.length ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }, void 0, true) : __props.structure.length ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          class: vue.normalizeClass(["skeleton-structure", { "skeleton-structure--horizontal": __props.horizontal }])
+        }, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.structure, (item, index) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: index,
+              class: vue.normalizeClass(["skeleton-item", [
+                `skeleton-item--${item.block}`,
+                `skeleton-item--${item.size || "medium"}`,
+                { "skeleton-item--rounded": item.rounded }
+              ]]),
+              style: vue.normalizeStyle(item.style)
+            }, null, 6);
+          }), 128))
+        ], 2)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, _cache[0] || (_cache[0] = [
+          vue.createElementVNode("div", { class: "skeleton-item skeleton-item--text skeleton-item--small" }, null, -1),
+          vue.createElementVNode("div", { class: "skeleton-item skeleton-item--text skeleton-item--medium" }, null, -1),
+          vue.createElementVNode("div", { class: "skeleton-item skeleton-item--text skeleton-item--large" }, null, -1)
+        ])))
+      ], 2);
+    };
+  }
+};
+const Skeleton = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-1c010433"]]);
+exports.default = Skeleton;
+//# sourceMappingURL=Skeleton.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.vue.cjs","sources":["../../../../../src/components/Skeleton/Skeleton.vue"],"sourcesContent":["<template>\n  <div class=\"skeleton-wrapper\" :class=\"{ 'skeleton-wrapper--loading': loading }\">\n    <!-- Используем слот по умолчанию, если он есть -->\n    <slot v-if=\"hasDefaultSlot && !structure.length\"></slot>\n    \n    <!-- Создаем скелетон на основе переданной структуры, если слот пустой -->\n    <div v-else-if=\"structure.length\" class=\"skeleton-structure\" :class=\"{ 'skeleton-structure--horizontal': horizontal }\">\n      <div \n        v-for=\"(item, index) in structure\" \n        :key=\"index\" \n        class=\"skeleton-item\"\n        :class=\"[\n          `skeleton-item--${item.block}`,\n          `skeleton-item--${item.size || 'medium'}`,\n          { 'skeleton-item--rounded': item.rounded }\n        ]\"\n        :style=\"item.style\"\n      ></div>\n    </div>\n    \n    <!-- Если слот пустой и структура не определена - показываем дефолтный скелетон -->\n    <div v-else class=\"skeleton-default\">\n      <div class=\"skeleton-item skeleton-item--text skeleton-item--small\"></div>\n      <div class=\"skeleton-item skeleton-item--text skeleton-item--medium\"></div>\n      <div class=\"skeleton-item skeleton-item--text skeleton-item--large\"></div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, useSlots, computed, onMounted } from 'vue';\n\nconst slots = useSlots();\n\nconst props = defineProps({\n  // Флаг загрузки, определяет, нужно ли показывать скелетон\n  loading: {\n    type: Boolean,\n    default: true\n  },\n  // Структура скелетона, если не используется слот\n  structure: {\n    type: Array,\n    default: () => []\n  },\n  // Горизонтальное расположение элементов (для карточек пользователей)\n  horizontal: {\n    type: Boolean,\n    default: false\n  },\n  // Цвет фона карточки (светлый фон)\n  cardColor: {\n    type: String,\n    default: 'rgb(var(--light))'\n  },\n  // Цвет блоков скелетона (серый)\n  blockColor: {\n    type: String,\n    default: 'rgb(var(--light))'\n  },\n  // Цвет анимированной полосы (белый с прозрачностью)\n  highlightColor: {\n    type: String,\n    default: 'rgba(255, 255, 255, 0.9)'\n  },\n  // Скорость анимации в секундах\n  animationDuration: {\n    type: Number,\n    default: 1.5\n  },\n  // Радиус закругления\n  borderRadius: {\n    type: String,\n    default: '4px'\n  }\n});\n\n// Проверяем наличие слота по умолчанию\nconst hasDefaultSlot = computed(() => Boolean(slots.default));\n\n// Применяем CSS переменные для настройки стилей\nonMounted(() => {\n  const root = document.documentElement;\n  root.style.setProperty('--skeleton-card-color', props.cardColor);\n  root.style.setProperty('--skeleton-block-color', props.blockColor);\n  root.style.setProperty('--skeleton-highlight-color', props.highlightColor);\n  root.style.setProperty('--skeleton-animation-duration', `${props.animationDuration}s`);\n  root.style.setProperty('--skeleton-border-radius', props.borderRadius);\n});\n</script>\n\n<style scoped>\n.skeleton-wrapper {\n  width: 100%;\n  position: relative;\n  background-color: var(--skeleton-card-color);\n  padding: 1rem;\n}\n\n/* Стили для режима загрузки */\n.skeleton-wrapper--loading ::v-deep(*) {\n  color: transparent !important;\n  border-color: transparent !important;\n  position: relative;\n}\n\n.skeleton-wrapper--loading ::v-deep(img),\n.skeleton-wrapper--loading ::v-deep(svg),\n.skeleton-wrapper--loading ::v-deep(button),\n.skeleton-wrapper--loading ::v-deep(a) {\n  opacity: 0;\n}\n\n.skeleton-wrapper--loading ::v-deep(*::before),\n.skeleton-wrapper--loading ::v-deep(*::after) {\n  display: none !important;\n}\n\n.skeleton-wrapper--loading ::v-deep(*) {\n  position: relative;\n  background-color: var(--skeleton-block-color) !important;\n  border-radius: var(--skeleton-border-radius);\n  overflow: hidden;\n}\n\n.skeleton-wrapper--loading ::v-deep(*)::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -100%;\n  width: 100%;\n  height: 100%;\n  z-index: 10;\n  display: block !important;\n  animation: shimmer var(--skeleton-animation-duration) infinite;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    var(--skeleton-highlight-color) 50%,\n    transparent 100%\n  );\n}\n\n/* Стили для структурного скелетона */\n.skeleton-structure {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  width: 100%;\n}\n\n/* Горизонтальный скелетон для карточек пользователей */\n.skeleton-structure--horizontal {\n  flex-direction: row;\n  align-items: center;\n  flex-wrap: nowrap;\n}\n\n.skeleton-item {\n  background-color: var(--skeleton-block-color);\n  border-radius: var(--skeleton-border-radius);\n  position: relative;\n  overflow: hidden;\n}\n\n.skeleton-item::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -100%;\n  width: 100%;\n  height: 100%;\n  animation: shimmer var(--skeleton-animation-duration) infinite;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    var(--skeleton-highlight-color) 50%,\n    transparent 100%\n  );\n}\n\n/* Типы блоков */\n.skeleton-item--text {\n  height: 1rem;\n  width: 100%;\n}\n\n.skeleton-item--text-group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  flex: 1;\n}\n\n.skeleton-item--image {\n  width: 100%;\n  aspect-ratio: 16 / 9;\n}\n\n.skeleton-item--avatar {\n  width: 4rem;\n  height: 4rem;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n.skeleton-item--button {\n  height: 3rem;\n  width: 8rem;\n}\n\n.skeleton-item--circle {\n  border-radius: 50%;\n}\n\n.skeleton-item--action {\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n.skeleton-item--actions-group {\n  display: flex;\n  gap: 0.5rem;\n  margin-left: auto;\n}\n\n.skeleton-item--square {\n  aspect-ratio: 1 / 1;\n}\n\n/* Размеры */\n.skeleton-item--small {\n  width: 30%;\n}\n\n.skeleton-item--medium {\n  width: 60%;\n}\n\n.skeleton-item--large {\n  width: 100%;\n}\n\n.skeleton-item--rounded {\n  border-radius: 50%;\n}\n\n/* Дефолтный скелетон */\n.skeleton-default {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  width: 100%;\n}\n\n/* Анимация движения полосы */\n@keyframes shimmer {\n  0% {\n    left: -100%;\n  }\n  100% {\n    left: 100%;\n  }\n}\n</style>"],"names":["useSlots","computed","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,QAAQA,IAAAA,SAAU;AAExB,UAAM,QAAQ;AA4Cd,UAAM,iBAAiBC,IAAAA,SAAS,MAAM,QAAQ,MAAM,OAAO,CAAC;AAG5DC,QAAAA,UAAU,MAAM;AACd,YAAM,OAAO,SAAS;AACtB,WAAK,MAAM,YAAY,yBAAyB,MAAM,SAAS;AAC/D,WAAK,MAAM,YAAY,0BAA0B,MAAM,UAAU;AACjE,WAAK,MAAM,YAAY,8BAA8B,MAAM,cAAc;AACzE,WAAK,MAAM,YAAY,iCAAiC,GAAG,MAAM,iBAAiB,GAAG;AACrF,WAAK,MAAM,YAAY,4BAA4B,MAAM,YAAY;AAAA,IACvE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,95 @@
+import { useSlots, computed, onMounted, createElementBlock, openBlock, normalizeClass, renderSlot, Fragment, renderList, normalizeStyle, createElementVNode } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = {
+  key: 2,
+  class: "skeleton-default"
+};
+const _sfc_main = {
+  __name: "Skeleton",
+  props: {
+    // Флаг загрузки, определяет, нужно ли показывать скелетон
+    loading: {
+      type: Boolean,
+      default: true
+    },
+    // Структура скелетона, если не используется слот
+    structure: {
+      type: Array,
+      default: () => []
+    },
+    // Горизонтальное расположение элементов (для карточек пользователей)
+    horizontal: {
+      type: Boolean,
+      default: false
+    },
+    // Цвет фона карточки (светлый фон)
+    cardColor: {
+      type: String,
+      default: "rgb(var(--light))"
+    },
+    // Цвет блоков скелетона (серый)
+    blockColor: {
+      type: String,
+      default: "rgb(var(--light))"
+    },
+    // Цвет анимированной полосы (белый с прозрачностью)
+    highlightColor: {
+      type: String,
+      default: "rgba(255, 255, 255, 0.9)"
+    },
+    // Скорость анимации в секундах
+    animationDuration: {
+      type: Number,
+      default: 1.5
+    },
+    // Радиус закругления
+    borderRadius: {
+      type: String,
+      default: "4px"
+    }
+  },
+  setup(__props) {
+    const slots = useSlots();
+    const props = __props;
+    const hasDefaultSlot = computed(() => Boolean(slots.default));
+    onMounted(() => {
+      const root = document.documentElement;
+      root.style.setProperty("--skeleton-card-color", props.cardColor);
+      root.style.setProperty("--skeleton-block-color", props.blockColor);
+      root.style.setProperty("--skeleton-highlight-color", props.highlightColor);
+      root.style.setProperty("--skeleton-animation-duration", `${props.animationDuration}s`);
+      root.style.setProperty("--skeleton-border-radius", props.borderRadius);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["skeleton-wrapper", { "skeleton-wrapper--loading": __props.loading }])
+      }, [
+        hasDefaultSlot.value && !__props.structure.length ? renderSlot(_ctx.$slots, "default", { key: 0 }, void 0, true) : __props.structure.length ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(["skeleton-structure", { "skeleton-structure--horizontal": __props.horizontal }])
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.structure, (item, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: normalizeClass(["skeleton-item", [
+                `skeleton-item--${item.block}`,
+                `skeleton-item--${item.size || "medium"}`,
+                { "skeleton-item--rounded": item.rounded }
+              ]]),
+              style: normalizeStyle(item.style)
+            }, null, 6);
+          }), 128))
+        ], 2)) : (openBlock(), createElementBlock("div", _hoisted_1, _cache[0] || (_cache[0] = [
+          createElementVNode("div", { class: "skeleton-item skeleton-item--text skeleton-item--small" }, null, -1),
+          createElementVNode("div", { class: "skeleton-item skeleton-item--text skeleton-item--medium" }, null, -1),
+          createElementVNode("div", { class: "skeleton-item skeleton-item--text skeleton-item--large" }, null, -1)
+        ])))
+      ], 2);
+    };
+  }
+};
+const Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1c010433"]]);
+export {
+  Skeleton as default
+};
+//# sourceMappingURL=Skeleton.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.vue.js","sources":["../../../../../src/components/Skeleton/Skeleton.vue"],"sourcesContent":["<template>\n  <div class=\"skeleton-wrapper\" :class=\"{ 'skeleton-wrapper--loading': loading }\">\n    <!-- Используем слот по умолчанию, если он есть -->\n    <slot v-if=\"hasDefaultSlot && !structure.length\"></slot>\n    \n    <!-- Создаем скелетон на основе переданной структуры, если слот пустой -->\n    <div v-else-if=\"structure.length\" class=\"skeleton-structure\" :class=\"{ 'skeleton-structure--horizontal': horizontal }\">\n      <div \n        v-for=\"(item, index) in structure\" \n        :key=\"index\" \n        class=\"skeleton-item\"\n        :class=\"[\n          `skeleton-item--${item.block}`,\n          `skeleton-item--${item.size || 'medium'}`,\n          { 'skeleton-item--rounded': item.rounded }\n        ]\"\n        :style=\"item.style\"\n      ></div>\n    </div>\n    \n    <!-- Если слот пустой и структура не определена - показываем дефолтный скелетон -->\n    <div v-else class=\"skeleton-default\">\n      <div class=\"skeleton-item skeleton-item--text skeleton-item--small\"></div>\n      <div class=\"skeleton-item skeleton-item--text skeleton-item--medium\"></div>\n      <div class=\"skeleton-item skeleton-item--text skeleton-item--large\"></div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, useSlots, computed, onMounted } from 'vue';\n\nconst slots = useSlots();\n\nconst props = defineProps({\n  // Флаг загрузки, определяет, нужно ли показывать скелетон\n  loading: {\n    type: Boolean,\n    default: true\n  },\n  // Структура скелетона, если не используется слот\n  structure: {\n    type: Array,\n    default: () => []\n  },\n  // Горизонтальное расположение элементов (для карточек пользователей)\n  horizontal: {\n    type: Boolean,\n    default: false\n  },\n  // Цвет фона карточки (светлый фон)\n  cardColor: {\n    type: String,\n    default: 'rgb(var(--light))'\n  },\n  // Цвет блоков скелетона (серый)\n  blockColor: {\n    type: String,\n    default: 'rgb(var(--light))'\n  },\n  // Цвет анимированной полосы (белый с прозрачностью)\n  highlightColor: {\n    type: String,\n    default: 'rgba(255, 255, 255, 0.9)'\n  },\n  // Скорость анимации в секундах\n  animationDuration: {\n    type: Number,\n    default: 1.5\n  },\n  // Радиус закругления\n  borderRadius: {\n    type: String,\n    default: '4px'\n  }\n});\n\n// Проверяем наличие слота по умолчанию\nconst hasDefaultSlot = computed(() => Boolean(slots.default));\n\n// Применяем CSS переменные для настройки стилей\nonMounted(() => {\n  const root = document.documentElement;\n  root.style.setProperty('--skeleton-card-color', props.cardColor);\n  root.style.setProperty('--skeleton-block-color', props.blockColor);\n  root.style.setProperty('--skeleton-highlight-color', props.highlightColor);\n  root.style.setProperty('--skeleton-animation-duration', `${props.animationDuration}s`);\n  root.style.setProperty('--skeleton-border-radius', props.borderRadius);\n});\n</script>\n\n<style scoped>\n.skeleton-wrapper {\n  width: 100%;\n  position: relative;\n  background-color: var(--skeleton-card-color);\n  padding: 1rem;\n}\n\n/* Стили для режима загрузки */\n.skeleton-wrapper--loading ::v-deep(*) {\n  color: transparent !important;\n  border-color: transparent !important;\n  position: relative;\n}\n\n.skeleton-wrapper--loading ::v-deep(img),\n.skeleton-wrapper--loading ::v-deep(svg),\n.skeleton-wrapper--loading ::v-deep(button),\n.skeleton-wrapper--loading ::v-deep(a) {\n  opacity: 0;\n}\n\n.skeleton-wrapper--loading ::v-deep(*::before),\n.skeleton-wrapper--loading ::v-deep(*::after) {\n  display: none !important;\n}\n\n.skeleton-wrapper--loading ::v-deep(*) {\n  position: relative;\n  background-color: var(--skeleton-block-color) !important;\n  border-radius: var(--skeleton-border-radius);\n  overflow: hidden;\n}\n\n.skeleton-wrapper--loading ::v-deep(*)::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -100%;\n  width: 100%;\n  height: 100%;\n  z-index: 10;\n  display: block !important;\n  animation: shimmer var(--skeleton-animation-duration) infinite;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    var(--skeleton-highlight-color) 50%,\n    transparent 100%\n  );\n}\n\n/* Стили для структурного скелетона */\n.skeleton-structure {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  width: 100%;\n}\n\n/* Горизонтальный скелетон для карточек пользователей */\n.skeleton-structure--horizontal {\n  flex-direction: row;\n  align-items: center;\n  flex-wrap: nowrap;\n}\n\n.skeleton-item {\n  background-color: var(--skeleton-block-color);\n  border-radius: var(--skeleton-border-radius);\n  position: relative;\n  overflow: hidden;\n}\n\n.skeleton-item::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -100%;\n  width: 100%;\n  height: 100%;\n  animation: shimmer var(--skeleton-animation-duration) infinite;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    var(--skeleton-highlight-color) 50%,\n    transparent 100%\n  );\n}\n\n/* Типы блоков */\n.skeleton-item--text {\n  height: 1rem;\n  width: 100%;\n}\n\n.skeleton-item--text-group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  flex: 1;\n}\n\n.skeleton-item--image {\n  width: 100%;\n  aspect-ratio: 16 / 9;\n}\n\n.skeleton-item--avatar {\n  width: 4rem;\n  height: 4rem;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n.skeleton-item--button {\n  height: 3rem;\n  width: 8rem;\n}\n\n.skeleton-item--circle {\n  border-radius: 50%;\n}\n\n.skeleton-item--action {\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  flex-shrink: 0;\n}\n\n.skeleton-item--actions-group {\n  display: flex;\n  gap: 0.5rem;\n  margin-left: auto;\n}\n\n.skeleton-item--square {\n  aspect-ratio: 1 / 1;\n}\n\n/* Размеры */\n.skeleton-item--small {\n  width: 30%;\n}\n\n.skeleton-item--medium {\n  width: 60%;\n}\n\n.skeleton-item--large {\n  width: 100%;\n}\n\n.skeleton-item--rounded {\n  border-radius: 50%;\n}\n\n/* Дефолтный скелетон */\n.skeleton-default {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  width: 100%;\n}\n\n/* Анимация движения полосы */\n@keyframes shimmer {\n  0% {\n    left: -100%;\n  }\n  100% {\n    left: 100%;\n  }\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAM,QAAQ,SAAU;AAExB,UAAM,QAAQ;AA4Cd,UAAM,iBAAiB,SAAS,MAAM,QAAQ,MAAM,OAAO,CAAC;AAG5D,cAAU,MAAM;AACd,YAAM,OAAO,SAAS;AACtB,WAAK,MAAM,YAAY,yBAAyB,MAAM,SAAS;AAC/D,WAAK,MAAM,YAAY,0BAA0B,MAAM,UAAU;AACjE,WAAK,MAAM,YAAY,8BAA8B,MAAM,cAAc;AACzE,WAAK,MAAM,YAAY,iCAAiC,GAAG,MAAM,iBAAiB,GAAG;AACrF,WAAK,MAAM,YAAY,4BAA4B,MAAM,YAAY;AAAA,IACvE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}