@conduction/nextcloud-vue 2.80.0 → 2.81.0

package/dist/esm/components/CnDetailPage/CnDetailPage.vue2.js

@@ -9,6 +9,7 @@ import Check from 'vue-material-design-icons/Check.vue';
 import ChevronLeft from 'vue-material-design-icons/ChevronLeft.vue';
 import ChevronRight from 'vue-material-design-icons/ChevronRight.vue';
 import Cog from 'vue-material-design-icons/Cog.vue';
+import DockRight from 'vue-material-design-icons/DockRight.vue';
 import EyeOffOutlineIcon from 'vue-material-design-icons/EyeOffOutline.vue';
 import FileQuestionOutline from 'vue-material-design-icons/FileQuestionOutline.vue';
 import InformationOutline from 'vue-material-design-icons/InformationOutline.vue';
@@ -93,6 +94,35 @@ const DEFAULT_DETAIL_COLUMN_OPTS = Object.freeze({
 	breakpointForWindow: false,
 });
 
+/**
+ * Where the default table stacks when a side column sits beside the body grid.
+ *
+ * The side column takes about 320px, so the grid it leaves is far narrower than
+ * the page: 790px at a 1100px window. Stacking that at 1000px made a row of
+ * small tiles (a KPI row of 5 or 6 stat tiles) impossible beside a side column.
+ * 1000px exists to keep a `gridWidth: 3` side PANEL inside the grid readable; a
+ * page with a real side column has no such panel, and 12 columns at 600px is
+ * still 50px a column, enough for a tile. Below 600px it stacks as before.
+ */
+const SIDE_COLUMN_STACK_WIDTH = 600;
+
+/**
+ * Whether `opts` is the untouched default table, so a page that passed its own
+ * `columnOpts` keeps exactly what it asked for.
+ *
+ * @param {object|null} opts The `columnOpts` value.
+ * @return {boolean}
+ */
+function isDefaultColumnOpts(opts) {
+	const breakpoints = opts && opts.breakpoints;
+	return !!opts
+		&& opts.columnMax === DEFAULT_DETAIL_COLUMN_OPTS.columnMax
+		&& Array.isArray(breakpoints)
+		&& breakpoints.length === 1
+		&& breakpoints[0].w === DEFAULT_DETAIL_COLUMN_OPTS.breakpoints[0].w
+		&& breakpoints[0].c === 1
+}
+
 /**
  * Event-bus channel a page-level refresh is announced on. The page's own
  * Actions menu emits it, the manifest `refresh` / `api-call` actions bump it,
@@ -209,6 +239,7 @@ var script = {
 		CnSummaryAggregates: __sfc_main$d,
 		CnDetailHeaderChips: __sfc_main$e,
 		CnFollowToggle: __sfc_main$f,
+		DockRight,
 		EyeOffOutline: EyeOffOutlineIcon,
 		CnRelatedCollections: __sfc_main$g,
 		CnBodySections: __sfc_main$h,
@@ -2133,6 +2164,20 @@ var script = {
 				.map(({ widget }) => widget)
 		},
 
+		/**
+		 * The `columnOpts` the body grid gets: the default table stacks at 1000px
+		 * of grid width, or at 600px when a side column narrows the grid. An
+		 * explicit `columnOpts` prop is passed through untouched.
+		 *
+		 * @return {object|null} The column options.
+		 */
+		bodyColumnOpts() {
+			if (!this.showsSideColumn || !isDefaultColumnOpts(this.columnOpts)) {
+				return this.columnOpts
+			}
+			return { ...this.columnOpts, breakpoints: [{ w: SIDE_COLUMN_STACK_WIDTH, c: 1 }] }
+		},
+
 		/**
 		 * Whether the side column renders.
 		 *
@@ -2664,6 +2709,22 @@ var script = {
 				&& this.register !== '' && this.schema !== '' && this.objectId !== ''
 		},
 
+		/**
+		 * Whether the header menu offers "Open sidebar": the board look, where the
+		 * sidebar's own toggle is hidden, on a page whose sidebar is active and
+		 * closed.
+		 *
+		 * @return {boolean}
+		 */
+		showOpenSidebar() {
+			return this.isBoard && this.hasExternalSidebar && this.sidebarActive && this.objectSidebarState.open !== true
+		},
+
+		/** @return {string} Label of the Open sidebar entry. */
+		openSidebarLabel() {
+			return translate('nextcloud-vue', 'Open sidebar')
+		},
+
 		/** @return {string} Label of the Mark as unread entry. */
 		markUnreadLabel() {
 			return translate('nextcloud-vue', 'Mark as unread')
@@ -3374,6 +3435,17 @@ var script = {
 	},
 
 	methods: {
+		/**
+		 * Open the object sidebar through the shared channel.
+		 *
+		 * @return {void}
+		 */
+		openSidebar() {
+			if (this.objectSidebarState) {
+				this.objectSidebarState.open = true;
+			}
+		},
+
 		/**
 		 * Start or finish arranging the chosen view. Finishing stores the
 		 * arrangement of every view the user moved, once.