@nextcloud/vue 9.0.0-alpha.0 → 9.0.0-alpha.2

package/dist/chunks/NcActionLink-D22rQHJq.cjs

@@ -0,0 +1,106 @@
+var N = require("../assets/NcActionLink-DN3NCDC0.css");
+const a = require("./actionText-CmiezrFO.cjs"), t = require("vue"), r = require("./_plugin-vue_export-helper-CTzpuyvq.cjs"), s = {
+  name: "NcActionLink",
+  mixins: [a.ActionTextMixin],
+  inject: {
+    isInSemanticMenu: {
+      from: "NcActions:isSemanticMenu",
+      default: !1
+    }
+  },
+  props: {
+    /**
+     * destionation to link to
+     */
+    href: {
+      type: String,
+      default: "#",
+      required: !0,
+      validator: (e) => {
+        try {
+          return new URL(e);
+        } catch {
+          return e.startsWith("#") || e.startsWith("/");
+        }
+      }
+    },
+    /**
+     * download the link instead of opening
+     */
+    download: {
+      type: String,
+      default: null
+    },
+    /**
+     * target to open the link
+     */
+    target: {
+      type: String,
+      default: "_self",
+      validator: (e) => e && (!e.startsWith("_") || ["_blank", "_self", "_parent", "_top"].indexOf(e) > -1)
+    },
+    /**
+     * Declares a native tooltip when not null
+     */
+    title: {
+      type: String,
+      default: null
+    },
+    /**
+     * @deprecated To be removed in @nextcloud/vue 9. Migration guide: remove ariaHidden prop from NcAction* components.
+     * @todo Add a check in @nextcloud/vue 9 that this prop is not provided,
+     * otherwise root element will inherit incorrect aria-hidden.
+     */
+    ariaHidden: {
+      type: Boolean,
+      default: null
+    }
+  }
+}, c = (e) => (t.pushScopeId("data-v-c0bc0588"), e = e(), t.popScopeId(), e), d = ["role"], u = ["download", "href", "aria-label", "target", "title", "role"], _ = {
+  key: 0,
+  class: "action-link__longtext-wrapper"
+}, p = { class: "action-link__name" }, m = /* @__PURE__ */ c(() => /* @__PURE__ */ t.createElementVNode("br", null, null, -1)), k = ["textContent"], f = ["textContent"], g = {
+  key: 2,
+  class: "action-link__text"
+};
+function h(e, o, n, y, I, l) {
+  return t.openBlock(), t.createElementBlock("li", {
+    class: "action",
+    role: l.isInSemanticMenu && "presentation"
+  }, [
+    t.createElementVNode("a", {
+      download: n.download,
+      href: n.href,
+      "aria-label": e.ariaLabel,
+      target: n.target,
+      title: n.title,
+      class: "action-link focusable",
+      rel: "nofollow noreferrer noopener",
+      role: l.isInSemanticMenu && "menuitem",
+      onClick: o[0] || (o[0] = (...i) => e.onClick && e.onClick(...i))
+    }, [
+      t.renderSlot(e.$slots, "icon", {}, () => [
+        t.createElementVNode("span", {
+          class: t.normalizeClass([[e.isIconUrl ? "action-link__icon--url" : e.icon], "action-link__icon"]),
+          style: t.normalizeStyle({ backgroundImage: e.isIconUrl ? "url(".concat(e.icon, ")") : null }),
+          "aria-hidden": "true"
+        }, null, 6)
+      ], !0),
+      e.name ? (t.openBlock(), t.createElementBlock("span", _, [
+        t.createElementVNode("strong", p, t.toDisplayString(e.name), 1),
+        m,
+        t.createElementVNode("span", {
+          class: "action-link__longtext",
+          textContent: t.toDisplayString(e.text)
+        }, null, 8, k)
+      ])) : e.isLongText ? (t.openBlock(), t.createElementBlock("span", {
+        key: 1,
+        class: "action-link__longtext",
+        textContent: t.toDisplayString(e.text)
+      }, null, 8, f)) : (t.openBlock(), t.createElementBlock("span", g, t.toDisplayString(e.text), 1)),
+      t.createCommentVNode("", !0)
+    ], 8, u)
+  ], 8, d);
+}
+const S = /* @__PURE__ */ r._export_sfc(s, [["render", h], ["__scopeId", "data-v-c0bc0588"]]);
+exports.NcActionLink = S;

package/dist/chunks/NcActionLink-D22rQHJq.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcActionLink-D22rQHJq.cjs","sources":["../../src/components/NcActionLink/NcActionLink.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n  -\n  - @author John Molakvoæ <skjnldsv@protonmail.com>\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\n<docs>\nThis component is made to be used inside of the [NcActions](#NcActions) component slots.\n\n```\n<template>\n\t<div style=\"display: flex; align-items: center;\">\n\t\t<NcActions>\n\t\t\t<NcActionLink href=\"https://nextcloud.com\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<OpenInNew :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tNextcloud website\n\t\t\t</NcActionLink>\n\t\t</NcActions>\n\n\t\t<NcActions>\n\t\t\t<NcActionLink href=\"https://www.gnu.org/licenses/gpl.odt\"\n\t\t\t\t  download=\"AGPL License text.odt\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Download :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tDownload AGPL license text\n\t\t\t</NcActionLink>\n\t\t</NcActions>\n\n\t\t<NcActions>\n\t\t\t<NcActionLink href=\"https://nextcloud.com\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<OpenInNew :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tNextcloud website\n\t\t\t</NcActionLink>\n\t\t\t<NcActionLink href=\"https://www.gnu.org/licenses/gpl.odt\"\n\t\t\t\t  download=\"AGPL License text.odt\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Download :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t\tDownload AGPL license text\n\t\t\t</NcActionLink>\n\t\t</NcActions>\n\t</div>\n</template>\n<script>\nimport Download from 'vue-material-design-icons/Download'\nimport OpenInNew from 'vue-material-design-icons/OpenInNew'\n\nexport default {\n\tcomponents: {\n\t\tDownload,\n\t\tOpenInNew,\n\t},\n}\n</script>\n```\n</docs>\n\n<template>\n\t<li class=\"action\" :role=\"isInSemanticMenu && 'presentation'\">\n\t\t<a :download=\"download\"\n\t\t\t:href=\"href\"\n\t\t\t:aria-label=\"ariaLabel\"\n\t\t\t:target=\"target\"\n\t\t\t:title=\"title\"\n\t\t\tclass=\"action-link focusable\"\n\t\t\trel=\"nofollow noreferrer noopener\"\n\t\t\t:role=\"isInSemanticMenu && 'menuitem'\"\n\t\t\t@click=\"onClick\">\n\n\t\t\t<!-- @slot Manually provide icon -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<span :class=\"[isIconUrl ? 'action-link__icon--url' : icon]\"\n\t\t\t\t\t:style=\"{ backgroundImage: isIconUrl ? `url(${icon})` : null }\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclass=\"action-link__icon\" />\n\t\t\t</slot>\n\n\t\t\t<!-- long text with name -->\n\t\t\t<span v-if=\"name\"\n\t\t\t\tclass=\"action-link__longtext-wrapper\">\n\t\t\t\t<strong class=\"action-link__name\">\n\t\t\t\t\t{{ name }}\n\t\t\t\t</strong>\n\t\t\t\t<br>\n\t\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t\t<span class=\"action-link__longtext\" v-text=\"text\" />\n\t\t\t</span>\n\n\t\t\t<!-- long text only -->\n\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t<span v-else-if=\"isLongText\"\n\t\t\t\tclass=\"action-link__longtext\"\n\t\t\t\tv-text=\"text\" />\n\n\t\t\t<!-- default text display -->\n\t\t\t<span v-else class=\"action-link__text\">{{ text }}</span>\n\n\t\t\t<!-- fake slot to gather inner text -->\n\t\t\t<slot v-if=\"false\" />\n\t\t</a>\n\t</li>\n</template>\n\n<script>\nimport ActionTextMixin from '../../mixins/actionText.js'\n\nexport default {\n\tname: 'NcActionLink',\n\n\tmixins: [ActionTextMixin],\n\n\tinject: {\n\t\tisInSemanticMenu: {\n\t\t\tfrom: 'NcActions:isSemanticMenu',\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * destionation to link to\n\t\t */\n\t\thref: {\n\t\t\ttype: String,\n\t\t\tdefault: '#',\n\t\t\trequired: true,\n\t\t\tvalidator: value => {\n\t\t\t\t// href is either an anchor or a valid url starting with a scheme or a relative path\n\t\t\t\ttry {\n\t\t\t\t\treturn new URL(value)\n\t\t\t\t} catch (error) {\n\t\t\t\t\treturn value.startsWith('#') || value.startsWith('/')\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t\t/**\n\t\t * download the link instead of opening\n\t\t */\n\t\tdownload: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t\t/**\n\t\t * target to open the link\n\t\t */\n\t\ttarget: {\n\t\t\ttype: String,\n\t\t\tdefault: '_self',\n\t\t\tvalidator: value => {\n\t\t\t\treturn value && (!value.startsWith('_') || ['_blank', '_self', '_parent', '_top'].indexOf(value) > -1)\n\t\t\t},\n\t\t},\n\t\t/**\n\t\t * Declares a native tooltip when not null\n\t\t */\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\t\t/**\n\t\t * @deprecated To be removed in @nextcloud/vue 9. Migration guide: remove ariaHidden prop from NcAction* components.\n\t\t * @todo Add a check in @nextcloud/vue 9 that this prop is not provided,\n\t\t * otherwise root element will inherit incorrect aria-hidden.\n\t\t */\n\t\tariaHidden: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: null,\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../assets/action';\n@include action-active;\n@include action-item('link');\n\n</style>\n"],"names":["_sfc_main","value","_hoisted_1","_hoisted_2","_hoisted_4","_hoisted_6","_hoisted_7","$options","$props","_ctx","_cache","args","vue","_hoisted_3"],"mappings":";6HAkIAA,IAAA;AAAA,EACC,MAAA;AAAA;EAIA,QAAA;AAAA,IACC,kBAAA;AAAA,MACC,MAAA;AAAA;;;EAKF,OAAA;AAAA;AAAA;AAAA;AAAA;;;;MAQE,WAAA,CAAAC,MAAA;AAEC,YAAA;AACC,iBAAA,IAAA,IAAAA,CAAA;AAAA;;QAGD;AAAA;;;;;IAMF,UAAA;AAAA;;;;;;IAOA,QAAA;AAAA;MAEC,SAAA;AAAA,MACA,WAAA,CAAAA,MACCA,MAAA,CAAAA,EAAA,WAAA,GAAA,KAAA,CAAA,UAAA,SAAA,WAAA,MAAA,EAAA,QAAAA,CAAA,IAAA;AAAA;;;;IAMF,OAAA;AAAA;;;;;;;;;;;;;AAcF,8EAjMAC,IAAA,CAAA,MAAA,GAAAC,IAAA,CAAA,YAAA,QAAA,cAAA,UAAA,SAAA,MAAA;;EAqGI,OAAA;GACQC,IAAA,EAAA,OAAA,oBAAA,4FAtGZC,IAAA,CAAA,aAAA,GAAAC,IAAA,CAAA,aAAA;;EAuHgB,OAAA;;;;IAvCX,OAAA;AAAA,IAAgB,MAAAC,EAAA,oBAAA;AAAA;;MACf,UAAAC,EAAA;AAAA,MACF,MAAAA,EAAA;AAAA,MACA,cAAAC,EAAA;AAAA,MACA,QAAAD,EAAA;AAAA,MACA,OAAAA,EAAA;AAAA,MACD,OAAA;AAAA,MACA,KAAA;AAAA,MACC,MAAAD,EAAA,oBAAA;AAAA,MACA,SAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAF,EAAA,WAAAA,EAAA,QAAA,GAAAE,CAAA;AAAA;MAGDC,EAAA,WAAAH,EAAA,QAAA,QAAA,CAAA,GAAA,MAAA;AAAA;UACQ,OAAAG,EAAA,eAAA,CAAA,CAAAH,EAAA,YAAA,2BAAAA,EAAA,IAAA,GAAA,mBAAA,CAAA;AAAA,UACL,OAAAG,EAAA,eAAA,EAAA,iBAAAH,EAAA,YAAA,OAAA,OAAAA,EAAA,MAAA,OAAA,KAAA,CAAA;AAAA,UACD,eAAA;AAAA;;gBAKFG,EAAA,UAAA,GAAAA,EAAA,mBAAA,QAAAC,GAAA;AAAA;;;UAQO,OAAA;AAAA;QA5GV,GAAA,MAAA,GAAAR,CAAA;AAAA;;QAmHI,OAAA;AAAA;MAnHJ,GAAA,MAAA,GAAAC,CAAA;;IAAA,GAAA,GAAAH,CAAA;AAAA,EAAA,GAAA,GAAAD,CAAA;;;;"}

package/dist/chunks/NcActionRadio-AGL4aE5u.cjs

@@ -0,0 +1,115 @@
+var k = require("../assets/NcActionRadio-BQL7tIME.css");
+const l = require("./actionGlobal-CmaqfbSh.cjs"), o = require("./GenRandomId-B2O1GMbH.cjs"), e = require("vue"), r = require("./_plugin-vue_export-helper-CTzpuyvq.cjs"), c = {
+  name: "NcActionRadio",
+  mixins: [l.ActionGlobalMixin],
+  inject: {
+    isInSemanticMenu: {
+      from: "NcActions:isSemanticMenu",
+      default: !1
+    }
+  },
+  props: {
+    /**
+     * id attribute of the radio element
+     */
+    id: {
+      type: String,
+      default: () => "action-" + o.GenRandomId(),
+      validator: (i) => i.trim() !== ""
+    },
+    /**
+     * checked state of the the radio element
+     */
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Define if this radio is part of a set.
+     * Checking the radio will disable all the
+     * others with the same name.
+     */
+    name: {
+      type: String,
+      required: !0
+    },
+    /**
+     * value of the radio input
+     */
+    value: {
+      type: [String, Number],
+      default: ""
+    },
+    /**
+     * disabled state of the radio element
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "change",
+    "update:modelValue"
+  ],
+  computed: {
+    /**
+     * determines if the action is focusable
+     *
+     * @return {boolean} is the action focusable ?
+     */
+    isFocusable() {
+      return !this.disabled;
+    },
+    /**
+     * aria-checked attribute for role="menuitemcheckbox"
+     *
+     * @return {'true'|'false'|undefined} aria-checked value if needed
+     */
+    ariaChecked() {
+      if (this.isInSemanticMenu)
+        return this.modelValue ? "true" : "false";
+    }
+  },
+  methods: {
+    toggleInput() {
+      this.$refs.label.click();
+    },
+    onChange(i) {
+      this.$emit("update:modelValue", this.$refs.radio.checked), this.$emit("change", i);
+    }
+  }
+}, s = ["role"], u = ["aria-checked"], m = ["id", "disabled", "checked", "name", "value"], f = ["for"];
+function h(i, n, a, b, g, t) {
+  return e.openBlock(), e.createElementBlock("li", {
+    class: e.normalizeClass(["action", { "action--disabled": a.disabled }]),
+    role: t.isInSemanticMenu && "presentation"
+  }, [
+    e.createElementVNode("span", {
+      class: "action-radio",
+      role: "menuitemradio",
+      "aria-checked": t.ariaChecked
+    }, [
+      e.createElementVNode("input", {
+        id: a.id,
+        ref: "radio",
+        disabled: a.disabled,
+        checked: a.modelValue,
+        name: a.name,
+        value: a.value,
+        class: e.normalizeClass([{ focusable: t.isFocusable }, "radio action-radio__radio"]),
+        type: "radio",
+        onKeydown: n[0] || (n[0] = e.withKeys(e.withModifiers((...d) => t.toggleInput && t.toggleInput(...d), ["exact", "prevent"]), ["enter"])),
+        onChange: n[1] || (n[1] = (...d) => t.onChange && t.onChange(...d))
+      }, null, 42, m),
+      e.createElementVNode("label", {
+        ref: "label",
+        for: a.id,
+        class: "action-radio__label"
+      }, e.toDisplayString(i.text), 9, f),
+      e.createCommentVNode("", !0)
+    ], 8, u)
+  ], 10, s);
+}
+const _ = /* @__PURE__ */ r._export_sfc(c, [["render", h], ["__scopeId", "data-v-b5a59170"]]);
+exports.NcActionRadio = _;

package/dist/chunks/NcActionRadio-AGL4aE5u.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcActionRadio-AGL4aE5u.cjs","sources":["../../src/components/NcActionRadio/NcActionRadio.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n  -\n  - @author John Molakvoæ <skjnldsv@protonmail.com>\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\n<docs>\nThis component is made to be used inside of the [NcActions](#NcActions) component slots.\nUsually, you will provide a name prop to bind the radio together.\nSo that only one of each name set can be selected at the same time.\n\n```vue\n\t<NcActions>\n\t\t<NcActionRadio @change=\"alert('(un)checked !')\" name=\"uniqueId\">First choice</NcActionRadio>\n\t\t<NcActionRadio value=\"second\" name=\"uniqueId\" @change=\"alert('(un)checked !')\">Second choice</NcActionRadio>\n\t\t<NcActionRadio :model-value=\"true\" name=\"uniqueId\" @change=\"alert('(un)checked !')\">Third choice (checked)</NcActionRadio>\n\t\t<NcActionRadio :disabled=\"true\" name=\"uniqueId\" @change=\"alert('(un)checked !')\">Second choice (disabled)</NcActionRadio>\n\t</NcActions>\n```\n</docs>\n\n<template>\n\t<li class=\"action\" :class=\"{ 'action--disabled': disabled }\" :role=\"isInSemanticMenu && 'presentation'\">\n\t\t<span class=\"action-radio\" role=\"menuitemradio\" :aria-checked=\"ariaChecked\">\n\t\t\t<input :id=\"id\"\n\t\t\t\tref=\"radio\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:checked=\"modelValue\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:value=\"value\"\n\t\t\t\t:class=\"{ focusable: isFocusable }\"\n\t\t\t\ttype=\"radio\"\n\t\t\t\tclass=\"radio action-radio__radio\"\n\t\t\t\t@keydown.enter.exact.prevent=\"toggleInput\"\n\t\t\t\t@change=\"onChange\">\n\t\t\t<label ref=\"label\" :for=\"id\" class=\"action-radio__label\">{{ text }}</label>\n\n\t\t\t<!-- fake slot to gather inner text -->\n\t\t\t<slot v-if=\"false\" />\n\t\t</span>\n\t</li>\n</template>\n\n<script>\nimport ActionGlobalMixin from '../../mixins/actionGlobal.js'\nimport GenRandomId from '../../utils/GenRandomId.js'\n\nexport default {\n\tname: 'NcActionRadio',\n\n\tmixins: [ActionGlobalMixin],\n\n\tinject: {\n\t\tisInSemanticMenu: {\n\t\t\tfrom: 'NcActions:isSemanticMenu',\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * id attribute of the radio element\n\t\t */\n\t\tid: {\n\t\t\ttype: String,\n\t\t\tdefault: () => 'action-' + GenRandomId(),\n\t\t\tvalidator: id => id.trim() !== '',\n\t\t},\n\n\t\t/**\n\t\t * checked state of the the radio element\n\t\t */\n\t\tmodelValue: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Define if this radio is part of a set.\n\t\t * Checking the radio will disable all the\n\t\t * others with the same name.\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/**\n\t\t * value of the radio input\n\t\t */\n\t\tvalue: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * disabled state of the radio element\n\t\t */\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\temits: [\n\t\t'change',\n\t\t'update:modelValue',\n\t],\n\n\tcomputed: {\n\t\t/**\n\t\t * determines if the action is focusable\n\t\t *\n\t\t * @return {boolean} is the action focusable ?\n\t\t */\n\t\tisFocusable() {\n\t\t\treturn !this.disabled\n\t\t},\n\n\t\t/**\n\t\t * aria-checked attribute for role=\"menuitemcheckbox\"\n\t\t *\n\t\t * @return {'true'|'false'|undefined} aria-checked value if needed\n\t\t */\n\t\t ariaChecked() {\n\t\t\tif (this.isInSemanticMenu) {\n\t\t\t\treturn this.modelValue ? 'true' : 'false'\n\t\t\t}\n\t\t\treturn undefined\n\t\t},\n\t},\n\n\tmethods: {\n\t\ttoggleInput(/* event */) {\n\t\t\t// by clicking we also trigger the change event\n\t\t\tthis.$refs.label.click()\n\t\t},\n\t\tonChange(event) {\n\t\t\t/**\n\t\t\t * Emitted when the radio state is changed\n\t\t\t *\n\t\t\t * @type {boolean}\n\t\t\t */\n\t\t\tthis.$emit('update:modelValue', this.$refs.radio.checked)\n\n\t\t\t/**\n\t\t\t * Emitted when the radio state is changed\n\t\t\t *\n\t\t\t * @type {Event}\n\t\t\t */\n\t\t\tthis.$emit('change', event)\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../assets/action';\n@include action-active;\n@include action--disabled;\n\n.action-radio {\n\tdisplay: flex;\n\talign-items: flex-start;\n\n\twidth: 100%;\n\theight: auto;\n\tmargin: 0;\n\tpadding: 0;\n\n\tcursor: pointer;\n\twhite-space: nowrap;\n\n\tcolor: var(--color-main-text);\n\tborder: 0;\n\tborder-radius: 0; // otherwise Safari will cut the border-radius area\n\tbackground-color: transparent;\n\tbox-shadow: none;\n\n\tfont-weight: normal;\n\tline-height: $clickable-area;\n\n\t/* checkbox/radio fixes */\n\t&__radio {\n\t\tposition: absolute;\n\t\ttop: auto;\n\t\tleft: -10000px;\n\n\t\toverflow: hidden;\n\n\t\twidth: 1px;\n\t\theight: 1px;\n\t}\n\n\t&__label {\n\t\tdisplay: flex;\n\t\talign-items: center; // align radio to text\n\n\t\twidth: 100%;\n\t\tpadding: 0 !important;\n\t\tpadding-right: $icon-margin !important;\n\n\t\t// radio-width is 12px, border is 2\n\t\t// (44 - 14 - 2) / 2 = 14\n\t\t&::before {\n\t\t\tmargin: 0 14px 0 !important;\n\t\t}\n\t}\n\n\t&--disabled {\n\t\t&,\n\t\t.action-radio__label {\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n}\n\n</style>\n"],"names":["_sfc_main","GenRandomId","event","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","vue","$props","$options","_cache","args","_ctx"],"mappings":";0KAgEAA,IAAA;AAAA,EACC,MAAA;AAAA;EAIA,QAAA;AAAA,IACC,kBAAA;AAAA,MACC,MAAA;AAAA;;;EAKF,OAAA;AAAA;AAAA;AAAA;AAAA,IAIC,IAAA;AAAA;MAEC,SAAA,MAAA,YAAAC,EAAA,YAAA;AAAA;;;;;;;;;;;;;;;;;;;;;IAyBD,OAAA;AAAA,MACC,MAAA,CAAA,QAAA,MAAA;AAAA;;;;;IAOD,UAAA;AAAA;;;;EAMD,OAAA;AAAA,IACC;AAAA,IACA;AAAA;EAGD,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOE,aAAA,CAAA,KAAA;AAAA;;;;;;;;AAUC,eAAA,KAAA,aAAA,SAAA;AAAA;;EAMH,SAAA;AAAA;;;IAKC,SAAAC,GAAA;;;;AAgBF,GA1KAC,IAAA,CAAA,MAAA,GAAAC,IAAA,CAAA,cAAA,GAAAC,IAAA,CAAA,MAAA,YAAA,WAAA,QAAA,OAAA,GAAAC,IAAA,CAAA,KAAA;;;IAuCK,OAAAC,EAAA,eAAA,CAAA,UAAA,EAAA,oBAAAC,EAAA,SAAA,CAAA,CAAA;AAAA,IAA0D,MAAAC,EAAA,oBAAA;AAAA;;MACvD,OAAA;AAAA,MAAqB,MAAA;AAAA,MAAsB,gBAAAA,EAAA;AAAA;;QACxC,IAAAD,EAAA;AAAA,QACP,KAAA;AAAA,QACC,UAAAA,EAAA;AAAA,QACA,SAAAA,EAAA;AAAA,QACA,MAAAA,EAAA;AAAA,QACA,OAAAA,EAAA;AAAA,QACA,OAAAD,EAAA,eAAA,CAAA,EAAA,WAAAE,EAAA,YAAA,GAAA,2BAAA,CAAA;AAAA,QACD,MAAA;AAAA;QAGC,UAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAF,EAAA,YAAAA,EAAA,SAAA,GAAAE,CAAA;AAAA,MAnDL,GAAA,MAAA,IAAAN,CAAA;AAAA;QAoDU,KAAA;AAAA,QAAa,KAAAG,EAAA;AAAA,QAAS,OAAA;AAAA,MAA+B,GAAAD,EAAA,gBAAAK,EAAA,IAAA,GAAA,GAAAN,CAAA;AAAA;IApD/D,GAAA,GAAAF,CAAA;AAAA,EAAA,GAAA,IAAAD,CAAA;;;;"}

package/dist/chunks/NcActionRadio-BdCOqdN2.mjs

@@ -0,0 +1,121 @@
+import "../assets/NcActionRadio-BQL7tIME.css";
+import { A as l } from "./actionGlobal-BypLxitr.mjs";
+import { G as r } from "./GenRandomId-BW3iYFf9.mjs";
+import { openBlock as s, createElementBlock as c, normalizeClass as o, createElementVNode as d, withKeys as u, withModifiers as m, toDisplayString as f, createCommentVNode as h } from "vue";
+import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const b = {
+  name: "NcActionRadio",
+  mixins: [l],
+  inject: {
+    isInSemanticMenu: {
+      from: "NcActions:isSemanticMenu",
+      default: !1
+    }
+  },
+  props: {
+    /**
+     * id attribute of the radio element
+     */
+    id: {
+      type: String,
+      default: () => "action-" + r(),
+      validator: (t) => t.trim() !== ""
+    },
+    /**
+     * checked state of the the radio element
+     */
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Define if this radio is part of a set.
+     * Checking the radio will disable all the
+     * others with the same name.
+     */
+    name: {
+      type: String,
+      required: !0
+    },
+    /**
+     * value of the radio input
+     */
+    value: {
+      type: [String, Number],
+      default: ""
+    },
+    /**
+     * disabled state of the radio element
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "change",
+    "update:modelValue"
+  ],
+  computed: {
+    /**
+     * determines if the action is focusable
+     *
+     * @return {boolean} is the action focusable ?
+     */
+    isFocusable() {
+      return !this.disabled;
+    },
+    /**
+     * aria-checked attribute for role="menuitemcheckbox"
+     *
+     * @return {'true'|'false'|undefined} aria-checked value if needed
+     */
+    ariaChecked() {
+      if (this.isInSemanticMenu)
+        return this.modelValue ? "true" : "false";
+    }
+  },
+  methods: {
+    toggleInput() {
+      this.$refs.label.click();
+    },
+    onChange(t) {
+      this.$emit("update:modelValue", this.$refs.radio.checked), this.$emit("change", t);
+    }
+  }
+}, g = ["role"], p = ["aria-checked"], k = ["id", "disabled", "checked", "name", "value"], y = ["for"];
+function C(t, i, e, I, S, a) {
+  return s(), c("li", {
+    class: o(["action", { "action--disabled": e.disabled }]),
+    role: a.isInSemanticMenu && "presentation"
+  }, [
+    d("span", {
+      class: "action-radio",
+      role: "menuitemradio",
+      "aria-checked": a.ariaChecked
+    }, [
+      d("input", {
+        id: e.id,
+        ref: "radio",
+        disabled: e.disabled,
+        checked: e.modelValue,
+        name: e.name,
+        value: e.value,
+        class: o([{ focusable: a.isFocusable }, "radio action-radio__radio"]),
+        type: "radio",
+        onKeydown: i[0] || (i[0] = u(m((...n) => a.toggleInput && a.toggleInput(...n), ["exact", "prevent"]), ["enter"])),
+        onChange: i[1] || (i[1] = (...n) => a.onChange && a.onChange(...n))
+      }, null, 42, k),
+      d("label", {
+        ref: "label",
+        for: e.id,
+        class: "action-radio__label"
+      }, f(t.text), 9, y),
+      h("", !0)
+    ], 8, p)
+  ], 10, g);
+}
+const A = /* @__PURE__ */ _(b, [["render", C], ["__scopeId", "data-v-b5a59170"]]);
+export {
+  A as N
+};

package/dist/chunks/NcActionRadio-BdCOqdN2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcActionRadio-BdCOqdN2.mjs","sources":["../../src/components/NcActionRadio/NcActionRadio.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n  -\n  - @author John Molakvoæ <skjnldsv@protonmail.com>\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\n<docs>\nThis component is made to be used inside of the [NcActions](#NcActions) component slots.\nUsually, you will provide a name prop to bind the radio together.\nSo that only one of each name set can be selected at the same time.\n\n```vue\n\t<NcActions>\n\t\t<NcActionRadio @change=\"alert('(un)checked !')\" name=\"uniqueId\">First choice</NcActionRadio>\n\t\t<NcActionRadio value=\"second\" name=\"uniqueId\" @change=\"alert('(un)checked !')\">Second choice</NcActionRadio>\n\t\t<NcActionRadio :model-value=\"true\" name=\"uniqueId\" @change=\"alert('(un)checked !')\">Third choice (checked)</NcActionRadio>\n\t\t<NcActionRadio :disabled=\"true\" name=\"uniqueId\" @change=\"alert('(un)checked !')\">Second choice (disabled)</NcActionRadio>\n\t</NcActions>\n```\n</docs>\n\n<template>\n\t<li class=\"action\" :class=\"{ 'action--disabled': disabled }\" :role=\"isInSemanticMenu && 'presentation'\">\n\t\t<span class=\"action-radio\" role=\"menuitemradio\" :aria-checked=\"ariaChecked\">\n\t\t\t<input :id=\"id\"\n\t\t\t\tref=\"radio\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t:checked=\"modelValue\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:value=\"value\"\n\t\t\t\t:class=\"{ focusable: isFocusable }\"\n\t\t\t\ttype=\"radio\"\n\t\t\t\tclass=\"radio action-radio__radio\"\n\t\t\t\t@keydown.enter.exact.prevent=\"toggleInput\"\n\t\t\t\t@change=\"onChange\">\n\t\t\t<label ref=\"label\" :for=\"id\" class=\"action-radio__label\">{{ text }}</label>\n\n\t\t\t<!-- fake slot to gather inner text -->\n\t\t\t<slot v-if=\"false\" />\n\t\t</span>\n\t</li>\n</template>\n\n<script>\nimport ActionGlobalMixin from '../../mixins/actionGlobal.js'\nimport GenRandomId from '../../utils/GenRandomId.js'\n\nexport default {\n\tname: 'NcActionRadio',\n\n\tmixins: [ActionGlobalMixin],\n\n\tinject: {\n\t\tisInSemanticMenu: {\n\t\t\tfrom: 'NcActions:isSemanticMenu',\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * id attribute of the radio element\n\t\t */\n\t\tid: {\n\t\t\ttype: String,\n\t\t\tdefault: () => 'action-' + GenRandomId(),\n\t\t\tvalidator: id => id.trim() !== '',\n\t\t},\n\n\t\t/**\n\t\t * checked state of the the radio element\n\t\t */\n\t\tmodelValue: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Define if this radio is part of a set.\n\t\t * Checking the radio will disable all the\n\t\t * others with the same name.\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/**\n\t\t * value of the radio input\n\t\t */\n\t\tvalue: {\n\t\t\ttype: [String, Number],\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * disabled state of the radio element\n\t\t */\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\temits: [\n\t\t'change',\n\t\t'update:modelValue',\n\t],\n\n\tcomputed: {\n\t\t/**\n\t\t * determines if the action is focusable\n\t\t *\n\t\t * @return {boolean} is the action focusable ?\n\t\t */\n\t\tisFocusable() {\n\t\t\treturn !this.disabled\n\t\t},\n\n\t\t/**\n\t\t * aria-checked attribute for role=\"menuitemcheckbox\"\n\t\t *\n\t\t * @return {'true'|'false'|undefined} aria-checked value if needed\n\t\t */\n\t\t ariaChecked() {\n\t\t\tif (this.isInSemanticMenu) {\n\t\t\t\treturn this.modelValue ? 'true' : 'false'\n\t\t\t}\n\t\t\treturn undefined\n\t\t},\n\t},\n\n\tmethods: {\n\t\ttoggleInput(/* event */) {\n\t\t\t// by clicking we also trigger the change event\n\t\t\tthis.$refs.label.click()\n\t\t},\n\t\tonChange(event) {\n\t\t\t/**\n\t\t\t * Emitted when the radio state is changed\n\t\t\t *\n\t\t\t * @type {boolean}\n\t\t\t */\n\t\t\tthis.$emit('update:modelValue', this.$refs.radio.checked)\n\n\t\t\t/**\n\t\t\t * Emitted when the radio state is changed\n\t\t\t *\n\t\t\t * @type {Event}\n\t\t\t */\n\t\t\tthis.$emit('change', event)\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../assets/action';\n@include action-active;\n@include action--disabled;\n\n.action-radio {\n\tdisplay: flex;\n\talign-items: flex-start;\n\n\twidth: 100%;\n\theight: auto;\n\tmargin: 0;\n\tpadding: 0;\n\n\tcursor: pointer;\n\twhite-space: nowrap;\n\n\tcolor: var(--color-main-text);\n\tborder: 0;\n\tborder-radius: 0; // otherwise Safari will cut the border-radius area\n\tbackground-color: transparent;\n\tbox-shadow: none;\n\n\tfont-weight: normal;\n\tline-height: $clickable-area;\n\n\t/* checkbox/radio fixes */\n\t&__radio {\n\t\tposition: absolute;\n\t\ttop: auto;\n\t\tleft: -10000px;\n\n\t\toverflow: hidden;\n\n\t\twidth: 1px;\n\t\theight: 1px;\n\t}\n\n\t&__label {\n\t\tdisplay: flex;\n\t\talign-items: center; // align radio to text\n\n\t\twidth: 100%;\n\t\tpadding: 0 !important;\n\t\tpadding-right: $icon-margin !important;\n\n\t\t// radio-width is 12px, border is 2\n\t\t// (44 - 14 - 2) / 2 = 14\n\t\t&::before {\n\t\t\tmargin: 0 14px 0 !important;\n\t\t}\n\t}\n\n\t&--disabled {\n\t\t&,\n\t\t.action-radio__label {\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n}\n\n</style>\n"],"names":["_sfc_main","GenRandomId","event","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","normalizeClass","$props","$options","_cache","args","toDisplayString","_ctx"],"mappings":";;;;;AAgEA,MAAAA,IAAA;AAAA,EACC,MAAA;AAAA;EAIA,QAAA;AAAA,IACC,kBAAA;AAAA,MACC,MAAA;AAAA;;;EAKF,OAAA;AAAA;AAAA;AAAA;AAAA,IAIC,IAAA;AAAA;MAEC,SAAA,MAAA,YAAAC,EAAA;AAAA;;;;;;;;;;;;;;;;;;;;;IAyBD,OAAA;AAAA,MACC,MAAA,CAAA,QAAA,MAAA;AAAA;;;;;IAOD,UAAA;AAAA;;;;EAMD,OAAA;AAAA,IACC;AAAA,IACA;AAAA;EAGD,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOE,aAAA,CAAA,KAAA;AAAA;;;;;;;;AAUC,eAAA,KAAA,aAAA,SAAA;AAAA;;EAMH,SAAA;AAAA;;;IAKC,SAAAC,GAAA;;;;AAgBF,GA1KAC,IAAA,CAAA,MAAA,GAAAC,IAAA,CAAA,cAAA,GAAAC,IAAA,CAAA,MAAA,YAAA,WAAA,QAAA,OAAA,GAAAC,IAAA,CAAA,KAAA;;;IAuCK,OAAAC,EAAA,CAAA,UAAA,EAAA,oBAAAC,EAAA,SAAA,CAAA,CAAA;AAAA,IAA0D,MAAAC,EAAA,oBAAA;AAAA;;MACvD,OAAA;AAAA,MAAqB,MAAA;AAAA,MAAsB,gBAAAA,EAAA;AAAA;;QACxC,IAAAD,EAAA;AAAA,QACP,KAAA;AAAA,QACC,UAAAA,EAAA;AAAA,QACA,SAAAA,EAAA;AAAA,QACA,MAAAA,EAAA;AAAA,QACA,OAAAA,EAAA;AAAA,QACA,OAAAD,EAAA,CAAA,EAAA,WAAAE,EAAA,YAAA,GAAA,2BAAA,CAAA;AAAA,QACD,MAAA;AAAA;QAGC,UAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAF,EAAA,YAAAA,EAAA,SAAA,GAAAE,CAAA;AAAA,MAnDL,GAAA,MAAA,IAAAN,CAAA;AAAA;QAoDU,KAAA;AAAA,QAAa,KAAAG,EAAA;AAAA,QAAS,OAAA;AAAA,MAA+B,GAAAI,EAAAC,EAAA,IAAA,GAAA,GAAAP,CAAA;AAAA;IApD/D,GAAA,GAAAF,CAAA;AAAA,EAAA,GAAA,IAAAD,CAAA;;;"}

package/dist/chunks/NcActionRouter-BkIkQlfu.cjs

@@ -0,0 +1,70 @@
+var y = require("../assets/NcActionRouter-CDTNXd1V.css");
+const l = require("./actionText-CmiezrFO.cjs"), e = require("vue"), i = require("./_plugin-vue_export-helper-CTzpuyvq.cjs"), a = {
+  name: "NcActionRouter",
+  mixins: [l.ActionTextMixin],
+  inject: {
+    isInSemanticMenu: {
+      from: "NcActions:isSemanticMenu",
+      default: !1
+    }
+  },
+  props: {
+    /**
+     * router-link to prop [https://router.vuejs.org/api/#to](https://router.vuejs.org/api/#to)
+     */
+    to: {
+      type: [String, Object],
+      default: "",
+      required: !0
+    }
+  }
+}, c = (t) => (e.pushScopeId("data-v-7efda437"), t = t(), e.popScopeId(), t), s = ["role"], u = {
+  key: 0,
+  class: "action-router__longtext-wrapper"
+}, p = { class: "action-router__name" }, d = /* @__PURE__ */ c(() => /* @__PURE__ */ e.createElementVNode("br", null, null, -1)), _ = ["textContent"], m = ["textContent"], k = {
+  key: 2,
+  class: "action-router__text"
+};
+function f(t, g, n, h, C, o) {
+  const r = e.resolveComponent("RouterLink");
+  return e.openBlock(), e.createElementBlock("li", {
+    class: "action",
+    role: o.isInSemanticMenu && "presentation"
+  }, [
+    e.createVNode(r, {
+      to: n.to,
+      "aria-label": t.ariaLabel,
+      title: t.title,
+      class: "action-router focusable",
+      rel: "nofollow noreferrer noopener",
+      role: o.isInSemanticMenu && "menuitem",
+      onClick: t.onClick
+    }, {
+      default: e.withCtx(() => [
+        e.renderSlot(t.$slots, "icon", {}, () => [
+          e.createElementVNode("span", {
+            class: e.normalizeClass([[t.isIconUrl ? "action-router__icon--url" : t.icon], "action-router__icon"]),
+            style: e.normalizeStyle({ backgroundImage: t.isIconUrl ? "url(".concat(t.icon, ")") : null }),
+            "aria-hidden": "true"
+          }, null, 6)
+        ], !0),
+        t.name ? (e.openBlock(), e.createElementBlock("span", u, [
+          e.createElementVNode("strong", p, e.toDisplayString(t.name), 1),
+          d,
+          e.createElementVNode("span", {
+            class: "action-router__longtext",
+            textContent: e.toDisplayString(t.text)
+          }, null, 8, _)
+        ])) : t.isLongText ? (e.openBlock(), e.createElementBlock("span", {
+          key: 1,
+          class: "action-router__longtext",
+          textContent: e.toDisplayString(t.text)
+        }, null, 8, m)) : (e.openBlock(), e.createElementBlock("span", k, e.toDisplayString(t.text), 1)),
+        e.createCommentVNode("", !0)
+      ]),
+      _: 3
+    }, 8, ["to", "aria-label", "title", "role", "onClick"])
+  ], 8, s);
+}
+const S = /* @__PURE__ */ i._export_sfc(a, [["render", f], ["__scopeId", "data-v-7efda437"]]);
+exports.NcActionRouter = S;

package/dist/chunks/NcActionRouter-BkIkQlfu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcActionRouter-BkIkQlfu.cjs","sources":["../../src/components/NcActionRouter/NcActionRouter.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n  -\n  - @author John Molakvoæ <skjnldsv@protonmail.com>\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\n<template>\n\t<li class=\"action\" :role=\"isInSemanticMenu && 'presentation'\">\n\t\t<RouterLink :to=\"to\"\n\t\t\t:aria-label=\"ariaLabel\"\n\t\t\t:title=\"title\"\n\t\t\tclass=\"action-router focusable\"\n\t\t\trel=\"nofollow noreferrer noopener\"\n\t\t\t:role=\"isInSemanticMenu && 'menuitem'\"\n\t\t\t@click=\"onClick\">\n\t\t\t<!-- @slot Manually provide icon -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<span :class=\"[isIconUrl ? 'action-router__icon--url' : icon]\"\n\t\t\t\t\t:style=\"{ backgroundImage: isIconUrl ? `url(${icon})` : null }\"\n\t\t\t\t\tclass=\"action-router__icon\"\n\t\t\t\t\taria-hidden=\"true\" />\n\t\t\t</slot>\n\n\t\t\t<!-- long text with name -->\n\t\t\t<span v-if=\"name\"\n\t\t\t\tclass=\"action-router__longtext-wrapper\">\n\t\t\t\t<strong class=\"action-router__name\">\n\t\t\t\t\t{{ name }}\n\t\t\t\t</strong>\n\t\t\t\t<br>\n\t\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t\t<span class=\"action-router__longtext\" v-text=\"text\" />\n\t\t\t</span>\n\n\t\t\t<!-- long text only -->\n\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t<span v-else-if=\"isLongText\"\n\t\t\t\tclass=\"action-router__longtext\"\n\t\t\t\tv-text=\"text\" />\n\n\t\t\t<!-- default text display -->\n\t\t\t<span v-else class=\"action-router__text\">{{ text }}</span>\n\n\t\t\t<!-- fake slot to gather inner text -->\n\t\t\t<slot v-if=\"false\" />\n\t\t</RouterLink>\n\t</li>\n</template>\n\n<script>\nimport ActionTextMixin from '../../mixins/actionText.js'\n\nexport default {\n\tname: 'NcActionRouter',\n\n\tmixins: [ActionTextMixin],\n\n\tinject: {\n\t\tisInSemanticMenu: {\n\t\t\tfrom: 'NcActions:isSemanticMenu',\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * router-link to prop [https://router.vuejs.org/api/#to](https://router.vuejs.org/api/#to)\n\t\t */\n\t\tto: {\n\t\t\ttype: [String, Object],\n\t\t\tdefault: '',\n\t\t\trequired: true,\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../assets/action';\n@include action-active;\n@include action-item('router');\n@include action--disabled;\n\n</style>\n"],"names":["_sfc_main","_hoisted_1","_hoisted_3","_hoisted_5","_hoisted_6","$options","$props","_ctx","vue","_hoisted_2"],"mappings":";6HAuEAA,IAAA;AAAA,EACC,MAAA;AAAA;EAIA,QAAA;AAAA,IACC,kBAAA;AAAA,MACC,MAAA;AAAA;;;EAKF,OAAA;AAAA;AAAA;AAAA;AAAA,IAIC,IAAA;AAAA,MACC,MAAA,CAAA,QAAA,MAAA;AAAA;;;;AAKH,8EA7FAC,IAAA,CAAA,MAAA;;EA0CI,OAAA;GACQC,IAAA,EAAA,OAAA,sBAAA,4FA3CZC,IAAA,CAAA,aAAA,GAAAC,IAAA,CAAA,aAAA;;EA4DgB,OAAA;;;;;IApCX,OAAA;AAAA,IAAgB,MAAAC,EAAA,oBAAA;AAAA;;MACN,IAAAC,EAAA;AAAA,MACX,cAAAC,EAAA;AAAA,MACA,OAAAA,EAAA;AAAA,MACD,OAAA;AAAA,MACA,KAAA;AAAA,MACC,MAAAF,EAAA,oBAAA;AAAA,MACA,SAAAE,EAAA;AAAA;MA/BJ,SAAAC,EAAA,QAAA,MAAA;AAAA,QAiCGA,EAAA,WAAAD,EAAA,QAAA,QAAA,CAAA,GAAA,MAAA;AAAA;YACQ,OAAAC,EAAA,eAAA,CAAA,CAAAD,EAAA,YAAA,6BAAAA,EAAA,IAAA,GAAA,qBAAA,CAAA;AAAA,YACL,OAAAC,EAAA,eAAA,EAAA,iBAAAD,EAAA,YAAA,OAAA,OAAAA,EAAA,MAAA,OAAA,KAAA,CAAA;AAAA,YAED,eAAA;AAAA;;kBAIFC,EAAA,UAAA,GAAAA,EAAA,mBAAA,QAAAC,GAAA;AAAA;;;YAQO,OAAA;AAAA;UAjDV,GAAA,MAAA,GAAAN,CAAA;AAAA;;UAwDI,OAAA;AAAA;QAxDJ,GAAA,MAAA,GAAAC,CAAA;;;;;EAAA,GAAA,GAAAH,CAAA;;;;"}

package/dist/chunks/NcActionRouter-H5FgAlYQ.mjs

@@ -0,0 +1,75 @@
+import "../assets/NcActionRouter-CDTNXd1V.css";
+import { A as l } from "./actionText-k6jBccGZ.mjs";
+import { resolveComponent as c, openBlock as t, createElementBlock as o, createVNode as u, withCtx as d, renderSlot as m, createElementVNode as r, normalizeClass as p, normalizeStyle as _, toDisplayString as n, createCommentVNode as f, pushScopeId as h, popScopeId as k } from "vue";
+import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const S = {
+  name: "NcActionRouter",
+  mixins: [l],
+  inject: {
+    isInSemanticMenu: {
+      from: "NcActions:isSemanticMenu",
+      default: !1
+    }
+  },
+  props: {
+    /**
+     * router-link to prop [https://router.vuejs.org/api/#to](https://router.vuejs.org/api/#to)
+     */
+    to: {
+      type: [String, Object],
+      default: "",
+      required: !0
+    }
+  }
+}, I = (e) => (h("data-v-7efda437"), e = e(), k(), e), g = ["role"], b = {
+  key: 0,
+  class: "action-router__longtext-wrapper"
+}, y = { class: "action-router__name" }, N = /* @__PURE__ */ I(() => /* @__PURE__ */ r("br", null, null, -1)), x = ["textContent"], A = ["textContent"], M = {
+  key: 2,
+  class: "action-router__text"
+};
+function w(e, L, i, R, v, a) {
+  const s = c("RouterLink");
+  return t(), o("li", {
+    class: "action",
+    role: a.isInSemanticMenu && "presentation"
+  }, [
+    u(s, {
+      to: i.to,
+      "aria-label": e.ariaLabel,
+      title: e.title,
+      class: "action-router focusable",
+      rel: "nofollow noreferrer noopener",
+      role: a.isInSemanticMenu && "menuitem",
+      onClick: e.onClick
+    }, {
+      default: d(() => [
+        m(e.$slots, "icon", {}, () => [
+          r("span", {
+            class: p([[e.isIconUrl ? "action-router__icon--url" : e.icon], "action-router__icon"]),
+            style: _({ backgroundImage: e.isIconUrl ? "url(".concat(e.icon, ")") : null }),
+            "aria-hidden": "true"
+          }, null, 6)
+        ], !0),
+        e.name ? (t(), o("span", b, [
+          r("strong", y, n(e.name), 1),
+          N,
+          r("span", {
+            class: "action-router__longtext",
+            textContent: n(e.text)
+          }, null, 8, x)
+        ])) : e.isLongText ? (t(), o("span", {
+          key: 1,
+          class: "action-router__longtext",
+          textContent: n(e.text)
+        }, null, 8, A)) : (t(), o("span", M, n(e.text), 1)),
+        f("", !0)
+      ]),
+      _: 3
+    }, 8, ["to", "aria-label", "title", "role", "onClick"])
+  ], 8, g);
+}
+const B = /* @__PURE__ */ C(S, [["render", w], ["__scopeId", "data-v-7efda437"]]);
+export {
+  B as N
+};

package/dist/chunks/NcActionRouter-H5FgAlYQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcActionRouter-H5FgAlYQ.mjs","sources":["../../src/components/NcActionRouter/NcActionRouter.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2019 John Molakvoæ <skjnldsv@protonmail.com>\n  -\n  - @author John Molakvoæ <skjnldsv@protonmail.com>\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\n<template>\n\t<li class=\"action\" :role=\"isInSemanticMenu && 'presentation'\">\n\t\t<RouterLink :to=\"to\"\n\t\t\t:aria-label=\"ariaLabel\"\n\t\t\t:title=\"title\"\n\t\t\tclass=\"action-router focusable\"\n\t\t\trel=\"nofollow noreferrer noopener\"\n\t\t\t:role=\"isInSemanticMenu && 'menuitem'\"\n\t\t\t@click=\"onClick\">\n\t\t\t<!-- @slot Manually provide icon -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<span :class=\"[isIconUrl ? 'action-router__icon--url' : icon]\"\n\t\t\t\t\t:style=\"{ backgroundImage: isIconUrl ? `url(${icon})` : null }\"\n\t\t\t\t\tclass=\"action-router__icon\"\n\t\t\t\t\taria-hidden=\"true\" />\n\t\t\t</slot>\n\n\t\t\t<!-- long text with name -->\n\t\t\t<span v-if=\"name\"\n\t\t\t\tclass=\"action-router__longtext-wrapper\">\n\t\t\t\t<strong class=\"action-router__name\">\n\t\t\t\t\t{{ name }}\n\t\t\t\t</strong>\n\t\t\t\t<br>\n\t\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t\t<span class=\"action-router__longtext\" v-text=\"text\" />\n\t\t\t</span>\n\n\t\t\t<!-- long text only -->\n\t\t\t<!-- white space is shown on longtext, so we can't\n\t\t\tput {{ text }} on a new line for code readability -->\n\t\t\t<span v-else-if=\"isLongText\"\n\t\t\t\tclass=\"action-router__longtext\"\n\t\t\t\tv-text=\"text\" />\n\n\t\t\t<!-- default text display -->\n\t\t\t<span v-else class=\"action-router__text\">{{ text }}</span>\n\n\t\t\t<!-- fake slot to gather inner text -->\n\t\t\t<slot v-if=\"false\" />\n\t\t</RouterLink>\n\t</li>\n</template>\n\n<script>\nimport ActionTextMixin from '../../mixins/actionText.js'\n\nexport default {\n\tname: 'NcActionRouter',\n\n\tmixins: [ActionTextMixin],\n\n\tinject: {\n\t\tisInSemanticMenu: {\n\t\t\tfrom: 'NcActions:isSemanticMenu',\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * router-link to prop [https://router.vuejs.org/api/#to](https://router.vuejs.org/api/#to)\n\t\t */\n\t\tto: {\n\t\t\ttype: [String, Object],\n\t\t\tdefault: '',\n\t\t\trequired: true,\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../../assets/action';\n@include action-active;\n@include action-item('router');\n@include action--disabled;\n\n</style>\n"],"names":["_sfc_main","_hoisted_1","_hoisted_3","_hoisted_5","_hoisted_6","$options","$props","_ctx","withCtx","renderSlot","normalizeClass","normalizeStyle","openBlock","createElementBlock","_hoisted_2"],"mappings":";;;;AAuEA,MAAAA,IAAA;AAAA,EACC,MAAA;AAAA;EAIA,QAAA;AAAA,IACC,kBAAA;AAAA,MACC,MAAA;AAAA;;;EAKF,OAAA;AAAA;AAAA;AAAA;AAAA,IAIC,IAAA;AAAA,MACC,MAAA,CAAA,QAAA,MAAA;AAAA;;;;AAKH,uDA7FAC,IAAA,CAAA,MAAA;;EA0CI,OAAA;GACQC,IAAA,EAAA,OAAA,sBAAA,yEA3CZC,IAAA,CAAA,aAAA,GAAAC,IAAA,CAAA,aAAA;;EA4DgB,OAAA;;;;;IApCX,OAAA;AAAA,IAAgB,MAAAC,EAAA,oBAAA;AAAA;;MACN,IAAAC,EAAA;AAAA,MACX,cAAAC,EAAA;AAAA,MACA,OAAAA,EAAA;AAAA,MACD,OAAA;AAAA,MACA,KAAA;AAAA,MACC,MAAAF,EAAA,oBAAA;AAAA,MACA,SAAAE,EAAA;AAAA;MA/BJ,SAAAC,EAAA,MAAA;AAAA,QAiCGC,EAAAF,EAAA,QAAA,QAAA,CAAA,GAAA,MAAA;AAAA;YACQ,OAAAG,EAAA,CAAA,CAAAH,EAAA,YAAA,6BAAAA,EAAA,IAAA,GAAA,qBAAA,CAAA;AAAA,YACL,OAAAI,EAAA,EAAA,iBAAAJ,EAAA,YAAA,OAAA,OAAAA,EAAA,MAAA,OAAA,KAAA,CAAA;AAAA,YAED,eAAA;AAAA;;kBAIFK,EAAA,GAAAC,EAAA,QAAAC,GAAA;AAAA;;;YAQO,OAAA;AAAA;UAjDV,GAAA,MAAA,GAAAX,CAAA;AAAA;;UAwDI,OAAA;AAAA;QAxDJ,GAAA,MAAA,GAAAC,CAAA;;;;;EAAA,GAAA,GAAAH,CAAA;;;"}

package/dist/chunks/NcActionSeparator-D02ioeCN.cjs

@@ -0,0 +1,12 @@
+var u = require("../assets/NcActionSeparator-CX3zFZuI.css");
+const e = require("vue"), t = require("./_plugin-vue_export-helper-CTzpuyvq.cjs"), o = {
+  name: "NcActionSeparator"
+}, r = {
+  class: "action action-separator action--disabled",
+  role: "separator"
+};
+function c(n, s, i, p, _, l) {
+  return e.openBlock(), e.createElementBlock("li", r);
+}
+const a = /* @__PURE__ */ t._export_sfc(o, [["render", c], ["__scopeId", "data-v-82b7f2ae"]]);
+exports.NcActionSeparator = a;

package/dist/chunks/NcActionSeparator-D02ioeCN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcActionSeparator-D02ioeCN.cjs","sources":["../../src/components/NcActionSeparator/NcActionSeparator.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2019 Nextcloud et al.\n  -\n  - @author John Molakvoæ <skjnldsv@protonmail.com>\n  - @author Marco Ambrosini <marcoambrosini@icloud.com>\n  - @author Kristof Hamann\n  - @author Joas Schilling <coding@schilljs.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\n<template>\n\t<li class=\"action action-separator action--disabled\" role=\"separator\" />\n</template>\n\n<script>\nexport default {\n\tname: 'NcActionSeparator',\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.action-separator {\n\theight: 0;\n\tmargin: 5px 10px 5px 15px;\n\tborder-bottom: 1px solid var(--color-border-dark);\n\tcursor: default;\n}\n</style>\n"],"names":["_sfc_main","vue","_hoisted_1"],"mappings":";mFA8BAA,IAAA;AAAA;AAEA;EANK,OAAA;AAAA,EAAiD,MAAA;;;AAArD,SAAAC,EAAA,UAAA,GAAAA,EAAA,mBAAA,MAAAC,CAAA;;;;"}

package/dist/chunks/NcActionSeparator-okTIYFkK.mjs

@@ -0,0 +1,16 @@
+import "../assets/NcActionSeparator-CX3zFZuI.css";
+import { openBlock as o, createElementBlock as t } from "vue";
+import { _ as a } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const e = {
+  name: "NcActionSeparator"
+}, r = {
+  class: "action action-separator action--disabled",
+  role: "separator"
+};
+function c(n, s, p, i, _, d) {
+  return o(), t("li", r);
+}
+const $ = /* @__PURE__ */ a(e, [["render", c], ["__scopeId", "data-v-82b7f2ae"]]);
+export {
+  $ as N
+};

package/dist/chunks/NcActionSeparator-okTIYFkK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcActionSeparator-okTIYFkK.mjs","sources":["../../src/components/NcActionSeparator/NcActionSeparator.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2019 Nextcloud et al.\n  -\n  - @author John Molakvoæ <skjnldsv@protonmail.com>\n  - @author Marco Ambrosini <marcoambrosini@icloud.com>\n  - @author Kristof Hamann\n  - @author Joas Schilling <coding@schilljs.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\n<template>\n\t<li class=\"action action-separator action--disabled\" role=\"separator\" />\n</template>\n\n<script>\nexport default {\n\tname: 'NcActionSeparator',\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.action-separator {\n\theight: 0;\n\tmargin: 5px 10px 5px 15px;\n\tborder-bottom: 1px solid var(--color-border-dark);\n\tcursor: default;\n}\n</style>\n"],"names":["_sfc_main","openBlock","createElementBlock","_hoisted_1"],"mappings":";;;AA8BA,MAAAA,IAAA;AAAA;AAEA;EANK,OAAA;AAAA,EAAiD,MAAA;;;AAArD,SAAAC,EAAA,GAAAC,EAAA,MAAAC,CAAA;;;"}