@nextcloud/vue 9.0.0-alpha.3 → 9.0.0-alpha.5

package/dist/chunks/NcChip-Z436j_vb.mjs

@@ -0,0 +1,143 @@
+import '../assets/NcChip-Cho4h_Kr.css';
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createBlock, createCommentVNode, createTextVNode, toDisplayString, withCtx, createVNode } from "vue";
+import { r as register, a as t } from "./_l10n-6dsjYig_.mjs";
+import { N as NcActions } from "./NcActions-DqMOvrbN.mjs";
+import { N as NcActionButton } from "./NcActionButton-Bqkgltcz.mjs";
+import { N as NcIconSvgWrapper } from "./NcIconSvgWrapper-DbL6OP85.mjs";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
+var mdiClose = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z";
+register();
+const _sfc_main = defineComponent({
+  name: "NcChip",
+  components: {
+    NcActions,
+    NcActionButton,
+    NcIconSvgWrapper
+  },
+  props: {
+    /**
+     * aria label to set on the close button
+     * @default 'Close'
+     */
+    ariaLabelClose: {
+      type: String,
+      default: t("Close")
+    },
+    /**
+     * Main text of the chip
+     */
+    text: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Chip style
+     * This sets the background style of the chip, similar to NcButton's `type`
+     */
+    type: {
+      type: String,
+      default: "secondary",
+      validator: (value) => ["primary", "secondary", "tertiary"].includes(value)
+    },
+    /**
+     * SVG path of the icon to use.
+     * For example icon paths from `@mdi/js` can be used.
+     */
+    iconPath: {
+      type: String,
+      default: null
+    },
+    /**
+     * Inline SVG to use as the icon
+     */
+    iconSvg: {
+      type: String,
+      default: null
+    },
+    /**
+     * Set to true to prevent the close button to be shown
+     */
+    noClose: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["close"],
+  setup() {
+    return {
+      mdiClose
+    };
+  },
+  computed: {
+    canClose() {
+      return !this.noClose;
+    },
+    hasActions() {
+      return this.canClose || this.$slots.actions?.() !== void 0;
+    }
+  },
+  methods: {
+    t,
+    onClose() {
+      this.$emit("close");
+    }
+  }
+});
+const _hoisted_1 = { class: "nc-chip__icon" };
+const _hoisted_2 = { class: "nc-chip__text" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_NcIconSvgWrapper = resolveComponent("NcIconSvgWrapper");
+  const _component_NcActionButton = resolveComponent("NcActionButton");
+  const _component_NcActions = resolveComponent("NcActions");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["nc-chip", { [`nc-chip--${_ctx.type}`]: true, "nc-chip--no-actions": !_ctx.hasActions }])
+  }, [
+    createElementVNode("span", _hoisted_1, [
+      renderSlot(_ctx.$slots, "icon", {}, () => [
+        _ctx.iconPath || _ctx.iconSvg ? (openBlock(), createBlock(_component_NcIconSvgWrapper, {
+          key: 0,
+          inline: "",
+          path: _ctx.iconPath,
+          svg: _ctx.iconPath ? void 0 : _ctx.iconSvg,
+          size: 18
+        }, null, 8, ["path", "svg"])) : createCommentVNode("", true)
+      ], true)
+    ]),
+    createElementVNode("span", _hoisted_2, [
+      renderSlot(_ctx.$slots, "default", {}, () => [
+        createTextVNode(toDisplayString(_ctx.text), 1)
+      ], true)
+    ]),
+    _ctx.hasActions ? (openBlock(), createBlock(_component_NcActions, {
+      key: 0,
+      class: "nc-chip__actions",
+      "force-menu": !_ctx.canClose,
+      type: "tertiary-no-background"
+    }, {
+      default: withCtx(() => [
+        _ctx.canClose ? (openBlock(), createBlock(_component_NcActionButton, {
+          key: 0,
+          "close-after-click": "",
+          onClick: _ctx.onClose
+        }, {
+          icon: withCtx(() => [
+            createVNode(_component_NcIconSvgWrapper, {
+              path: _ctx.mdiClose,
+              size: 20
+            }, null, 8, ["path"])
+          ]),
+          default: withCtx(() => [
+            createTextVNode(" " + toDisplayString(_ctx.ariaLabelClose), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "actions", {}, void 0, true)
+      ]),
+      _: 3
+    }, 8, ["force-menu"])) : createCommentVNode("", true)
+  ], 2);
+}
+const NcChip = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-7b25551c"]]);
+export {
+  NcChip as N
+};