@nextcloud/vue 8.32.0 → 8.33.0

package/dist/chunks/{NcActions-D3N_As6c.cjs → NcActions-CF9VxHHD.cjs}

@@ -1,32 +1,13 @@
 require('../assets/NcActions-B4-9qwLn.css');
 "use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const core = require("@vueuse/core");
 const Vue = require("vue");
 const _pluginVue2_normalizer = require("./_plugin-vue2_normalizer-V0q-tHlQ.cjs");
-const useTrapStackControl = require("./useTrapStackControl-dthvITlQ.cjs");
-const _l10n = require("./_l10n-9b4TMo5Q.cjs");
+const useTrapStackControl = require("./useTrapStackControl-XYABY64G.cjs");
+const _l10n = require("./_l10n-eOBJ3Dwl.cjs");
 const GenRandomId = require("./GenRandomId-D7iOvpZS.cjs");
-const NcButton = require("./NcButton-DK7bNZIL.cjs");
-const NcPopover = require("./NcPopover-DrXnNOgM.cjs");
+const NcButton = require("./NcButton-CJBZrdiL.cjs");
+const NcPopover = require("./NcPopover-BgUZkmjk.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const Vue__default = /* @__PURE__ */ _interopDefault(Vue);
 const _sfc_main$1 = {
@@ -215,10 +196,7 @@ const _sfc_main = {
      */
     boundariesElement: {
       type: Element,
-      default: () => {
-        var _a;
-        return (_a = document.querySelector("#content-vue")) != null ? _a : document.querySelector("body");
-      }
+      default: () => document.querySelector("#content-vue") ?? document.querySelector("body")
     },
     /**
      * Selector for the actions' popover container
@@ -269,8 +247,8 @@ const _sfc_main = {
     "update:open"
   ],
   setup(props) {
-    const randomId = "menu-".concat(GenRandomId.GenRandomId());
-    const triggerRandomId = "trigger-".concat(randomId);
+    const randomId = `menu-${GenRandomId.GenRandomId()}`;
+    const triggerRandomId = `trigger-${randomId}`;
     const triggerButton = Vue.ref();
     const { top, bottom } = core.useElementBounding(triggerButton);
     const { top: boundaryTop, bottom: boundaryBottom } = core.useElementBounding(Vue.toRef(props, "boundariesElement"));
@@ -310,8 +288,7 @@ const _sfc_main = {
   },
   computed: {
     triggerButtonVariant() {
-      var _a;
-      return ((_a = this.type) != null ? _a : this.variant) || (this.primary ? "primary" : this.menuName ? "secondary" : "tertiary");
+      return (this.type ?? this.variant) || (this.primary ? "primary" : this.menuName ? "secondary" : "tertiary");
     },
     /**
      * A11y roles and keyboard navigation configuration depending on the semantic type
@@ -417,8 +394,7 @@ const _sfc_main = {
      * @return {string} the name of the action component
      */
     getActionName(action) {
-      var _a, _b, _c, _d, _e;
-      return (_e = (_c = (_b = (_a = action == null ? void 0 : action.componentOptions) == null ? void 0 : _a.Ctor) == null ? void 0 : _b.extendOptions) == null ? void 0 : _c.name) != null ? _e : (_d = action == null ? void 0 : action.componentOptions) == null ? void 0 : _d.tag;
+      return action?.componentOptions?.Ctor?.extendOptions?.name ?? action?.componentOptions?.tag;
     },
     /**
      * Do we have exactly one Action and
@@ -438,7 +414,7 @@ const _sfc_main = {
     isIconUrl(url) {
       try {
         return !!new URL(url, url.startsWith("/") ? window.location.origin : void 0);
-      } catch (e) {
+      } catch {
         return false;
       }
     },
@@ -452,18 +428,17 @@ const _sfc_main = {
       this.$emit("open");
     },
     async closeMenu(returnFocus = true) {
-      var _a, _b;
       if (!this.opened) {
         return;
       }
       await this.$nextTick();
       this.opened = false;
-      (_a = this.$refs.popover) == null ? void 0 : _a.clearFocusTrap({ returnFocus });
+      this.$refs.popover?.clearFocusTrap({ returnFocus });
       this.$emit("update:open", false);
       this.$emit("close");
       this.focusIndex = 0;
       if (returnFocus) {
-        (_b = this.$refs.triggerButton) == null ? void 0 : _b.$el.focus();
+        this.$refs.triggerButton?.$el.focus();
       }
     },
     onClosed() {
@@ -490,7 +465,7 @@ const _sfc_main = {
         let actionHeight = 0;
         for (const action of this.$refs.menuList.children) {
           if (currentHeight + action.clientHeight / 2 > this.maxMenuHeight) {
-            inner.style.height = "".concat(currentHeight - actionHeight / 2, "px");
+            inner.style.height = `${currentHeight - actionHeight / 2}px`;
             break;
           }
           actionHeight = action.clientHeight;
@@ -691,19 +666,18 @@ const _sfc_main = {
       }
     }
     const renderInlineAction = (action) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E;
-      const iconProp = (_b = (_a = action == null ? void 0 : action.componentOptions) == null ? void 0 : _a.propsData) == null ? void 0 : _b.icon;
-      const icon = (_f = (_e = (_d = (_c = action == null ? void 0 : action.data) == null ? void 0 : _c.scopedSlots) == null ? void 0 : _d.icon()) == null ? void 0 : _e[0]) != null ? _f : this.isIconUrl(iconProp) ? h("img", { class: "action-item__menutoggle__icon", attrs: { src: iconProp, alt: "" } }) : h("span", { class: ["icon", iconProp] });
-      const attrs = ((_g = action == null ? void 0 : action.data) == null ? void 0 : _g.attrs) || {};
-      const clickListener = (_i = (_h = action == null ? void 0 : action.componentOptions) == null ? void 0 : _h.listeners) == null ? void 0 : _i.click;
-      const text = (_n = (_m = (_l = (_k = (_j = action == null ? void 0 : action.componentOptions) == null ? void 0 : _j.children) == null ? void 0 : _k[0]) == null ? void 0 : _l.text) == null ? void 0 : _m.trim) == null ? void 0 : _n.call(_m);
-      const ariaLabel = ((_p = (_o = action == null ? void 0 : action.componentOptions) == null ? void 0 : _o.propsData) == null ? void 0 : _p.ariaLabel) || text;
+      const iconProp = action?.componentOptions?.propsData?.icon;
+      const icon = action?.data?.scopedSlots?.icon()?.[0] ?? (this.isIconUrl(iconProp) ? h("img", { class: "action-item__menutoggle__icon", attrs: { src: iconProp, alt: "" } }) : h("span", { class: ["icon", iconProp] }));
+      const attrs = action?.data?.attrs || {};
+      const clickListener = action?.componentOptions?.listeners?.click;
+      const text = action?.componentOptions?.children?.[0]?.text?.trim?.();
+      const ariaLabel = action?.componentOptions?.propsData?.ariaLabel || text;
       const buttonText = this.forceName ? text : "";
-      let title = (_r = (_q = action == null ? void 0 : action.componentOptions) == null ? void 0 : _q.propsData) == null ? void 0 : _r.title;
+      let title = action?.componentOptions?.propsData?.title;
       if (!(this.forceName || title)) {
         title = text;
       }
-      const propsToForward = __spreadValues({}, (_t = (_s = action == null ? void 0 : action.componentOptions) == null ? void 0 : _s.propsData) != null ? _t : {});
+      const propsToForward = { ...action?.componentOptions?.propsData ?? {} };
       const nativeType = ["submit", "reset"].includes(propsToForward.type) ? propsToForward.modelValue : "button";
       delete propsToForward.modelValue;
       delete propsToForward.type;
@@ -712,34 +686,39 @@ const _sfc_main = {
         {
           class: [
             "action-item action-item--single",
-            (_u = action == null ? void 0 : action.data) == null ? void 0 : _u.staticClass,
-            (_v = action == null ? void 0 : action.data) == null ? void 0 : _v.class
+            action?.data?.staticClass,
+            action?.data?.class
           ],
-          attrs: __spreadProps(__spreadValues({}, attrs), {
+          attrs: {
+            ...attrs,
             "aria-label": ariaLabel,
             title
-          }),
-          ref: (_w = action == null ? void 0 : action.data) == null ? void 0 : _w.ref,
-          props: __spreadProps(__spreadValues({}, propsToForward), {
-            disabled: this.disabled || ((_y = (_x = action == null ? void 0 : action.componentOptions) == null ? void 0 : _x.propsData) == null ? void 0 : _y.disabled),
-            pressed: (_A = (_z = action == null ? void 0 : action.componentOptions) == null ? void 0 : _z.propsData) == null ? void 0 : _A.modelValue,
+          },
+          ref: action?.data?.ref,
+          props: {
+            ...propsToForward,
+            disabled: this.disabled || action?.componentOptions?.propsData?.disabled,
+            pressed: action?.componentOptions?.propsData?.modelValue,
             type: nativeType,
             // If it has a menuName, we use a secondary button
-            variant: ((_B = this.type) != null ? _B : this.variant) || (buttonText ? "secondary" : "tertiary")
-          }),
-          on: __spreadValues({
+            variant: (this.type ?? this.variant) || (buttonText ? "secondary" : "tertiary")
+          },
+          on: {
             focus: this.onFocus,
             blur: this.onBlur,
             // forward any pressed state from NcButton just like NcActionButton does
-            "update:pressed": (_E = (_D = (_C = action == null ? void 0 : action.componentOptions) == null ? void 0 : _C.listeners) == null ? void 0 : _D["update:modelValue"]) != null ? _E : () => {
-            }
-          }, !!clickListener && {
-            click: (event) => {
-              if (clickListener) {
-                clickListener(event);
+            "update:pressed": action?.componentOptions?.listeners?.["update:modelValue"] ?? (() => {
+            }),
+            // If we have a click listener,
+            // we bind it to execute on click and forward the click event
+            ...!!clickListener && {
+              click: (event) => {
+                if (clickListener) {
+                  clickListener(event);
+                }
               }
             }
-          })
+          }
         },
         [
           h("template", { slot: "icon" }, [icon]),
@@ -748,8 +727,7 @@ const _sfc_main = {
       );
     };
     const renderActionsPopover = (actions2) => {
-      var _a;
-      const triggerIcon = ((_a = this.$slots.icon) == null ? void 0 : _a[0]) || (this.defaultIcon ? h("span", { class: ["icon", this.defaultIcon] }) : h(DotsHorizontalIcon, {
+      const triggerIcon = this.$slots.icon?.[0] || (this.defaultIcon ? h("span", { class: ["icon", this.defaultIcon] }) : h(DotsHorizontalIcon, {
         props: {
           size: 20
         }
@@ -773,14 +751,15 @@ const _sfc_main = {
           // For some reason the popover component
           // does not react to props given under the 'props' key,
           // so we use both 'attrs' and 'props'
-          attrs: __spreadValues({
+          attrs: {
             delay: 0,
             handleResize: true,
             shown: this.opened,
             placement: this.placement,
             boundary: this.boundariesElement,
-            container: this.container
-          }, this.manualOpen && { triggers: [] }),
+            container: this.container,
+            ...this.manualOpen && { triggers: [] }
+          },
           on: {
             show: this.openMenu,
             "after-show": this.onOpened,
@@ -797,10 +776,11 @@ const _sfc_main = {
             },
             slot: "trigger",
             ref: "triggerButton",
-            attrs: __spreadValues({
+            attrs: {
               id: this.triggerRandomId,
-              "aria-label": this.menuName ? null : this.ariaLabel
-            }, this.config.triggerA11yAttr),
+              "aria-label": this.menuName ? null : this.ariaLabel,
+              ...this.config.triggerA11yAttr
+            },
             on: {
               focus: this.onFocus,
               blur: this.onBlur,
@@ -815,18 +795,20 @@ const _sfc_main = {
             class: {
               open: this.opened
             },
-            attrs: __spreadValues({
-              tabindex: "-1"
-            }, this.config.popoverContainerA11yAttrs),
+            attrs: {
+              tabindex: "-1",
+              ...this.config.popoverContainerA11yAttrs
+            },
             on: {
               keydown: this.onKeydown
             },
             ref: "menu"
           }, [
             h("ul", {
-              attrs: __spreadValues({
-                tabindex: "-1"
-              }, this.config.popoverUlA11yAttrs),
+              attrs: {
+                tabindex: "-1",
+                ...this.config.popoverUlA11yAttrs
+              },
               ref: "menuList"
             }, [
               actions2
@@ -853,7 +835,7 @@ const _sfc_main = {
         {
           class: [
             "action-items",
-            "action-item--".concat(this.triggerButtonVariant)
+            `action-item--${this.triggerButtonVariant}`
           ]
         },
         [
@@ -882,7 +864,7 @@ const _sfc_main = {
       {
         class: [
           "action-item action-item--default-popover",
-          "action-item--".concat(this.triggerButtonVariant),
+          `action-item--${this.triggerButtonVariant}`,
           {
             "action-item--open": this.opened
           }
@@ -907,4 +889,4 @@ var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
 const NcActions = __component__.exports;
 exports.DotsHorizontalIcon = DotsHorizontalIcon;
 exports.NcActions = NcActions;
-//# sourceMappingURL=NcActions-D3N_As6c.cjs.map
+//# sourceMappingURL=NcActions-CF9VxHHD.cjs.map