@nextcloud/vue 8.31.0 → 8.32.0

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

@@ -1,13 +1,32 @@
 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-XYABY64G.cjs");
-const _l10n = require("./_l10n-DM-VRK9x.cjs");
+const useTrapStackControl = require("./useTrapStackControl-dthvITlQ.cjs");
+const _l10n = require("./_l10n-9b4TMo5Q.cjs");
 const GenRandomId = require("./GenRandomId-D7iOvpZS.cjs");
-const NcButton = require("./NcButton-DOsCAjiE.cjs");
-const NcPopover = require("./NcPopover-DkX3Esbr.cjs");
+const NcButton = require("./NcButton-DK7bNZIL.cjs");
+const NcPopover = require("./NcPopover-DrXnNOgM.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const Vue__default = /* @__PURE__ */ _interopDefault(Vue);
 const _sfc_main$1 = {
@@ -196,7 +215,10 @@ const _sfc_main = {
      */
     boundariesElement: {
       type: Element,
-      default: () => document.querySelector("#content-vue") ?? document.querySelector("body")
+      default: () => {
+        var _a;
+        return (_a = document.querySelector("#content-vue")) != null ? _a : document.querySelector("body");
+      }
     },
     /**
      * Selector for the actions' popover container
@@ -247,8 +269,8 @@ const _sfc_main = {
     "update:open"
   ],
   setup(props) {
-    const randomId = `menu-${GenRandomId.GenRandomId()}`;
-    const triggerRandomId = `trigger-${randomId}`;
+    const randomId = "menu-".concat(GenRandomId.GenRandomId());
+    const triggerRandomId = "trigger-".concat(randomId);
     const triggerButton = Vue.ref();
     const { top, bottom } = core.useElementBounding(triggerButton);
     const { top: boundaryTop, bottom: boundaryBottom } = core.useElementBounding(Vue.toRef(props, "boundariesElement"));
@@ -288,7 +310,8 @@ const _sfc_main = {
   },
   computed: {
     triggerButtonVariant() {
-      return (this.type ?? this.variant) || (this.primary ? "primary" : this.menuName ? "secondary" : "tertiary");
+      var _a;
+      return ((_a = this.type) != null ? _a : this.variant) || (this.primary ? "primary" : this.menuName ? "secondary" : "tertiary");
     },
     /**
      * A11y roles and keyboard navigation configuration depending on the semantic type
@@ -394,7 +417,8 @@ const _sfc_main = {
      * @return {string} the name of the action component
      */
     getActionName(action) {
-      return action?.componentOptions?.Ctor?.extendOptions?.name ?? action?.componentOptions?.tag;
+      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;
     },
     /**
      * Do we have exactly one Action and
@@ -414,7 +438,7 @@ const _sfc_main = {
     isIconUrl(url) {
       try {
         return !!new URL(url, url.startsWith("/") ? window.location.origin : void 0);
-      } catch {
+      } catch (e) {
         return false;
       }
     },
@@ -428,17 +452,18 @@ const _sfc_main = {
       this.$emit("open");
     },
     async closeMenu(returnFocus = true) {
+      var _a, _b;
       if (!this.opened) {
         return;
       }
       await this.$nextTick();
       this.opened = false;
-      this.$refs.popover?.clearFocusTrap({ returnFocus });
+      (_a = this.$refs.popover) == null ? void 0 : _a.clearFocusTrap({ returnFocus });
       this.$emit("update:open", false);
       this.$emit("close");
       this.focusIndex = 0;
       if (returnFocus) {
-        this.$refs.triggerButton?.$el.focus();
+        (_b = this.$refs.triggerButton) == null ? void 0 : _b.$el.focus();
       }
     },
     onClosed() {
@@ -465,7 +490,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 = `${currentHeight - actionHeight / 2}px`;
+            inner.style.height = "".concat(currentHeight - actionHeight / 2, "px");
             break;
           }
           actionHeight = action.clientHeight;
@@ -666,18 +691,19 @@ const _sfc_main = {
       }
     }
     const renderInlineAction = (action) => {
-      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;
+      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 buttonText = this.forceName ? text : "";
-      let title = action?.componentOptions?.propsData?.title;
+      let title = (_r = (_q = action == null ? void 0 : action.componentOptions) == null ? void 0 : _q.propsData) == null ? void 0 : _r.title;
       if (!(this.forceName || title)) {
         title = text;
       }
-      const propsToForward = { ...action?.componentOptions?.propsData ?? {} };
+      const propsToForward = __spreadValues({}, (_t = (_s = action == null ? void 0 : action.componentOptions) == null ? void 0 : _s.propsData) != null ? _t : {});
       const nativeType = ["submit", "reset"].includes(propsToForward.type) ? propsToForward.modelValue : "button";
       delete propsToForward.modelValue;
       delete propsToForward.type;
@@ -686,39 +712,34 @@ const _sfc_main = {
         {
           class: [
             "action-item action-item--single",
-            action?.data?.staticClass,
-            action?.data?.class
+            (_u = action == null ? void 0 : action.data) == null ? void 0 : _u.staticClass,
+            (_v = action == null ? void 0 : action.data) == null ? void 0 : _v.class
           ],
-          attrs: {
-            ...attrs,
+          attrs: __spreadProps(__spreadValues({}, attrs), {
             "aria-label": ariaLabel,
             title
-          },
-          ref: action?.data?.ref,
-          props: {
-            ...propsToForward,
-            disabled: this.disabled || action?.componentOptions?.propsData?.disabled,
-            pressed: action?.componentOptions?.propsData?.modelValue,
+          }),
+          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,
             type: nativeType,
             // If it has a menuName, we use a secondary button
-            variant: (this.type ?? this.variant) || (buttonText ? "secondary" : "tertiary")
-          },
-          on: {
+            variant: ((_B = this.type) != null ? _B : this.variant) || (buttonText ? "secondary" : "tertiary")
+          }),
+          on: __spreadValues({
             focus: this.onFocus,
             blur: this.onBlur,
             // forward any pressed state from NcButton just like NcActionButton does
-            "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);
-                }
+            "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);
               }
             }
-          }
+          })
         },
         [
           h("template", { slot: "icon" }, [icon]),
@@ -727,7 +748,8 @@ const _sfc_main = {
       );
     };
     const renderActionsPopover = (actions2) => {
-      const triggerIcon = this.$slots.icon?.[0] || (this.defaultIcon ? h("span", { class: ["icon", this.defaultIcon] }) : h(DotsHorizontalIcon, {
+      var _a;
+      const triggerIcon = ((_a = this.$slots.icon) == null ? void 0 : _a[0]) || (this.defaultIcon ? h("span", { class: ["icon", this.defaultIcon] }) : h(DotsHorizontalIcon, {
         props: {
           size: 20
         }
@@ -751,15 +773,14 @@ 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: {
+          attrs: __spreadValues({
             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,
@@ -776,11 +797,10 @@ const _sfc_main = {
             },
             slot: "trigger",
             ref: "triggerButton",
-            attrs: {
+            attrs: __spreadValues({
               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,
@@ -795,20 +815,18 @@ const _sfc_main = {
             class: {
               open: this.opened
             },
-            attrs: {
-              tabindex: "-1",
-              ...this.config.popoverContainerA11yAttrs
-            },
+            attrs: __spreadValues({
+              tabindex: "-1"
+            }, this.config.popoverContainerA11yAttrs),
             on: {
               keydown: this.onKeydown
             },
             ref: "menu"
           }, [
             h("ul", {
-              attrs: {
-                tabindex: "-1",
-                ...this.config.popoverUlA11yAttrs
-              },
+              attrs: __spreadValues({
+                tabindex: "-1"
+              }, this.config.popoverUlA11yAttrs),
               ref: "menuList"
             }, [
               actions2
@@ -835,7 +853,7 @@ const _sfc_main = {
         {
           class: [
             "action-items",
-            `action-item--${this.triggerButtonVariant}`
+            "action-item--".concat(this.triggerButtonVariant)
           ]
         },
         [
@@ -864,7 +882,7 @@ const _sfc_main = {
       {
         class: [
           "action-item action-item--default-popover",
-          `action-item--${this.triggerButtonVariant}`,
+          "action-item--".concat(this.triggerButtonVariant),
           {
             "action-item--open": this.opened
           }
@@ -889,4 +907,4 @@ var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
 const NcActions = __component__.exports;
 exports.DotsHorizontalIcon = DotsHorizontalIcon;
 exports.NcActions = NcActions;
-//# sourceMappingURL=NcActions-B7oXbiVt.cjs.map
+//# sourceMappingURL=NcActions-D3N_As6c.cjs.map