@nextcloud/vue/dist/chunks/NcCounterBubble-D1QC3eP1.mjs

Nextcloud vue components

import '../assets/NcCounterBubble-Dizdz4Hk.css';
import { getCanonicalLocale } from "@nextcloud/l10n";
import { n as normalizeComponent } from "./_plugin-vue2_normalizer-DU4iP6Vu.mjs";
const _sfc_main = {
  name: "NcCounterBubble",
  props: {
    type: {
      type: String,
      default: "",
      validator(value) {
        return ["highlighted", "outlined", ""].includes(value);
      }
    },
    /**
     * Specifies whether the component is used within a component that is
     * active and therefore has a primary background. Inverts the color of
     * this component when that is the case.
     */
    active: {
      type: Boolean,
      default: false
    },
    /**
     * The count to display in the counter bubble.
     * Alternatively, you can pass any value to the default slot.
     */
    count: {
      type: Number,
      required: false,
      default: void 0
    },
    /**
     * Disables humanization to display count or content as it is
     */
    raw: {
      type: Boolean,
      required: false,
      default: false
    }
  },
  computed: {
    counterClassObject() {
      return {
        "counter-bubble__counter--highlighted": this.type === "highlighted",
        "counter-bubble__counter--outlined": this.type === "outlined",
        active: this.active
      };
    },
    humanizedCount() {
      return this.humanizeCount(this.count);
    }
  },
  methods: {
    humanizeCount(count) {
      if (this.raw) {
        return count;
      }
      const formatter = new Intl.NumberFormat(getCanonicalLocale(), {
        notation: "compact",
        compactDisplay: "short"
      });
      return formatter.format(count);
    },
    /**
     * Get the humanized count from `count` prop
     * @return {string | undefined}
     */
    getHumanizedCount() {
      var _a, _b;
      if (this.count !== void 0) {
        return this.humanizedCount;
      }
      if (this.raw) {
        return void 0;
      }
      if (((_a = this.$slots.default) == null ? void 0 : _a.length) === 1) {
        const slotContent = (_b = this.$slots.default[0].text) == null ? void 0 : _b.trim();
        if (slotContent && /^\d+$/.test(slotContent)) {
          const count = parseInt(slotContent, 10);
          return this.humanizeCount(count);
        }
      }
    }
  },
  render(h) {
    var _a;
    return h("div", {
      staticClass: "counter-bubble__counter",
      class: this.counterClassObject
    }, [(_a = this.getHumanizedCount()) != null ? _a : this.$slots.default]);
  }
};
const _sfc_render = null;
const _sfc_staticRenderFns = null;
var __component__ = /* @__PURE__ */ normalizeComponent(
  _sfc_main,
  _sfc_render,
  _sfc_staticRenderFns,
  false,
  null,
  "11322bad"
);
const NcCounterBubble = __component__.exports;
export {
  NcCounterBubble as N
};