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

package/dist/Composables/useIsMobile.mjs

@@ -1,40 +1,24 @@
-import { ref as s, readonly as t } from "vue";
-/**
- * @copyright Copyright (c) 2023 Grigorii K. Shartsev <me@shgk.me>
- *
- * @author Grigorii K. Shartsev <me@shgk.me>
- *
- * @license AGPL-3.0-or-later
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see <http://www.gnu.org/licenses/>.
- *
- */
-const n = 1024, i = n / 2, e = (r) => document.documentElement.clientWidth < r, o = s(e(n)), l = s(e(i));
+import { ref, readonly } from "vue";
+const MOBILE_BREAKPOINT = 1024;
+const MOBILE_SMALL_BREAKPOINT = MOBILE_BREAKPOINT / 2;
+const isLessThanBreakpoint = (breakpoint) => document.documentElement.clientWidth < breakpoint;
+const isMobile = ref(isLessThanBreakpoint(MOBILE_BREAKPOINT));
+const isSmallMobile = ref(isLessThanBreakpoint(MOBILE_SMALL_BREAKPOINT));
 window.addEventListener("resize", () => {
-  o.value = e(n), l.value = e(i);
-}, { passive: !0 });
-function u() {
-  return t(o);
+  isMobile.value = isLessThanBreakpoint(MOBILE_BREAKPOINT);
+  isSmallMobile.value = isLessThanBreakpoint(MOBILE_SMALL_BREAKPOINT);
+}, { passive: true });
+function useIsMobile() {
+  return readonly(isMobile);
 }
-function a() {
-  return t(l);
+function useIsSmallMobile() {
+  return readonly(isSmallMobile);
 }
-const M = t(o);
+const isMobileState = readonly(isMobile);
 export {
-  n as MOBILE_BREAKPOINT,
-  i as MOBILE_SMALL_BREAKPOINT,
-  M as isMobileState,
-  u as useIsMobile,
-  a as useIsSmallMobile
+  MOBILE_BREAKPOINT,
+  MOBILE_SMALL_BREAKPOINT,
+  isMobileState,
+  useIsMobile,
+  useIsSmallMobile
 };

package/dist/Composables/useIsMobile.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIsMobile.mjs","sources":["../../src/composables/useIsMobile/index.js"],"sourcesContent":["/**\n * @copyright Copyright (c) 2023 Grigorii K. Shartsev <me@shgk.me>\n *\n * @author Grigorii K. Shartsev <me@shgk.me>\n *\n * @license AGPL-3.0-or-later\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\nimport { readonly, ref } from 'vue'\n\n/** The minimal width of the viewport for a desktop screen */\nexport const MOBILE_BREAKPOINT = 1024\n/** The minimal width of the viewport for a small mobile screen, a half of the minimal desktop */\nexport const MOBILE_SMALL_BREAKPOINT = MOBILE_BREAKPOINT / 2\n\nconst isLessThanBreakpoint = (breakpoint) => document.documentElement.clientWidth < breakpoint\n\n// Store the state of the viewport size in a module-scope to reuse between module's users\nconst isMobile = ref(isLessThanBreakpoint(MOBILE_BREAKPOINT))\nconst isSmallMobile = ref(isLessThanBreakpoint(MOBILE_SMALL_BREAKPOINT))\n\nwindow.addEventListener('resize', () => {\n\tisMobile.value = isLessThanBreakpoint(MOBILE_BREAKPOINT)\n\tisSmallMobile.value = isLessThanBreakpoint(MOBILE_SMALL_BREAKPOINT)\n}, { passive: true })\n\n/**\n * Use global isMobile state\n *\n * @return {import('vue').DeepReadonly<import('vue').Ref<boolean>>} Reactive flag for MOBILE_BREAKPOINT\n */\nexport function useIsMobile() {\n\treturn readonly(isMobile)\n}\n\n/**\n * Use global isSmallMobile state\n *\n * @return {import('vue').DeepReadonly<import('vue').Ref<boolean>>} Reactive flag for MOBILE_SMALL_BREAKPOINT\n */\nexport function useIsSmallMobile() {\n\treturn readonly(isSmallMobile)\n}\n\n/**\n * @deprecated Is to be removed in v9.0.0 with Vue 3 migration.\n *             Use `composables/useIsMobile` instead.\n *             Defined and exported only for isMobile mixin.\n */\nexport const isMobileState = readonly(isMobile)\n"],"names":["MOBILE_BREAKPOINT","MOBILE_SMALL_BREAKPOINT","isLessThanBreakpoint","breakpoint","isMobile","ref","isSmallMobile","useIsMobile","readonly","useIsSmallMobile","isMobileState"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBY,MAACA,IAAoB,MAEpBC,IAA0BD,IAAoB,GAErDE,IAAuB,CAACC,MAAe,SAAS,gBAAgB,cAAcA,GAG9EC,IAAWC,EAAIH,EAAqBF,CAAiB,CAAC,GACtDM,IAAgBD,EAAIH,EAAqBD,CAAuB,CAAC;AAEvE,OAAO,iBAAiB,UAAU,MAAM;AACvC,EAAAG,EAAS,QAAQF,EAAqBF,CAAiB,GACvDM,EAAc,QAAQJ,EAAqBD,CAAuB;AACnE,GAAG,EAAE,SAAS,IAAM;AAOb,SAASM,IAAc;AAC7B,SAAOC,EAASJ,CAAQ;AACzB;AAOO,SAASK,IAAmB;AAClC,SAAOD,EAASF,CAAa;AAC9B;AAOY,MAACI,IAAgBF,EAASJ,CAAQ;"}
+{"version":3,"file":"useIsMobile.mjs","sources":["../../src/composables/useIsMobile/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { readonly, ref } from 'vue'\n\n/** The minimal width of the viewport for a desktop screen */\nexport const MOBILE_BREAKPOINT = 1024\n/** The minimal width of the viewport for a small mobile screen, a half of the minimal desktop */\nexport const MOBILE_SMALL_BREAKPOINT = MOBILE_BREAKPOINT / 2\n\nconst isLessThanBreakpoint = (breakpoint) => document.documentElement.clientWidth < breakpoint\n\n// Store the state of the viewport size in a module-scope to reuse between module's users\nconst isMobile = ref(isLessThanBreakpoint(MOBILE_BREAKPOINT))\nconst isSmallMobile = ref(isLessThanBreakpoint(MOBILE_SMALL_BREAKPOINT))\n\nwindow.addEventListener('resize', () => {\n\tisMobile.value = isLessThanBreakpoint(MOBILE_BREAKPOINT)\n\tisSmallMobile.value = isLessThanBreakpoint(MOBILE_SMALL_BREAKPOINT)\n}, { passive: true })\n\n/**\n * Use global isMobile state\n *\n * @return {import('vue').DeepReadonly<import('vue').Ref<boolean>>} Reactive flag for MOBILE_BREAKPOINT\n */\nexport function useIsMobile() {\n\treturn readonly(isMobile)\n}\n\n/**\n * Use global isSmallMobile state\n *\n * @return {import('vue').DeepReadonly<import('vue').Ref<boolean>>} Reactive flag for MOBILE_SMALL_BREAKPOINT\n */\nexport function useIsSmallMobile() {\n\treturn readonly(isSmallMobile)\n}\n\n/**\n * @deprecated Is to be removed in v9.0.0 with Vue 3 migration.\n *             Use `composables/useIsMobile` instead.\n *             Defined and exported only for isMobile mixin.\n */\nexport const isMobileState = readonly(isMobile)\n"],"names":[],"mappings":";AAQY,MAAC,oBAAoB;AAErB,MAAC,0BAA0B,oBAAoB;AAE3D,MAAM,uBAAuB,CAAC,eAAe,SAAS,gBAAgB,cAAc;AAGpF,MAAM,WAAW,IAAI,qBAAqB,iBAAiB,CAAC;AAC5D,MAAM,gBAAgB,IAAI,qBAAqB,uBAAuB,CAAC;AAEvE,OAAO,iBAAiB,UAAU,MAAM;AACvC,WAAS,QAAQ,qBAAqB,iBAAiB;AACvD,gBAAc,QAAQ,qBAAqB,uBAAuB;AACnE,GAAG,EAAE,SAAS,MAAM;AAOb,SAAS,cAAc;AAC7B,SAAO,SAAS,QAAQ;AACzB;AAOO,SAAS,mBAAmB;AAClC,SAAO,SAAS,aAAa;AAC9B;AAOY,MAAC,gBAAgB,SAAS,QAAQ;"}

package/dist/Directives/Focus.mjs

@@ -1,30 +1,9 @@
-/**
- * @copyright Copyright (c) 2019 Georg Ehrke
- *
- * @author Georg Ehrke <oc.list@georgehrke.com>
- *
- * @license AGPL-3.0-or-later
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see <http://www.gnu.org/licenses/>.
- *
- */
-const t = {
-  mounted(e) {
-    e.focus();
+const directive = {
+  mounted(el) {
+    el.focus();
   }
 };
 export {
-  t as default,
-  t as directive
+  directive as default,
+  directive
 };

package/dist/Directives/Focus.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Focus.mjs","sources":["../../src/directives/Focus/index.js"],"sourcesContent":["/**\n * @copyright Copyright (c) 2019 Georg Ehrke\n *\n * @author Georg Ehrke <oc.list@georgehrke.com>\n *\n * @license AGPL-3.0-or-later\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\nexport const directive = {\n\tmounted(el) {\n\t\tel.focus()\n\t},\n}\n\nexport default directive\n"],"names":["directive","el"],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBY,MAACA,IAAY;AAAA,EACxB,QAAQC,GAAI;AACX,IAAAA,EAAG,MAAO;AAAA,EACV;AACF;"}
+{"version":3,"file":"Focus.mjs","sources":["../../src/directives/Focus/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nexport const directive = {\n\tmounted(el) {\n\t\tel.focus()\n\t},\n}\n\nexport default directive\n"],"names":[],"mappings":"AAKY,MAAC,YAAY;AAAA,EACxB,QAAQ,IAAI;AACX,OAAG,MAAO;AAAA,EACV;AACF;"}

package/dist/Directives/Linkify.mjs

@@ -1,9 +1,10 @@
-import { L as f } from "../chunks/Linkify-BaDLLFxP.mjs";
-const a = function(i, e) {
-  var t;
-  ((t = e.value) == null ? void 0 : t.linkify) === !0 && (i.innerHTML = f(e.value.text));
+import { L as Linkify } from "../chunks/Linkify-BtgR-dXX.mjs";
+const directive = function(el, binding) {
+  if (binding.value?.linkify === true) {
+    el.innerHTML = Linkify(binding.value.text);
+  }
 };
 export {
-  a as default,
-  a as directive
+  directive as default,
+  directive
 };

package/dist/Directives/Linkify.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Linkify.mjs","sources":["../../src/directives/Linkify/index.js"],"sourcesContent":["/**\n * @author Raimund Schlüßler\n * @copyright 2020 Raimund Schlüßler <raimund.schluessler@mailbox.org>\n *\n * This library is free software; you can redistribute it and/or\n * modify it under the terms of the GNU AFFERO GENERAL PUBLIC LICENSE\n * License as published by the Free Software Foundation; either\n * version 3 of the License, or any later version.\n *\n * This library 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\n * License along with this library.  If not, see <http://www.gnu.org/licenses/>.\n *\n */\nimport Linkify from '../../utils/Linkify.js'\n\n// Use function shorthand for same behavior on bind and update\n// https://vuejs.org/v2/guide/custom-directive.html#Function-Shorthand\nexport const directive = function(el, binding) {\n\tif (binding.value?.linkify === true) {\n\t\tel.innerHTML = Linkify(binding.value.text)\n\t}\n}\n\nexport default directive\n"],"names":["directive","el","binding","_a","Linkify"],"mappings":";AAsBY,MAACA,IAAY,SAASC,GAAIC,GAAS;;AAC9C,IAAIC,IAAAD,EAAQ,UAAR,gBAAAC,EAAe,aAAY,OAC9BF,EAAG,YAAYG,EAAQF,EAAQ,MAAM,IAAI;AAE3C;"}
+{"version":3,"file":"Linkify.mjs","sources":["../../src/directives/Linkify/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport Linkify from '../../utils/Linkify.js'\n\n// Use function shorthand for same behavior on bind and update\n// https://vuejs.org/v2/guide/custom-directive.html#Function-Shorthand\nexport const directive = function(el, binding) {\n\tif (binding.value?.linkify === true) {\n\t\tel.innerHTML = Linkify(binding.value.text)\n\t}\n}\n\nexport default directive\n"],"names":[],"mappings":";AASY,MAAC,YAAY,SAAS,IAAI,SAAS;AAC9C,MAAI,QAAQ,OAAO,YAAY,MAAM;AACpC,OAAG,YAAY,QAAQ,QAAQ,MAAM,IAAI;AAAA,EACzC;AACF;"}

package/dist/Directives/Tooltip.mjs

@@ -1,33 +1,11 @@
-import "../assets/Tooltip-DA4si7PR.css";
-import { options as o } from "floating-vue";
-import { VTooltip as s, options as m } from "floating-vue";
-/**
- * @copyright Copyright (c) 2019 Julius Härtl <jus@bitgrid.net>
- *
- * @author Julius Härtl <jus@bitgrid.net>
- * @author John Molakvoæ <skjnldsv@protonmail.com>
- *
- * @license AGPL-3.0-or-later
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see <http://www.gnu.org/licenses/>.
- *
- */
-o.themes.tooltip.html = !1;
-o.themes.tooltip.delay = { show: 500, hide: 200 };
-o.themes.tooltip.distance = 10;
-o.themes.tooltip["arrow-padding"] = 3;
+import '../assets/Tooltip-4CSl8xev.css';
+import { options, VTooltip } from "floating-vue";
+import { VTooltip as VTooltip2, options as options2 } from "floating-vue";
+options.themes.tooltip.html = false;
+options.themes.tooltip.delay = { show: 500, hide: 200 };
+options.themes.tooltip.distance = 10;
+options.themes.tooltip["arrow-padding"] = 3;
 export {
-  s as default,
-  m as options
+  VTooltip2 as default,
+  options2 as options
 };

package/dist/Directives/Tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.mjs","sources":["../../src/directives/Tooltip/index.js"],"sourcesContent":["/**\n * @copyright Copyright (c) 2019 Julius Härtl <jus@bitgrid.net>\n *\n * @author Julius Härtl <jus@bitgrid.net>\n * @author John Molakvoæ <skjnldsv@protonmail.com>\n *\n * @license AGPL-3.0-or-later\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 */\nimport { VTooltip, options } from 'floating-vue'\nimport './index.scss'\n\noptions.themes.tooltip.html = false\noptions.themes.tooltip.delay = { show: 500, hide: 200 }\noptions.themes.tooltip.distance = 10\noptions.themes.tooltip['arrow-padding'] = 3\n\nexport default VTooltip\nexport { options }\n"],"names":["options"],"mappings":";;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBAA,EAAA,OAAA,QAAA,OAAA;AACAA,EAAA,OAAA,QAAA,QAAA,EAAA,MAAA,KAAA,MAAA,IAAA;AACAA,EAAA,OAAA,QAAA,WAAA;AACAA,EAAA,OAAA,QAAA,eAAA,IAAA;"}
+{"version":3,"file":"Tooltip.mjs","sources":["../../src/directives/Tooltip/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nimport { VTooltip, options } from 'floating-vue'\nimport './index.scss'\n\noptions.themes.tooltip.html = false\noptions.themes.tooltip.delay = { show: 500, hide: 200 }\noptions.themes.tooltip.distance = 10\noptions.themes.tooltip['arrow-padding'] = 3\n\nexport default VTooltip\nexport { options }\n"],"names":[],"mappings":";;AAQA,QAAQ,OAAO,QAAQ,OAAO;AAC9B,QAAQ,OAAO,QAAQ,QAAQ,EAAE,MAAM,KAAK,MAAM,IAAK;AACvD,QAAQ,OAAO,QAAQ,WAAW;AAClC,QAAQ,OAAO,QAAQ,eAAe,IAAI;"}

package/dist/Functions/a11y.mjs

@@ -1,25 +1,12 @@
-/**
- * @copyright 2022 Christopher Ng <chrng8@gmail.com>
- *
- * @author Christopher Ng <chrng8@gmail.com>
- *
- * @license AGPL-3.0-or-later
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see <http://www.gnu.org/licenses/>.
- *
- */
-const t = (r) => r.type === "click" || r.type === "keydown" && r.key === "Enter";
+const isA11yActivation = (event) => {
+  if (event.type === "click") {
+    return true;
+  }
+  if (event.type === "keydown" && event.key === "Enter") {
+    return true;
+  }
+  return false;
+};
 export {
-  t as isA11yActivation
+  isA11yActivation
 };

package/dist/Functions/a11y.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"a11y.mjs","sources":["../../src/functions/a11y/index.ts"],"sourcesContent":["/**\n * @copyright 2022 Christopher Ng <chrng8@gmail.com>\n *\n * @author Christopher Ng <chrng8@gmail.com>\n *\n * @license AGPL-3.0-or-later\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/**\n * Return true if the DOM event is an accessible mouse or keyboard element activation, false otherwise\n *\n * @param {Event} event DOM event\n *\n * @return {boolean}\n */\nexport const isA11yActivation = (event: Event) => {\n\tif (event.type === 'click') {\n\t\treturn true\n\t}\n\tif (event.type === 'keydown' && (event as KeyboardEvent).key === 'Enter') {\n\t\treturn true\n\t}\n\treturn false\n}\n"],"names":["isA11yActivation","event"],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6Ba,MAAAA,IAAmB,CAACC,MAC5BA,EAAM,SAAS,WAGfA,EAAM,SAAS,aAAcA,EAAwB,QAAQ;"}
+{"version":3,"file":"a11y.mjs","sources":["../../src/functions/a11y/index.ts"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2022 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\n/**\n * Return true if the DOM event is an accessible mouse or keyboard element activation, false otherwise\n *\n * @param {Event} event DOM event\n *\n * @return {boolean}\n */\nexport const isA11yActivation = (event: Event) => {\n\tif (event.type === 'click') {\n\t\treturn true\n\t}\n\tif (event.type === 'keydown' && (event as KeyboardEvent).key === 'Enter') {\n\t\treturn true\n\t}\n\treturn false\n}\n"],"names":[],"mappings":"AAYa,MAAA,mBAAmB,CAAC,UAAiB;AAC7C,MAAA,MAAM,SAAS,SAAS;AACpB,WAAA;AAAA,EACR;AACA,MAAI,MAAM,SAAS,aAAc,MAAwB,QAAQ,SAAS;AAClE,WAAA;AAAA,EACR;AACO,SAAA;AACR;"}

package/dist/Functions/emoji.mjs

@@ -1,8 +1,8 @@
-import { E as o, a, e as r, g as s, s as i } from "../chunks/emoji-k4gWHxrE.mjs";
+import { E, a, e, g, s } from "../chunks/emoji-Ba55f8iV.mjs";
 export {
-  o as EmojiSkinTone,
+  E as EmojiSkinTone,
   a as emojiAddRecent,
-  r as emojiSearch,
-  s as getCurrentSkinTone,
-  i as setCurrentSkinTone
+  e as emojiSearch,
+  g as getCurrentSkinTone,
+  s as setCurrentSkinTone
 };

package/dist/Functions/reference.mjs

@@ -1,17 +1,18 @@
-import { NcCustomPickerRenderResult as i, isCustomPickerElementRegistered as s, isWidgetRegistered as t, registerCustomPickerElement as d, registerWidget as o, renderCustomPickerElement as g, renderWidget as P } from "./registerReference.mjs";
-import { a as m, g as n, b as c, c as k, d as u, s as v } from "../chunks/referencePickerModal-CpPoSMom.mjs";
+import { N, h, d, i, b, r, c, a } from "../chunks/index-CtoB4eIp.mjs";
+import { a as a2, g, b as b2, c as c2, d as d2, s } from "../chunks/referencePickerModal-Cho5o36L.mjs";
 export {
-  i as NcCustomPickerRenderResult,
-  m as anyLinkProviderId,
-  n as getLinkWithPicker,
-  c as getProvider,
-  k as getProviders,
-  s as isCustomPickerElementRegistered,
-  t as isWidgetRegistered,
-  d as registerCustomPickerElement,
-  o as registerWidget,
-  g as renderCustomPickerElement,
-  P as renderWidget,
-  u as searchProvider,
-  v as sortProviders
+  N as NcCustomPickerRenderResult,
+  a2 as anyLinkProviderId,
+  g as getLinkWithPicker,
+  b2 as getProvider,
+  c2 as getProviders,
+  h as hasInteractiveView,
+  d as isCustomPickerElementRegistered,
+  i as isWidgetRegistered,
+  b as registerCustomPickerElement,
+  r as registerWidget,
+  c as renderCustomPickerElement,
+  a as renderWidget,
+  d2 as searchProvider,
+  s as sortProviders
 };

package/dist/Functions/registerReference.mjs

@@ -1,72 +1,13 @@
-window._vue_richtext_widgets || (window._vue_richtext_widgets = {});
-const s = (e) => !!window._vue_richtext_widgets[e], o = (e, t, r = (i) => {
-}) => {
-  if (window._vue_richtext_widgets[e]) {
-    console.error("Widget for id " + e + " already registered");
-    return;
-  }
-  window._vue_richtext_widgets[e] = {
-    id: e,
-    callback: t,
-    onDestroy: r
-  };
-}, c = (e, { richObjectType: t, richObject: r, accessible: i, interactive: n }) => {
-  if (t !== "open-graph") {
-    if (!window._vue_richtext_widgets[t]) {
-      console.error("Widget for rich object type " + t + " not registered");
-      return;
-    }
-    window._vue_richtext_widgets[t].callback(e, { richObjectType: t, richObject: r, accessible: i, interactive: n });
-  }
-}, u = (e, t) => {
-  e !== "open-graph" && window._vue_richtext_widgets[e] && window._vue_richtext_widgets[e].onDestroy(t);
-};
-window._registerWidget = o;
-window._vue_richtext_custom_picker_elements || (window._vue_richtext_custom_picker_elements = {});
-class w {
-  /**
-   * @param {HTMLElement} element The HTML element
-   * @param {object} object The object
-   */
-  constructor(t, r) {
-    this.element = t, this.object = r;
-  }
-}
-const l = (e) => !!window._vue_richtext_custom_picker_elements[e], d = (e) => {
-  var r;
-  const t = (r = window._vue_richtext_custom_picker_elements[e]) == null ? void 0 : r.size;
-  return ["small", "normal", "large", "full"].includes(t) ? t : null;
-}, _ = (e, t, r = (n) => {
-}, i = "large") => {
-  if (window._vue_richtext_custom_picker_elements[e]) {
-    console.error("Custom reference picker element for id " + e + " already registered");
-    return;
-  }
-  window._vue_richtext_custom_picker_elements[e] = {
-    id: e,
-    callback: t,
-    onDestroy: r,
-    size: i
-  };
-}, m = (e, { providerId: t, accessible: r }) => {
-  if (!window._vue_richtext_custom_picker_elements[t]) {
-    console.error("Custom reference picker element for reference provider ID " + t + " not registered");
-    return;
-  }
-  return window._vue_richtext_custom_picker_elements[t].callback(e, { providerId: t, accessible: r });
-}, g = (e, t, r) => {
-  window._vue_richtext_custom_picker_elements[e] && window._vue_richtext_custom_picker_elements[e].onDestroy(t, r);
-};
-window._registerCustomPickerElement = _;
+import { N, g, f, j, d, i, b, r, c, a } from "../chunks/index-CtoB4eIp.mjs";
 export {
-  w as NcCustomPickerRenderResult,
+  N as NcCustomPickerRenderResult,
   g as destroyCustomPickerElement,
-  u as destroyWidget,
-  d as getCustomPickerElementSize,
-  l as isCustomPickerElementRegistered,
-  s as isWidgetRegistered,
-  _ as registerCustomPickerElement,
-  o as registerWidget,
-  m as renderCustomPickerElement,
-  c as renderWidget
+  f as destroyWidget,
+  j as getCustomPickerElementSize,
+  d as isCustomPickerElementRegistered,
+  i as isWidgetRegistered,
+  b as registerCustomPickerElement,
+  r as registerWidget,
+  c as renderCustomPickerElement,
+  a as renderWidget
 };

package/dist/Functions/registerReference.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"registerReference.mjs","sources":["../../src/functions/reference/widgets.js","../../src/functions/reference/customPickerElements.js"],"sourcesContent":["if (!window._vue_richtext_widgets) {\n\twindow._vue_richtext_widgets = {}\n}\n\nconst isWidgetRegistered = (id) => {\n\treturn !!window._vue_richtext_widgets[id]\n}\n\nconst registerWidget = (id, callback, onDestroy = (el) => {}) => {\n\tif (window._vue_richtext_widgets[id]) {\n\t\tconsole.error('Widget for id ' + id + ' already registered')\n\t\treturn\n\t}\n\n\twindow._vue_richtext_widgets[id] = {\n\t\tid,\n\t\tcallback,\n\t\tonDestroy,\n\t}\n}\n\nconst renderWidget = (el, { richObjectType, richObject, accessible, interactive }) => {\n\tif (richObjectType === 'open-graph') {\n\t\treturn\n\t}\n\n\tif (!window._vue_richtext_widgets[richObjectType]) {\n\t\tconsole.error('Widget for rich object type ' + richObjectType + ' not registered')\n\t\treturn\n\t}\n\n\twindow._vue_richtext_widgets[richObjectType].callback(el, { richObjectType, richObject, accessible, interactive })\n}\n\nconst destroyWidget = (richObjectType, el) => {\n\tif (richObjectType === 'open-graph') {\n\t\treturn\n\t}\n\n\tif (!window._vue_richtext_widgets[richObjectType]) {\n\t\treturn\n\t}\n\n\twindow._vue_richtext_widgets[richObjectType].onDestroy(el)\n}\n\nwindow._registerWidget = registerWidget\n\nexport {\n\tregisterWidget,\n\trenderWidget,\n\tdestroyWidget,\n\tisWidgetRegistered,\n}\n","if (!window._vue_richtext_custom_picker_elements) {\n\twindow._vue_richtext_custom_picker_elements = {}\n}\n\n/**\n * Representation of the render callback result\n * It contains a dom element and an object (Vue instance or other fancy things)\n */\nclass NcCustomPickerRenderResult {\n\n\t/**\n\t * @param {HTMLElement} element The HTML element\n\t * @param {object} object The object\n\t */\n\tconstructor(element, object) {\n\t\tthis.element = element\n\t\tthis.object = object\n\t}\n\n}\n\nconst isCustomPickerElementRegistered = (id) => {\n\treturn !!window._vue_richtext_custom_picker_elements[id]\n}\n\nconst getCustomPickerElementSize = (id) => {\n\tconst size = window._vue_richtext_custom_picker_elements[id]?.size\n\tif (['small', 'normal', 'large', 'full'].includes(size)) {\n\t\treturn size\n\t}\n\treturn null\n}\n\nconst registerCustomPickerElement = (id, callback, onDestroy = (el) => {}, size = 'large') => {\n\tif (window._vue_richtext_custom_picker_elements[id]) {\n\t\tconsole.error('Custom reference picker element for id ' + id + ' already registered')\n\t\treturn\n\t}\n\n\twindow._vue_richtext_custom_picker_elements[id] = {\n\t\tid,\n\t\tcallback,\n\t\tonDestroy,\n\t\tsize,\n\t}\n}\n\nconst renderCustomPickerElement = (el, { providerId, accessible }) => {\n\tif (!window._vue_richtext_custom_picker_elements[providerId]) {\n\t\tconsole.error('Custom reference picker element for reference provider ID ' + providerId + ' not registered')\n\t\treturn\n\t}\n\n\treturn window._vue_richtext_custom_picker_elements[providerId].callback(el, { providerId, accessible })\n}\n\nconst destroyCustomPickerElement = (providerId, el, renderResult) => {\n\tif (!window._vue_richtext_custom_picker_elements[providerId]) {\n\t\treturn\n\t}\n\n\twindow._vue_richtext_custom_picker_elements[providerId].onDestroy(el, renderResult)\n}\n\nwindow._registerCustomPickerElement = registerCustomPickerElement\n\nexport {\n\tNcCustomPickerRenderResult,\n\tregisterCustomPickerElement,\n\trenderCustomPickerElement,\n\tdestroyCustomPickerElement,\n\tisCustomPickerElementRegistered,\n\tgetCustomPickerElementSize,\n}\n"],"names":["isWidgetRegistered","id","registerWidget","callback","onDestroy","el","renderWidget","richObjectType","richObject","accessible","interactive","destroyWidget","NcCustomPickerRenderResult","element","object","isCustomPickerElementRegistered","getCustomPickerElementSize","_a","size","registerCustomPickerElement","renderCustomPickerElement","providerId","destroyCustomPickerElement","renderResult"],"mappings":"AAAK,OAAO,0BACX,OAAO,wBAAwB,CAAE;AAG7B,MAACA,IAAqB,CAACC,MACpB,CAAC,CAAC,OAAO,sBAAsBA,CAAE,GAGnCC,IAAiB,CAACD,GAAIE,GAAUC,IAAY,CAACC,MAAO;MAAO;AAChE,MAAI,OAAO,sBAAsBJ,CAAE,GAAG;AACrC,YAAQ,MAAM,mBAAmBA,IAAK,qBAAqB;AAC3D;AAAA,EACA;AAED,SAAO,sBAAsBA,CAAE,IAAI;AAAA,IAClC,IAAAA;AAAA,IACA,UAAAE;AAAA,IACA,WAAAC;AAAA,EACA;AACF,GAEME,IAAe,CAACD,GAAI,EAAE,gBAAAE,GAAgB,YAAAC,GAAY,YAAAC,GAAY,aAAAC,QAAkB;AACrF,MAAIH,MAAmB,cAIvB;AAAA,QAAI,CAAC,OAAO,sBAAsBA,CAAc,GAAG;AAClD,cAAQ,MAAM,iCAAiCA,IAAiB,iBAAiB;AACjF;AAAA,IACA;AAED,WAAO,sBAAsBA,CAAc,EAAE,SAASF,GAAI,EAAE,gBAAAE,GAAgB,YAAAC,GAAY,YAAAC,GAAY,aAAAC,GAAa;AAAA;AAClH,GAEMC,IAAgB,CAACJ,GAAgBF,MAAO;AAC7C,EAAIE,MAAmB,gBAIlB,OAAO,sBAAsBA,CAAc,KAIhD,OAAO,sBAAsBA,CAAc,EAAE,UAAUF,CAAE;AAC1D;AAEA,OAAO,kBAAkBH;AC9CpB,OAAO,yCACX,OAAO,uCAAuC,CAAE;AAOjD,MAAMU,EAA2B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhC,YAAYC,GAASC,GAAQ;AAC5B,SAAK,UAAUD,GACf,KAAK,SAASC;AAAA,EACd;AAEF;AAEK,MAACC,IAAkC,CAACd,MACjC,CAAC,CAAC,OAAO,qCAAqCA,CAAE,GAGlDe,IAA6B,CAACf,MAAO;ADzB3C,MAAAgB;AC0BC,QAAMC,KAAOD,IAAA,OAAO,qCAAqChB,CAAE,MAA9C,gBAAAgB,EAAiD;AAC9D,SAAI,CAAC,SAAS,UAAU,SAAS,MAAM,EAAE,SAASC,CAAI,IAC9CA,IAED;AACR,GAEMC,IAA8B,CAAClB,GAAIE,GAAUC,IAAY,CAACC,MAAO;AAAA,GAAIa,IAAO,YAAY;AAC7F,MAAI,OAAO,qCAAqCjB,CAAE,GAAG;AACpD,YAAQ,MAAM,4CAA4CA,IAAK,qBAAqB;AACpF;AAAA,EACA;AAED,SAAO,qCAAqCA,CAAE,IAAI;AAAA,IACjD,IAAAA;AAAA,IACA,UAAAE;AAAA,IACA,WAAAC;AAAA,IACA,MAAAc;AAAA,EACA;AACF,GAEME,IAA4B,CAACf,GAAI,EAAE,YAAAgB,GAAY,YAAAZ,EAAU,MAAO;AACrE,MAAI,CAAC,OAAO,qCAAqCY,CAAU,GAAG;AAC7D,YAAQ,MAAM,+DAA+DA,IAAa,iBAAiB;AAC3G;AAAA,EACA;AAED,SAAO,OAAO,qCAAqCA,CAAU,EAAE,SAAShB,GAAI,EAAE,YAAAgB,GAAY,YAAAZ,GAAY;AACvG,GAEMa,IAA6B,CAACD,GAAYhB,GAAIkB,MAAiB;AACpE,EAAK,OAAO,qCAAqCF,CAAU,KAI3D,OAAO,qCAAqCA,CAAU,EAAE,UAAUhB,GAAIkB,CAAY;AACnF;AAEA,OAAO,+BAA+BJ;"}
+{"version":3,"file":"registerReference.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/Functions/usernameToColor.mjs

@@ -1,4 +1,4 @@
-import { u as f } from "../chunks/usernameToColor-CoTtSyuB.mjs";
+import { u } from "../chunks/usernameToColor-4ci35wWd.mjs";
 export {
-  f as default
+  u as default
 };

package/dist/Mixins/clickOutsideOptions.mjs

@@ -1,25 +1,4 @@
-/**
- * @copyright Copyright (c) 2020 Georg Ehrke <georg-nextcloud@ehrke.email>
- *
- * @author Georg Ehrke <georg-nextcloud@ehrke.email>
- *
- * @license AGPL-3.0-or-later
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see <http://www.gnu.org/licenses/>.
- *
- */
-const t = {
+const clickOutsideOptions = {
   props: {
     /**
      * A query-selector or an array of query-selectors
@@ -32,10 +11,11 @@ const t = {
   },
   computed: {
     clickOutsideOptions() {
-      return { ignore: Array.isArray(this.excludeClickOutsideSelectors) ? this.excludeClickOutsideSelectors : [this.excludeClickOutsideSelectors] };
+      const excludedQuerySelectors = Array.isArray(this.excludeClickOutsideSelectors) ? this.excludeClickOutsideSelectors : [this.excludeClickOutsideSelectors];
+      return { ignore: excludedQuerySelectors };
     }
   }
 };
 export {
-  t as default
+  clickOutsideOptions as default
 };

package/dist/Mixins/clickOutsideOptions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"clickOutsideOptions.mjs","sources":["../../src/mixins/clickOutsideOptions/index.js"],"sourcesContent":["/**\n * @copyright Copyright (c) 2020 Georg Ehrke <georg-nextcloud@ehrke.email>\n *\n * @author Georg Ehrke <georg-nextcloud@ehrke.email>\n *\n * @license AGPL-3.0-or-later\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\nexport default {\n\tprops: {\n\t\t/**\n\t\t * A query-selector or an array of query-selectors\n\t\t * to be ignored when clicking outside an element\n\t\t */\n\t\texcludeClickOutsideSelectors: {\n\t\t\ttype: [String, Array],\n\t\t\tdefault: () => [],\n\t\t},\n\t},\n\tcomputed: {\n\t\tclickOutsideOptions() {\n\t\t\tconst excludedQuerySelectors = Array.isArray(this.excludeClickOutsideSelectors)\n\t\t\t\t? this.excludeClickOutsideSelectors\n\t\t\t\t: [this.excludeClickOutsideSelectors]\n\n\t\t\treturn { ignore: excludedQuerySelectors }\n\t\t},\n\t},\n}\n"],"names":["clickOutsideOptions"],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA,MAAeA,IAAA;AAAA,EACd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKN,8BAA8B;AAAA,MAC7B,MAAM,CAAC,QAAQ,KAAK;AAAA,MACpB,SAAS,MAAM,CAAE;AAAA,IACjB;AAAA,EACD;AAAA,EACD,UAAU;AAAA,IACT,sBAAsB;AAKrB,aAAO,EAAE,QAJsB,MAAM,QAAQ,KAAK,4BAA4B,IAC3E,KAAK,+BACL,CAAC,KAAK,4BAA4B,EAEI;AAAA,IACzC;AAAA,EACD;AACF;"}
+{"version":3,"file":"clickOutsideOptions.mjs","sources":["../../src/mixins/clickOutsideOptions/index.js"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors\n * SPDX-License-Identifier: AGPL-3.0-or-later\n */\n\nexport default {\n\tprops: {\n\t\t/**\n\t\t * A query-selector or an array of query-selectors\n\t\t * to be ignored when clicking outside an element\n\t\t */\n\t\texcludeClickOutsideSelectors: {\n\t\t\ttype: [String, Array],\n\t\t\tdefault: () => [],\n\t\t},\n\t},\n\tcomputed: {\n\t\tclickOutsideOptions() {\n\t\t\tconst excludedQuerySelectors = Array.isArray(this.excludeClickOutsideSelectors)\n\t\t\t\t? this.excludeClickOutsideSelectors\n\t\t\t\t: [this.excludeClickOutsideSelectors]\n\n\t\t\treturn { ignore: excludedQuerySelectors }\n\t\t},\n\t},\n}\n"],"names":[],"mappings":"AAKA,MAAe,sBAAA;AAAA,EACd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKN,8BAA8B;AAAA,MAC7B,MAAM,CAAC,QAAQ,KAAK;AAAA,MACpB,SAAS,MAAM,CAAE;AAAA,IACjB;AAAA,EACD;AAAA,EACD,UAAU;AAAA,IACT,sBAAsB;AACrB,YAAM,yBAAyB,MAAM,QAAQ,KAAK,4BAA4B,IAC3E,KAAK,+BACL,CAAC,KAAK,4BAA4B;AAErC,aAAO,EAAE,QAAQ,uBAAwB;AAAA,IACzC;AAAA,EACD;AACF;"}

package/dist/Mixins/richEditor.mjs

@@ -1,10 +1,10 @@
-import { U as p, a as i, r as R } from "../chunks/index-DiIhxz0J.mjs";
-import "../chunks/Linkify-BaDLLFxP.mjs";
+import { U, a, r } from "../chunks/index-BKkaCvJ0.mjs";
+import "../chunks/Linkify-BtgR-dXX.mjs";
 import "escape-html";
 import "striptags";
 import "vue";
 export {
-  p as USERID_REGEX,
-  i as USERID_REGEX_WITH_SPACE,
-  R as default
+  U as USERID_REGEX,
+  a as USERID_REGEX_WITH_SPACE,
+  r as default
 };

package/dist/assets/NcActionButton-tvMk0Dz-.css

@@ -0,0 +1,107 @@
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
+.material-design-icon[data-v-033a4c57] {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+li.action.active[data-v-033a4c57] {
+  background-color: var(--color-background-hover);
+  border-radius: 6px;
+  padding: 0;
+}
+.action--disabled[data-v-033a4c57] {
+  pointer-events: none;
+  opacity: 0.5;
+}
+.action--disabled[data-v-033a4c57]:hover, .action--disabled[data-v-033a4c57]:focus {
+  cursor: default;
+  opacity: 0.5;
+}
+.action--disabled[data-v-033a4c57] * {
+  opacity: 1 !important;
+}
+.action-button[data-v-033a4c57] {
+  display: flex;
+  align-items: flex-start;
+  width: 100%;
+  height: auto;
+  margin: 0;
+  padding: 0;
+  padding-right: 14px;
+  box-sizing: border-box;
+  cursor: pointer;
+  white-space: nowrap;
+  color: var(--color-main-text);
+  border: 0;
+  border-radius: 0;
+  background-color: transparent;
+  box-shadow: none;
+  font-weight: normal;
+  font-size: var(--default-font-size);
+  line-height: 44px;
+}
+.action-button > span[data-v-033a4c57] {
+  cursor: pointer;
+  white-space: nowrap;
+}
+.action-button__icon[data-v-033a4c57] {
+  width: 44px;
+  height: 44px;
+  opacity: 1;
+  background-position: 14px center;
+  background-size: 16px;
+  background-repeat: no-repeat;
+}
+.action-button[data-v-033a4c57] .material-design-icon {
+  width: 44px;
+  height: 44px;
+  opacity: 1;
+}
+.action-button[data-v-033a4c57] .material-design-icon .material-design-icon__svg {
+  vertical-align: middle;
+}
+.action-button__longtext-wrapper[data-v-033a4c57], .action-button__longtext[data-v-033a4c57] {
+  max-width: 220px;
+  line-height: 1.6em;
+  padding: 10.8px 0;
+  cursor: pointer;
+  text-align: left;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.action-button__longtext[data-v-033a4c57] {
+  cursor: pointer;
+  white-space: pre-wrap !important;
+}
+.action-button__name[data-v-033a4c57] {
+  font-weight: bold;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  max-width: 100%;
+  display: inline-block;
+}
+.action-button__menu-icon[data-v-033a4c57] {
+  margin-left: auto;
+  margin-right: -14px;
+}
+.action-button__pressed-icon[data-v-033a4c57] {
+  margin-left: auto;
+  margin-right: -14px;
+}

package/dist/assets/NcActionButtonGroup-CQxLn2fv.css

@@ -0,0 +1,47 @@
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/**
+ * SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+/*
+* Ensure proper alignment of the vue material icons
+*/
+.material-design-icon {
+  display: flex;
+  align-self: center;
+  justify-self: center;
+  align-items: center;
+  justify-content: center;
+}
+.nc-button-group-base > div {
+  text-align: center;
+  color: var(--color-text-maxcontrast);
+}
+.nc-button-group-base ul.nc-button-group-content {
+  display: flex;
+  gap: 4px;
+  justify-content: space-between;
+}
+.nc-button-group-base ul.nc-button-group-content li {
+  flex: 1 1;
+}
+.nc-button-group-base ul.nc-button-group-content .action-button {
+  padding: 0 !important;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+.nc-button-group-base ul.nc-button-group-content .action-button.action-button--active {
+  background-color: var(--color-primary-element);
+  border-radius: var(--border-radius-large);
+  color: var(--color-primary-element-text);
+}
+.nc-button-group-base ul.nc-button-group-content .action-button.action-button--active:hover, .nc-button-group-base ul.nc-button-group-content .action-button.action-button--active:focus, .nc-button-group-base ul.nc-button-group-content .action-button.action-button--active:focus-within {
+  background-color: var(--color-primary-element-hover);
+}
+.nc-button-group-base ul.nc-button-group-content .action-button .action-button__pressed-icon {
+  display: none;
+}