@nextcloud/vue 8.18.0 → 8.19.0

package/CHANGELOG.md

@@ -5,6 +5,21 @@
 
 # Changelog
 
+## [v8.19.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.19.0) (2024-09-16)
+[Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.18.0...v8.19.0)
+
+### 🚀 Enhancements
+* feat(NcModal): make dark header configurable [\#6083](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6083) \([mejo-](https://github.com/mejo-)\)
+* feat(NcActions): Emit `closed` event only when the actions are fully closed [\#6065](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6065) \([susnux](https://github.com/susnux)\)
+
+### 🐛 Fixed bugs
+* fix(NcAppNavigationItem): align utils with actions and other components [\#6054](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6054) \([GVodyanov](https://github.com/GVodyanov)\)
+* fix(NcAvatar): add a fallback for missing CSS variable [\#6090](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6090) \([Antreesy](https://github.com/Antreesy)\)
+* fix(NcColorPicker): style advanced fields as NcInputField [\#6097](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6097) \([Antreesy](https://github.com/Antreesy)\)
+
+### Changed
+* Updated workflows and dependencies
+
 ## [v8.18.0](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.18.0) (2024-09-12)
 [Full Changelog](https://github.com/nextcloud-libraries/nextcloud-vue/compare/v8.17.1...v8.18.0)
 

package/dist/Components/NcActionInput.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcActionInput = require("../chunks/NcActionInput-CUAQEdIX.cjs");
+const NcActionInput = require("../chunks/NcActionInput-TP6P798j.cjs");
 module.exports = NcActionInput.NcActionInput;

package/dist/Components/NcActionInput.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcActionInput-DY2qdzdN.mjs";
+import { N } from "../chunks/NcActionInput-BxlypAgV.mjs";
 export {
   N as default
 };

package/dist/Components/NcActions.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcActions = require("../chunks/NcActions-BAP2SRwO.cjs");
+const NcActions = require("../chunks/NcActions-gOMT5VzC.cjs");
 module.exports = NcActions.NcActions;

package/dist/Components/NcActions.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcActions-BeDyeq8X.mjs";
+import { N } from "../chunks/NcActions-BgYpDq2n.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationCaption.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcAppNavigationCaption = require("../chunks/NcAppNavigationCaption-DdxbI-rX.cjs");
+const NcAppNavigationCaption = require("../chunks/NcAppNavigationCaption-BK-acRxg.cjs");
 module.exports = NcAppNavigationCaption.NcAppNavigationCaption;

package/dist/Components/NcAppNavigationCaption.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigationCaption-B-KUvV8u.mjs";
+import { N } from "../chunks/NcAppNavigationCaption-BQVV0F7Y.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationItem.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcAppNavigationItem = require("../chunks/NcAppNavigationItem-Chm1R863.cjs");
+const NcAppNavigationItem = require("../chunks/NcAppNavigationItem-DfgovIvi.cjs");
 module.exports = NcAppNavigationItem.NcAppNavigationItem;

package/dist/Components/NcAppNavigationItem.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigationItem-CybYrL2f.mjs";
+import { N } from "../chunks/NcAppNavigationItem-MvvOWnip.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppNavigationNewItem.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcAppNavigationNewItem = require("../chunks/NcAppNavigationNewItem-CdKBA1wN.cjs");
+const NcAppNavigationNewItem = require("../chunks/NcAppNavigationNewItem-C66Vvx3t.cjs");
 module.exports = NcAppNavigationNewItem.NcAppNavigationNewItem;

package/dist/Components/NcAppNavigationNewItem.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppNavigationNewItem-Cqc-RpSB.mjs";
+import { N } from "../chunks/NcAppNavigationNewItem-DyLB6t5e.mjs";
 export {
   N as default
 };

package/dist/Components/NcAppSidebar.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcAppSidebar = require("../chunks/NcAppSidebar-pD7Kd1Ld.cjs");
+const NcAppSidebar = require("../chunks/NcAppSidebar-1S8EBs22.cjs");
 module.exports = NcAppSidebar.NcAppSidebar;

package/dist/Components/NcAppSidebar.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAppSidebar-BMXNel-9.mjs";
+import { N } from "../chunks/NcAppSidebar-D1Ss2put.mjs";
 export {
   N as default
 };

package/dist/Components/NcAvatar.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcAvatar = require("../chunks/NcAvatar-U5nqf05n.cjs");
+const NcAvatar = require("../chunks/NcAvatar-B238cv9d.cjs");
 module.exports = NcAvatar.NcAvatar;

package/dist/Components/NcAvatar.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcAvatar-DlrXmAED.mjs";
+import { N } from "../chunks/NcAvatar-lRUjWiR6.mjs";
 export {
   N as default
 };

package/dist/Components/NcBreadcrumb.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcBreadcrumb = require("../chunks/NcBreadcrumb-C46_szbr.cjs");
+const NcBreadcrumb = require("../chunks/NcBreadcrumb-Fqw2S2pM.cjs");
 module.exports = NcBreadcrumb.NcBreadcrumb;

package/dist/Components/NcBreadcrumb.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcBreadcrumb-BXZ4F07O.mjs";
+import { N } from "../chunks/NcBreadcrumb-ydWs_Sw8.mjs";
 export {
   N as default
 };

package/dist/Components/NcBreadcrumbs.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcBreadcrumbs = require("../chunks/NcBreadcrumbs-D8nGOAl3.cjs");
+const NcBreadcrumbs = require("../chunks/NcBreadcrumbs-GKwJaai0.cjs");
 module.exports = NcBreadcrumbs.NcBreadcrumbs;

package/dist/Components/NcBreadcrumbs.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcBreadcrumbs-DIONM2xF.mjs";
+import { N } from "../chunks/NcBreadcrumbs-CPW9eMLa.mjs";
 export {
   N as default
 };

package/dist/Components/NcChip.cjs

@@ -2,7 +2,7 @@ require('../assets/NcChip-CEKw1zaK.css');
 "use strict";
 const Vue = require("vue");
 const _l10n = require("../chunks/_l10n-Ci9_UR5q.cjs");
-const NcActions = require("../chunks/NcActions-BAP2SRwO.cjs");
+const NcActions = require("../chunks/NcActions-gOMT5VzC.cjs");
 const Components_NcActionButton = require("./NcActionButton.cjs");
 const NcIconSvgWrapper = require("../chunks/NcIconSvgWrapper-Cb4bAwV6.cjs");
 const _pluginVue2_normalizer = require("../chunks/_plugin-vue2_normalizer-V0q-tHlQ.cjs");

package/dist/Components/NcChip.mjs

@@ -1,7 +1,7 @@
 import '../assets/NcChip-CEKw1zaK.css';
 import { useSlots, computed } from "vue";
 import { r as register, v as t18, a as t } from "../chunks/_l10n-JYjUKekn.mjs";
-import { N as NcActions } from "../chunks/NcActions-BeDyeq8X.mjs";
+import { N as NcActions } from "../chunks/NcActions-BgYpDq2n.mjs";
 import NcActionButton from "./NcActionButton.mjs";
 import { N as NcIconSvgWrapper } from "../chunks/NcIconSvgWrapper-DjrkBUkC.mjs";
 import { n as normalizeComponent } from "../chunks/_plugin-vue2_normalizer-DU4iP6Vu.mjs";

package/dist/Components/NcCollectionList.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcCollectionList = require("../chunks/NcCollectionList-DeTZuXSB.cjs");
+const NcCollectionList = require("../chunks/NcCollectionList-DWyT_P3u.cjs");
 module.exports = NcCollectionList.NcCollectionList;

package/dist/Components/NcCollectionList.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcCollectionList-YCc2830t.mjs";
+import { N } from "../chunks/NcCollectionList-CAM0Gyhi.mjs";
 export {
   N as default
 };

package/dist/Components/NcColorPicker.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcColorPicker = require("../chunks/NcColorPicker-CmHTPv60.cjs");
+const NcColorPicker = require("../chunks/NcColorPicker-Dy2BtsaH.cjs");
 module.exports = NcColorPicker.NcColorPicker;

package/dist/Components/NcColorPicker.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcColorPicker-D3b9pIOc.mjs";
+import { N } from "../chunks/NcColorPicker-Ddm2gbz0.mjs";
 export {
   N as default
 };

package/dist/Components/NcDashboardWidget.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcDashboardWidget = require("../chunks/NcDashboardWidget-DLcO9TSj.cjs");
+const NcDashboardWidget = require("../chunks/NcDashboardWidget-DhVJqy1d.cjs");
 module.exports = NcDashboardWidget.NcDashboardWidget;

package/dist/Components/NcDashboardWidget.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcDashboardWidget-CANAYcCa.mjs";
+import { N } from "../chunks/NcDashboardWidget-DG9u5NLf.mjs";
 export {
   N as default
 };

package/dist/Components/NcDashboardWidgetItem.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcDashboardWidgetItem = require("../chunks/NcDashboardWidgetItem-vNvbUHBP.cjs");
+const NcDashboardWidgetItem = require("../chunks/NcDashboardWidgetItem-DuntgAlo.cjs");
 module.exports = NcDashboardWidgetItem.NcDashboardWidgetItem;

package/dist/Components/NcDashboardWidgetItem.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcDashboardWidgetItem-BwJAiaT0.mjs";
+import { N } from "../chunks/NcDashboardWidgetItem-CHCygvjp.mjs";
 export {
   N as default
 };

package/dist/Components/NcDateTimePicker.cjs

@@ -1,13 +1,13 @@
-require('../assets/NcDateTimePicker-DAy7A4EI.css');
+require('../assets/NcDateTimePicker-BFvU3We7.css');
 "use strict";
 const _l10n = require("../chunks/_l10n-Ci9_UR5q.cjs");
 const GenRandomId = require("../chunks/GenRandomId-BQDud3d4.cjs");
-const NcTimezonePicker = require("../chunks/NcTimezonePicker-DxA5d2ur.cjs");
+const NcTimezonePicker = require("../chunks/NcTimezonePicker-CPfvqXuN.cjs");
 const NcPopover = require("../chunks/NcPopover-C0G7sLVP.cjs");
 const _pluginVue2_normalizer = require("../chunks/_plugin-vue2_normalizer-V0q-tHlQ.cjs");
 const l10n = require("@nextcloud/l10n");
 const DatePicker = require("vue2-datepicker");
-const ScopeComponent = require("../chunks/ScopeComponent-Dj1ARFka.cjs");
+const ScopeComponent = require("../chunks/ScopeComponent-B0gd6vEY.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const DatePicker__default = /* @__PURE__ */ _interopDefault(DatePicker);
 _l10n.register(_l10n.t37);

package/dist/Components/NcDateTimePicker.mjs

@@ -1,12 +1,12 @@
-import '../assets/NcDateTimePicker-DAy7A4EI.css';
+import '../assets/NcDateTimePicker-BFvU3We7.css';
 import { r as register, I as t37, a as t } from "../chunks/_l10n-JYjUKekn.mjs";
 import { G as GenRandomId } from "../chunks/GenRandomId-CMooMQt0.mjs";
-import { N as NcTimezonePicker } from "../chunks/NcTimezonePicker-C0YKWg81.mjs";
+import { N as NcTimezonePicker } from "../chunks/NcTimezonePicker-BwygP9tV.mjs";
 import { N as NcPopover } from "../chunks/NcPopover-DbeCmze0.mjs";
 import { n as normalizeComponent } from "../chunks/_plugin-vue2_normalizer-DU4iP6Vu.mjs";
 import { getMonthNames, getMonthNamesShort, getDayNames, getDayNamesShort, getDayNamesMin, getFirstDay } from "@nextcloud/l10n";
 import DatePicker from "vue2-datepicker";
-import { S as ScopeComponent } from "../chunks/ScopeComponent-DFJUaQtj.mjs";
+import { S as ScopeComponent } from "../chunks/ScopeComponent-BVnA9iVd.mjs";
 register(t37);
 const _sfc_main$2 = {
   name: "CalendarBlankIcon",

package/dist/Components/NcDateTimePickerNative.cjs

@@ -1,7 +1,7 @@
 require('../assets/NcDateTimePickerNative-BAcKr0B3.css');
 "use strict";
 const _pluginVue2_normalizer = require("../chunks/_plugin-vue2_normalizer-V0q-tHlQ.cjs");
-const ScopeComponent = require("../chunks/ScopeComponent-Dj1ARFka.cjs");
+const ScopeComponent = require("../chunks/ScopeComponent-B0gd6vEY.cjs");
 const inputDateTypes = ["date", "datetime-local", "month", "time", "week"];
 const _sfc_main = {
   name: "NcDateTimePickerNative",

package/dist/Components/NcDateTimePickerNative.mjs

@@ -1,6 +1,6 @@
 import '../assets/NcDateTimePickerNative-BAcKr0B3.css';
 import { n as normalizeComponent } from "../chunks/_plugin-vue2_normalizer-DU4iP6Vu.mjs";
-import { S as ScopeComponent } from "../chunks/ScopeComponent-DFJUaQtj.mjs";
+import { S as ScopeComponent } from "../chunks/ScopeComponent-BVnA9iVd.mjs";
 const inputDateTypes = ["date", "datetime-local", "month", "time", "week"];
 const _sfc_main = {
   name: "NcDateTimePickerNative",

package/dist/Components/NcEmojiPicker.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcEmojiPicker = require("../chunks/NcEmojiPicker-DV7HDeqU.cjs");
+const NcEmojiPicker = require("../chunks/NcEmojiPicker-DrMA-XDR.cjs");
 module.exports = NcEmojiPicker.NcEmojiPicker;

package/dist/Components/NcEmojiPicker.mjs

@@ -1,4 +1,4 @@
-import { N } from "../chunks/NcEmojiPicker-DqaJO21R.mjs";
+import { N } from "../chunks/NcEmojiPicker-C2DIjkqr.mjs";
 export {
   N as default
 };

package/dist/Components/NcListItem.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcListItem = require("../chunks/NcListItem-Bet_T8Y0.cjs");
+const NcListItem = require("../chunks/NcListItem-Hx7E50yZ.cjs");
 module.exports = NcListItem.NcListItem;

package/dist/Components/NcListItem.mjs

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

package/dist/Components/NcListItemIcon.cjs

@@ -1,3 +1,3 @@
 "use strict";
-const NcListItemIcon = require("../chunks/NcListItemIcon-Chq4Sr3z.cjs");
+const NcListItemIcon = require("../chunks/NcListItemIcon-Do_af_2v.cjs");
 module.exports = NcListItemIcon.NcListItemIcon;

package/dist/Components/NcListItemIcon.mjs

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

package/dist/Components/NcModal.cjs

@@ -1,13 +1,13 @@
-require('../assets/NcModal-Djc2K_kW.css');
+require('../assets/NcModal-Cg2K9DV5.css');
 "use strict";
-const ScopeComponent = require("../chunks/ScopeComponent-Dj1ARFka.cjs");
+const ScopeComponent = require("../chunks/ScopeComponent-B0gd6vEY.cjs");
 const core = require("@vueuse/core");
 const focusTrap$1 = require("focus-trap");
 const Vue = require("vue");
 const focusTrap = require("../chunks/focusTrap-EeXFmjdI.cjs");
 const _l10n = require("../chunks/_l10n-Ci9_UR5q.cjs");
 const GenRandomId = require("../chunks/GenRandomId-BQDud3d4.cjs");
-const NcActions = require("../chunks/NcActions-BAP2SRwO.cjs");
+const NcActions = require("../chunks/NcActions-gOMT5VzC.cjs");
 const Components_NcButton = require("./NcButton.cjs");
 require("../Directives/Tooltip.cjs");
 const _pluginVue2_normalizer = require("../chunks/_plugin-vue2_normalizer-V0q-tHlQ.cjs");
@@ -252,13 +252,20 @@ const _sfc_main = {
       default: true
     },
     /**
-     * Makes the modal backdrop black if true
+     * Makes the modal backdrop opaque if true
      * Will be overwritten if some buttons are shown outside
      */
     dark: {
       type: Boolean,
       default: false
     },
+    /**
+     * Set light backdrop. Makes the modal header appear light.
+     */
+    lightBackdrop: {
+      type: Boolean,
+      default: false
+    },
     /**
      * Selector for the modal container, pass `null` to prevent automatic container mounting
      */
@@ -573,7 +580,10 @@ const _sfc_main = {
 };
 var _sfc_render = function render4() {
   var _vm = this, _c = _vm._self._c;
-  return _c("transition", { attrs: { "name": "fade", "appear": "" }, on: { "after-enter": _vm.useFocusTrap, "before-leave": _vm.clearFocusTrap } }, [_c("div", { directives: [{ name: "show", rawName: "v-show", value: _vm.showModal, expression: "showModal" }], ref: "mask", staticClass: "modal-mask", class: { "modal-mask--dark": _vm.dark || !_vm.closeButtonContained || _vm.hasPrevious || _vm.hasNext }, style: _vm.cssVariables, attrs: { "role": "dialog", "aria-modal": "true", "aria-labelledby": _vm.modalLabelId, "aria-describedby": "modal-description-" + _vm.randId, "tabindex": "-1" } }, [_c("transition", { attrs: { "name": "fade-visibility", "appear": "" } }, [_c("div", { staticClass: "modal-header", attrs: { "data-theme-dark": "" } }, [_vm.name.trim() !== "" ? _c("h2", { staticClass: "modal-header__name", attrs: { "id": "modal-name-" + _vm.randId } }, [_vm._v(" " + _vm._s(_vm.name) + " ")]) : _vm._e(), _c("div", { staticClass: "icons-menu" }, [_vm.hasNext && _vm.enableSlideshow ? _c("button", { directives: [{ name: "tooltip", rawName: "v-tooltip.auto", value: _vm.playPauseName, expression: "playPauseName", modifiers: { "auto": true } }], staticClass: "play-pause-icons", class: { "play-pause-icons--paused": _vm.slideshowPaused }, attrs: { "type": "button" }, on: { "click": _vm.togglePlayPause } }, [!_vm.playing ? _c("Play", { staticClass: "play-pause-icons__play", attrs: { "size": _vm.iconSize } }) : _c("Pause", { staticClass: "play-pause-icons__pause", attrs: { "size": _vm.iconSize } }), _c("span", { staticClass: "hidden-visually" }, [_vm._v(" " + _vm._s(_vm.playPauseName) + " ")]), _vm.playing ? _c("svg", { staticClass: "progress-ring", attrs: { "height": "50", "width": "50" } }, [_c("circle", { staticClass: "progress-ring__circle", attrs: { "stroke": "white", "stroke-width": "2", "fill": "transparent", "r": "15", "cx": "25", "cy": "25" } })]) : _vm._e()], 1) : _vm._e(), _c("NcActions", { staticClass: "header-actions", attrs: { "inline": _vm.inlineActions } }, [_vm._t("actions")], 2), _vm.canClose && !_vm.closeButtonContained ? _c("NcButton", { staticClass: "header-close", attrs: { "aria-label": _vm.closeButtonAriaLabel, "type": "tertiary" }, on: { "click": _vm.close }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
+  return _c("transition", { attrs: { "name": "fade", "appear": "" }, on: { "after-enter": _vm.useFocusTrap, "before-leave": _vm.clearFocusTrap } }, [_c("div", { directives: [{ name: "show", rawName: "v-show", value: _vm.showModal, expression: "showModal" }], ref: "mask", staticClass: "modal-mask", class: {
+    "modal-mask--opaque": _vm.dark || !_vm.closeButtonContained || _vm.hasPrevious || _vm.hasNext,
+    "modal-mask--light": _vm.lightBackdrop
+  }, style: _vm.cssVariables, attrs: { "role": "dialog", "aria-modal": "true", "aria-labelledby": _vm.modalLabelId, "aria-describedby": "modal-description-" + _vm.randId, "tabindex": "-1" } }, [_c("transition", { attrs: { "name": "fade-visibility", "appear": "" } }, [_c("div", { staticClass: "modal-header", attrs: { "data-theme-light": _vm.lightBackdrop, "data-theme-dark": !_vm.lightBackdrop } }, [_vm.name.trim() !== "" ? _c("h2", { staticClass: "modal-header__name", attrs: { "id": "modal-name-" + _vm.randId } }, [_vm._v(" " + _vm._s(_vm.name) + " ")]) : _vm._e(), _c("div", { staticClass: "icons-menu" }, [_vm.hasNext && _vm.enableSlideshow ? _c("button", { directives: [{ name: "tooltip", rawName: "v-tooltip.auto", value: _vm.playPauseName, expression: "playPauseName", modifiers: { "auto": true } }], staticClass: "play-pause-icons", class: { "play-pause-icons--paused": _vm.slideshowPaused }, attrs: { "type": "button" }, on: { "click": _vm.togglePlayPause } }, [!_vm.playing ? _c("Play", { staticClass: "play-pause-icons__play", attrs: { "size": _vm.iconSize } }) : _c("Pause", { staticClass: "play-pause-icons__pause", attrs: { "size": _vm.iconSize } }), _c("span", { staticClass: "hidden-visually" }, [_vm._v(" " + _vm._s(_vm.playPauseName) + " ")]), _vm.playing ? _c("svg", { staticClass: "progress-ring", attrs: { "height": "50", "width": "50" } }, [_c("circle", { staticClass: "progress-ring__circle", attrs: { "stroke": "white", "stroke-width": "2", "fill": "transparent", "r": "15", "cx": "25", "cy": "25" } })]) : _vm._e()], 1) : _vm._e(), _c("NcActions", { staticClass: "header-actions", attrs: { "inline": _vm.inlineActions } }, [_vm._t("actions")], 2), _vm.canClose && !_vm.closeButtonContained ? _c("NcButton", { staticClass: "header-close", attrs: { "aria-label": _vm.closeButtonAriaLabel, "type": "tertiary" }, on: { "click": _vm.close }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
     return [_c("Close", { attrs: { "size": _vm.iconSize } })];
   }, proxy: true }], null, false, 1841713362) }) : _vm._e()], 1)])]), _c("transition", { attrs: { "name": _vm.modalTransitionName, "appear": "" } }, [_c("div", { directives: [{ name: "show", rawName: "v-show", value: _vm.showModal, expression: "showModal" }], staticClass: "modal-wrapper", class: [
     "modal-wrapper--".concat(_vm.size),
@@ -596,7 +606,7 @@ var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
   _sfc_staticRenderFns,
   false,
   null,
-  "1d602fb0"
+  "0b59a098"
 );
 const NcModal = __component__.exports;
 ScopeComponent.ScopeComponent(NcModal);