@conduction/nextcloud-vue 2.63.0 → 2.64.0

package/dist/esm/nextcloud-vue.css

@@ -185,7 +185,7 @@
 .cn-data-table th,
 .cn-data-table td {
 	padding: calc(3 * var(--default-grid-baseline));
-	text-align: left;
+	text-align: start;
 	border-bottom: 1px solid var(--color-border);
 	vertical-align: middle;
 	max-width: var(--cn-table-cell-max-width, 22rem);
@@ -204,6 +204,18 @@
 	white-space: normal;
 }
 
+/* The secondary line of a cell (`columns[].secondary`): muted, smaller, on its
+   own line under the value. Theme hooks: --cn-table-secondary-size and
+   --cn-table-secondary-color. */
+.cn-data-table .cn-table-cell__secondary {
+	display: block;
+	color: var(--cn-table-secondary-color, var(--color-text-maxcontrast));
+	font-size: var(--cn-table-secondary-size, 0.9em);
+	line-height: 1.35;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
 /* Back to wrapping, for a column holding prose rather than a label:
    `columns: [{ key: 'description', cellClass: 'cn-cell--wrap' }]`. */
 .cn-data-table th.cn-cell--wrap,
@@ -265,7 +277,7 @@
 }
 
 .cn-data-table td.cn-cell--end {
-	text-align: right;
+	text-align: end;
 	white-space: nowrap;
 }
 
@@ -303,7 +315,7 @@
 }
 
 .cn-table-sort-indicator {
-	margin-left: var(--default-grid-baseline);
+	margin-inline-start: var(--default-grid-baseline);
 	opacity: 0.6;
 }
 
@@ -413,7 +425,7 @@
 	justify-content: center;
 	min-width: 14px;
 	height: 14px;
-	margin-left: 2px;
+	margin-inline-start: 2px;
 	padding: 0 3px;
 	border-radius: 7px;
 	background-color: var(--color-primary-element);
@@ -478,7 +490,7 @@
 
 .cn-table-col--icon {
 	width: 40px;
-	padding-right: 0;
+	padding-inline-end: 0;
 	text-align: center;
 	color: var(--color-text-maxcontrast);
 }
@@ -541,7 +553,7 @@
 
 .viewTable { width: 100%; border-collapse: collapse; background-color: var(--color-main-background); }
 
-.viewTable th, .viewTable td { padding: calc(3 * var(--default-grid-baseline)); text-align: left; border-bottom: 1px solid var(--color-border); vertical-align: middle; }
+.viewTable th, .viewTable td { padding: calc(3 * var(--default-grid-baseline)); text-align: start; border-bottom: 1px solid var(--color-border); vertical-align: middle; }
 
 .viewTable th { background: var(--color-background-hover); font-weight: 500; color: var(--color-text-maxcontrast); background-color: var(--color-background-dark); }
 
@@ -1037,7 +1049,7 @@
 	padding: var(--cn-kpi-padding-flat, 8px);
 	box-sizing: border-box;
 	overflow: hidden;
-	text-align: left;
+	text-align: start;
 	text-decoration: none;
 	color: inherit;
 	background: transparent;
@@ -1152,6 +1164,29 @@
 	white-space: nowrap;
 }
 
+/* A caption coloured by a rule (`captionVariant` / `overrides[].captionVariant`):
+   "1 due today" in the error colour. Foreground tokens, which stay readable in
+   dark mode. */
+.cn-kpi-card__label--primary {
+	color: var(--color-primary-element);
+	font-weight: 600;
+}
+
+.cn-kpi-card__label--success {
+	color: var(--color-text-success, var(--color-success-text));
+	font-weight: 600;
+}
+
+.cn-kpi-card__label--warning {
+	color: var(--color-element-warning, var(--color-warning-text));
+	font-weight: 600;
+}
+
+.cn-kpi-card__label--error {
+	color: var(--color-text-error, var(--color-error-text));
+	font-weight: 600;
+}
+
 /* Semantic variants. Each re-points the ONE accent token, so the icon tint
    and the number move together by construction — there is no second place to
    forget. The inline KPI below shares the same modifiers for the same reason:
@@ -2724,6 +2759,12 @@
 	position: relative;
 }
 
+/* The breadcrumb line above the header (`config.breadcrumb`). */
+.cn-detail-page__breadcrumbs {
+	margin-bottom: calc(2 * var(--default-grid-baseline));
+	color: var(--color-text-maxcontrast);
+}
+
 /* Header */
 .cn-detail-page__header {
 	display: flex;
@@ -2891,7 +2932,7 @@
 
 .cn-detail-page__stats-table thead th {
 	padding: calc(1.5 * var(--default-grid-baseline)) calc(2 * var(--default-grid-baseline));
-	text-align: left;
+	text-align: start;
 	font-weight: 600;
 	font-size: 0.9em;
 	color: var(--color-text-maxcontrast);
@@ -2916,7 +2957,7 @@
 }
 
 .cn-detail-page__stats-cell--indented {
-	padding-left: calc(5 * var(--default-grid-baseline)) !important;
+	padding-inline-start: calc(5 * var(--default-grid-baseline)) !important;
 }
 
 .cn-detail-page__stats-cell--center {
@@ -2924,7 +2965,7 @@
 }
 
 .cn-detail-page__stats-cell--right {
-	text-align: right;
+	text-align: end;
 }
 
 /* Body & content */
@@ -3058,7 +3099,7 @@
 
 .cn-detail-page__sidebar-toggle {
 	position: fixed;
-	right: calc(5 * var(--default-grid-baseline));
+	inset-inline-end: calc(5 * var(--default-grid-baseline));
 	top: 80px;
 	z-index: 10;
 }
@@ -6463,7 +6504,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 .cn-data-table th,
 .cn-data-table td {
 	padding: calc(3 * var(--default-grid-baseline));
-	text-align: left;
+	text-align: start;
 	border-bottom: 1px solid var(--color-border);
 	vertical-align: middle;
 	max-width: var(--cn-table-cell-max-width, 22rem);
@@ -6482,6 +6523,18 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	white-space: normal;
 }
 
+/* The secondary line of a cell (`columns[].secondary`): muted, smaller, on its
+   own line under the value. Theme hooks: --cn-table-secondary-size and
+   --cn-table-secondary-color. */
+.cn-data-table .cn-table-cell__secondary {
+	display: block;
+	color: var(--cn-table-secondary-color, var(--color-text-maxcontrast));
+	font-size: var(--cn-table-secondary-size, 0.9em);
+	line-height: 1.35;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
 /* Back to wrapping, for a column holding prose rather than a label:
    `columns: [{ key: 'description', cellClass: 'cn-cell--wrap' }]`. */
 .cn-data-table th.cn-cell--wrap,
@@ -6543,7 +6596,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 
 .cn-data-table td.cn-cell--end {
-	text-align: right;
+	text-align: end;
 	white-space: nowrap;
 }
 
@@ -6581,7 +6634,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 
 .cn-table-sort-indicator {
-	margin-left: var(--default-grid-baseline);
+	margin-inline-start: var(--default-grid-baseline);
 	opacity: 0.6;
 }
 
@@ -6691,7 +6744,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	justify-content: center;
 	min-width: 14px;
 	height: 14px;
-	margin-left: 2px;
+	margin-inline-start: 2px;
 	padding: 0 3px;
 	border-radius: 7px;
 	background-color: var(--color-primary-element);
@@ -6756,7 +6809,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 
 .cn-table-col--icon {
 	width: 40px;
-	padding-right: 0;
+	padding-inline-end: 0;
 	text-align: center;
 	color: var(--color-text-maxcontrast);
 }
@@ -6819,7 +6872,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 
 .viewTable { width: 100%; border-collapse: collapse; background-color: var(--color-main-background); }
 
-.viewTable th, .viewTable td { padding: calc(3 * var(--default-grid-baseline)); text-align: left; border-bottom: 1px solid var(--color-border); vertical-align: middle; }
+.viewTable th, .viewTable td { padding: calc(3 * var(--default-grid-baseline)); text-align: start; border-bottom: 1px solid var(--color-border); vertical-align: middle; }
 
 .viewTable th { background: var(--color-background-hover); font-weight: 500; color: var(--color-text-maxcontrast); background-color: var(--color-background-dark); }
 
@@ -16058,6 +16111,27 @@ a.cn-xwiki-card__title[data-v-54e85fe3]:hover {
 	flex-shrink: 0;
 }
 
+/* The header's text link (`headerLink`). Theme hooks: --cn-widget-header-link-size
+   and --cn-widget-header-link-weight. */
+.cn-widget-wrapper__header-link[data-v-4dd77f59] {
+	align-self: center;
+	padding: 0 calc(1 * var(--default-grid-baseline));
+	color: var(--color-primary-element);
+	font-size: var(--cn-widget-header-link-size, 14px);
+	font-weight: var(--cn-widget-header-link-weight, 600);
+	text-decoration: none;
+	white-space: nowrap;
+}
+.cn-widget-wrapper__header-link[data-v-4dd77f59]:hover,
+.cn-widget-wrapper__header-link[data-v-4dd77f59]:focus-visible {
+	text-decoration: underline;
+}
+.cn-widget-wrapper__header-link[data-v-4dd77f59]:focus-visible {
+	outline: 2px solid var(--color-primary-element);
+	outline-offset: 2px;
+	border-radius: var(--border-radius-small, 4px);
+}
+
 /* Every widget's header icon is coloured — `--cn-widget-icon-color` is set on
    the header from titleIconStyle, and defaults to the theme colour if a
    wrapper is ever rendered without it. Material-design-icon components paint
@@ -16757,6 +16831,74 @@ a.cn-xwiki-card__title[data-v-54e85fe3]:hover {
 	color: var(--color-text-maxcontrast);
 }
 
+/* The bars variant: equal columns, a thin bar per step. Theme hooks:
+   --cn-stages-bar-height, --cn-stages-bar-radius, --cn-stages-bar-done,
+   --cn-stages-bar-current, --cn-stages-bar-todo. */
+.cn-stages-widget__bars[data-v-358fde0f] {
+	display: grid;
+	grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+	grid-auto-flow: column;
+	gap: 8px;
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+.cn-stages-widget__bar-step[data-v-358fde0f] {
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+	min-width: 0;
+}
+.cn-stages-widget__bar[data-v-358fde0f] {
+	display: block;
+	height: var(--cn-stages-bar-height, 6px);
+	border-radius: var(--cn-stages-bar-radius, 3px);
+	background: var(--cn-stages-bar-todo, var(--color-border));
+}
+.cn-stages-widget__bar-step--done .cn-stages-widget__bar[data-v-358fde0f] {
+	background: var(--cn-stages-bar-done, var(--color-primary-element));
+}
+.cn-stages-widget__bar-step--current .cn-stages-widget__bar[data-v-358fde0f] {
+	background: var(--cn-stages-bar-current, var(--color-error));
+}
+.cn-stages-widget__bar-label[data-v-358fde0f] {
+	display: block;
+	margin: 0;
+	padding: 0;
+	border: 0;
+	background: none;
+	color: var(--color-text-maxcontrast);
+	font: inherit;
+	font-size: 14px;
+	text-align: start;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+button.cn-stages-widget__bar-label[data-v-358fde0f] {
+	cursor: pointer;
+}
+button.cn-stages-widget__bar-label[aria-disabled="true"][data-v-358fde0f] {
+	cursor: not-allowed;
+}
+button.cn-stages-widget__bar-label[data-v-358fde0f]:focus-visible {
+	outline: 2px solid var(--color-primary-element);
+	outline-offset: 2px;
+	border-radius: var(--border-radius-small, 4px);
+}
+.cn-stages-widget__bar-step--done .cn-stages-widget__bar-label[data-v-358fde0f] {
+	color: var(--color-main-text);
+	font-weight: 600;
+}
+.cn-stages-widget__bar-step--current .cn-stages-widget__bar-label[data-v-358fde0f] {
+	color: var(--color-main-text);
+	font-weight: 700;
+}
+.cn-stages-widget__bar-date[data-v-358fde0f] {
+	font-size: 12px;
+	color: var(--color-text-maxcontrast);
+}
+
 /* Text for screen readers only. */
 .cn-stages-widget__sr-only[data-v-358fde0f] {
 	position: absolute;
@@ -16934,7 +17076,7 @@ a.cn-xwiki-card__title[data-v-54e85fe3]:hover {
 	padding: var(--cn-kpi-padding-flat, 8px);
 	box-sizing: border-box;
 	overflow: hidden;
-	text-align: left;
+	text-align: start;
 	text-decoration: none;
 	color: inherit;
 	background: transparent;
@@ -17049,6 +17191,29 @@ a.cn-xwiki-card__title[data-v-54e85fe3]:hover {
 	white-space: nowrap;
 }
 
+/* A caption coloured by a rule (`captionVariant` / `overrides[].captionVariant`):
+   "1 due today" in the error colour. Foreground tokens, which stay readable in
+   dark mode. */
+.cn-kpi-card__label--primary {
+	color: var(--color-primary-element);
+	font-weight: 600;
+}
+
+.cn-kpi-card__label--success {
+	color: var(--color-text-success, var(--color-success-text));
+	font-weight: 600;
+}
+
+.cn-kpi-card__label--warning {
+	color: var(--color-element-warning, var(--color-warning-text));
+	font-weight: 600;
+}
+
+.cn-kpi-card__label--error {
+	color: var(--color-text-error, var(--color-error-text));
+	font-weight: 600;
+}
+
 /* Semantic variants. Each re-points the ONE accent token, so the icon tint
    and the number move together by construction — there is no second place to
    forget. The inline KPI below shares the same modifiers for the same reason:
@@ -18003,6 +18168,68 @@ to { background-position: -200% 0;
 }
 
 
+.cn-segmented-control[data-v-7b344b4f] {
+	display: inline-flex;
+	gap: 4px;
+	max-width: 100%;
+	padding: 4px;
+	border-radius: var(--border-radius-container, var(--border-radius-large, 10px));
+	background-color: var(--color-background-dark);
+	overflow-x: auto;
+}
+.cn-segmented-control--stretch[data-v-7b344b4f] {
+	display: flex;
+}
+.cn-segmented-control--stretch .cn-segmented-control__option[data-v-7b344b4f] {
+	flex: 1 1 0;
+}
+
+/* The parent class outscores Nextcloud's server rule that gives every plain
+   `button` a margin and a border. */
+.cn-segmented-control .cn-segmented-control__option[data-v-7b344b4f] {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	gap: 8px;
+	box-sizing: border-box;
+	min-height: 36px;
+	margin: 0;
+	padding: 0 16px;
+	border: 1px solid transparent;
+	border-radius: var(--border-radius-element, var(--border-radius-large, 8px));
+	background-color: transparent;
+	/* Full-contrast label on every option: the choice is carried by the
+	   raised surface, not by dimming the others. */
+	color: var(--color-main-text);
+	font: inherit;
+	font-weight: 600;
+	white-space: nowrap;
+	cursor: pointer;
+}
+.cn-segmented-control .cn-segmented-control__option[data-v-7b344b4f]:hover {
+	background-color: var(--color-background-hover);
+}
+.cn-segmented-control .cn-segmented-control__option[data-v-7b344b4f]:focus-visible {
+	outline: 2px solid var(--color-primary-element);
+	outline-offset: 2px;
+}
+
+/* The border survives forced-colours mode, which drops background and shadow. */
+.cn-segmented-control .cn-segmented-control__option--checked[data-v-7b344b4f],
+.cn-segmented-control .cn-segmented-control__option--checked[data-v-7b344b4f]:hover {
+	border-color: var(--color-border-dark);
+	background-color: var(--color-main-background);
+	box-shadow: 0 1px 2px var(--color-box-shadow);
+}
+.cn-segmented-control .cn-segmented-control__option[disabled][data-v-7b344b4f] {
+	cursor: default;
+	opacity: 0.5;
+}
+.cn-segmented-control__count[data-v-7b344b4f] {
+	font-weight: 400;
+}
+
+
 .cn-header-widget[data-v-1b97430f] {
 	width: 100%;
 	height: 100%;
@@ -18014,6 +18241,27 @@ to { background-position: -200% 0;
 	min-height: 0;
 	border-radius: 0;
 }
+
+/* With a view switch the heading and the switch share one row, the switch
+   at the right and bottom-aligned with the heading; on a narrow card the
+   switch wraps under it. */
+.cn-header-widget--with-views[data-v-1b97430f] {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: flex-end;
+	justify-content: space-between;
+	gap: calc(2 * var(--default-grid-baseline)) calc(4 * var(--default-grid-baseline));
+}
+.cn-header-widget--with-views .cn-header-widget__content[data-v-1b97430f] {
+	flex: 1 1 320px;
+	width: auto;
+}
+.cn-header-widget__views[data-v-1b97430f] {
+	position: relative;
+	z-index: 1;
+	flex: 0 0 auto;
+	padding: 16px;
+}
 .cn-header-widget__date[data-v-1b97430f] {
 	font-size: 14px;
 	line-height: 1.4;
@@ -18075,7 +18323,7 @@ to { background-position: -200% 0;
 	height: 1px;
 	opacity: 0;
 	pointer-events: none;
-	left: -9999px;
+	inset-inline-start: -9999px;
 	top: -9999px;
 }
 @media print {
@@ -32883,6 +33131,70 @@ a.cn-integration-card__title[data-v-f7e9bbfa]:hover {
 }
 
 
+/* The emblem beside the app name (`nav.brand.emblem`). A theme sets
+   --nldesign-emblem-url for `emblem: true`, and --cn-nav-emblem-size for both. */
+.cn-app-nav__brand-emblem {
+	flex: none;
+	height: var(--cn-nav-emblem-size, 34px);
+	width: auto;
+	object-fit: contain;
+}
+.cn-app-nav__brand-emblem--theme {
+	display: inline-block;
+	width: var(--cn-nav-emblem-size, 34px);
+	background: var(--nldesign-emblem-url) center / contain no-repeat;
+}
+
+/* The solid primary action (`solid: true`, or an action that dispatches):
+   one full-width primary button, as the board draws "New case". */
+.cn-app-nav__primary-action--solid .cn-action-buttons,
+.cn-app-nav__primary-action--solid .cn-action-buttons .button-vue,
+.cn-app-nav__primary-action--solid .button-vue {
+	width: 100%;
+	justify-content: center;
+}
+
+/* The card above the footer entries (`nav.card`). Theme hooks:
+   --cn-nav-card-background and --cn-nav-card-radius. */
+.cn-app-nav__card {
+	display: flex;
+	flex-direction: column;
+	gap: calc(2 * var(--default-grid-baseline));
+	margin: calc(2 * var(--default-grid-baseline));
+	padding: calc(4 * var(--default-grid-baseline));
+	border-radius: var(--cn-nav-card-radius, var(--border-radius-large));
+	background: var(--cn-nav-card-background, var(--color-background-hover));
+}
+.cn-app-nav__card-title {
+	color: var(--color-main-text);
+	font-weight: 700;
+}
+.cn-app-nav__card-text {
+	color: var(--color-text-maxcontrast);
+	line-height: 1.4;
+}
+.cn-app-nav__card-link {
+	align-self: flex-start;
+	margin: 0;
+	padding: 0;
+	border: 0;
+	background: none;
+	color: var(--color-primary-element);
+	font: inherit;
+	font-weight: 600;
+	text-decoration: none;
+	cursor: pointer;
+}
+.cn-app-nav__card-link:hover,
+.cn-app-nav__card-link:focus-visible {
+	text-decoration: underline;
+}
+.cn-app-nav__card-link:focus-visible {
+	outline: 2px solid var(--color-primary-element);
+	outline-offset: 2px;
+	border-radius: var(--border-radius-small, 4px);
+}
+
 /* The brand block at the top of the navigation. */
 .cn-app-nav__brand {
 	align-items: center;
@@ -34771,68 +35083,6 @@ a.cn-integration-card__title[data-v-f7e9bbfa]:hover {
 }
 
 
-.cn-segmented-control[data-v-7b344b4f] {
-	display: inline-flex;
-	gap: 4px;
-	max-width: 100%;
-	padding: 4px;
-	border-radius: var(--border-radius-container, var(--border-radius-large, 10px));
-	background-color: var(--color-background-dark);
-	overflow-x: auto;
-}
-.cn-segmented-control--stretch[data-v-7b344b4f] {
-	display: flex;
-}
-.cn-segmented-control--stretch .cn-segmented-control__option[data-v-7b344b4f] {
-	flex: 1 1 0;
-}
-
-/* The parent class outscores Nextcloud's server rule that gives every plain
-   `button` a margin and a border. */
-.cn-segmented-control .cn-segmented-control__option[data-v-7b344b4f] {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	gap: 8px;
-	box-sizing: border-box;
-	min-height: 36px;
-	margin: 0;
-	padding: 0 16px;
-	border: 1px solid transparent;
-	border-radius: var(--border-radius-element, var(--border-radius-large, 8px));
-	background-color: transparent;
-	/* Full-contrast label on every option: the choice is carried by the
-	   raised surface, not by dimming the others. */
-	color: var(--color-main-text);
-	font: inherit;
-	font-weight: 600;
-	white-space: nowrap;
-	cursor: pointer;
-}
-.cn-segmented-control .cn-segmented-control__option[data-v-7b344b4f]:hover {
-	background-color: var(--color-background-hover);
-}
-.cn-segmented-control .cn-segmented-control__option[data-v-7b344b4f]:focus-visible {
-	outline: 2px solid var(--color-primary-element);
-	outline-offset: 2px;
-}
-
-/* The border survives forced-colours mode, which drops background and shadow. */
-.cn-segmented-control .cn-segmented-control__option--checked[data-v-7b344b4f],
-.cn-segmented-control .cn-segmented-control__option--checked[data-v-7b344b4f]:hover {
-	border-color: var(--color-border-dark);
-	background-color: var(--color-main-background);
-	box-shadow: 0 1px 2px var(--color-box-shadow);
-}
-.cn-segmented-control .cn-segmented-control__option[disabled][data-v-7b344b4f] {
-	cursor: default;
-	opacity: 0.5;
-}
-.cn-segmented-control__count[data-v-7b344b4f] {
-	font-weight: 400;
-}
-
-
 .cn-brand-stripe[data-v-6fdfa763] {
 	--cn-brand-stripe-first: var(--cn-brand-stripe-ratio-1, 1);
 	--cn-brand-stripe-second: var(--cn-brand-stripe-ratio-2, 1);

package/dist/esm/utils/schemaRefSlug.js

@@ -35,9 +35,14 @@
  * registers author the slug by hand for multi-word titles) folds to one
  * `-`, leading/trailing dashes trimmed.
  *
- * Idempotent: a value that is already a slug (`report-period`, `cohort`)
- * passes through unchanged, so it is always safe to route an already-correct
- * value through this function defensively.
+ * Idempotent: a value that is already a slug (`report-period`, `cohort`,
+ * `statusType`) passes through unchanged, so it is always safe to route an
+ * already-correct value through this function defensively. A slug is any
+ * value that starts with a lowercase letter or digit and holds only
+ * letters, digits and dashes; only a title (capital initial, or spaces and
+ * punctuation) is kebab-cased.
+ *
+ * @spec openspec/changes/zuiddrecht-pixel-gaps/specs/zuiddrecht-pixel-gaps/spec.md#requirement-a-plain-schema-slug-is-left-as-written
  *
  * A numeric schema id (OpenRegister accepts either the slug or the numeric
  * id in the objects-API path) is returned unchanged — slugifying a number
@@ -63,6 +68,17 @@ function schemaRefSlug(ref) {
 	if (tail === '') {
 		return ''
 	}
+	// A plain slug is left as written. OpenRegister matches a slug
+	// case-insensitively (`statusType`, `statustype` and `StatusType` all
+	// answer 200) but `status-type` is another slug and 404s, so a
+	// camelCase slug authored as a slug must not be kebab-cased. Only a
+	// `$ref` TITLE is: it starts with a capital (`ReportPeriod`) or carries
+	// spaces or punctuation (`Praktijkovereenkomst (POK)`). 2.62.0 kebab-cased
+	// everything and broke every camelCase slug (dossiq: statusType, caseType,
+	// caseObject, bezwaarDecision, bacAdviceRequest, wmsLayer, ...).
+	if (/^[a-z0-9][A-Za-z0-9-]*$/.test(tail)) {
+		return tail
+	}
 	const kebab = tail
 		// PascalCase / camelCase word boundaries: `ReportPeriod` -> `Report-Period`,
 		// an acronym run followed by a new capitalised word: `HTTPServer` -> `HTTP-Server`.

package/dist/esm/utils/schemaRefSlug.js.map

@@ -1 +1 @@
-{"version":3,"file":"schemaRefSlug.js","sources":["../../../src/utils/schemaRefSlug.js"],"sourcesContent":["/**\n * Slugify an OpenRegister `$ref` schema reference into the objects API's\n * schema path segment.\n *\n * OpenRegister resolves `GET /api/objects/{register}/{schema}/...` by schema\n * **slug**, case-insensitively for a single-word title (`Cohort` and `cohort`\n * both answer 200), but a slug is only single-word-safe by accident: a\n * multi-word schema title such as `ReportPeriod` or `LearnerProfile` is\n * registered under its kebab-case slug (`report-period`, `learner-profile`)\n * and the PascalCase title itself 404s. A schema's `$ref` is authored as\n * that PascalCase (or spaced) title, not the slug, so every consumer that\n * built an objects-API path straight from `$ref` shipped the same defect\n * (learniq round-1 defect 7 — verified 2026-09-25: `ReportPeriod` and\n * `LearnerProfile` 404, `report-period` and `learner-profile` 200; 128\n * properties across 52 schema titles were affected, which is why\n * `ReportCardDetail` rendered with every relation panel blank).\n *\n * This module is the one fleet-wide fix: every resolver that turns a\n * `$ref` into an objects-API path segment routes through {@link schemaRefSlug}\n * instead of using the raw title. It is distinct from (and does not\n * replace) `savedViewHelpers.js`'s `schemaSlug()`, which reads an\n * ALREADY-KNOWN slug off a page's `schema` prop (string or `{ slug }`\n * object) — this module derives a slug from a raw, possibly-PascalCase\n * `$ref` title instead, so the two are kept as separate named exports\n * rather than overloading one name for two different inputs.\n *\n * @module utils/schemaRefSlug\n */\n\n/**\n * Kebab-case a schema `$ref` value into the OpenRegister objects-API schema\n * slug, matching the register convention (`SchemaMapper::generateSlug()`):\n * lowercase, every run of non `[a-z0-9]` characters (including a PascalCase\n * word boundary, which the PHP fallback never has to handle because these\n * registers author the slug by hand for multi-word titles) folds to one\n * `-`, leading/trailing dashes trimmed.\n *\n * Idempotent: a value that is already a slug (`report-period`, `cohort`)\n * passes through unchanged, so it is always safe to route an already-correct\n * value through this function defensively.\n *\n * A numeric schema id (OpenRegister accepts either the slug or the numeric\n * id in the objects-API path) is returned unchanged — slugifying a number\n * has no meaning and must never turn `85` into `'85'` and then reject it\n * downstream for being the \"wrong\" type.\n *\n * @param {unknown} ref A `$ref` value: a bare title/slug (`'ReportPeriod'`,\n *   `'report-period'`), a JSON-Pointer (`'#/components/schemas/ReportPeriod'`),\n *   or a numeric schema id.\n * @return {string|number} The kebab-case slug, the original number, or `''`\n *   for a `ref` that carries no usable identifier (null/undefined/empty).\n */\nexport function schemaRefSlug(ref) {\n\tif (typeof ref === 'number') {\n\t\treturn Number.isNaN(ref) ? '' : ref\n\t}\n\tif (typeof ref !== 'string') {\n\t\treturn ''\n\t}\n\t// JSON-Pointer form (`#/components/schemas/<title>`) — take the tail,\n\t// the same rule `normalizeRef()` in `schema.js` already applies.\n\tconst tail = ref.includes('/') ? ref.substring(ref.lastIndexOf('/') + 1) : ref\n\tif (tail === '') {\n\t\treturn ''\n\t}\n\tconst kebab = tail\n\t\t// PascalCase / camelCase word boundaries: `ReportPeriod` -> `Report-Period`,\n\t\t// an acronym run followed by a new capitalised word: `HTTPServer` -> `HTTP-Server`.\n\t\t.replace(/([a-z0-9])([A-Z])/g, '$1-$2')\n\t\t.replace(/([A-Z]+)([A-Z][a-z])/g, '$1-$2')\n\t\t.toLowerCase()\n\t\t// Spaces, punctuation, parentheses (`Praktijkovereenkomst (POK)`) all\n\t\t// fold to a single dash, exactly as the register's own fallback slug\n\t\t// generator treats anything outside `[a-z0-9-]`.\n\t\t.replace(/[^a-z0-9-]+/g, '-')\n\t\t.replace(/-+/g, '-')\n\t\t.replace(/^-+|-+$/g, '')\n\treturn kebab\n}\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,aAAa,CAAC,GAAG,EAAE;AACnC,CAAC,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;AAC9B,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG;AACrC,EAAE;AACF,CAAC,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;AAC9B,EAAE,OAAO,EAAE;AACX,EAAE;AACF;AACA;AACA,CAAC,MAAM,IAAI,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,IAAG;AAC/E,CAAC,IAAI,IAAI,KAAK,EAAE,EAAE;AAClB,EAAE,OAAO,EAAE;AACX,EAAE;AACF,CAAC,MAAM,KAAK,GAAG,IAAI;AACnB;AACA;AACA,GAAG,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC;AACzC,GAAG,OAAO,CAAC,uBAAuB,EAAE,OAAO,CAAC;AAC5C,GAAG,WAAW,EAAE;AAChB;AACA;AACA;AACA,GAAG,OAAO,CAAC,cAAc,EAAE,GAAG,CAAC;AAC/B,GAAG,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC;AACtB,GAAG,OAAO,CAAC,UAAU,EAAE,EAAE,EAAC;AAC1B,CAAC,OAAO,KAAK;AACb;;;;"}
+{"version":3,"file":"schemaRefSlug.js","sources":["../../../src/utils/schemaRefSlug.js"],"sourcesContent":["/**\n * Slugify an OpenRegister `$ref` schema reference into the objects API's\n * schema path segment.\n *\n * OpenRegister resolves `GET /api/objects/{register}/{schema}/...` by schema\n * **slug**, case-insensitively for a single-word title (`Cohort` and `cohort`\n * both answer 200), but a slug is only single-word-safe by accident: a\n * multi-word schema title such as `ReportPeriod` or `LearnerProfile` is\n * registered under its kebab-case slug (`report-period`, `learner-profile`)\n * and the PascalCase title itself 404s. A schema's `$ref` is authored as\n * that PascalCase (or spaced) title, not the slug, so every consumer that\n * built an objects-API path straight from `$ref` shipped the same defect\n * (learniq round-1 defect 7 — verified 2026-09-25: `ReportPeriod` and\n * `LearnerProfile` 404, `report-period` and `learner-profile` 200; 128\n * properties across 52 schema titles were affected, which is why\n * `ReportCardDetail` rendered with every relation panel blank).\n *\n * This module is the one fleet-wide fix: every resolver that turns a\n * `$ref` into an objects-API path segment routes through {@link schemaRefSlug}\n * instead of using the raw title. It is distinct from (and does not\n * replace) `savedViewHelpers.js`'s `schemaSlug()`, which reads an\n * ALREADY-KNOWN slug off a page's `schema` prop (string or `{ slug }`\n * object) — this module derives a slug from a raw, possibly-PascalCase\n * `$ref` title instead, so the two are kept as separate named exports\n * rather than overloading one name for two different inputs.\n *\n * @module utils/schemaRefSlug\n */\n\n/**\n * Kebab-case a schema `$ref` value into the OpenRegister objects-API schema\n * slug, matching the register convention (`SchemaMapper::generateSlug()`):\n * lowercase, every run of non `[a-z0-9]` characters (including a PascalCase\n * word boundary, which the PHP fallback never has to handle because these\n * registers author the slug by hand for multi-word titles) folds to one\n * `-`, leading/trailing dashes trimmed.\n *\n * Idempotent: a value that is already a slug (`report-period`, `cohort`,\n * `statusType`) passes through unchanged, so it is always safe to route an\n * already-correct value through this function defensively. A slug is any\n * value that starts with a lowercase letter or digit and holds only\n * letters, digits and dashes; only a title (capital initial, or spaces and\n * punctuation) is kebab-cased.\n *\n * @spec openspec/changes/zuiddrecht-pixel-gaps/specs/zuiddrecht-pixel-gaps/spec.md#requirement-a-plain-schema-slug-is-left-as-written\n *\n * A numeric schema id (OpenRegister accepts either the slug or the numeric\n * id in the objects-API path) is returned unchanged — slugifying a number\n * has no meaning and must never turn `85` into `'85'` and then reject it\n * downstream for being the \"wrong\" type.\n *\n * @param {unknown} ref A `$ref` value: a bare title/slug (`'ReportPeriod'`,\n *   `'report-period'`), a JSON-Pointer (`'#/components/schemas/ReportPeriod'`),\n *   or a numeric schema id.\n * @return {string|number} The kebab-case slug, the original number, or `''`\n *   for a `ref` that carries no usable identifier (null/undefined/empty).\n */\nexport function schemaRefSlug(ref) {\n\tif (typeof ref === 'number') {\n\t\treturn Number.isNaN(ref) ? '' : ref\n\t}\n\tif (typeof ref !== 'string') {\n\t\treturn ''\n\t}\n\t// JSON-Pointer form (`#/components/schemas/<title>`) — take the tail,\n\t// the same rule `normalizeRef()` in `schema.js` already applies.\n\tconst tail = ref.includes('/') ? ref.substring(ref.lastIndexOf('/') + 1) : ref\n\tif (tail === '') {\n\t\treturn ''\n\t}\n\t// A plain slug is left as written. OpenRegister matches a slug\n\t// case-insensitively (`statusType`, `statustype` and `StatusType` all\n\t// answer 200) but `status-type` is another slug and 404s, so a\n\t// camelCase slug authored as a slug must not be kebab-cased. Only a\n\t// `$ref` TITLE is: it starts with a capital (`ReportPeriod`) or carries\n\t// spaces or punctuation (`Praktijkovereenkomst (POK)`). 2.62.0 kebab-cased\n\t// everything and broke every camelCase slug (dossiq: statusType, caseType,\n\t// caseObject, bezwaarDecision, bacAdviceRequest, wmsLayer, ...).\n\tif (/^[a-z0-9][A-Za-z0-9-]*$/.test(tail)) {\n\t\treturn tail\n\t}\n\tconst kebab = tail\n\t\t// PascalCase / camelCase word boundaries: `ReportPeriod` -> `Report-Period`,\n\t\t// an acronym run followed by a new capitalised word: `HTTPServer` -> `HTTP-Server`.\n\t\t.replace(/([a-z0-9])([A-Z])/g, '$1-$2')\n\t\t.replace(/([A-Z]+)([A-Z][a-z])/g, '$1-$2')\n\t\t.toLowerCase()\n\t\t// Spaces, punctuation, parentheses (`Praktijkovereenkomst (POK)`) all\n\t\t// fold to a single dash, exactly as the register's own fallback slug\n\t\t// generator treats anything outside `[a-z0-9-]`.\n\t\t.replace(/[^a-z0-9-]+/g, '-')\n\t\t.replace(/-+/g, '-')\n\t\t.replace(/^-+|-+$/g, '')\n\treturn kebab\n}\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,aAAa,CAAC,GAAG,EAAE;AACnC,CAAC,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;AAC9B,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,GAAG;AACrC,EAAE;AACF,CAAC,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;AAC9B,EAAE,OAAO,EAAE;AACX,EAAE;AACF;AACA;AACA,CAAC,MAAM,IAAI,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,IAAG;AAC/E,CAAC,IAAI,IAAI,KAAK,EAAE,EAAE;AAClB,EAAE,OAAO,EAAE;AACX,EAAE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,IAAI,yBAAyB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;AAC3C,EAAE,OAAO,IAAI;AACb,EAAE;AACF,CAAC,MAAM,KAAK,GAAG,IAAI;AACnB;AACA;AACA,GAAG,OAAO,CAAC,oBAAoB,EAAE,OAAO,CAAC;AACzC,GAAG,OAAO,CAAC,uBAAuB,EAAE,OAAO,CAAC;AAC5C,GAAG,WAAW,EAAE;AAChB;AACA;AACA;AACA,GAAG,OAAO,CAAC,cAAc,EAAE,GAAG,CAAC;AAC/B,GAAG,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC;AACtB,GAAG,OAAO,CAAC,UAAU,EAAE,EAAE,EAAC;AAC1B,CAAC,OAAO,KAAK;AACb;;;;"}