@conduction/nextcloud-vue 2.78.0 → 2.79.0

package/dist/nextcloud-vue.cjs.js.map

@@ -1,4 +1,4 @@
 [diffend] Oversized file quarantined before diffing.
 name: package/dist/nextcloud-vue.cjs.js.map
-size: 38473543 bytes
-sha256: bad7882294f198a2cea044c31c0d5125039ff25b00c181370b03de2a63cead03
+size: 38623309 bytes
+sha256: 99ac0f584713637485201c9899615fdea841cf3e88d50a9db3249f51793f1dbc

package/dist/nextcloud-vue.css

@@ -213,6 +213,14 @@
 	margin-inline-start: -264px;
 }
 
+/* The navigation draws the line between it and the content. NcContent draws a
+   second one on the content while the navigation is open, which doubled the
+   line and put the page 1px further from the navigation than the board's 28px.
+   Outranks NcContent's rule (six classes) with seven. */
+.cn-look-board .app-navigation[data-testid="cn-nav"]:not(.app-navigation--closed):not(.app-navigation--close) ~ .app-content.app-content {
+	border-inline-start: none;
+}
+
 .cn-look-board .app-navigation[data-testid="cn-nav"] .app-navigation__content {
 	box-sizing: border-box;
 	gap: 20px;
@@ -222,6 +230,31 @@
 .cn-look-board .app-navigation[data-testid="cn-nav"] .app-navigation__list {
 	height: auto;
 	flex: 1 1 auto;
+	margin: 0;
+	gap: 2px;
+}
+
+/* The board's vertical rhythm (AppZijbalk): the primary action 20px from the
+   top, the list 20px under it, entries 2px apart. An empty search slot is a
+   flex child too and pushed everything 20px down, so it goes. */
+.cn-look-board .app-navigation[data-testid="cn-nav"] .app-navigation__search:empty {
+	display: none;
+}
+
+/* A caption is a 12px label with 6px under it, 20px after the group above
+   and 2px before its first entry. NcAppNavigationCaption gives its name a
+   15px font on a 34px line, which made it 44px high. */
+.cn-look-board .app-navigation[data-testid="cn-nav"] .app-navigation__list > .app-navigation-caption:not(:first-child) {
+	margin-top: 18px;
+}
+
+.cn-look-board .app-navigation[data-testid="cn-nav"] .app-navigation-caption .app-navigation-caption__name {
+	margin: 0;
+	padding: 0;
+	font-size: inherit;
+	font-weight: inherit;
+	line-height: normal;
+	color: inherit;
 }
 
 .cn-look-board .app-navigation[data-testid="cn-nav"] .app-navigation-entry,
@@ -306,6 +339,43 @@
 	font-size: 15px;
 }
 
+/* The footer of the board: Help and Advanced as two 40px rows at weight 400,
+   2px apart. The Help row kept the 42px of a list entry, and the Advanced
+   foldout drew a 34px button inside 4px of padding, 20px under Help. */
+.cn-look-board .app-navigation[data-testid="cn-nav"] .cn-app-nav__footer-list {
+	gap: 2px;
+}
+
+.cn-look-board .app-navigation[data-testid="cn-nav"] .cn-app-nav__footer-list .app-navigation-entry,
+.cn-look-board .app-navigation[data-testid="cn-nav"] .cn-app-nav__footer-list .app-navigation-entry-link {
+	min-height: 40px;
+	font-weight: 400;
+}
+
+.cn-look-board .app-navigation[data-testid="cn-nav"] [data-testid="cn-nav-settings"] {
+	padding: 0;
+}
+
+.cn-look-board .app-navigation[data-testid="cn-nav"] .cn-app-nav__footer-list + [data-testid="cn-nav-settings"] {
+	margin-top: -18px;
+}
+
+.cn-look-board .app-navigation[data-testid="cn-nav"] [data-testid="cn-nav-settings"] > :first-child {
+	margin: 0;
+}
+
+.cn-look-board .app-navigation[data-testid="cn-nav"] [data-testid="cn-nav-settings"] > :first-child .button-vue {
+	box-sizing: border-box;
+	width: 100%;
+	height: 40px;
+	min-height: 40px;
+	padding: 0 10px;
+	border-radius: 8px;
+	font-size: 15px;
+	font-weight: 400;
+	justify-content: flex-start;
+}
+
 /* The card above the footer, pushed down. */
 .cn-look-board .cn-app-nav__card {
 	order: 0;
@@ -510,6 +580,13 @@
 .cn-look-board .cn-status-badge--primary:not(.cn-status-badge--solid):not(.cn-look-nextcloud *) {
 	color: var(--color-primary-element-light-text);
 }
+
+/* ---- Date and age cells (screens-cell-date-parity) ---------------------- */
+/* The board sets every waiting time ("3 dagen", "4 uur") in weight 600; a
+   late one is red through its variant class. */
+.cn-look-board .cn-cell-renderer__age:not(.cn-look-nextcloud *) {
+	font-weight: 600;
+}
 /*
  * The board dialog (screens-dialog-parity, canon section 5).
  *
@@ -1262,16 +1339,27 @@
 	margin-inline-start: 0;
 }
 
-/* The first of Save view, Filter and the view switch takes the free space, so
-   the three sit at the end of row 1. */
-.cn-look-board .cn-actions-bar--board > .cn-actions-bar__row--views > :is(.cn-saved-views__save, .cn-actions-bar__filter-button, .cn-actions-bar__view-toggle) {
+/* The first of Save view and the Filter + view switch unit takes the free
+   space (the board's `flex: 1` spacer), so they sit at the end of row 1.
+   When the line is full the unit wraps as one to the START of the next line
+   while Save view stays at the end of row 1 (DqZaken); without Save view the
+   unit sits at the end of row 1 (PqTickets, PqLeads, PtPortals). */
+.cn-look-board .cn-actions-bar--board > .cn-actions-bar__row--views > :is(.cn-saved-views__save, .cn-actions-bar__view-controls) {
 	margin-inline-start: auto;
 }
 
-.cn-look-board .cn-actions-bar--board > .cn-actions-bar__row--views > :is(.cn-saved-views__save, .cn-actions-bar__filter-button, .cn-actions-bar__view-toggle) ~ :is(.cn-saved-views__save, .cn-actions-bar__filter-button, .cn-actions-bar__view-toggle) {
+.cn-look-board .cn-actions-bar--board > .cn-actions-bar__row--views > .cn-saved-views__save ~ .cn-actions-bar__view-controls {
 	margin-inline-start: 0;
 }
 
+.cn-look-board .cn-actions-bar--board .cn-actions-bar__view-controls {
+	display: flex;
+	flex: 0 0 auto;
+	flex-wrap: nowrap;
+	align-items: center;
+	gap: 8px;
+}
+
 /* Row 2: the search field and the active filters on a line of their own. */
 .cn-look-board .cn-actions-bar--board > .cn-actions-bar__row--search {
 	display: flex;
@@ -1357,16 +1445,39 @@
 	color: var(--color-primary-element-text);
 }
 
-/* Save view: 34px, radius 17, on the light primary tint. */
+/* Save view: a ghost button, 34px, radius 17, no border, on the light primary
+   tint, a 14px icon 6px before the label, on one line. */
 .cn-look-board .cn-saved-views__save .button-vue {
 	min-height: 34px;
 	height: 34px;
-	padding: 0 14px;
+	padding: 0 12px;
+	border: 0;
 	border-radius: 17px;
 	background: var(--color-primary-element-light);
 	color: var(--color-primary-element-light-text);
 	font-size: 13px;
 	font-weight: 600;
+	white-space: nowrap;
+}
+
+.cn-look-board .cn-saved-views__save .button-vue:hover {
+	background: var(--color-primary-element-light-hover);
+}
+
+.cn-look-board .cn-saved-views__save .button-vue .button-vue__wrapper {
+	gap: 6px;
+}
+
+.cn-look-board .cn-saved-views__save .button-vue .button-vue__icon {
+	width: auto;
+	min-width: 0;
+	height: auto;
+	min-height: 0;
+}
+
+.cn-look-board .cn-saved-views__save .button-vue .button-vue__text {
+	margin: 0;
+	padding: 0;
 }
 
 /* Filter: a labelled secondary button, 36px, radius 8, with the active count. */
@@ -1598,6 +1709,29 @@
 	text-decoration: none;
 }
 
+/* Only the title is underlined (DqZaken). An underline set on the cell
+   reaches every in-flow child whatever its own text-decoration, so the
+   secondary lines become inline blocks on a line of their own: an atomic
+   inline box is the one thing the underline does not reach. */
+.cn-look-board .cn-table-container--board .cn-data-table td.cn-table-col--title .cn-table-cell__secondary {
+	display: inline-block;
+	width: 100%;
+	vertical-align: top;
+}
+
+/* `rowTitle: "plain"` (PqTickets, OcPublicaties): the title is bold text in
+   the main text colour without an underline, the secondary line 13px muted,
+   2px under it. The row stays clickable through its stretched row link. */
+.cn-look-board .cn-table-container--board.cn-table-container--title-plain .cn-data-table td.cn-table-col--title {
+	font-weight: 700;
+	text-decoration: none;
+}
+
+.cn-look-board .cn-table-container--board.cn-table-container--title-plain .cn-data-table td.cn-table-col--title .cn-table-cell__secondary {
+	margin-top: 2px;
+	font-size: 13px;
+}
+
 /* A status pill: 3px 10px, radius 12, 13px weight 600. The colours stay the
    status colour map's. */
 .cn-look-board .cn-table-container--board .cn-data-table .cn-status-badge {
@@ -1620,15 +1754,36 @@
 	--default-clickable-area: 34px;
 }
 
+/* The row menu: a 34px square, three dots, a grey border on the main
+   background (DqZaken, PqTickets). A theme that styles every secondary button
+   with `!important` (the nldesign theme: a primary border, 8px 16px padding,
+   `min-width: max-content`) would otherwise turn it into a 64px wide button
+   with a blue border, so the board values are `!important` too. */
+.cn-look-board .cn-row-actions--board .button-vue,
+.cn-look-board .cn-row-actions--board .button-vue:hover,
+.cn-look-board .cn-row-actions--board .button-vue:focus {
+	box-sizing: border-box !important;
+	width: 34px !important;
+	min-width: 34px !important;
+	height: 34px !important;
+	min-height: 34px !important;
+	padding: 0 !important;
+	border: 1px solid var(--color-border-dark) !important;
+	border-radius: 8px !important;
+	color: var(--cn-board-text-soft) !important;
+}
+
 .cn-look-board .cn-row-actions--board .button-vue {
-	width: 34px;
-	min-width: 34px;
-	height: 34px;
-	min-height: 34px;
-	padding: 0;
-	border: 1px solid var(--color-border-dark);
-	border-radius: 8px;
-	background: var(--color-main-background);
+	background: var(--color-main-background) !important;
+}
+
+.cn-look-board .cn-row-actions--board .button-vue:hover {
+	background: var(--color-background-hover) !important;
+}
+
+.cn-look-board .cn-row-actions--board .button-vue:focus-visible {
+	outline: 2px solid var(--color-main-text);
+	outline-offset: 2px;
 }
 
 /* ------------------------------------------------------------------ footer */
@@ -2188,6 +2343,34 @@
 	min-width: 0;
 }
 
+/* Fit to the container (CnDataTable's `fitWidth`, on in CnWidgetObjectTable).
+
+   In a narrow tile the auto layout made the table as wide as its one-line
+   cells, so it ran past the tile and clipped the trailing column (a date).
+   Here every column but one takes the width of its content (`width: 1%` asks
+   for as little as the content allows), and the grow column takes what is
+   left. `max-width: 0` is what lets that column go below its content's width:
+   the table no longer counts its text, so the text is cut with an ellipsis
+   instead of widening the table. The full value stays in the cell's tooltip. */
+.cn-data-table--fit {
+	width: 100%;
+}
+
+.cn-data-table--fit th,
+.cn-data-table--fit td {
+	width: 1%;
+}
+
+.cn-data-table--fit th.cn-table-col--grow,
+.cn-data-table--fit td.cn-table-col--grow {
+	width: auto;
+	min-width: 0;
+	max-width: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
 .cn-data-table th {
 	background: var(--color-background-dark);
 	font-weight: 500;
@@ -2536,6 +2719,15 @@
 	color: var(--color-text-maxcontrast);
 }
 
+/* The empty row holds a sentence (the empty text, or why a lens cannot
+   answer), not a cell value: it wraps instead of being cut to one line. The
+   selector carries the table class so it outranks the one-line cell rule. */
+.cn-data-table .cn-table-empty td {
+	max-width: none;
+	white-space: normal;
+	overflow-wrap: anywhere;
+}
+
 /* ========================================
    Backwards compatibility aliases
    (legacy OpenRegister CSS class names)
@@ -5692,6 +5884,16 @@ a.cn-kpi-card--board * {
 	gap: 20px;
 }
 
+/* GridStack insets every cell by its 12px margin, the outer edge included, so
+   the tab strip started 12px below the top of the body column and stopped 12px
+   short of its end, while the side column started at the top. Pulling the grid
+   out by that margin puts its first card on the column's edges: the side column
+   is level with the strip, and the strip ends where the body column ends. */
+.cn-look-board.cn-detail-page--with-side > .cn-detail-page__body > .cn-detail-page__grid {
+	margin: -12px;
+	width: auto;
+}
+
 /* ---- Folder tabs ------------------------------------------------------- */
 
 /* The strip draws no line of its own (design-system pull request 147). The card under it
@@ -9236,9 +9438,24 @@ svg.leaflet-image-layer.leaflet-interactive path {
    does not rest on colour alone. */
 .cn-cell-renderer__date--success[data-v-37d7b88f],
 .cn-cell-renderer__date--warning[data-v-37d7b88f],
-.cn-cell-renderer__date--error[data-v-37d7b88f] {
+.cn-cell-renderer__date--error[data-v-37d7b88f],
+.cn-cell-renderer__age--success[data-v-37d7b88f],
+.cn-cell-renderer__age--warning[data-v-37d7b88f],
+.cn-cell-renderer__age--error[data-v-37d7b88f] {
 	font-weight: 600;
 }
+.cn-cell-renderer__age[data-v-37d7b88f] {
+	white-space: nowrap;
+}
+.cn-cell-renderer__age--success[data-v-37d7b88f] {
+	color: var(--color-text-success, var(--color-success-text));
+}
+.cn-cell-renderer__age--warning[data-v-37d7b88f] {
+	color: var(--color-text-warning, var(--color-warning-text));
+}
+.cn-cell-renderer__age--error[data-v-37d7b88f] {
+	color: var(--color-text-error, var(--color-error-text));
+}
 .cn-cell-renderer__date--success[data-v-37d7b88f] {
 	color: var(--color-text-success, var(--color-success-text));
 }
@@ -9534,6 +9751,34 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	min-width: 0;
 }
 
+/* Fit to the container (CnDataTable's `fitWidth`, on in CnWidgetObjectTable).
+
+   In a narrow tile the auto layout made the table as wide as its one-line
+   cells, so it ran past the tile and clipped the trailing column (a date).
+   Here every column but one takes the width of its content (`width: 1%` asks
+   for as little as the content allows), and the grow column takes what is
+   left. `max-width: 0` is what lets that column go below its content's width:
+   the table no longer counts its text, so the text is cut with an ellipsis
+   instead of widening the table. The full value stays in the cell's tooltip. */
+.cn-data-table--fit {
+	width: 100%;
+}
+
+.cn-data-table--fit th,
+.cn-data-table--fit td {
+	width: 1%;
+}
+
+.cn-data-table--fit th.cn-table-col--grow,
+.cn-data-table--fit td.cn-table-col--grow {
+	width: auto;
+	min-width: 0;
+	max-width: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
 .cn-data-table th {
 	background: var(--color-background-dark);
 	font-weight: 500;
@@ -9882,6 +10127,15 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	color: var(--color-text-maxcontrast);
 }
 
+/* The empty row holds a sentence (the empty text, or why a lens cannot
+   answer), not a cell value: it wraps instead of being cut to one line. The
+   selector carries the table class so it outranks the one-line cell rule. */
+.cn-data-table .cn-table-empty td {
+	max-width: none;
+	white-space: normal;
+	overflow-wrap: anywhere;
+}
+
 /* ========================================
    Backwards compatibility aliases
    (legacy OpenRegister CSS class names)
@@ -14545,6 +14799,13 @@ button.cn-files-card__open[data-v-46f7e3c9]:hover {
 	min-width: 0;
 	flex: 1 1 auto;
 }
+
+/* The crumbs give way, the controls do not: a long crumb (a folder named
+   after a uuid) shrank the upload button to "Bestanden..." while the crumbs
+   kept their width. */
+.cn-files-browser__bar[data-v-f5bdd9e2] > :not(.cn-files-browser__crumbs) {
+	flex-shrink: 0;
+}
 .cn-files-browser__file-input[data-v-f5bdd9e2] {
 	display: none;
 }
@@ -35021,6 +35282,44 @@ button.cn-object-calendar__overflow[data-v-bea31862] {
 	height: var(--cn-board-control-height, 40px);
 }
 
+/* The switch row under the header (screens-dashboard-greeting-header): the
+   view switch left, the `viewLinks` pills right (DqMijnWerk: pills 34px high,
+   radius 17, 13px/600, a 14px icon, primary light on primary deep). */
+.cn-dashboard-page__switch-row[data-v-824052fe] {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 10px;
+	margin-bottom: var(--cn-board-section-gap, 20px);
+}
+.cn-dashboard-page__switch-row-spacer[data-v-824052fe] {
+	flex: 1 1 auto;
+}
+.cn-dashboard-page__view-link[data-v-824052fe] {
+	display: inline-flex;
+	align-items: center;
+	gap: 6px;
+	height: 34px;
+	padding: 0 12px;
+	border-radius: 17px;
+	background: var(--color-primary-element-light);
+	color: var(--color-primary-element-light-text);
+	font-size: 13px;
+	font-weight: 600;
+	white-space: nowrap;
+	text-decoration: none !important;
+}
+.cn-dashboard-page__view-link[data-v-824052fe]:hover {
+	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
+}
+.cn-dashboard-page__view-link[data-v-824052fe]:focus-visible {
+	outline: 2px solid var(--color-main-text);
+	outline-offset: 2px;
+}
+.cn-dashboard-page__view-link-icon[data-v-824052fe] {
+	display: inline-flex;
+}
+
 /* The period group, in a row of its own between the header and the KPI row. */
 .cn-dashboard-page__date-range--segmented[data-v-824052fe] {
 	margin-bottom: 16px;

package/l10n/en.json

@@ -1,5 +1,7 @@
 {
   "translations": {
+    "You cannot see these files": "You cannot see these files",
+    "Delete {name}? This cannot be undone here.": "Delete {name}? This cannot be undone here.",
     "Linked items": "Linked items",
     "Still loading: {sections}": "Still loading: {sections}",
     "Could not load {section}.": "Could not load {section}.",
@@ -572,6 +574,8 @@
     "Order": "Order",
     "Owner:": "Owner:",
     "Page {current} of {total}": "Page {current} of {total}",
+    "{shown} of {total}": "{shown} of {total}",
+    "{from}–{to} of {total}": "{from}–{to} of {total}",
     "Parent schemas:": "Parent schemas:",
     "Password": "Password",
     "Pattern (regex)": "Pattern (regex)",
@@ -771,6 +775,27 @@
     "Message input": "Message input",
     "Start new chat": "Start new chat",
     "History": "History",
+    "No audit entries yet": "No audit entries yet",
+    "Meetings": "Meetings",
+    "No meetings": "No meetings",
+    "Open in Calendar": "Open in Calendar",
+    "(no title)": "(no title)",
+    "Could not load meetings.": "Could not load meetings.",
+    "Could not load meeting.": "Could not load meeting.",
+    "Calendar is currently unavailable.": "Calendar is currently unavailable.",
+    "Show all {count} fields": "Show all {count} fields",
+    "Show less": "Show less",
+    "{count} more": "{count} more",
+    "Identifier: {identifier}": "Identifier: {identifier}",
+    "What happened, who did it and when, newest first": "What happened, who did it and when, newest first",
+    "{app} is not installed": "{app} is not installed",
+    "Install and enable the {app} app to see this.": "Install and enable the {app} app to see this.",
+    "{title} needs the {app} app. Install and enable it to see this.": "{title} needs the {app} app. Install and enable it to see this.",
+    "View all ({total})": "View all ({total})",
+    "No items": "No items",
+    "Nothing here yet": "Nothing here yet",
+    "No items match this filter": "No items match this filter",
+    "Could not load these records": "Could not load these records",
     "No conversations yet": "No conversations yet",
     "Connecting...": "Connecting...",
     "Loading conversations...": "Loading conversations...",
@@ -1309,7 +1334,34 @@
     "Filter by {column}, active": "Filter by {column}, active",
     "Turn notifications off": "Turn notifications off",
     "Turn notifications on": "Turn notifications on",
-    "Could not change notifications.": "Could not change notifications."
+    "Could not change notifications.": "Could not change notifications.",
+    "Actions for the selection": "Actions for the selection",
+    "Active:": "Active:",
+    "Filter": "Filter",
+    "List": "List",
+    "Map": "Map",
+    "Remove filter: {label}": "Remove filter: {label}",
+    "Search and columns": "Search and columns",
+    "Sort by": "Sort by",
+    "View mode": "View mode",
+    "With the selected {plural}": "With the selected {plural}",
+    "items": "items",
+    "{count} active": "{count} active",
+    "Delete \"{name}\"": "Delete \"{name}\"",
+    "No saved views yet": "No saved views yet",
+    "No views with this label": "No views with this label",
+    "Save current view…": "Save current view…",
+    "Save view": "Save view",
+    "Saved views": "Saved views",
+    "Show only views labelled \"{label}\"": "Show only views labelled \"{label}\"",
+    "Stop filtering on \"{label}\"": "Stop filtering on \"{label}\"",
+    "{name}, level {level}": "{name}, level {level}",
+    "{name}. Parts of this view come from one you cannot see.": "{name}. Parts of this view come from one you cannot see.",
+    "More filters": "More filters",
+    "Quick filters": "Quick filters",
+    "{count} filters": "{count} filters",
+    "{count} more filters": "{count} more filters",
+    "{label} — show the other filters": "{label} — show the other filters"
   },
   "plurals": {
     "%n year": [
@@ -1320,6 +1372,10 @@
       "%n month",
       "%n months"
     ],
+    "%n hour": [
+      "%n hour",
+      "%n hours"
+    ],
     "%n day": [
       "%n day",
       "%n days"
@@ -1375,6 +1431,10 @@
     "in {count} day": [
       "in {count} day",
       "in {count} days"
+    ],
+    "{count} more filter": [
+      "{count} more filter",
+      "{count} more filters"
     ]
   }
 }