@nextcloud/vue 8.11.2 → 8.12.0

package/dist/chunks/NcAppContent-Be1m1O_W.cjs

@@ -1,256 +0,0 @@
-require('../assets/NcAppContent-aWiDWWeq.css');
-"use strict";
-const u = require("../Components/NcButton.cjs"), a = require("./_l10n-B8iumFKB.cjs");
-require("../Directives/Tooltip.cjs");
-const n = require("@nextcloud/event-bus"), c = require("./ArrowRight-CxzzJJQ6.cjs"), p = require("../Composables/useIsMobile.cjs"), r = require("./_plugin-vue2_normalizer-GXKvuwrq.cjs"), h = require("floating-vue"), g = require("@nextcloud/browser-storage"), d = require("@vueuse/core"), l = require("splitpanes");
-require("splitpanes/dist/splitpanes.css");
-a.register(a.t24);
-const f = {
-  name: "NcAppDetailsToggle",
-  directives: {
-    tooltip: h.VTooltip
-  },
-  components: {
-    NcButton: u,
-    ArrowRight: c.ArrowRight
-  },
-  setup() {
-    return {
-      isMobile: p.useIsMobile()
-    };
-  },
-  computed: {
-    title() {
-      return a.t("Go back to the list");
-    }
-  },
-  watch: {
-    isMobile: {
-      immediate: !0,
-      handler() {
-        this.toggleAppNavigationButton(this.isMobile);
-      }
-    }
-  },
-  beforeDestroy() {
-    this.isMobile && this.toggleAppNavigationButton(!1);
-  },
-  methods: {
-    toggleAppNavigationButton(e = !0) {
-      const t = document.querySelector(".app-navigation .app-navigation-toggle");
-      t && (t.style.display = e ? "none" : null, e === !0 && n.emit("toggle-navigation", { open: !1 }));
-    }
-  }
-};
-var m = function() {
-  var t = this, i = t._self._c;
-  return i("NcButton", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: t.title, expression: "title" }], staticClass: "app-details-toggle", class: { "app-details-toggle--mobile": t.isMobile }, attrs: { type: "tertiary", "aria-label": t.title }, scopedSlots: t._u([{ key: "icon", fn: function() {
-    return [i("ArrowRight", { attrs: { size: 20 } })];
-  }, proxy: !0 }]) });
-}, _ = [], z = /* @__PURE__ */ r.normalizeComponent(
-  f,
-  m,
-  _,
-  !1,
-  null,
-  "7e250fb8",
-  null,
-  null
-);
-const S = z.exports, o = g.getBuilder("nextcloud").persist().build(), v = {
-  name: "NcAppContent",
-  components: {
-    NcAppDetailsToggle: S,
-    Pane: l.Pane,
-    Splitpanes: l.Splitpanes
-  },
-  props: {
-    /**
-     * Allows to disable the control by swipe of the app navigation open state
-     */
-    allowSwipeNavigation: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Allows you to set the default width of the resizable list in % on vertical-split
-     * Allows you to set the default height of the resizable list in % on horizontal-split
-     * Must be between listMinWidth and listMaxWidth
-     */
-    listSize: {
-      type: Number,
-      default: 20
-    },
-    /**
-     * Allows you to set the minimum width of the list column in % on vertical-split
-     * Allows you to set the minimum height of the list column in % on horizontal-split
-     */
-    listMinWidth: {
-      type: Number,
-      default: 15
-    },
-    /**
-     * Allows you to set the maximum width of the list column in % on vertical-split
-     * Allows you to set the maximum height of the list column in % on horizontal-split
-     */
-    listMaxWidth: {
-      type: Number,
-      default: 40
-    },
-    /**
-     * Specify the config key for the pane config sizes
-     * Default is the global var appName if you use the webpack-vue-config
-     */
-    paneConfigKey: {
-      type: String,
-      default: ""
-    },
-    /**
-     * When in mobile view, only the list or the details are shown
-     * If you provide a list, you need to provide a variable
-     * that will be set to true by the user when an element of
-     * the list gets selected. The details will then show a back
-     * arrow to return to the list that will update this prop to false.
-     */
-    showDetails: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Specify the `<h1>` page heading
-     */
-    pageHeading: {
-      type: String,
-      default: null
-    },
-    /**
-     * Content layout used when there is a list together with content:
-     * - `vertical-split` - a 2-column layout with list and default content separated vertically
-     * - `no-split` - a single column layout; List is shown when `showDetails` is `false`, otherwise the default slot content is shown with a back button to return to the list.
-     * - 'horizontal-split' - a 2-column layout with list and default content separated horizontally
-     * On mobile screen `no-split` layout is forced.
-     */
-    layout: {
-      type: String,
-      default: "vertical-split",
-      validator(e) {
-        return ["no-split", "vertical-split", "horizontal-split"].includes(e);
-      }
-    }
-  },
-  emits: [
-    "update:showDetails",
-    "resize:list"
-  ],
-  setup() {
-    return {
-      isMobile: p.useIsMobile()
-    };
-  },
-  data() {
-    return {
-      contentHeight: 0,
-      hasList: !1,
-      hasContent: !1,
-      swiping: {},
-      listPaneSize: this.restorePaneConfig()
-    };
-  },
-  computed: {
-    paneConfigID() {
-      if (this.paneConfigKey !== "")
-        return "pane-list-size-".concat(this.paneConfigKey);
-      try {
-        return "pane-list-size-".concat(appName);
-      } catch {
-        return console.info("[INFO] AppContent:", "falling back to global nextcloud pane config"), "pane-list-size-nextcloud";
-      }
-    },
-    detailsPaneSize() {
-      return this.listPaneSize ? 100 - this.listPaneSize : this.paneDefaults.details.size;
-    },
-    paneDefaults() {
-      return {
-        list: {
-          size: this.listSize,
-          min: this.listMinWidth,
-          max: this.listMaxWidth
-        },
-        // set the inverse values of the details column
-        // based on the provided (or default) values of the list column
-        details: {
-          size: 100 - this.listSize,
-          min: 100 - this.listMaxWidth,
-          max: 100 - this.listMinWidth
-        }
-      };
-    }
-  },
-  updated() {
-    this.checkSlots();
-  },
-  mounted() {
-    this.allowSwipeNavigation && (this.swiping = d.useSwipe(this.$el, {
-      onSwipeEnd: this.handleSwipe
-    })), this.checkSlots(), this.restorePaneConfig();
-  },
-  methods: {
-    /**
-     * handle the swipe event
-     *
-     * @param {TouchEvent} e The touch event
-     * @param {import('@vueuse/core').SwipeDirection} direction The swipe direction of the event
-     */
-    handleSwipe(e, t) {
-      Math.abs(this.swiping.lengthX) > 70 && (this.swiping.coordsStart.x < 300 / 2 && t === "right" ? n.emit("toggle-navigation", {
-        open: !0
-      }) : this.swiping.coordsStart.x < 300 * 1.5 && t === "left" && n.emit("toggle-navigation", {
-        open: !1
-      }));
-    },
-    handlePaneResize(e) {
-      const t = parseInt(e[0].size, 10);
-      o.setItem(this.paneConfigID, JSON.stringify(t)), this.listPaneSize = t, this.$emit("resize:list", { size: t }), console.debug("AppContent pane config", t);
-    },
-    // $slots is not reactive, we need to update this manually
-    checkSlots() {
-      this.hasList = !!this.$scopedSlots.list, this.hasContent = !!this.$scopedSlots.default;
-    },
-    // browserStorage is not reactive, we need to update this manually
-    restorePaneConfig() {
-      const e = parseInt(o.getItem(this.paneConfigID), 10);
-      if (!isNaN(e) && e !== this.listPaneSize)
-        return console.debug("AppContent pane config", e), this.listPaneSize = e, e;
-    },
-    /**
-     * The user clicked the back arrow from the details view
-     */
-    hideDetails() {
-      this.$emit("update:showDetails", !1);
-    }
-  }
-};
-var w = function() {
-  var t = this, i = t._self._c;
-  return i("main", { staticClass: "app-content no-snapper", class: { "app-content--has-list": t.hasList }, attrs: { id: "app-content-vue" } }, [t.pageHeading ? i("h1", { staticClass: "hidden-visually" }, [t._v(" " + t._s(t.pageHeading) + " ")]) : t._e(), t.hasList ? [t.isMobile || t.layout === "no-split" ? i("div", { staticClass: "app-content-wrapper app-content-wrapper--no-split", class: {
-    "app-content-wrapper--show-details": t.showDetails,
-    "app-content-wrapper--show-list": !t.showDetails,
-    "app-content-wrapper--mobile": t.isMobile
-  } }, [t.showDetails ? i("NcAppDetailsToggle", { nativeOn: { click: function(s) {
-    return s.stopPropagation(), s.preventDefault(), t.hideDetails.apply(null, arguments);
-  } } }) : t._e(), t.showDetails ? t._t("default") : t._t("list")], 2) : t.layout === "vertical-split" || t.layout === "horizontal-split" ? i("div", { staticClass: "app-content-wrapper" }, [i("Splitpanes", { staticClass: "default-theme", class: {
-    "splitpanes--horizontal": t.layout === "horizontal-split",
-    "splitpanes--vertical": t.layout === "vertical-split"
-  }, attrs: { horizontal: t.layout === "horizontal-split" }, on: { resized: t.handlePaneResize } }, [i("Pane", { staticClass: "splitpanes__pane-list", attrs: { size: t.listPaneSize || t.paneDefaults.list.size, "min-size": t.paneDefaults.list.min, "max-size": t.paneDefaults.list.max } }, [t._t("list")], 2), i("Pane", { staticClass: "splitpanes__pane-details", attrs: { size: t.detailsPaneSize, "min-size": t.paneDefaults.details.min, "max-size": t.paneDefaults.details.max } }, [t._t("default")], 2)], 1)], 1) : t._e()] : t._e(), t.hasList ? t._e() : t._t("default")], 2);
-}, y = [], b = /* @__PURE__ */ r.normalizeComponent(
-  v,
-  w,
-  y,
-  !1,
-  null,
-  "a284c47e",
-  null,
-  null
-);
-const C = b.exports;
-exports.NcAppContent = C;

package/dist/chunks/NcAppNavigation-CElLRpH-.mjs

@@ -1,124 +0,0 @@
-import '../assets/NcAppNavigation-wkQJnaLW.css';
-import { useIsMobile as n } from "../Composables/useIsMobile.mjs";
-import { g as s } from "./focusTrap-Be9GEB5C.mjs";
-import { subscribe as p, emit as o, unsubscribe as r } from "@nextcloud/event-bus";
-import { createFocusTrap as l } from "focus-trap";
-import { N as g } from "./NcAppNavigationToggle-D0oeWL17.mjs";
-import c from "../Components/NcAppNavigationList.mjs";
-import u from "vue";
-import { n as d } from "./_plugin-vue2_normalizer-Bj5bLKV4.mjs";
-const v = {
-  name: "NcAppNavigation",
-  components: {
-    NcAppNavigationList: c,
-    NcAppNavigationToggle: g
-  },
-  // Injected from NcContent
-  inject: {
-    setHasAppNavigation: {
-      default: () => () => u.util.warn("NcAppNavigation is not mounted inside NcContent, this is probably an error."),
-      from: "NcContent:setHasAppNavigation"
-    }
-  },
-  props: {
-    /**
-     * The aria label to describe the navigation
-     */
-    ariaLabel: {
-      type: String,
-      default: ""
-    },
-    /**
-     * aria-labelledby attribute to describe the navigation
-     */
-    ariaLabelledby: {
-      type: String,
-      default: ""
-    }
-  },
-  setup() {
-    return {
-      isMobile: n()
-    };
-  },
-  data() {
-    return {
-      open: !this.isMobile,
-      focusTrap: null
-    };
-  },
-  watch: {
-    isMobile() {
-      this.open = !this.isMobile, this.toggleFocusTrap();
-    },
-    open() {
-      this.toggleFocusTrap();
-    }
-  },
-  mounted() {
-    this.setHasAppNavigation(!0), p("toggle-navigation", this.toggleNavigationByEventBus), o("navigation-toggled", {
-      open: this.open
-    }), this.focusTrap = l(this.$refs.appNavigationContainer, {
-      allowOutsideClick: !0,
-      fallbackFocus: this.$refs.appNavigationContainer,
-      trapStack: s(),
-      escapeDeactivates: !1
-    }), this.toggleFocusTrap();
-  },
-  unmounted() {
-    this.setHasAppNavigation(!1), r("toggle-navigation", this.toggleNavigationByEventBus), this.focusTrap.deactivate();
-  },
-  methods: {
-    /**
-     * Toggle the navigation
-     *
-     * @param {boolean} [state] set the state instead of inverting the current one
-     */
-    toggleNavigation(i) {
-      if (this.open === i) {
-        o("navigation-toggled", {
-          open: this.open
-        });
-        return;
-      }
-      this.open = typeof i > "u" ? !this.open : i;
-      const t = getComputedStyle(document.body), a = parseInt(t.getPropertyValue("--animation-quick")) || 100;
-      setTimeout(() => {
-        o("navigation-toggled", {
-          open: this.open
-        });
-      }, 1.5 * a);
-    },
-    toggleNavigationByEventBus({ open: i }) {
-      this.toggleNavigation(i);
-    },
-    /**
-     * Activate focus trap if it is currently needed, otherwise deactivate
-     */
-    toggleFocusTrap() {
-      this.isMobile && this.open ? this.focusTrap.activate() : this.focusTrap.deactivate();
-    },
-    handleEsc() {
-      this.isMobile && this.toggleNavigation(!1);
-    }
-  }
-};
-var f = function() {
-  var t = this, a = t._self._c;
-  return a("div", { ref: "appNavigationContainer", staticClass: "app-navigation", class: { "app-navigation--close": !t.open } }, [a("nav", { staticClass: "app-navigation__content", attrs: { id: "app-navigation-vue", "aria-hidden": t.open ? "false" : "true", "aria-label": t.ariaLabel || void 0, "aria-labelledby": t.ariaLabelledby || void 0, inert: !t.open || void 0 }, on: { keydown: function(e) {
-    return !e.type.indexOf("key") && t._k(e.keyCode, "esc", 27, e.key, ["Esc", "Escape"]) ? null : t.handleEsc.apply(null, arguments);
-  } } }, [a("div", { staticClass: "app-navigation__body", class: { "app-navigation__body--no-list": !t.$scopedSlots.list } }, [t._t("default")], 2), t.$scopedSlots.list ? a("NcAppNavigationList", { staticClass: "app-navigation__list" }, [t._t("list")], 2) : t._e(), t._t("footer")], 2), a("NcAppNavigationToggle", { attrs: { open: t.open }, on: { "update:open": t.toggleNavigation } })], 1);
-}, h = [], m = /* @__PURE__ */ d(
-  v,
-  f,
-  h,
-  !1,
-  null,
-  "42389274",
-  null,
-  null
-);
-const S = m.exports;
-export {
-  S as N
-};

package/dist/chunks/NcAppNavigation-DKUnWfen.cjs

@@ -1,115 +0,0 @@
-require('../assets/NcAppNavigation-wkQJnaLW.css');
-"use strict";
-const o = require("../Composables/useIsMobile.cjs"), s = require("./focusTrap-xauhLvvr.cjs"), a = require("@nextcloud/event-bus"), p = require("focus-trap"), l = require("./NcAppNavigationToggle-B5XmO21v.cjs"), r = require("../Components/NcAppNavigationList.cjs"), g = require("vue"), c = require("./_plugin-vue2_normalizer-GXKvuwrq.cjs"), u = (e) => e && e.__esModule ? e : { default: e }, d = /* @__PURE__ */ u(g), v = {
-  name: "NcAppNavigation",
-  components: {
-    NcAppNavigationList: r,
-    NcAppNavigationToggle: l.NcAppNavigationToggle
-  },
-  // Injected from NcContent
-  inject: {
-    setHasAppNavigation: {
-      default: () => () => d.default.util.warn("NcAppNavigation is not mounted inside NcContent, this is probably an error."),
-      from: "NcContent:setHasAppNavigation"
-    }
-  },
-  props: {
-    /**
-     * The aria label to describe the navigation
-     */
-    ariaLabel: {
-      type: String,
-      default: ""
-    },
-    /**
-     * aria-labelledby attribute to describe the navigation
-     */
-    ariaLabelledby: {
-      type: String,
-      default: ""
-    }
-  },
-  setup() {
-    return {
-      isMobile: o.useIsMobile()
-    };
-  },
-  data() {
-    return {
-      open: !this.isMobile,
-      focusTrap: null
-    };
-  },
-  watch: {
-    isMobile() {
-      this.open = !this.isMobile, this.toggleFocusTrap();
-    },
-    open() {
-      this.toggleFocusTrap();
-    }
-  },
-  mounted() {
-    this.setHasAppNavigation(!0), a.subscribe("toggle-navigation", this.toggleNavigationByEventBus), a.emit("navigation-toggled", {
-      open: this.open
-    }), this.focusTrap = p.createFocusTrap(this.$refs.appNavigationContainer, {
-      allowOutsideClick: !0,
-      fallbackFocus: this.$refs.appNavigationContainer,
-      trapStack: s.getTrapStack(),
-      escapeDeactivates: !1
-    }), this.toggleFocusTrap();
-  },
-  unmounted() {
-    this.setHasAppNavigation(!1), a.unsubscribe("toggle-navigation", this.toggleNavigationByEventBus), this.focusTrap.deactivate();
-  },
-  methods: {
-    /**
-     * Toggle the navigation
-     *
-     * @param {boolean} [state] set the state instead of inverting the current one
-     */
-    toggleNavigation(e) {
-      if (this.open === e) {
-        a.emit("navigation-toggled", {
-          open: this.open
-        });
-        return;
-      }
-      this.open = typeof e > "u" ? !this.open : e;
-      const t = getComputedStyle(document.body), i = parseInt(t.getPropertyValue("--animation-quick")) || 100;
-      setTimeout(() => {
-        a.emit("navigation-toggled", {
-          open: this.open
-        });
-      }, 1.5 * i);
-    },
-    toggleNavigationByEventBus({ open: e }) {
-      this.toggleNavigation(e);
-    },
-    /**
-     * Activate focus trap if it is currently needed, otherwise deactivate
-     */
-    toggleFocusTrap() {
-      this.isMobile && this.open ? this.focusTrap.activate() : this.focusTrap.deactivate();
-    },
-    handleEsc() {
-      this.isMobile && this.toggleNavigation(!1);
-    }
-  }
-};
-var f = function() {
-  var t = this, i = t._self._c;
-  return i("div", { ref: "appNavigationContainer", staticClass: "app-navigation", class: { "app-navigation--close": !t.open } }, [i("nav", { staticClass: "app-navigation__content", attrs: { id: "app-navigation-vue", "aria-hidden": t.open ? "false" : "true", "aria-label": t.ariaLabel || void 0, "aria-labelledby": t.ariaLabelledby || void 0, inert: !t.open || void 0 }, on: { keydown: function(n) {
-    return !n.type.indexOf("key") && t._k(n.keyCode, "esc", 27, n.key, ["Esc", "Escape"]) ? null : t.handleEsc.apply(null, arguments);
-  } } }, [i("div", { staticClass: "app-navigation__body", class: { "app-navigation__body--no-list": !t.$scopedSlots.list } }, [t._t("default")], 2), t.$scopedSlots.list ? i("NcAppNavigationList", { staticClass: "app-navigation__list" }, [t._t("list")], 2) : t._e(), t._t("footer")], 2), i("NcAppNavigationToggle", { attrs: { open: t.open }, on: { "update:open": t.toggleNavigation } })], 1);
-}, N = [], _ = /* @__PURE__ */ c.normalizeComponent(
-  v,
-  f,
-  N,
-  !1,
-  null,
-  "42389274",
-  null,
-  null
-);
-const h = _.exports;
-exports.NcAppNavigation = h;

package/dist/chunks/NcAppNavigationCaption-Cdcv-0jj.cjs

@@ -1,58 +0,0 @@
-require('../assets/NcAppNavigationCaption-jV1y8HQ1.css');
-"use strict";
-const a = require("./NcActions-BtvXtZF4.cjs"), i = require("./_plugin-vue2_normalizer-GXKvuwrq.cjs"), s = {
-  name: "NcAppNavigationCaption",
-  components: {
-    NcActions: a.NcActions
-  },
-  inheritAttrs: !1,
-  props: {
-    name: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Enable when used as a heading
-     * e.g. Before NcAppNavigationList
-     */
-    isHeading: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Any [NcActions](#/Components/NcActions?id=ncactions-1) prop
-     */
-    // Not an actual prop but needed to show in vue-styleguidist docs
-    // eslint-disable-next-line
-    " ": {}
-  },
-  computed: {
-    wrapperTag() {
-      return this.isHeading ? "div" : "li";
-    },
-    captionTag() {
-      return this.isHeading ? "h2" : "span";
-    },
-    // Check if the actions slot is populated
-    hasActions() {
-      return !!this.$slots.actions;
-    }
-  }
-};
-var e = function() {
-  var n = this, t = n._self._c;
-  return t(n.wrapperTag, { tag: "component", staticClass: "app-navigation-caption", class: { "app-navigation-caption--heading": n.isHeading } }, [t(n.captionTag, { tag: "component", staticClass: "app-navigation-caption__name" }, [n._v(" " + n._s(n.name) + " ")]), n.hasActions ? t("div", { staticClass: "app-navigation-caption__actions" }, [t("NcActions", n._g(n._b({ scopedSlots: n._u([{ key: "icon", fn: function() {
-    return [n._t("actionsTriggerIcon")];
-  }, proxy: !0 }], null, !0) }, "NcActions", n.$attrs, !1), n.$listeners), [n._t("actions")], 2)], 1) : n._e()], 1);
-}, o = [], c = /* @__PURE__ */ i.normalizeComponent(
-  s,
-  e,
-  o,
-  !1,
-  null,
-  "213c8156",
-  null,
-  null
-);
-const r = c.exports;
-exports.NcAppNavigationCaption = r;

package/dist/chunks/NcAppNavigationCaption-Cdcv-0jj.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcAppNavigationCaption-Cdcv-0jj.cjs","sources":["../../src/components/NcAppNavigationCaption/NcAppNavigationCaption.vue"],"sourcesContent":["<docs>\n```vue\n\t<template>\n\t\t<ul class=\"nav\">\n\t\t\t<NcAppNavigationCaption\n\t\t\t\tname=\"Your caption goes here\">\n\t\t\t\t<template #actions>\n\t\t\t\t\t<NcActionButton>\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<Plus :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tThis is an action\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t</template>\n\t\t\t</NcAppNavigationCaption>\n\t\t</ul>\n\t</template>\n\t<script>\n\timport Plus from 'vue-material-design-icons/Plus'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tPlus,\n\t\t},\n\t}\n\t</script>\n\t<style scoped>\n\t\t/* mock the appnavigation */\n\t\tul.nav {\n\t\t\tbackground-color: #cce6f4;\n\t\t}\n\t</style>\n```\n\n### Element with a slot for custom actions icon\n```vue\n\t<template>\n\t\t<ul class=\"nav\">\n\t\t\t<NcAppNavigationCaption\n\t\t\t\tname=\"Your caption goes here\">\n\t\t\t\t<template #actionsTriggerIcon>\n\t\t\t\t\t<Plus slot=\"icon\" :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t<template #actions>\n\t\t\t\t\t<NcActionButton>\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<Pencil :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tRename\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t\t<NcActionButton>\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<Delete :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tDelete\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t\t<NcActionButton>\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<ArrowRight :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tValidate\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t\t<NcActionButton>\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<Download :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tDownload\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t</template>\n\t\t\t</NcAppNavigationCaption>\n\t\t</ul>\n\t</template>\n\t<script>\n\t\timport ArrowRight from 'vue-material-design-icons/ArrowRight'\n\t\timport Delete from 'vue-material-design-icons/Delete'\n\t\timport Download from 'vue-material-design-icons/Download'\n\t\timport Pencil from 'vue-material-design-icons/Pencil'\n\t\timport Plus from 'vue-material-design-icons/Plus'\n\n\t\texport default {\n\t\t\tcomponents: {\n\t\t\t\tArrowRight,\n\t\t\t\tDelete,\n\t\t\t\tDownload,\n\t\t\t\tPencil,\n\t\t\t\tPlus,\n\t\t\t}\n\t\t}\n\t</script>\n\t<style scoped>\n\t\t/* mock the appnavigation */\n\t\tul.nav {\n\t\t\tbackground-color: #cce6f4;\n\t\t}\n\t</style>\n```\n\n</docs>\n\n<template>\n\t<component :is=\"wrapperTag\"\n\t\tclass=\"app-navigation-caption\"\n\t\t:class=\"{ 'app-navigation-caption--heading': isHeading }\">\n\t\t<!-- Name of the caption -->\n\t\t<component :is=\"captionTag\" class=\"app-navigation-caption__name\">\n\t\t\t{{ name }}\n\t\t</component>\n\n\t\t<!-- Actions -->\n\t\t<div v-if=\"hasActions\"\n\t\t\tclass=\"app-navigation-caption__actions\">\n\t\t\t<NcActions v-bind=\"$attrs\"\n\t\t\t\tv-on=\"$listeners\">\n\t\t\t\t<!-- @slot Slot for the actions menu -->\n\t\t\t\t<slot name=\"actions\" />\n\t\t\t\t<template #icon>\n\t\t\t\t\t<slot name=\"actionsTriggerIcon\" />\n\t\t\t\t</template>\n\t\t\t</NcActions>\n\t\t</div>\n\t</component>\n</template>\n\n<script>\nimport NcActions from '../NcActions/index.js'\n\nexport default {\n\tname: 'NcAppNavigationCaption',\n\n\tcomponents: {\n\t\tNcActions,\n\t},\n\n\tinheritAttrs: false,\n\n\tprops: {\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/**\n\t\t * Enable when used as a heading\n\t\t * e.g. Before NcAppNavigationList\n\t\t */\n\t\tisHeading: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Any [NcActions](#/Components/NcActions?id=ncactions-1) prop\n\t\t */\n\t\t// Not an actual prop but needed to show in vue-styleguidist docs\n\t\t// eslint-disable-next-line\n\t\t' ': {},\n\t},\n\n\tcomputed: {\n\t\twrapperTag() {\n\t\t\treturn this.isHeading ? 'div' : 'li'\n\t\t},\n\t\tcaptionTag() {\n\t\t\treturn this.isHeading ? 'h2' : 'span'\n\t\t},\n\t\t// Check if the actions slot is populated\n\t\thasActions() {\n\t\t\treturn !!this.$slots.actions\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n.app-navigation-caption {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\n\t&--heading {\n\t\tpadding: var(--app-navigation-padding);\n\t\t&:not(:first-child):not(:last-child) {\n\t\t\tpadding: 0 var(--app-navigation-padding);\n\t\t}\n\t}\n\n\t&__name {\n\t\tfont-weight: bold;\n\t\tcolor: var(--color-main-text);\n\t\tfont-size: var(--default-font-size);\n\t\tline-height: $clickable-area;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\tbox-shadow: none !important;\n\t\tflex-shrink: 0;\n\t\t// padding to align the name with the icon of app navigation items\n\t\tpadding: 0 calc(var(--default-grid-baseline, 4px) * 2) 0 calc(var(--default-grid-baseline, 4px) * 3);\n\t\tmargin-bottom: 12px;\n\t}\n\n\t&__actions {\n\t\tflex: 0 0 $clickable-area;\n\t}\n}\n\n// extra top space if it's not the first item on the list\n.app-navigation-caption:not(:first-child) {\n\tmargin-top: math.div($clickable-area, 2);\n}\n</style>\n"],"names":["_sfc_main","NcActions"],"mappings":";sGA8HAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,WAAAC,EAAA;AAAA,EACA;AAAA,EAEA,cAAA;AAAA,EAEA,OAAA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,KAAA,CAAA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,aAAA;AACA,aAAA,KAAA,YAAA,QAAA;AAAA,IACA;AAAA,IACA,aAAA;AACA,aAAA,KAAA,YAAA,OAAA;AAAA,IACA;AAAA;AAAA,IAEA,aAAA;AACA,aAAA,CAAA,CAAA,KAAA,OAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/NcAppNavigationCaption-DI7SIPdI.mjs

@@ -1,61 +0,0 @@
-import '../assets/NcAppNavigationCaption-jV1y8HQ1.css';
-import { N as a } from "./NcActions-DiFslXqv.mjs";
-import { n as i } from "./_plugin-vue2_normalizer-Bj5bLKV4.mjs";
-const s = {
-  name: "NcAppNavigationCaption",
-  components: {
-    NcActions: a
-  },
-  inheritAttrs: !1,
-  props: {
-    name: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Enable when used as a heading
-     * e.g. Before NcAppNavigationList
-     */
-    isHeading: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Any [NcActions](#/Components/NcActions?id=ncactions-1) prop
-     */
-    // Not an actual prop but needed to show in vue-styleguidist docs
-    // eslint-disable-next-line
-    " ": {}
-  },
-  computed: {
-    wrapperTag() {
-      return this.isHeading ? "div" : "li";
-    },
-    captionTag() {
-      return this.isHeading ? "h2" : "span";
-    },
-    // Check if the actions slot is populated
-    hasActions() {
-      return !!this.$slots.actions;
-    }
-  }
-};
-var o = function() {
-  var n = this, t = n._self._c;
-  return t(n.wrapperTag, { tag: "component", staticClass: "app-navigation-caption", class: { "app-navigation-caption--heading": n.isHeading } }, [t(n.captionTag, { tag: "component", staticClass: "app-navigation-caption__name" }, [n._v(" " + n._s(n.name) + " ")]), n.hasActions ? t("div", { staticClass: "app-navigation-caption__actions" }, [t("NcActions", n._g(n._b({ scopedSlots: n._u([{ key: "icon", fn: function() {
-    return [n._t("actionsTriggerIcon")];
-  }, proxy: !0 }], null, !0) }, "NcActions", n.$attrs, !1), n.$listeners), [n._t("actions")], 2)], 1) : n._e()], 1);
-}, e = [], r = /* @__PURE__ */ i(
-  s,
-  o,
-  e,
-  !1,
-  null,
-  "213c8156",
-  null,
-  null
-);
-const l = r.exports;
-export {
-  l as N
-};

package/dist/chunks/NcAppNavigationCaption-DI7SIPdI.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcAppNavigationCaption-DI7SIPdI.mjs","sources":["../../src/components/NcAppNavigationCaption/NcAppNavigationCaption.vue"],"sourcesContent":["<docs>\n```vue\n\t<template>\n\t\t<ul class=\"nav\">\n\t\t\t<NcAppNavigationCaption\n\t\t\t\tname=\"Your caption goes here\">\n\t\t\t\t<template #actions>\n\t\t\t\t\t<NcActionButton>\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<Plus :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tThis is an action\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t</template>\n\t\t\t</NcAppNavigationCaption>\n\t\t</ul>\n\t</template>\n\t<script>\n\timport Plus from 'vue-material-design-icons/Plus'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tPlus,\n\t\t},\n\t}\n\t</script>\n\t<style scoped>\n\t\t/* mock the appnavigation */\n\t\tul.nav {\n\t\t\tbackground-color: #cce6f4;\n\t\t}\n\t</style>\n```\n\n### Element with a slot for custom actions icon\n```vue\n\t<template>\n\t\t<ul class=\"nav\">\n\t\t\t<NcAppNavigationCaption\n\t\t\t\tname=\"Your caption goes here\">\n\t\t\t\t<template #actionsTriggerIcon>\n\t\t\t\t\t<Plus slot=\"icon\" :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\t<template #actions>\n\t\t\t\t\t<NcActionButton>\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<Pencil :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tRename\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t\t<NcActionButton>\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<Delete :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tDelete\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t\t<NcActionButton>\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<ArrowRight :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tValidate\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t\t<NcActionButton>\n\t\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t\t<Download :size=\"20\" />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\tDownload\n\t\t\t\t\t</NcActionButton>\n\t\t\t\t</template>\n\t\t\t</NcAppNavigationCaption>\n\t\t</ul>\n\t</template>\n\t<script>\n\t\timport ArrowRight from 'vue-material-design-icons/ArrowRight'\n\t\timport Delete from 'vue-material-design-icons/Delete'\n\t\timport Download from 'vue-material-design-icons/Download'\n\t\timport Pencil from 'vue-material-design-icons/Pencil'\n\t\timport Plus from 'vue-material-design-icons/Plus'\n\n\t\texport default {\n\t\t\tcomponents: {\n\t\t\t\tArrowRight,\n\t\t\t\tDelete,\n\t\t\t\tDownload,\n\t\t\t\tPencil,\n\t\t\t\tPlus,\n\t\t\t}\n\t\t}\n\t</script>\n\t<style scoped>\n\t\t/* mock the appnavigation */\n\t\tul.nav {\n\t\t\tbackground-color: #cce6f4;\n\t\t}\n\t</style>\n```\n\n</docs>\n\n<template>\n\t<component :is=\"wrapperTag\"\n\t\tclass=\"app-navigation-caption\"\n\t\t:class=\"{ 'app-navigation-caption--heading': isHeading }\">\n\t\t<!-- Name of the caption -->\n\t\t<component :is=\"captionTag\" class=\"app-navigation-caption__name\">\n\t\t\t{{ name }}\n\t\t</component>\n\n\t\t<!-- Actions -->\n\t\t<div v-if=\"hasActions\"\n\t\t\tclass=\"app-navigation-caption__actions\">\n\t\t\t<NcActions v-bind=\"$attrs\"\n\t\t\t\tv-on=\"$listeners\">\n\t\t\t\t<!-- @slot Slot for the actions menu -->\n\t\t\t\t<slot name=\"actions\" />\n\t\t\t\t<template #icon>\n\t\t\t\t\t<slot name=\"actionsTriggerIcon\" />\n\t\t\t\t</template>\n\t\t\t</NcActions>\n\t\t</div>\n\t</component>\n</template>\n\n<script>\nimport NcActions from '../NcActions/index.js'\n\nexport default {\n\tname: 'NcAppNavigationCaption',\n\n\tcomponents: {\n\t\tNcActions,\n\t},\n\n\tinheritAttrs: false,\n\n\tprops: {\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/**\n\t\t * Enable when used as a heading\n\t\t * e.g. Before NcAppNavigationList\n\t\t */\n\t\tisHeading: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Any [NcActions](#/Components/NcActions?id=ncactions-1) prop\n\t\t */\n\t\t// Not an actual prop but needed to show in vue-styleguidist docs\n\t\t// eslint-disable-next-line\n\t\t' ': {},\n\t},\n\n\tcomputed: {\n\t\twrapperTag() {\n\t\t\treturn this.isHeading ? 'div' : 'li'\n\t\t},\n\t\tcaptionTag() {\n\t\t\treturn this.isHeading ? 'h2' : 'span'\n\t\t},\n\t\t// Check if the actions slot is populated\n\t\thasActions() {\n\t\t\treturn !!this.$slots.actions\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n.app-navigation-caption {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\n\t&--heading {\n\t\tpadding: var(--app-navigation-padding);\n\t\t&:not(:first-child):not(:last-child) {\n\t\t\tpadding: 0 var(--app-navigation-padding);\n\t\t}\n\t}\n\n\t&__name {\n\t\tfont-weight: bold;\n\t\tcolor: var(--color-main-text);\n\t\tfont-size: var(--default-font-size);\n\t\tline-height: $clickable-area;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\tbox-shadow: none !important;\n\t\tflex-shrink: 0;\n\t\t// padding to align the name with the icon of app navigation items\n\t\tpadding: 0 calc(var(--default-grid-baseline, 4px) * 2) 0 calc(var(--default-grid-baseline, 4px) * 3);\n\t\tmargin-bottom: 12px;\n\t}\n\n\t&__actions {\n\t\tflex: 0 0 $clickable-area;\n\t}\n}\n\n// extra top space if it's not the first item on the list\n.app-navigation-caption:not(:first-child) {\n\tmargin-top: math.div($clickable-area, 2);\n}\n</style>\n"],"names":["_sfc_main","NcActions"],"mappings":";;AA8HA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,WAAAC;AAAA,EACA;AAAA,EAEA,cAAA;AAAA,EAEA,OAAA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,KAAA,CAAA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,aAAA;AACA,aAAA,KAAA,YAAA,QAAA;AAAA,IACA;AAAA,IACA,aAAA;AACA,aAAA,KAAA,YAAA,OAAA;AAAA,IACA;AAAA;AAAA,IAEA,aAAA;AACA,aAAA,CAAA,CAAA,KAAA,OAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;"}