@nextcloud/vue 8.4.0 → 9.0.0-alpha.0

package/dist/Components/NcPopover.cjs

@@ -1,125 +1,3 @@
-var d = require("../assets/index-4ebacc78.css");
-const r = require("floating-vue"), s = require("focus-trap"), a = require("../chunks/focusTrap-14985831.cjs"), n = require("../chunks/_plugin-vue2_normalizer-7f9efb60.cjs");
-const p = {
-  name: "NcPopover",
-  components: {
-    Dropdown: r.Dropdown
-  },
-  inheritAttrs: !1,
-  props: {
-    popoverBaseClass: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Enable popover focus trap
-     */
-    focusTrap: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Set element to return focus to after focus trap deactivation
-     *
-     * @type {import('focus-trap').FocusTargetValueOrFalse}
-     */
-    setReturnFocus: {
-      default: void 0,
-      type: [HTMLElement, SVGElement, String, Boolean]
-    }
-  },
-  emits: [
-    "after-show",
-    "after-hide"
-  ],
-  beforeDestroy() {
-    this.clearFocusTrap(), this.clearEscapeStopPropagation();
-  },
-  methods: {
-    /**
-     * @return {HTMLElement|undefined}
-     */
-    getPopoverContentElement() {
-      var e, t;
-      return (t = (e = this.$refs.popover) == null ? void 0 : e.$refs.popperContent) == null ? void 0 : t.$el;
-    },
-    /**
-     * Add focus trap for accessibility.
-     */
-    async useFocusTrap() {
-      if (await this.$nextTick(), !this.focusTrap)
-        return;
-      const e = this.getPopoverContentElement();
-      e && (this.$focusTrap = s.createFocusTrap(e, {
-        // Prevents to lose focus using esc key
-        // Focus will be release when popover be hide
-        escapeDeactivates: !1,
-        allowOutsideClick: !0,
-        setReturnFocus: this.setReturnFocus,
-        trapStack: a.getTrapStack()
-      }), this.$focusTrap.activate());
-    },
-    /**
-     * Remove focus trap
-     *
-     * @param {object} options The configuration options for focusTrap
-     */
-    clearFocusTrap(e = {}) {
-      var t;
-      try {
-        (t = this.$focusTrap) == null || t.deactivate(e), this.$focusTrap = null;
-      } catch (o) {
-        console.warn(o);
-      }
-    },
-    /**
-     * Add stopPropagation for Escape.
-     * It prevents global Escape handling after closing popover.
-     *
-     * Manual event handling is used here instead of v-on because there is no direct access to the node.
-     * Alternative - wrap <template #popover> in a div wrapper.
-     */
-    addEscapeStopPropagation() {
-      const e = this.getPopoverContentElement();
-      e == null || e.addEventListener("keydown", this.stopKeydownEscapeHandler);
-    },
-    /**
-     * Remove stop Escape handler
-     */
-    clearEscapeStopPropagation() {
-      const e = this.getPopoverContentElement();
-      e == null || e.removeEventListener("keydown", this.stopKeydownEscapeHandler);
-    },
-    /**
-     * @param {KeyboardEvent} event - native keydown event
-     */
-    stopKeydownEscapeHandler(e) {
-      e.type === "keydown" && e.key === "Escape" && e.stopPropagation();
-    },
-    afterShow() {
-      this.$nextTick(() => {
-        this.$emit("after-show"), this.useFocusTrap(), this.addEscapeStopPropagation();
-      });
-    },
-    afterHide() {
-      this.$emit("after-hide"), this.clearFocusTrap(), this.clearEscapeStopPropagation();
-    }
-  }
-};
-var c = function() {
-  var t = this, o = t._self._c;
-  return o("Dropdown", t._g(t._b({ ref: "popover", attrs: { distance: 10, "arrow-padding": 10, "no-auto-focus": !0, "popper-class": t.popoverBaseClass }, on: { "apply-show": t.afterShow, "apply-hide": t.afterHide }, scopedSlots: t._u([{ key: "popper", fn: function() {
-    return [t._t("default")];
-  }, proxy: !0 }], null, !0) }, "Dropdown", t.$attrs, !1), t.$listeners), [t._t("trigger")], 2);
-}, i = [], u = /* @__PURE__ */ n.normalizeComponent(
-  p,
-  c,
-  i,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const l = u.exports;
-module.exports = l;
+"use strict";
+const e = require("../chunks/NcPopover-sVfBFdPh.cjs");
+module.exports = e.NcPopover;

package/dist/Components/NcPopover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcPopover.cjs","sources":["../../src/components/NcPopover/NcPopover.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2019 Marco Ambrosini <marcoambrosini@icloud.com>\n  -\n  - @author Marco Ambrosini <marcoambrosini@icloud.com>\n  -\n  - @license GNU AGPL version 3 or any later version\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU Affero General Public License as\n  - published by the Free Software Foundation, either version 3 of the\n  - License, or (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n  - GNU Affero General Public License for more details.\n  -\n  - You should have received a copy of the GNU Affero General Public License\n  - along with this program. If not, see <http://www.gnu.org/licenses/>.\n-->\n\n<docs>\n\n### General description\n\nThis component is just a wrapper for the floating-vue plugin by Akryum,\nplease refer to this documentation for customization:\nhttps://github.com/Akryum/floating-vue\n\nThis components has two slots:\n* 'trigger' which can be any html element and it will trigger the popover\nthis slot is optional since you can toggle the popover also by updating the\nopen prop on this component;\n\n* a default slot that is for the content of the popover.\n\n### Examples\n\n#### With a `<button>` as a trigger:\n\n```vue\n<template>\n\t<div style=\"display: flex\">\n\t\t<NcPopover>\n\t\t\t<template #trigger>\n\t\t\t\t<NcButton>I am the trigger</NcButton>\n\t\t\t</template>\n\t\t\t<template>\n\t\t\t\t<form tabindex=\"0\" @submit.prevent>\n\t\t\t\t\t<h2>this is some content</h2>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. <br/>\n\t\t\t\t\t\tVestibulum eget placerat velit.\n\t\t\t\t\t</p>\n\t\t\t\t\t<label>\n\t\t\t\t\t\tLabel element\n\t\t\t\t\t\t<input type=\"text\" placeholder=\"input element\"/>\n\t\t\t\t\t</label>\n\t\t\t\t</form>\n\t\t\t</template>\n\t\t</NcPopover>\n\t</div>\n</template>\n```\n\n#### Without focus trap:\n\nThe [`focus-trap`](https://github.com/focus-trap/focus-trap) emits an error when used in a non-focusable element tree.\n\nThe prop `:focus-trap=\"false\"` help to prevent it when the default behavior is not relevant.\n\n```vue\n<template>\n\t<div style=\"display: flex\">\n\t\t<NcPopover :focus-trap=\"false\">\n\t\t\t<template #trigger>\n\t\t\t\t<NcButton>Click me!</NcButton>\n\t\t\t</template>\n\t\t\t<template>\n\t\t\t\tHi! 🚀\n\t\t\t</template>\n\t\t</NcPopover>\n\t</div>\n</template>\n```\n\n#### With passing props to `floating-vue`'s `Dropdown`:\n\n```vue\n<template>\n\t<div style=\"display: flex\">\n\t\t<NcPopover container=\"body\" :popper-hide-triggers=\"(triggers) => [...triggers, 'click']\">\n\t\t\t<template #trigger>\n\t\t\t\t<NcButton>I am the trigger</NcButton>\n\t\t\t</template>\n\t\t\t<template #default>\n\t\t\t\t<NcButton>Click on the button will close NcPopover</NcButton>\n\t\t\t</template>\n\t\t</NcPopover>\n\t</div>\n</template>\n```\n</docs>\n\n<template>\n\t<Dropdown ref=\"popover\"\n\t\t:distance=\"10\"\n\t\t:arrow-padding=\"10\"\n\t\tv-bind=\"$attrs\"\n\t\t:no-auto-focus=\"true /* Handled by the focus trap */\"\n\t\t:popper-class=\"popoverBaseClass\"\n\t\tv-on=\"$listeners\"\n\t\t@apply-show=\"afterShow\"\n\t\t@apply-hide=\"afterHide\">\n\t\t<!-- This will be the popover target (for the events and position) -->\n\t\t<slot name=\"trigger\" />\n\t\t<!-- This will be the content of the popover -->\n\t\t<template #popper>\n\t\t\t<slot />\n\t\t</template>\n\t</Dropdown>\n</template>\n\n<script>\nimport { Dropdown } from 'floating-vue'\nimport { createFocusTrap } from 'focus-trap'\nimport { getTrapStack } from '../../utils/focusTrap.js'\n\nexport default {\n\tname: 'NcPopover',\n\n\tcomponents: {\n\t\tDropdown,\n\t},\n\n\tinheritAttrs: false,\n\n\tprops: {\n\t\tpopoverBaseClass: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * Enable popover focus trap\n\t\t */\n\t\tfocusTrap: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t\t/**\n\t\t * Set element to return focus to after focus trap deactivation\n\t\t *\n\t\t * @type {import('focus-trap').FocusTargetValueOrFalse}\n\t\t */\n\t\tsetReturnFocus: {\n\t\t\tdefault: undefined,\n\t\t\ttype: [HTMLElement, SVGElement, String, Boolean],\n\t\t},\n\t},\n\n\temits: [\n\t\t'after-show',\n\t\t'after-hide',\n\t],\n\n\tbeforeDestroy() {\n\t\tthis.clearFocusTrap()\n\t\tthis.clearEscapeStopPropagation()\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * @return {HTMLElement|undefined}\n\t\t */\n\t\tgetPopoverContentElement() {\n\t\t\treturn this.$refs.popover?.$refs.popperContent?.$el\n\t\t},\n\n\t\t/**\n\t\t * Add focus trap for accessibility.\n\t\t */\n\t\tasync useFocusTrap() {\n\t\t\tawait this.$nextTick()\n\n\t\t\tif (!this.focusTrap) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tconst el = this.getPopoverContentElement()\n\n\t\t\tif (!el) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\t// Init focus trap\n\t\t\tthis.$focusTrap = createFocusTrap(el, {\n\t\t\t\t// Prevents to lose focus using esc key\n\t\t\t\t// Focus will be release when popover be hide\n\t\t\t\tescapeDeactivates: false,\n\t\t\t\tallowOutsideClick: true,\n\t\t\t\tsetReturnFocus: this.setReturnFocus,\n\t\t\t\ttrapStack: getTrapStack(),\n\t\t\t})\n\t\t\tthis.$focusTrap.activate()\n\t\t},\n\n\t\t/**\n\t\t * Remove focus trap\n\t\t *\n\t\t * @param {object} options The configuration options for focusTrap\n\t\t */\n\t\tclearFocusTrap(options = {}) {\n\t\t\ttry {\n\t\t\t\tthis.$focusTrap?.deactivate(options)\n\t\t\t\tthis.$focusTrap = null\n\t\t\t} catch (err) {\n\t\t\t\tconsole.warn(err)\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Add stopPropagation for Escape.\n\t\t * It prevents global Escape handling after closing popover.\n\t\t *\n\t\t * Manual event handling is used here instead of v-on because there is no direct access to the node.\n\t\t * Alternative - wrap <template #popover> in a div wrapper.\n\t\t */\n\t\taddEscapeStopPropagation() {\n\t\t\tconst el = this.getPopoverContentElement()\n\t\t\tel?.addEventListener('keydown', this.stopKeydownEscapeHandler)\n\t\t},\n\n\t\t/**\n\t\t * Remove stop Escape handler\n\t\t */\n\t\tclearEscapeStopPropagation() {\n\t\t\tconst el = this.getPopoverContentElement()\n\t\t\tel?.removeEventListener('keydown', this.stopKeydownEscapeHandler)\n\t\t},\n\n\t\t/**\n\t\t * @param {KeyboardEvent} event - native keydown event\n\t\t */\n\t\tstopKeydownEscapeHandler(event) {\n\t\t\tif (event.type === 'keydown' && event.key === 'Escape') {\n\t\t\t\tevent.stopPropagation()\n\t\t\t}\n\t\t},\n\n\t\tafterShow() {\n\t\t\t/**\n\t\t\t * Triggered after the tooltip was visually displayed.\n\t\t\t *\n\t\t\t * This is different from the 'show' and 'apply-show' which\n\t\t\t * run earlier than this where there is no guarantee that the\n\t\t\t * tooltip is already visible and in the DOM.\n\t\t\t */\n\t\t\tthis.$nextTick(() => {\n\t\t\t\tthis.$emit('after-show')\n\t\t\t\tthis.useFocusTrap()\n\t\t\t\tthis.addEscapeStopPropagation()\n\t\t\t})\n\t\t},\n\t\tafterHide() {\n\t\t\t/**\n\t\t\t * Triggered after the tooltip was visually hidden.\n\t\t\t */\n\t\t\tthis.$emit('after-hide')\n\t\t\tthis.clearFocusTrap()\n\t\t\tthis.clearEscapeStopPropagation()\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\">\n\n.resize-observer {\n\tposition:absolute;\n\ttop:0;\n\tleft:0;\n\tz-index:-1;\n\twidth:100%;\n\theight:100%;\n\tborder:none;\n\tbackground-color:transparent;\n\tpointer-events:none;\n\tdisplay:block;\n\toverflow:hidden;\n\topacity:0\n}\n\n.resize-observer object {\n\tdisplay:block;\n\tposition:absolute;\n\ttop:0;\n\tleft:0;\n\theight:100%;\n\twidth:100%;\n\toverflow:hidden;\n\tpointer-events:none;\n\tz-index:-1\n}\n\n$arrow-width: 10px;\n\n.v-popper--theme-dropdown {\n\t&.v-popper__popper {\n\t\tz-index: 100000;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tdisplay: block !important;\n\n\t\tfilter: drop-shadow(0 1px 10px var(--color-box-shadow));\n\n\t\t.v-popper__inner {\n\t\t\tpadding: 0;\n\t\t\tcolor: var(--color-main-text);\n\t\t\tborder-radius: var(--border-radius-large);\n\t\t\toverflow: hidden;\n\t\t\tbackground: var(--color-main-background);\n\t\t}\n\n\t\t.v-popper__arrow-container {\n\t\t\tposition: absolute;\n\t\t\tz-index: 1;\n\t\t\twidth: 0;\n\t\t\theight: 0;\n\t\t\tborder-style: solid;\n\t\t\tborder-color: transparent;\n\t\t\tborder-width: $arrow-width;\n\t\t}\n\n\t\t&[data-popper-placement^='top'] .v-popper__arrow-container {\n\t\t\tbottom: -$arrow-width;\n\t\t\tborder-bottom-width: 0;\n\t\t\tborder-top-color: var(--color-main-background);\n\t\t}\n\n\t\t&[data-popper-placement^='bottom'] .v-popper__arrow-container {\n\t\t\ttop: -$arrow-width;\n\t\t\tborder-top-width: 0;\n\t\t\tborder-bottom-color: var(--color-main-background);\n\t\t}\n\n\t\t&[data-popper-placement^='right'] .v-popper__arrow-container {\n\t\t\tleft: -$arrow-width;\n\t\t\tborder-left-width: 0;\n\t\t\tborder-right-color: var(--color-main-background);\n\t\t}\n\n\t\t&[data-popper-placement^='left'] .v-popper__arrow-container {\n\t\t\tright: -$arrow-width;\n\t\t\tborder-right-width: 0;\n\t\t\tborder-left-color: var(--color-main-background);\n\t\t}\n\n\t\t&[aria-hidden='true'] {\n\t\t\tvisibility: hidden;\n\t\t\ttransition: opacity var(--animation-quick), visibility var(--animation-quick);\n\t\t\topacity: 0;\n\t\t}\n\n\t\t&[aria-hidden='false'] {\n\t\t\tvisibility: visible;\n\t\t\ttransition: opacity var(--animation-quick);\n\t\t\topacity: 1;\n\t\t}\n\t}\n}\n\n</style>\n"],"names":["_sfc_main","floatingVue","_b","_a","el","focusTrap","focusTrap$1","options","err","event"],"mappings":";;AAgIA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,UAAAC,EAAA;AAAA,EACA;AAAA,EAEA,cAAA;AAAA,EAEA,OAAA;AAAA,IACA,kBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,gBAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA,CAAA,aAAA,YAAA,QAAA,OAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,gBAAA;AACA,SAAA,eAAA,GACA,KAAA,2BAAA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA;AAAA;AAAA;AAAA,IAIA,2BAAA;;AACA,cAAAC,KAAAC,IAAA,KAAA,MAAA,YAAA,gBAAAA,EAAA,MAAA,kBAAA,gBAAAD,EAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA,eAAA;AAGA,UAFA,MAAA,KAAA,UAAA,GAEA,CAAA,KAAA;AACA;AAGA,YAAAE,IAAA,KAAA,yBAAA;AAEA,MAAAA,MAKA,KAAA,aAAAC,EAAA,gBAAAD,GAAA;AAAA;AAAA;AAAA,QAGA,mBAAA;AAAA,QACA,mBAAA;AAAA,QACA,gBAAA,KAAA;AAAA,QACA,WAAAE,EAAA,aAAA;AAAA,MACA,CAAA,GACA,KAAA,WAAA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,eAAAC,IAAA,CAAA,GAAA;;AACA,UAAA;AACA,SAAAJ,IAAA,KAAA,eAAA,QAAAA,EAAA,WAAAI,IACA,KAAA,aAAA;AAAA,MACA,SAAAC,GAAA;AACA,gBAAA,KAAAA,CAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA,2BAAA;AACA,YAAAJ,IAAA,KAAA,yBAAA;AACA,MAAAA,KAAA,QAAAA,EAAA,iBAAA,WAAA,KAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,6BAAA;AACA,YAAAA,IAAA,KAAA,yBAAA;AACA,MAAAA,KAAA,QAAAA,EAAA,oBAAA,WAAA,KAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,yBAAAK,GAAA;AACA,MAAAA,EAAA,SAAA,aAAAA,EAAA,QAAA,YACAA,EAAA,gBAAA;AAAA,IAEA;AAAA,IAEA,YAAA;AAQA,WAAA,UAAA,MAAA;AACA,aAAA,MAAA,YAAA,GACA,KAAA,aAAA,GACA,KAAA,yBAAA;AAAA,MACA,CAAA;AAAA,IACA;AAAA,IACA,YAAA;AAIA,WAAA,MAAA,YAAA,GACA,KAAA,eAAA,GACA,KAAA,2BAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcPopover.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/Components/NcPopover.mjs

@@ -1,130 +1,4 @@
-import "../assets/index-4ebacc78.css";
-import { Dropdown as r } from "floating-vue";
-import { createFocusTrap as s } from "focus-trap";
-import { g as a } from "../chunks/focusTrap-5d0f71d4.mjs";
-import { n } from "../chunks/_plugin-vue2_normalizer-71e2aa87.mjs";
-const p = {
-  name: "NcPopover",
-  components: {
-    Dropdown: r
-  },
-  inheritAttrs: !1,
-  props: {
-    popoverBaseClass: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Enable popover focus trap
-     */
-    focusTrap: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Set element to return focus to after focus trap deactivation
-     *
-     * @type {import('focus-trap').FocusTargetValueOrFalse}
-     */
-    setReturnFocus: {
-      default: void 0,
-      type: [HTMLElement, SVGElement, String, Boolean]
-    }
-  },
-  emits: [
-    "after-show",
-    "after-hide"
-  ],
-  beforeDestroy() {
-    this.clearFocusTrap(), this.clearEscapeStopPropagation();
-  },
-  methods: {
-    /**
-     * @return {HTMLElement|undefined}
-     */
-    getPopoverContentElement() {
-      var e, t;
-      return (t = (e = this.$refs.popover) == null ? void 0 : e.$refs.popperContent) == null ? void 0 : t.$el;
-    },
-    /**
-     * Add focus trap for accessibility.
-     */
-    async useFocusTrap() {
-      if (await this.$nextTick(), !this.focusTrap)
-        return;
-      const e = this.getPopoverContentElement();
-      e && (this.$focusTrap = s(e, {
-        // Prevents to lose focus using esc key
-        // Focus will be release when popover be hide
-        escapeDeactivates: !1,
-        allowOutsideClick: !0,
-        setReturnFocus: this.setReturnFocus,
-        trapStack: a()
-      }), this.$focusTrap.activate());
-    },
-    /**
-     * Remove focus trap
-     *
-     * @param {object} options The configuration options for focusTrap
-     */
-    clearFocusTrap(e = {}) {
-      var t;
-      try {
-        (t = this.$focusTrap) == null || t.deactivate(e), this.$focusTrap = null;
-      } catch (o) {
-        console.warn(o);
-      }
-    },
-    /**
-     * Add stopPropagation for Escape.
-     * It prevents global Escape handling after closing popover.
-     *
-     * Manual event handling is used here instead of v-on because there is no direct access to the node.
-     * Alternative - wrap <template #popover> in a div wrapper.
-     */
-    addEscapeStopPropagation() {
-      const e = this.getPopoverContentElement();
-      e == null || e.addEventListener("keydown", this.stopKeydownEscapeHandler);
-    },
-    /**
-     * Remove stop Escape handler
-     */
-    clearEscapeStopPropagation() {
-      const e = this.getPopoverContentElement();
-      e == null || e.removeEventListener("keydown", this.stopKeydownEscapeHandler);
-    },
-    /**
-     * @param {KeyboardEvent} event - native keydown event
-     */
-    stopKeydownEscapeHandler(e) {
-      e.type === "keydown" && e.key === "Escape" && e.stopPropagation();
-    },
-    afterShow() {
-      this.$nextTick(() => {
-        this.$emit("after-show"), this.useFocusTrap(), this.addEscapeStopPropagation();
-      });
-    },
-    afterHide() {
-      this.$emit("after-hide"), this.clearFocusTrap(), this.clearEscapeStopPropagation();
-    }
-  }
-};
-var i = function() {
-  var t = this, o = t._self._c;
-  return o("Dropdown", t._g(t._b({ ref: "popover", attrs: { distance: 10, "arrow-padding": 10, "no-auto-focus": !0, "popper-class": t.popoverBaseClass }, on: { "apply-show": t.afterShow, "apply-hide": t.afterHide }, scopedSlots: t._u([{ key: "popper", fn: function() {
-    return [t._t("default")];
-  }, proxy: !0 }], null, !0) }, "Dropdown", t.$attrs, !1), t.$listeners), [t._t("trigger")], 2);
-}, c = [], l = /* @__PURE__ */ n(
-  p,
-  i,
-  c,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const _ = l.exports;
+import { N as f } from "../chunks/NcPopover-HwP68PjO.mjs";
 export {
-  _ as default
+  f as default
 };

package/dist/Components/NcPopover.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcPopover.mjs","sources":["../../src/components/NcPopover/NcPopover.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2019 Marco Ambrosini <marcoambrosini@icloud.com>\n  -\n  - @author Marco Ambrosini <marcoambrosini@icloud.com>\n  -\n  - @license GNU AGPL version 3 or any later version\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU Affero General Public License as\n  - published by the Free Software Foundation, either version 3 of the\n  - License, or (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n  - GNU Affero General Public License for more details.\n  -\n  - You should have received a copy of the GNU Affero General Public License\n  - along with this program. If not, see <http://www.gnu.org/licenses/>.\n-->\n\n<docs>\n\n### General description\n\nThis component is just a wrapper for the floating-vue plugin by Akryum,\nplease refer to this documentation for customization:\nhttps://github.com/Akryum/floating-vue\n\nThis components has two slots:\n* 'trigger' which can be any html element and it will trigger the popover\nthis slot is optional since you can toggle the popover also by updating the\nopen prop on this component;\n\n* a default slot that is for the content of the popover.\n\n### Examples\n\n#### With a `<button>` as a trigger:\n\n```vue\n<template>\n\t<div style=\"display: flex\">\n\t\t<NcPopover>\n\t\t\t<template #trigger>\n\t\t\t\t<NcButton>I am the trigger</NcButton>\n\t\t\t</template>\n\t\t\t<template>\n\t\t\t\t<form tabindex=\"0\" @submit.prevent>\n\t\t\t\t\t<h2>this is some content</h2>\n\t\t\t\t\t<p>\n\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. <br/>\n\t\t\t\t\t\tVestibulum eget placerat velit.\n\t\t\t\t\t</p>\n\t\t\t\t\t<label>\n\t\t\t\t\t\tLabel element\n\t\t\t\t\t\t<input type=\"text\" placeholder=\"input element\"/>\n\t\t\t\t\t</label>\n\t\t\t\t</form>\n\t\t\t</template>\n\t\t</NcPopover>\n\t</div>\n</template>\n```\n\n#### Without focus trap:\n\nThe [`focus-trap`](https://github.com/focus-trap/focus-trap) emits an error when used in a non-focusable element tree.\n\nThe prop `:focus-trap=\"false\"` help to prevent it when the default behavior is not relevant.\n\n```vue\n<template>\n\t<div style=\"display: flex\">\n\t\t<NcPopover :focus-trap=\"false\">\n\t\t\t<template #trigger>\n\t\t\t\t<NcButton>Click me!</NcButton>\n\t\t\t</template>\n\t\t\t<template>\n\t\t\t\tHi! 🚀\n\t\t\t</template>\n\t\t</NcPopover>\n\t</div>\n</template>\n```\n\n#### With passing props to `floating-vue`'s `Dropdown`:\n\n```vue\n<template>\n\t<div style=\"display: flex\">\n\t\t<NcPopover container=\"body\" :popper-hide-triggers=\"(triggers) => [...triggers, 'click']\">\n\t\t\t<template #trigger>\n\t\t\t\t<NcButton>I am the trigger</NcButton>\n\t\t\t</template>\n\t\t\t<template #default>\n\t\t\t\t<NcButton>Click on the button will close NcPopover</NcButton>\n\t\t\t</template>\n\t\t</NcPopover>\n\t</div>\n</template>\n```\n</docs>\n\n<template>\n\t<Dropdown ref=\"popover\"\n\t\t:distance=\"10\"\n\t\t:arrow-padding=\"10\"\n\t\tv-bind=\"$attrs\"\n\t\t:no-auto-focus=\"true /* Handled by the focus trap */\"\n\t\t:popper-class=\"popoverBaseClass\"\n\t\tv-on=\"$listeners\"\n\t\t@apply-show=\"afterShow\"\n\t\t@apply-hide=\"afterHide\">\n\t\t<!-- This will be the popover target (for the events and position) -->\n\t\t<slot name=\"trigger\" />\n\t\t<!-- This will be the content of the popover -->\n\t\t<template #popper>\n\t\t\t<slot />\n\t\t</template>\n\t</Dropdown>\n</template>\n\n<script>\nimport { Dropdown } from 'floating-vue'\nimport { createFocusTrap } from 'focus-trap'\nimport { getTrapStack } from '../../utils/focusTrap.js'\n\nexport default {\n\tname: 'NcPopover',\n\n\tcomponents: {\n\t\tDropdown,\n\t},\n\n\tinheritAttrs: false,\n\n\tprops: {\n\t\tpopoverBaseClass: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * Enable popover focus trap\n\t\t */\n\t\tfocusTrap: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t\t/**\n\t\t * Set element to return focus to after focus trap deactivation\n\t\t *\n\t\t * @type {import('focus-trap').FocusTargetValueOrFalse}\n\t\t */\n\t\tsetReturnFocus: {\n\t\t\tdefault: undefined,\n\t\t\ttype: [HTMLElement, SVGElement, String, Boolean],\n\t\t},\n\t},\n\n\temits: [\n\t\t'after-show',\n\t\t'after-hide',\n\t],\n\n\tbeforeDestroy() {\n\t\tthis.clearFocusTrap()\n\t\tthis.clearEscapeStopPropagation()\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * @return {HTMLElement|undefined}\n\t\t */\n\t\tgetPopoverContentElement() {\n\t\t\treturn this.$refs.popover?.$refs.popperContent?.$el\n\t\t},\n\n\t\t/**\n\t\t * Add focus trap for accessibility.\n\t\t */\n\t\tasync useFocusTrap() {\n\t\t\tawait this.$nextTick()\n\n\t\t\tif (!this.focusTrap) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tconst el = this.getPopoverContentElement()\n\n\t\t\tif (!el) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\t// Init focus trap\n\t\t\tthis.$focusTrap = createFocusTrap(el, {\n\t\t\t\t// Prevents to lose focus using esc key\n\t\t\t\t// Focus will be release when popover be hide\n\t\t\t\tescapeDeactivates: false,\n\t\t\t\tallowOutsideClick: true,\n\t\t\t\tsetReturnFocus: this.setReturnFocus,\n\t\t\t\ttrapStack: getTrapStack(),\n\t\t\t})\n\t\t\tthis.$focusTrap.activate()\n\t\t},\n\n\t\t/**\n\t\t * Remove focus trap\n\t\t *\n\t\t * @param {object} options The configuration options for focusTrap\n\t\t */\n\t\tclearFocusTrap(options = {}) {\n\t\t\ttry {\n\t\t\t\tthis.$focusTrap?.deactivate(options)\n\t\t\t\tthis.$focusTrap = null\n\t\t\t} catch (err) {\n\t\t\t\tconsole.warn(err)\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Add stopPropagation for Escape.\n\t\t * It prevents global Escape handling after closing popover.\n\t\t *\n\t\t * Manual event handling is used here instead of v-on because there is no direct access to the node.\n\t\t * Alternative - wrap <template #popover> in a div wrapper.\n\t\t */\n\t\taddEscapeStopPropagation() {\n\t\t\tconst el = this.getPopoverContentElement()\n\t\t\tel?.addEventListener('keydown', this.stopKeydownEscapeHandler)\n\t\t},\n\n\t\t/**\n\t\t * Remove stop Escape handler\n\t\t */\n\t\tclearEscapeStopPropagation() {\n\t\t\tconst el = this.getPopoverContentElement()\n\t\t\tel?.removeEventListener('keydown', this.stopKeydownEscapeHandler)\n\t\t},\n\n\t\t/**\n\t\t * @param {KeyboardEvent} event - native keydown event\n\t\t */\n\t\tstopKeydownEscapeHandler(event) {\n\t\t\tif (event.type === 'keydown' && event.key === 'Escape') {\n\t\t\t\tevent.stopPropagation()\n\t\t\t}\n\t\t},\n\n\t\tafterShow() {\n\t\t\t/**\n\t\t\t * Triggered after the tooltip was visually displayed.\n\t\t\t *\n\t\t\t * This is different from the 'show' and 'apply-show' which\n\t\t\t * run earlier than this where there is no guarantee that the\n\t\t\t * tooltip is already visible and in the DOM.\n\t\t\t */\n\t\t\tthis.$nextTick(() => {\n\t\t\t\tthis.$emit('after-show')\n\t\t\t\tthis.useFocusTrap()\n\t\t\t\tthis.addEscapeStopPropagation()\n\t\t\t})\n\t\t},\n\t\tafterHide() {\n\t\t\t/**\n\t\t\t * Triggered after the tooltip was visually hidden.\n\t\t\t */\n\t\t\tthis.$emit('after-hide')\n\t\t\tthis.clearFocusTrap()\n\t\t\tthis.clearEscapeStopPropagation()\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\">\n\n.resize-observer {\n\tposition:absolute;\n\ttop:0;\n\tleft:0;\n\tz-index:-1;\n\twidth:100%;\n\theight:100%;\n\tborder:none;\n\tbackground-color:transparent;\n\tpointer-events:none;\n\tdisplay:block;\n\toverflow:hidden;\n\topacity:0\n}\n\n.resize-observer object {\n\tdisplay:block;\n\tposition:absolute;\n\ttop:0;\n\tleft:0;\n\theight:100%;\n\twidth:100%;\n\toverflow:hidden;\n\tpointer-events:none;\n\tz-index:-1\n}\n\n$arrow-width: 10px;\n\n.v-popper--theme-dropdown {\n\t&.v-popper__popper {\n\t\tz-index: 100000;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tdisplay: block !important;\n\n\t\tfilter: drop-shadow(0 1px 10px var(--color-box-shadow));\n\n\t\t.v-popper__inner {\n\t\t\tpadding: 0;\n\t\t\tcolor: var(--color-main-text);\n\t\t\tborder-radius: var(--border-radius-large);\n\t\t\toverflow: hidden;\n\t\t\tbackground: var(--color-main-background);\n\t\t}\n\n\t\t.v-popper__arrow-container {\n\t\t\tposition: absolute;\n\t\t\tz-index: 1;\n\t\t\twidth: 0;\n\t\t\theight: 0;\n\t\t\tborder-style: solid;\n\t\t\tborder-color: transparent;\n\t\t\tborder-width: $arrow-width;\n\t\t}\n\n\t\t&[data-popper-placement^='top'] .v-popper__arrow-container {\n\t\t\tbottom: -$arrow-width;\n\t\t\tborder-bottom-width: 0;\n\t\t\tborder-top-color: var(--color-main-background);\n\t\t}\n\n\t\t&[data-popper-placement^='bottom'] .v-popper__arrow-container {\n\t\t\ttop: -$arrow-width;\n\t\t\tborder-top-width: 0;\n\t\t\tborder-bottom-color: var(--color-main-background);\n\t\t}\n\n\t\t&[data-popper-placement^='right'] .v-popper__arrow-container {\n\t\t\tleft: -$arrow-width;\n\t\t\tborder-left-width: 0;\n\t\t\tborder-right-color: var(--color-main-background);\n\t\t}\n\n\t\t&[data-popper-placement^='left'] .v-popper__arrow-container {\n\t\t\tright: -$arrow-width;\n\t\t\tborder-right-width: 0;\n\t\t\tborder-left-color: var(--color-main-background);\n\t\t}\n\n\t\t&[aria-hidden='true'] {\n\t\t\tvisibility: hidden;\n\t\t\ttransition: opacity var(--animation-quick), visibility var(--animation-quick);\n\t\t\topacity: 0;\n\t\t}\n\n\t\t&[aria-hidden='false'] {\n\t\t\tvisibility: visible;\n\t\t\ttransition: opacity var(--animation-quick);\n\t\t\topacity: 1;\n\t\t}\n\t}\n}\n\n</style>\n"],"names":["_sfc_main","Dropdown","_b","_a","el","createFocusTrap","getTrapStack","options","err","event"],"mappings":";;;;;AAgIA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,UAAAC;AAAA,EACA;AAAA,EAEA,cAAA;AAAA,EAEA,OAAA;AAAA,IACA,kBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,gBAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA,CAAA,aAAA,YAAA,QAAA,OAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,gBAAA;AACA,SAAA,eAAA,GACA,KAAA,2BAAA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA;AAAA;AAAA;AAAA,IAIA,2BAAA;;AACA,cAAAC,KAAAC,IAAA,KAAA,MAAA,YAAA,gBAAAA,EAAA,MAAA,kBAAA,gBAAAD,EAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA,eAAA;AAGA,UAFA,MAAA,KAAA,UAAA,GAEA,CAAA,KAAA;AACA;AAGA,YAAAE,IAAA,KAAA,yBAAA;AAEA,MAAAA,MAKA,KAAA,aAAAC,EAAAD,GAAA;AAAA;AAAA;AAAA,QAGA,mBAAA;AAAA,QACA,mBAAA;AAAA,QACA,gBAAA,KAAA;AAAA,QACA,WAAAE,EAAA;AAAA,MACA,CAAA,GACA,KAAA,WAAA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,eAAAC,IAAA,CAAA,GAAA;;AACA,UAAA;AACA,SAAAJ,IAAA,KAAA,eAAA,QAAAA,EAAA,WAAAI,IACA,KAAA,aAAA;AAAA,MACA,SAAAC,GAAA;AACA,gBAAA,KAAAA,CAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA,2BAAA;AACA,YAAAJ,IAAA,KAAA,yBAAA;AACA,MAAAA,KAAA,QAAAA,EAAA,iBAAA,WAAA,KAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,6BAAA;AACA,YAAAA,IAAA,KAAA,yBAAA;AACA,MAAAA,KAAA,QAAAA,EAAA,oBAAA,WAAA,KAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,yBAAAK,GAAA;AACA,MAAAA,EAAA,SAAA,aAAAA,EAAA,QAAA,YACAA,EAAA,gBAAA;AAAA,IAEA;AAAA,IAEA,YAAA;AAQA,WAAA,UAAA,MAAA;AACA,aAAA,MAAA,YAAA,GACA,KAAA,aAAA,GACA,KAAA,yBAAA;AAAA,MACA,CAAA;AAAA,IACA;AAAA,IACA,YAAA;AAIA,WAAA,MAAA,YAAA,GACA,KAAA,eAAA,GACA,KAAA,2BAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcPopover.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/Components/NcProgressBar.cjs

@@ -1,57 +1,3 @@
-var i = require("../assets/index-61b63a8f.css");
-const t = require("../chunks/_plugin-vue2_normalizer-7f9efb60.cjs");
-const a = {
-  name: "NcProgressBar",
-  props: {
-    /**
-     * An integer between 1 and 100
-     */
-    value: {
-      type: Number,
-      default: 0,
-      validator(r) {
-        return r >= 0 && r <= 100;
-      }
-    },
-    /**
-     * Determines the height of the progressbar.
-     * Possible values:
-     * - 'small' (default)
-     * - 'medium'
-     */
-    size: {
-      type: String,
-      default: "small",
-      validator(r) {
-        return ["small", "medium"].indexOf(r) !== -1;
-      }
-    },
-    /**
-     * Applies an error color to the progressbar if true.
-     */
-    error: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  computed: {
-    height() {
-      return this.size === "small" ? "4px" : "6px";
-    }
-  }
-};
-var o = function() {
-  var e = this, s = e._self._c;
-  return s("progress", { staticClass: "progress-bar vue", class: { "progress-bar--error": e.error }, style: { "--progress-bar-height": e.height }, attrs: { max: "100" }, domProps: { value: e.value } });
-}, n = [], l = /* @__PURE__ */ t.normalizeComponent(
-  a,
-  o,
-  n,
-  !1,
-  null,
-  "b171a315",
-  null,
-  null
-);
-const _ = l.exports;
-module.exports = _;
+"use strict";
+const r = require("../chunks/NcProgressBar-3p3Phbcw.cjs");
+module.exports = r.NcProgressBar;

package/dist/Components/NcProgressBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcProgressBar.cjs","sources":["../../src/components/NcProgressBar/NcProgressBar.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2020 Marco Ambrosini <marcoambrosini@icloud.com>\n  -\n  - @author Marco Ambrosini <marcoambrosini@icloud.com>\n  -\n  - @license GNU AGPL version 3 or any later version\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU Affero General Public License as\n  - published by the Free Software Foundation, either version 3 of the\n  - License, or (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n  - GNU Affero General Public License for more details.\n  -\n  - You should have received a copy of the GNU Affero General Public License\n  - along with this program. If not, see <http://www.gnu.org/licenses/>.\n-->\n\n<docs>\nThis is a simple progress bar component.\n## Usage:\n\n### Small\n```vue\n<NcProgressBar :value=\"60\" />\n```\n\n### Medium\n```vue\n<NcProgressBar :value=\"60\" size=\"medium\" />\n```\n\n### error\n```vue\n<NcProgressBar :value=\"60\" :error=\"true\" />\n```\n\n</docs>\n\n<template>\n\t<progress class=\"progress-bar vue\"\n\t\t:class=\"{ 'progress-bar--error': error }\"\n\t\t:style=\"{'--progress-bar-height': height }\"\n\t\t:value=\"value\"\n\t\tmax=\"100\" />\n</template>\n\n<script>\nexport default {\n\n\tname: 'NcProgressBar',\n\n\tprops: {\n\t\t/**\n\t\t * An integer between 1 and 100\n\t\t */\n\t\tvalue: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0,\n\t\t\tvalidator(value) {\n\t\t\t\treturn value >= 0\n\t\t\t\t\t&& value <= 100\n\t\t\t},\n\t\t},\n\t\t/**\n\t\t * Determines the height of the progressbar.\n\t\t * Possible values:\n\t\t * - 'small' (default)\n\t\t * - 'medium'\n\t\t */\n\t\tsize: {\n\t\t\ttype: String,\n\t\t\tdefault: 'small',\n\t\t\tvalidator(value) {\n\t\t\t\treturn ['small', 'medium'].indexOf(value) !== -1\n\t\t\t},\n\t\t},\n\t\t/**\n\t\t * Applies an error color to the progressbar if true.\n\t\t */\n\t\terror: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\tcomputed: {\n\t\theight() {\n\t\t\tif (this.size === 'small') {\n\t\t\t\treturn '4px'\n\t\t\t}\n\t\t\treturn '6px'\n\t\t},\n\t},\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\n\n.progress-bar {\n\tdisplay: block;\n\theight: var(--progress-bar-height);\n\twidth: 100%;\n\toverflow: hidden;\n\tborder: 0;\n\tpadding: 0;\n\tbackground: var(--color-background-dark);\n\tborder-radius: calc(var(--progress-bar-height) / 2);\n\n\t// Browser specific rules\n\t&::-webkit-progress-bar {\n\t\theight: var(--progress-bar-height);\n\t\tbackground-color: transparent;\n\t}\n\t&::-webkit-progress-value {\n\t\tbackground: var(--gradient-primary-background);\n\t\tborder-radius: calc(var(--progress-bar-height) / 2);\n\t}\n\t&::-moz-progress-bar {\n\t\tbackground: var(--gradient-primary-background);\n\t\tborder-radius: calc(var(--progress-bar-height) / 2);\n\t}\n\t&--error {\n\t\t// Override previous values\n\t\t&::-moz-progress-bar {\n\t\t\tbackground: var(--color-error) !important;\n\t\t}\n\t\t&::-webkit-progress-value {\n\t\t\tbackground: var(--color-error) !important;\n\t\t}\n\t}\n}\n\n</style>\n"],"names":["_sfc_main","value"],"mappings":";;AAmDA,MAAAA,IAAA;AAAA,EAEA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAAC,GAAA;AACA,eAAAA,KAAA,KACAA,KAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAAA,GAAA;AACA,eAAA,CAAA,SAAA,QAAA,EAAA,QAAAA,CAAA,MAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA,IACA,SAAA;AACA,aAAA,KAAA,SAAA,UACA,QAEA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcProgressBar.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/Components/NcProgressBar.mjs

@@ -1,59 +1,4 @@
-import "../assets/index-61b63a8f.css";
-import { n as a } from "../chunks/_plugin-vue2_normalizer-71e2aa87.mjs";
-const t = {
-  name: "NcProgressBar",
-  props: {
-    /**
-     * An integer between 1 and 100
-     */
-    value: {
-      type: Number,
-      default: 0,
-      validator(r) {
-        return r >= 0 && r <= 100;
-      }
-    },
-    /**
-     * Determines the height of the progressbar.
-     * Possible values:
-     * - 'small' (default)
-     * - 'medium'
-     */
-    size: {
-      type: String,
-      default: "small",
-      validator(r) {
-        return ["small", "medium"].indexOf(r) !== -1;
-      }
-    },
-    /**
-     * Applies an error color to the progressbar if true.
-     */
-    error: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  computed: {
-    height() {
-      return this.size === "small" ? "4px" : "6px";
-    }
-  }
-};
-var o = function() {
-  var e = this, s = e._self._c;
-  return s("progress", { staticClass: "progress-bar vue", class: { "progress-bar--error": e.error }, style: { "--progress-bar-height": e.height }, attrs: { max: "100" }, domProps: { value: e.value } });
-}, l = [], n = /* @__PURE__ */ a(
-  t,
-  o,
-  l,
-  !1,
-  null,
-  "b171a315",
-  null,
-  null
-);
-const p = n.exports;
+import { N as f } from "../chunks/NcProgressBar-KvtCwl-0.mjs";
 export {
-  p as default
+  f as default
 };

package/dist/Components/NcProgressBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcProgressBar.mjs","sources":["../../src/components/NcProgressBar/NcProgressBar.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2020 Marco Ambrosini <marcoambrosini@icloud.com>\n  -\n  - @author Marco Ambrosini <marcoambrosini@icloud.com>\n  -\n  - @license GNU AGPL version 3 or any later version\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU Affero General Public License as\n  - published by the Free Software Foundation, either version 3 of the\n  - License, or (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n  - GNU Affero General Public License for more details.\n  -\n  - You should have received a copy of the GNU Affero General Public License\n  - along with this program. If not, see <http://www.gnu.org/licenses/>.\n-->\n\n<docs>\nThis is a simple progress bar component.\n## Usage:\n\n### Small\n```vue\n<NcProgressBar :value=\"60\" />\n```\n\n### Medium\n```vue\n<NcProgressBar :value=\"60\" size=\"medium\" />\n```\n\n### error\n```vue\n<NcProgressBar :value=\"60\" :error=\"true\" />\n```\n\n</docs>\n\n<template>\n\t<progress class=\"progress-bar vue\"\n\t\t:class=\"{ 'progress-bar--error': error }\"\n\t\t:style=\"{'--progress-bar-height': height }\"\n\t\t:value=\"value\"\n\t\tmax=\"100\" />\n</template>\n\n<script>\nexport default {\n\n\tname: 'NcProgressBar',\n\n\tprops: {\n\t\t/**\n\t\t * An integer between 1 and 100\n\t\t */\n\t\tvalue: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0,\n\t\t\tvalidator(value) {\n\t\t\t\treturn value >= 0\n\t\t\t\t\t&& value <= 100\n\t\t\t},\n\t\t},\n\t\t/**\n\t\t * Determines the height of the progressbar.\n\t\t * Possible values:\n\t\t * - 'small' (default)\n\t\t * - 'medium'\n\t\t */\n\t\tsize: {\n\t\t\ttype: String,\n\t\t\tdefault: 'small',\n\t\t\tvalidator(value) {\n\t\t\t\treturn ['small', 'medium'].indexOf(value) !== -1\n\t\t\t},\n\t\t},\n\t\t/**\n\t\t * Applies an error color to the progressbar if true.\n\t\t */\n\t\terror: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\tcomputed: {\n\t\theight() {\n\t\t\tif (this.size === 'small') {\n\t\t\t\treturn '4px'\n\t\t\t}\n\t\t\treturn '6px'\n\t\t},\n\t},\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\n\n.progress-bar {\n\tdisplay: block;\n\theight: var(--progress-bar-height);\n\twidth: 100%;\n\toverflow: hidden;\n\tborder: 0;\n\tpadding: 0;\n\tbackground: var(--color-background-dark);\n\tborder-radius: calc(var(--progress-bar-height) / 2);\n\n\t// Browser specific rules\n\t&::-webkit-progress-bar {\n\t\theight: var(--progress-bar-height);\n\t\tbackground-color: transparent;\n\t}\n\t&::-webkit-progress-value {\n\t\tbackground: var(--gradient-primary-background);\n\t\tborder-radius: calc(var(--progress-bar-height) / 2);\n\t}\n\t&::-moz-progress-bar {\n\t\tbackground: var(--gradient-primary-background);\n\t\tborder-radius: calc(var(--progress-bar-height) / 2);\n\t}\n\t&--error {\n\t\t// Override previous values\n\t\t&::-moz-progress-bar {\n\t\t\tbackground: var(--color-error) !important;\n\t\t}\n\t\t&::-webkit-progress-value {\n\t\t\tbackground: var(--color-error) !important;\n\t\t}\n\t}\n}\n\n</style>\n"],"names":["_sfc_main","value"],"mappings":";;AAmDA,MAAAA,IAAA;AAAA,EAEA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAAC,GAAA;AACA,eAAAA,KAAA,KACAA,KAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAAA,GAAA;AACA,eAAA,CAAA,SAAA,QAAA,EAAA,QAAAA,CAAA,MAAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA,IACA,SAAA;AACA,aAAA,KAAA,SAAA,UACA,QAEA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcProgressBar.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/Components/NcRelatedResourcesPanel.cjs

@@ -1,203 +1,3 @@
-var I = require("../assets/index-ab715d82.css");
-const o = require("@nextcloud/axios"), l = require("@nextcloud/router"), a = require("./NcButton.cjs"), s = require("../chunks/_l10n-72c5e29e.cjs"), n = require("../chunks/_plugin-vue2_normalizer-7f9efb60.cjs"), u = (t) => t && t.__esModule ? t : { default: t }, c = /* @__PURE__ */ u(o);
-s.register(s.t30);
-const d = {
-  name: "NcResource",
-  components: {
-    NcButton: a
-  },
-  props: {
-    icon: {
-      type: String,
-      required: !0
-    },
-    name: {
-      type: String,
-      required: !0
-    },
-    url: {
-      type: String,
-      required: !0
-    }
-  },
-  data() {
-    return {
-      labelTranslated: s.t('Open link to "{resourceName}"', { resourceName: this.name })
-    };
-  },
-  methods: {
-    t: s.t
-  }
-};
-var _ = function() {
-  var e = this, r = e._self._c;
-  return r("li", { staticClass: "resource" }, [r("NcButton", { staticClass: "resource__button", attrs: { "aria-label": e.labelTranslated, type: "tertiary", href: e.url }, scopedSlots: e._u([{ key: "icon", fn: function() {
-    return [r("div", { staticClass: "resource__icon" }, [r("img", { attrs: { src: e.icon } })])];
-  }, proxy: !0 }]) }, [e._v(" " + e._s(e.name) + " ")])], 1);
-}, p = [], f = /* @__PURE__ */ n.normalizeComponent(
-  d,
-  _,
-  p,
-  !1,
-  null,
-  "1a960bef",
-  null,
-  null
-);
-const h = f.exports;
-s.register(s.t8);
-const m = {
-  name: "NcRelatedResourcesPanel",
-  components: {
-    NcResource: h
-  },
-  props: {
-    /**
-     * The provider id implemented with `\OCA\RelatedResources\IRelatedResourceProvider::getProviderId()`
-     */
-    providerId: {
-      type: String,
-      default: null
-    },
-    /**
-     * The item id which uniquely identities the e.g. Calendar event, Deck board, file, Talk room, etc.
-     */
-    itemId: {
-      type: [String, Number],
-      default: null
-    },
-    /**
-     * Limits to specific resource type. i.e. any provider id implemented with `\OCA\RelatedResources\IRelatedResourceProvider::getProviderId()`
-     */
-    resourceType: {
-      type: String,
-      default: null
-    },
-    /**
-     * Set the maximum number of resources to load
-     */
-    limit: {
-      type: Number,
-      default: null
-    },
-    /**
-     * Only used by the files sidebar
-     *
-     * File info is passed when registered with `OCA.Sharing.ShareTabSections.registerSection()`
-     */
-    fileInfo: {
-      type: Object,
-      default: null
-    },
-    /**
-     * Make the header name dynamic
-     */
-    header: {
-      type: String,
-      default: s.t("Related resources")
-    },
-    description: {
-      type: String,
-      default: s.t("Anything shared with the same group of people will show up here")
-    },
-    /**
-     * If this element is used on a primary element set to true for primary styling.
-     */
-    primary: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [
-    "has-error",
-    "has-resources"
-  ],
-  data() {
-    var t;
-    return {
-      appEnabled: ((t = OC == null ? void 0 : OC.appswebroots) == null ? void 0 : t.related_resources) !== void 0,
-      loading: !1,
-      error: null,
-      resources: []
-    };
-  },
-  computed: {
-    isVisible() {
-      var t;
-      return this.loading ? !1 : (t = this.error) != null ? t : this.resources.length > 0;
-    },
-    subline() {
-      return this.error ? s.t("Error getting related resources. Please contact your system administrator if you have any questions.") : this.description;
-    },
-    hasResourceInfo() {
-      return this.providerId !== null && this.itemId !== null || this.fileInfo !== null;
-    },
-    isFiles() {
-      var t;
-      return ((t = this.fileInfo) == null ? void 0 : t.id) !== void 0;
-    },
-    url() {
-      let t = null, e = null;
-      return this.isFiles ? (t = "files", e = this.fileInfo.id) : (t = this.providerId, e = this.itemId), l.generateOcsUrl("/apps/related_resources/related/{providerId}?itemId={itemId}&resourceType={resourceType}&limit={limit}&format=json", {
-        providerId: t,
-        itemId: e,
-        resourceType: this.resourceType,
-        limit: this.limit
-      });
-    }
-  },
-  watch: {
-    providerId() {
-      this.fetchRelatedResources();
-    },
-    itemId() {
-      this.fetchRelatedResources();
-    },
-    fileInfo() {
-      this.fetchRelatedResources();
-    },
-    error(t) {
-      this.$emit("has-error", !!t);
-    },
-    resources(t) {
-      this.$emit("has-resources", t.length > 0);
-    }
-  },
-  created() {
-    this.fetchRelatedResources();
-  },
-  methods: {
-    t: s.t,
-    async fetchRelatedResources() {
-      var t;
-      if (!(!this.appEnabled || !this.hasResourceInfo)) {
-        this.loading = !0, this.error = null, this.resources = [];
-        try {
-          const e = await c.default.get(this.url);
-          this.resources = (t = e.data.ocs) == null ? void 0 : t.data;
-        } catch (e) {
-          this.error = e, console.error(e);
-        } finally {
-          this.loading = !1;
-        }
-      }
-    }
-  }
-};
-var y = function() {
-  var e = this, r = e._self._c;
-  return e.appEnabled && e.isVisible ? r("div", { staticClass: "related-resources" }, [r("div", { staticClass: "related-resources__header" }, [r("h5", [e._v(e._s(e.header))]), r("p", [e._v(e._s(e.subline))])]), e._l(e.resources, function(i) {
-    return r("NcResource", { key: i.itemId, staticClass: "related-resources__entry", attrs: { icon: i.icon, name: i.title, url: i.url } });
-  })], 2) : e._e();
-}, v = [], g = /* @__PURE__ */ n.normalizeComponent(
-  m,
-  y,
-  v,
-  !1,
-  null,
-  "19300848",
-  null,
-  null
-);
-const R = g.exports;
-module.exports = R;
+"use strict";
+const e = require("../chunks/NcRelatedResourcesPanel-oTY2g2gt.cjs");
+module.exports = e.NcRelatedResourcesPanel;