@nextcloud/vue 8.15.0 → 8.16.0

package/dist/Components/NcChip.mjs

@@ -1,19 +1,14 @@
-import '../assets/NcChip-CQm1mq2C.css';
-import { defineComponent } from "vue";
-import { r as register, u as t18, a as t } from "../chunks/_l10n-CG5VZvYT.mjs";
-import { N as NcActions } from "../chunks/NcActions-jYBYK6WE.mjs";
+import '../assets/NcChip-CEKw1zaK.css';
+import { useSlots, computed } from "vue";
+import { r as register, u as t18, a as t } from "../chunks/_l10n-BlIvfB2V.mjs";
+import { N as NcActions } from "../chunks/NcActions-BNYD2s1x.mjs";
 import NcActionButton from "./NcActionButton.mjs";
 import { N as NcIconSvgWrapper } from "../chunks/NcIconSvgWrapper-Ckqpz-vm.mjs";
 import { n as normalizeComponent } from "../chunks/_plugin-vue2_normalizer-D637Qkok.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(t18);
-const _sfc_main = defineComponent({
-  name: "NcChip",
-  components: {
-    NcActions,
-    NcActionButton,
-    NcIconSvgWrapper
-  },
+const _sfc_main = {
+  __name: "NcChip",
   props: {
     /**
      * aria label to set on the close button
@@ -40,7 +35,7 @@ const _sfc_main = defineComponent({
       validator: (value) => ["primary", "secondary", "tertiary"].includes(value)
     },
     /**
-     * SVG path of the icon to use.
+     * SVG path of the icon to use, this takes precedence over `iconSVG`.
      * For example icon paths from `@mdi/js` can be used.
      */
     iconPath: {
@@ -63,37 +58,37 @@ const _sfc_main = defineComponent({
     }
   },
   emits: ["close"],
-  setup() {
-    return {
-      mdiClose
+  setup(__props, { emit }) {
+    const props = __props;
+    const slots = useSlots();
+    const canClose = computed(() => !props.noClose);
+    const hasActions = () => {
+      var _a;
+      return Boolean((_a = slots.actions) == null ? void 0 : _a.call(slots));
     };
-  },
-  computed: {
-    canClose() {
-      return !this.noClose;
-    },
-    hasActions() {
+    const hasIcon = () => {
       var _a;
-      return this.canClose || ((_a = this.$slots) == null ? void 0 : _a.actions) !== void 0 || this.$scopedSlots.actions !== void 0;
-    }
-  },
-  methods: {
-    t,
-    onClose() {
-      this.$emit("close");
-    }
+      return Boolean(props.iconPath || props.iconSvg || !!((_a = slots.icon) == null ? void 0 : _a.call(slots)));
+    };
+    const onClose = () => {
+      emit("close");
+    };
+    return { __sfc: true, props, emit, slots, canClose, hasActions, hasIcon, onClose, mdiClose, NcActions, NcActionButton, NcIconSvgWrapper };
   }
-});
+};
 var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  _vm._self._setupProxy;
-  return _c("div", { staticClass: "nc-chip", class: { ["nc-chip--".concat(_vm.type)]: true, "nc-chip--no-actions": !_vm.hasActions } }, [_c("span", { staticClass: "nc-chip__icon" }, [_vm._t("icon", function() {
-    return [_vm.iconPath || _vm.iconSvg ? _c("NcIconSvgWrapper", { attrs: { "inline": "", "path": _vm.iconPath, "svg": _vm.iconPath ? void 0 : _vm.iconSvg, "size": 18 } }) : _vm._e()];
-  })], 2), _c("span", { staticClass: "nc-chip__text" }, [_vm._t("default", function() {
+  var _vm = this, _c = _vm._self._c, _setup = _vm._self._setupProxy;
+  return _c("div", { staticClass: "nc-chip", class: {
+    ["nc-chip--".concat(_vm.type)]: true,
+    "nc-chip--no-actions": _vm.noClose && !_setup.hasActions(),
+    "nc-chip--no-icon": !_setup.hasIcon()
+  } }, [_setup.hasIcon() ? _c("span", { staticClass: "nc-chip__icon" }, [_vm._t("icon", function() {
+    return [_vm.iconPath || _vm.iconSvg ? _c(_setup.NcIconSvgWrapper, { attrs: { "inline": "", "path": _vm.iconPath, "svg": _vm.iconPath ? void 0 : _vm.iconSvg, "size": 18 } }) : _vm._e()];
+  })], 2) : _vm._e(), _c("span", { staticClass: "nc-chip__text" }, [_vm._t("default", function() {
     return [_vm._v(_vm._s(_vm.text))];
-  })], 2), _vm.hasActions ? _c("NcActions", { staticClass: "nc-chip__actions", attrs: { "force-menu": !_vm.canClose, "type": "tertiary-no-background" } }, [_vm.canClose ? _c("NcActionButton", { attrs: { "close-after-click": "" }, on: { "click": _vm.onClose }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
-    return [_c("NcIconSvgWrapper", { attrs: { "path": _vm.mdiClose, "size": 20 } })];
-  }, proxy: true }], null, false, 2592946578) }, [_vm._v(" " + _vm._s(_vm.ariaLabelClose) + " ")]) : _vm._e(), _vm._t("actions")], 2) : _vm._e()], 1);
+  })], 2), _setup.canClose || _setup.hasActions() ? _c(_setup.NcActions, { staticClass: "nc-chip__actions", attrs: { "force-menu": !_setup.canClose, "type": "tertiary-no-background" } }, [_setup.canClose ? _c(_setup.NcActionButton, { attrs: { "close-after-click": "" }, on: { "click": _setup.onClose }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
+    return [_c(_setup.NcIconSvgWrapper, { attrs: { "path": _setup.mdiClose, "size": 20 } })];
+  }, proxy: true }], null, false, 2547223506) }, [_vm._v(" " + _vm._s(_vm.ariaLabelClose) + " ")]) : _vm._e(), _vm._t("actions")], 2) : _vm._e()], 1);
 };
 var _sfc_staticRenderFns = [];
 var __component__ = /* @__PURE__ */ normalizeComponent(
@@ -102,7 +97,7 @@ var __component__ = /* @__PURE__ */ normalizeComponent(
   _sfc_staticRenderFns,
   false,
   null,
-  "e01fcb1e",
+  "470fc02d",
   null,
   null
 );