@nextcloud/vue 9.0.0-alpha.8 → 9.0.0-rc.1

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

@@ -1,39 +1,69 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /**
-     * A header message about an empty content shown
-     * @example 'No comments'
-     */
-    name: {
-        type: StringConstructor;
-        default: string;
-    };
+import { Slot } from 'vue';
+type __VLS_Props = {
     /**
      * Desription of the empty content
+     *
      * @example 'No comments yet, start the conversation!'
      */
-    description: {
-        type: StringConstructor;
-        default: string;
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    description?: string;
     /**
-     * A header message about an empty content shown
+     * A header message about an empty content shown.
+     *
      * @example 'No comments'
      */
-    name: {
-        type: StringConstructor;
-        default: string;
+    name?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * Optional slot for a button or the like
+         */
+        action?: Slot;
+        /**
+         * Optional slot for adding an icon
+         */
+        icon?: Slot;
+        /**
+         * Allow to add custom formatted name as an alternative to the name property.
+         * The content passed shall be enclosed by a header element.
+         */
+        name?: Slot;
+        /**
+         * Optional formatted description rendered inside a paragraph as an alternative to the description property.
+         */
+        description?: Slot;
+    }> & {
+        /**
+         * Optional slot for a button or the like
+         */
+        action?: Slot;
+        /**
+         * Optional slot for adding an icon
+         */
+        icon?: Slot;
+        /**
+         * Allow to add custom formatted name as an alternative to the name property.
+         * The content passed shall be enclosed by a header element.
+         */
+        name?: Slot;
+        /**
+         * Optional formatted description rendered inside a paragraph as an alternative to the description property.
+         */
+        description?: Slot;
     };
-    /**
-     * Desription of the empty content
-     * @example 'No comments yet, start the conversation!'
-     */
-    description: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{}>, {
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     name: string;
     description: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/NcEmptyContent/index.d.ts

@@ -1 +1,5 @@
+/**
+ * SPDX-FileCopyrightText: 2020 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
 export { default } from './NcEmptyContent.vue';

package/dist/components/NcEmptyContent/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcEmptyContent-BQnIrQQn.mjs";
+import { N } from "../../chunks/NcEmptyContent-CBWBkBL8.mjs";
 export {
   N as default
 };

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,4 @@
-import { N } from "../../chunks/NcHeaderButton-BsstEWtv.mjs";
+import { N } from "../../chunks/NcHeaderButton-BXfTpkIm.mjs";
 export {
   N as default
 };

package/dist/components/NcHeaderMenu/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcHeaderMenu-ZzoCwPvX.mjs";
+import { N } from "../../chunks/NcHeaderMenu-D-WDQIHd.mjs";
 export {
   N as default
 };

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;
+    size: string | number;
     svg: string;
     path: string;
+    inline: boolean;
+    directional: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/NcIconSvgWrapper/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcIconSvgWrapper-BYTrkA66.mjs";
+import { N } from "../../chunks/NcIconSvgWrapper-DZBRQNfG.mjs";
 export {
   N as default
 };

package/dist/components/NcInputField/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcInputField-DdZlDVwQ.mjs";
+import { N } from "../../chunks/NcInputField-BBS1E7r-.mjs";
 export {
   N as default
 };

package/dist/components/NcListItem/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcListItem-DF8Yv05m.mjs";
+import { N } from "../../chunks/NcListItem-Bx_uxyFR.mjs";
 export {
   N as default
 };

package/dist/components/NcListItemIcon/index.mjs

@@ -1,4 +1,4 @@
-import { N } from "../../chunks/NcListItemIcon-nzw_x2Q5.mjs";
+import { N } from "../../chunks/NcListItemIcon-CytWJM69.mjs";
 export {
   N as default
 };

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/NcModal/index.mjs

@@ -1,19 +1,17 @@
-import '../../assets/index-Du_FXiPy.css';
-import { S as ScopeComponent } from "../../chunks/ScopeComponent-BWZEma4R.mjs";
+import '../../assets/index-CjPwAJ46.css';
+import { S as ScopeComponent } from "../../chunks/ScopeComponent-Cr_cohWX.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 { g as getTrapStack } from "../../chunks/focusTrap-DmkaYJTC.mjs";
-import { r as register, C as t34, D as t18, a as t } from "../../chunks/_l10n-7kR7gXFc.mjs";
+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 { N as NcActions } from "../../chunks/NcActions-CgKHXNbF.mjs";
-import { N as NcButton } from "../../chunks/NcButton-BHLqKKYP.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 { g as getTrapStack } from "../../chunks/focusTrap-DmkaYJTC.mjs";
+import { r as register, z as t34, A as t18, a as t } from "../../chunks/_l10n-dinIMiE_.mjs";
+import { N as NcActions } from "../../chunks/NcActions-2UedVnLW.mjs";
+import { N as NcButton } from "../../chunks/NcButton-Byg8-ta1.mjs";
+import { N as NcIconSvgWrapper } from "../../chunks/NcIconSvgWrapper-DZBRQNfG.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(t18, t34);
 function timer(callback, delay) {
   let id;
@@ -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: IconClose,
     Pause,
     Play,
-    NcButton
-  },
-  directives: {
-    tooltip: VTooltip
+    NcActions,
+    NcButton,
+    NcIconSvgWrapper
   },
   props: {
     /**
@@ -260,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
@@ -311,6 +308,12 @@ const _sfc_main = {
     "close",
     "update:show"
   ],
+  setup() {
+    return {
+      mdiChevronLeft,
+      mdiChevronRight
+    };
+  },
   data() {
     return {
       mc: null,
@@ -568,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: "",
@@ -596,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),
@@ -622,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))
                 }, [
@@ -637,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",
@@ -649,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
@@ -666,7 +662,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   ]),
                   _: 3
                 }, 8, ["inline"]),
-                !$props.noClose && !$props.closeButtonContained ? (openBlock(), createBlock(_component_NcButton, {
+                !$props.noClose && $props.closeButtonOutside ? (openBlock(), createBlock(_component_NcButton, {
                   key: 1,
                   "aria-label": $options.closeButtonAriaLabel,
                   class: "header-close",
@@ -707,7 +703,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     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"]), [
@@ -720,10 +720,10 @@ 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.noClose && $props.closeButtonContained ? (openBlock(), createBlock(_component_NcButton, {
+                !$props.noClose && !$props.closeButtonOutside ? (openBlock(), createBlock(_component_NcButton, {
                   key: 0,
                   "aria-label": $options.closeButtonAriaLabel,
                   class: "modal-container__close",
@@ -735,7 +735,7 @@ 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: ""
@@ -748,7 +748,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     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"]), [
@@ -770,7 +774,7 @@ 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-db232fa9"]]);
+const NcModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-61f0615c"]]);
 ScopeComponent(NcModal);
 export {
   NcModal as default