@nextcloud/vue 9.0.0-alpha.7 → 9.0.0-rc.0

package/dist/components/NcDialogButton/index.mjs

@@ -1,4 +1,5 @@
-import { _ } from "../../chunks/NcDialogButton.vue_vue_type_script_setup_true_lang-DgWqkSL7.mjs";
+import { _ } from "../../chunks/NcDialogButton.vue_vue_type_script_setup_true_lang-DbzPc_gW.mjs";
 export {
   _ as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcEllipsisedOption/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcEllipsisedOption-D4OggsNq.mjs";
+import { N } from "../../chunks/NcEllipsisedOption-4k07kvEr.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcEmojiPicker/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcEmojiPicker-DKGBXunS.mjs";
+import { N } from "../../chunks/NcEmojiPicker-C30Ofq8B.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcEmptyContent/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcEmptyContent-D-wBvEi4.mjs";
+import { N } from "../../chunks/NcEmptyContent-BQnIrQQn.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcGuestContent/index.mjs

@@ -2,3 +2,4 @@ import { N } from "../../chunks/NcGuestContent-iQpV7mLC.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcHeaderButton/NcHeaderButton.vue.d.ts

@@ -15,22 +15,13 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (event: MouseEvent) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>> & Readonly<{
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/NcHeaderButton/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcHeaderButton-Cq62USyt.mjs";
+import { N } from "../../chunks/NcHeaderButton-BXfTpkIm.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcHeaderMenu/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcHeaderMenu-BRiroRYT.mjs";
+import { N } from "../../chunks/NcHeaderMenu-CEH_-KT_.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcHighlight/index.mjs

@@ -1,4 +1,5 @@
-import { _ } from "../../chunks/NcHighlight-BHtRIzqk.mjs";
+import { _ } from "../../chunks/NcHighlight-Cu4UfEEO.mjs";
 export {
   _ as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcIconSvgWrapper/NcIconSvgWrapper.vue.d.ts

@@ -1,4 +1,12 @@
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * Make the icon directional, meaning it is langauge direction aware.
+     * If the icon is placed in a right-to-left context it will be mirrored vertically.
+     */
+    directional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Set if the icon should be used as inline content e.g. within text.
      * By default the icon is made a block element for use inside `icon`-slots.
@@ -44,15 +52,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      */
     iconSize(): string;
     cleanSvg(): string | undefined;
-    attributes(): {
-        class: (string | {
-            'icon-vue--inline': boolean;
-        })[];
-        role: string;
-        'aria-hidden': boolean | undefined;
-        'aria-label': string | undefined;
-    };
 }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * Make the icon directional, meaning it is langauge direction aware.
+     * If the icon is placed in a right-to-left context it will be mirrored vertically.
+     */
+    directional: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Set if the icon should be used as inline content e.g. within text.
      * By default the icon is made a block element for use inside `icon`-slots.
@@ -93,10 +101,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         validator: (value: unknown) => value is number | "auto";
     };
 }>> & Readonly<{}>, {
-    size: string | number;
     name: string;
-    inline: boolean;
-    svg: string;
+    size: string | number;
     path: string;
+    svg: string;
+    inline: boolean;
+    directional: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/NcIconSvgWrapper/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcIconSvgWrapper-BYTrkA66.mjs";
+import { N } from "../../chunks/NcIconSvgWrapper-Bc3ogp8T.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcInputField/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcInputField-CzC820tG.mjs";
+import { N } from "../../chunks/NcInputField-BBS1E7r-.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcListItem/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcListItem-DFLsabmR.mjs";
+import { N } from "../../chunks/NcListItem-CVX52kG-.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcListItemIcon/index.mjs

@@ -1,4 +1,5 @@
-import { N } from "../../chunks/NcListItemIcon-BK9GBjoD.mjs";
+import { N } from "../../chunks/NcListItemIcon-Cc6vXRrY.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcLoadingIcon/NcLoadingIcon.vue.d.ts

@@ -51,8 +51,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
     };
 }>> & Readonly<{}>, {
-    size: number;
     name: string;
+    size: number;
     appearance: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/NcLoadingIcon/index.mjs

@@ -2,3 +2,4 @@ import { N } from "../../chunks/NcLoadingIcon-CsMn1bFR.mjs";
 export {
   N as default
 };
+//# sourceMappingURL=index.mjs.map

package/dist/components/NcModal/index.mjs

@@ -1,20 +1,18 @@
-import '../../assets/index-BRaTLqzR.css';
-import { S as ScopeComponent } from "../../chunks/ScopeComponent-DgRMJomt.mjs";
+import '../../assets/index-CjPwAJ46.css';
+import { S as ScopeComponent } from "../../chunks/ScopeComponent-BIpNSmeE.mjs";
 import { useSwipe } from "@vueuse/core";
+import { b as mdiChevronRight, c as mdiChevronLeft } from "../../chunks/mdi-zYpVOORa.mjs";
 import { createFocusTrap } from "focus-trap";
-import { createElementBlock, openBlock, mergeProps, createElementVNode, createCommentVNode, toDisplayString, resolveComponent, resolveDirective, createBlock, Transition, withCtx, withDirectives, normalizeStyle, normalizeClass, createVNode, renderSlot, withModifiers, vShow, warn } from "vue";
+import { createElementBlock, openBlock, mergeProps, createElementVNode, createCommentVNode, toDisplayString, resolveComponent, createBlock, Transition, withCtx, withDirectives, normalizeStyle, normalizeClass, createVNode, renderSlot, withModifiers, vShow, warn } from "vue";
+import { c as createElementId } from "../../chunks/createElementId-DhjFt1I9.mjs";
 import { g as getTrapStack } from "../../chunks/focusTrap-DmkaYJTC.mjs";
-import { r as register, C as t33, D as t17, a as t } from "../../chunks/_l10n-BEP_UzXI.mjs";
-import { G as GenRandomId } from "../../chunks/GenRandomId-CMooMQt0.mjs";
-import { N as NcActions } from "../../chunks/NcActions-DxTtucKk.mjs";
-import { N as NcButton } from "../../chunks/NcButton-QmfEsvXC.mjs";
-import "../../directives/Tooltip/index.mjs";
-import { C as ChevronLeftIcon } from "../../chunks/ChevronLeft-FfC-tiIS.mjs";
-import { C as ChevronRight } from "../../chunks/ChevronRight-LvtA5_hq.mjs";
-import { C as Close } from "../../chunks/Close-idsVwGrC.mjs";
+import { r as register, z as t34, A as t18, a as t } from "../../chunks/_l10n-BNGeEX3W.mjs";
+import { N as NcActions } from "../../chunks/NcActions-DpYAcY6a.mjs";
+import { N as NcButton } from "../../chunks/NcButton-Byg8-ta1.mjs";
+import { N as NcIconSvgWrapper } from "../../chunks/NcIconSvgWrapper-Bc3ogp8T.mjs";
+import { I as IconClose } from "../../chunks/Close-D6ngJ4t9.mjs";
 import { _ as _export_sfc } from "../../chunks/_plugin-vue_export-helper-1tPrXgE0.mjs";
-import { VTooltip } from "floating-vue";
-register(t17, t33);
+register(t18, t34);
 function timer(callback, delay) {
   let id;
   let started;
@@ -136,16 +134,12 @@ const Play = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]
 const _sfc_main = {
   name: "NcModal",
   components: {
-    NcActions,
-    ChevronLeft: ChevronLeftIcon,
-    ChevronRight,
-    Close,
+    Close: IconClose,
     Pause,
     Play,
-    NcButton
-  },
-  directives: {
-    tooltip: VTooltip
+    NcActions,
+    NcButton,
+    NcIconSvgWrapper
   },
   props: {
     /**
@@ -222,19 +216,20 @@ const _sfc_main = {
       }
     },
     /**
-     * Declare if the modal can be closed
+     * Do not show the close button for the dialog.
+     * @default false
      */
-    canClose: {
+    noClose: {
       type: Boolean,
-      default: true
+      default: false
     },
     /**
      * Close the modal if the user clicked outside the modal
-     * Only relevant if `canClose` is set to true.
+     * Only relevant if `noClose` is not set.
      */
     closeOnClickOutside: {
       type: Boolean,
-      default: true
+      default: false
     },
     /**
      * Makes the modal backdrop opaque if true
@@ -259,12 +254,15 @@ const _sfc_main = {
       default: "body"
     },
     /**
-     * Pass in false if you want the modal 'close' button to be displayed
-     * outside the modal boundaries, in the top right corner of the window
+     * Pass in `true` if you want the modal 'close' button to be displayed
+     * outside the modal boundaries, in the top right corner of the window.
+     *
+     * @default false
+     * @since 8.25.0
      */
-    closeButtonContained: {
+    closeButtonOutside: {
       type: Boolean,
-      default: true
+      default: false
     },
     /**
      * Additional elements to add to the focus trap
@@ -310,6 +308,12 @@ const _sfc_main = {
     "close",
     "update:show"
   ],
+  setup() {
+    return {
+      mdiChevronLeft,
+      mdiChevronRight
+    };
+  },
   data() {
     return {
       mc: null,
@@ -318,7 +322,7 @@ const _sfc_main = {
       iconSize: 24,
       focusTrap: null,
       externalFocusTrapStack: [],
-      randId: GenRandomId(),
+      randId: createElementId(),
       internalShow: true
     };
   },
@@ -424,13 +428,14 @@ const _sfc_main = {
       }
     },
     close(data) {
-      if (this.canClose) {
-        this.internalShow = false;
-        this.$emit("update:show", false);
-        setTimeout(() => {
-          this.$emit("close", data);
-        }, 300);
+      if (this.noClose) {
+        return;
       }
+      this.internalShow = false;
+      this.$emit("update:show", false);
+      setTimeout(() => {
+        this.$emit("close", data);
+      }, 300);
     },
     /**
      * Handle click on modal wrapper
@@ -566,24 +571,23 @@ const _hoisted_1 = ["aria-labelledby", "aria-describedby"];
 const _hoisted_2 = ["data-theme-light", "data-theme-dark"];
 const _hoisted_3 = ["id"];
 const _hoisted_4 = { class: "icons-menu" };
-const _hoisted_5 = { class: "hidden-visually" };
-const _hoisted_6 = {
+const _hoisted_5 = ["title"];
+const _hoisted_6 = { class: "hidden-visually" };
+const _hoisted_7 = {
   key: 2,
   class: "progress-ring",
   height: "50",
   width: "50"
 };
-const _hoisted_7 = ["id"];
-const _hoisted_8 = { class: "modal-container__content" };
+const _hoisted_8 = ["id"];
+const _hoisted_9 = { class: "modal-container__content" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Play = resolveComponent("Play");
   const _component_Pause = resolveComponent("Pause");
   const _component_NcActions = resolveComponent("NcActions");
   const _component_Close = resolveComponent("Close");
   const _component_NcButton = resolveComponent("NcButton");
-  const _component_ChevronLeft = resolveComponent("ChevronLeft");
-  const _component_ChevronRight = resolveComponent("ChevronRight");
-  const _directive_tooltip = resolveDirective("tooltip");
+  const _component_NcIconSvgWrapper = resolveComponent("NcIconSvgWrapper");
   return openBlock(), createBlock(Transition, {
     name: "fade",
     appear: "",
@@ -594,7 +598,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       withDirectives(createElementVNode("div", {
         ref: "mask",
         class: normalizeClass(["modal-mask", {
-          "modal-mask--opaque": $props.dark || !$props.closeButtonContained || $props.hasPrevious || $props.hasNext,
+          "modal-mask--opaque": $props.dark || $props.closeButtonOutside || $props.hasPrevious || $props.hasNext,
           "modal-mask--light": $props.lightBackdrop
         }]),
         style: normalizeStyle($options.cssVariables),
@@ -620,9 +624,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 class: "modal-header__name"
               }, toDisplayString($props.name), 9, _hoisted_3)) : createCommentVNode("", true),
               createElementVNode("div", _hoisted_4, [
-                $props.hasNext && $props.enableSlideshow ? withDirectives((openBlock(), createElementBlock("button", {
+                $props.hasNext && $props.enableSlideshow ? (openBlock(), createElementBlock("button", {
                   key: 0,
                   class: normalizeClass([{ "play-pause-icons--paused": $props.slideshowPaused }, "play-pause-icons"]),
+                  title: $options.playPauseName,
                   type: "button",
                   onClick: _cache[0] || (_cache[0] = (...args) => $options.togglePlayPause && $options.togglePlayPause(...args))
                 }, [
@@ -635,8 +640,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     size: $data.iconSize,
                     class: "play-pause-icons__pause"
                   }, null, 8, ["size"])),
-                  createElementVNode("span", _hoisted_5, toDisplayString($options.playPauseName), 1),
-                  $data.playing ? (openBlock(), createElementBlock("svg", _hoisted_6, _cache[2] || (_cache[2] = [
+                  createElementVNode("span", _hoisted_6, toDisplayString($options.playPauseName), 1),
+                  $data.playing ? (openBlock(), createElementBlock("svg", _hoisted_7, _cache[2] || (_cache[2] = [
                     createElementVNode("circle", {
                       class: "progress-ring__circle",
                       stroke: "white",
@@ -647,14 +652,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                       cy: "25"
                     }, null, -1)
                   ]))) : createCommentVNode("", true)
-                ], 2)), [
-                  [
-                    _directive_tooltip,
-                    $options.playPauseName,
-                    void 0,
-                    { auto: true }
-                  ]
-                ]) : createCommentVNode("", true),
+                ], 10, _hoisted_5)) : createCommentVNode("", true),
                 createVNode(_component_NcActions, {
                   class: "header-actions",
                   inline: $props.inlineActions
@@ -664,11 +662,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   ]),
                   _: 3
                 }, 8, ["inline"]),
-                $props.canClose && !$props.closeButtonContained ? (openBlock(), createBlock(_component_NcButton, {
+                !$props.noClose && $props.closeButtonOutside ? (openBlock(), createBlock(_component_NcButton, {
                   key: 1,
                   "aria-label": $options.closeButtonAriaLabel,
                   class: "header-close",
-                  type: "tertiary",
+                  variant: "tertiary",
                   onClick: $options.close
                 }, {
                   icon: withCtx(() => [
@@ -699,13 +697,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               }, {
                 default: withCtx(() => [
                   withDirectives(createVNode(_component_NcButton, {
-                    type: "tertiary-no-background",
-                    class: "prev",
                     "aria-label": $options.prevButtonAriaLabel,
+                    class: "prev",
+                    variant: "tertiary-no-background",
                     onClick: $options.previous
                   }, {
                     icon: withCtx(() => [
-                      createVNode(_component_ChevronLeft, { size: 40 })
+                      createVNode(_component_NcIconSvgWrapper, {
+                        directional: "",
+                        path: $setup.mdiChevronLeft,
+                        size: 40
+                      }, null, 8, ["path"])
                     ]),
                     _: 1
                   }, 8, ["aria-label", "onClick"]), [
@@ -718,14 +720,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 id: "modal-description-" + $data.randId,
                 class: "modal-container"
               }, [
-                createElementVNode("div", _hoisted_8, [
+                createElementVNode("div", _hoisted_9, [
                   renderSlot(_ctx.$slots, "default", {}, void 0, true)
                 ]),
-                $props.canClose && $props.closeButtonContained ? (openBlock(), createBlock(_component_NcButton, {
+                !$props.noClose && !$props.closeButtonOutside ? (openBlock(), createBlock(_component_NcButton, {
                   key: 0,
-                  type: "tertiary",
-                  class: "modal-container__close",
                   "aria-label": $options.closeButtonAriaLabel,
+                  class: "modal-container__close",
+                  variant: "tertiary",
                   onClick: $options.close
                 }, {
                   icon: withCtx(() => [
@@ -733,20 +735,24 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   ]),
                   _: 1
                 }, 8, ["aria-label", "onClick"])) : createCommentVNode("", true)
-              ], 8, _hoisted_7),
+              ], 8, _hoisted_8),
               createVNode(Transition, {
                 name: "fade-visibility",
                 appear: ""
               }, {
                 default: withCtx(() => [
                   withDirectives(createVNode(_component_NcButton, {
-                    type: "tertiary-no-background",
-                    class: "next",
                     "aria-label": $options.nextButtonAriaLabel,
+                    class: "next",
+                    variant: "tertiary-no-background",
                     onClick: $options.next
                   }, {
                     icon: withCtx(() => [
-                      createVNode(_component_ChevronRight, { size: 40 })
+                      createVNode(_component_NcIconSvgWrapper, {
+                        directional: "",
+                        path: $setup.mdiChevronRight,
+                        size: 40
+                      }, null, 8, ["path"])
                     ]),
                     _: 1
                   }, 8, ["aria-label", "onClick"]), [
@@ -768,8 +774,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["onAfterEnter", "onBeforeLeave"]);
 }
-const NcModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-210e65ba"]]);
+const NcModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-61f0615c"]]);
 ScopeComponent(NcModal);
 export {
   NcModal as default
 };
+//# sourceMappingURL=index.mjs.map