@conduction/nextcloud-vue 1.0.0-beta.10 → 1.0.0-beta.12

package/dist/nextcloud-vue.css

@@ -3004,41 +3004,41 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 }
 
 
-.cn-advanced-form-dialog__value-input-container[data-v-2d8ad664] {
+.cn-advanced-form-dialog__value-input-container[data-v-65492b92] {
 	width: 100%;
 	min-width: 0;
 }
-.cn-advanced-form-dialog__value-input-container[data-v-2d8ad664] :deep(.text-field) {
+.cn-advanced-form-dialog__value-input-container[data-v-65492b92] :deep(.text-field) {
 	margin: 0;
 	padding: 0;
 }
-.cn-advanced-form-dialog__boolean-input-row[data-v-2d8ad664] {
+.cn-advanced-form-dialog__boolean-input-row[data-v-65492b92] {
 	display: flex;
 	align-items: center;
 	gap: 6px;
 }
-.cn-advanced-form-dialog__array-input-row[data-v-2d8ad664] {
+.cn-advanced-form-dialog__array-input-row[data-v-65492b92] {
 	display: flex;
 	align-items: center;
 	gap: 6px;
 }
-.cn-advanced-form-dialog__array-input-row[data-v-2d8ad664] > :first-child {
+.cn-advanced-form-dialog__array-input-row[data-v-65492b92] > :first-child {
 	flex: 1;
 }
 /* patch extreme size in field */
-.cn-advanced-form-dialog__boolean-input-row__input > span[data-v-2d8ad664] {
+.cn-advanced-form-dialog__boolean-input-row__input > span[data-v-65492b92] {
 	padding-left: 0;
 	padding-block: 0;
 }
-.cn-advanced-form-dialog__boolean-input-row__input > input[data-v-2d8ad664] {
+.cn-advanced-form-dialog__boolean-input-row__input > input[data-v-65492b92] {
 	margin: 0;
 }
-.cn-advanced-form-dialog__info-icon[data-v-2d8ad664] {
+.cn-advanced-form-dialog__info-icon[data-v-65492b92] {
 	flex-shrink: 0;
 	color: var(--color-text-maxcontrast);
 	cursor: help;
 }
-.cn-advanced-form-dialog__json-value[data-v-2d8ad664] {
+.cn-advanced-form-dialog__json-value[data-v-65492b92] {
 	max-height: 200px;
 	overflow-y: auto;
 	white-space: pre-wrap;
@@ -3053,15 +3053,15 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
    NcTextArea's wrapper has a fixed height (`calc(var(--default-clickable-area) * 2)`)
    that ignores the `rows` attribute, which causes the textarea to render with a
    too-small viewport. Let the wrapper grow with its content instead. */
-.cn-advanced-form-dialog__textarea[data-v-2d8ad664] {
+.cn-advanced-form-dialog__textarea[data-v-65492b92] {
 	width: 100%;
 	box-sizing: border-box;
 }
-.cn-advanced-form-dialog__textarea[data-v-2d8ad664] :deep(.textarea__main-wrapper) {
+.cn-advanced-form-dialog__textarea[data-v-65492b92] :deep(.textarea__main-wrapper) {
 	height: auto;
 	min-height: var(--default-clickable-area);
 }
-.cn-advanced-form-dialog__textarea[data-v-2d8ad664] :deep(textarea) {
+.cn-advanced-form-dialog__textarea[data-v-65492b92] :deep(textarea) {
 	width: 100%;
 	max-width: 100%;
 	box-sizing: border-box;
@@ -3071,17 +3071,17 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 	display: block;
 }
 /* Color widget: clickable swatch (native picker) + visible text input */
-.cn-advanced-form-dialog__color-input-row[data-v-2d8ad664] {
+.cn-advanced-form-dialog__color-input-row[data-v-65492b92] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	width: 100%;
 }
-.cn-advanced-form-dialog__color-input-row[data-v-2d8ad664] > :last-child {
+.cn-advanced-form-dialog__color-input-row[data-v-65492b92] > :last-child {
 	flex: 1;
 	min-width: 0;
 }
-.cn-advanced-form-dialog__color-swatch[data-v-2d8ad664] {
+.cn-advanced-form-dialog__color-swatch[data-v-65492b92] {
 	--cn-color-swatch-checker:
 		linear-gradient(45deg, var(--color-background-dark) 25%, transparent 25%),
 		linear-gradient(-45deg, var(--color-background-dark) 25%, transparent 25%),
@@ -3101,23 +3101,23 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 	overflow: hidden;
 	position: relative;
 }
-.cn-advanced-form-dialog__color-swatch[data-v-2d8ad664]:focus-visible {
+.cn-advanced-form-dialog__color-swatch[data-v-65492b92]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-advanced-form-dialog__color-swatch--readonly[data-v-2d8ad664] {
+.cn-advanced-form-dialog__color-swatch--readonly[data-v-65492b92] {
 	cursor: default;
 	width: 20px;
 	height: 20px;
 	vertical-align: middle;
 	margin-inline-end: 6px;
 }
-.cn-advanced-form-dialog__color-display[data-v-2d8ad664] {
+.cn-advanced-form-dialog__color-display[data-v-65492b92] {
 	display: inline-flex;
 	align-items: center;
 }
 /* Help text & inline validation under the input */
-.cn-advanced-form-dialog__field-help[data-v-2d8ad664] {
+.cn-advanced-form-dialog__field-help[data-v-65492b92] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
@@ -3125,32 +3125,32 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 	font-size: 0.85em;
 	color: var(--color-text-maxcontrast);
 }
-.cn-advanced-form-dialog__field-example[data-v-2d8ad664] {
+.cn-advanced-form-dialog__field-example[data-v-65492b92] {
 	font-style: italic;
 }
-.cn-advanced-form-dialog__field-error[data-v-2d8ad664] {
+.cn-advanced-form-dialog__field-error[data-v-65492b92] {
 	margin-top: 4px;
 	font-size: 0.85em;
 	color: var(--color-error-text);
 }
-.cn-advanced-form-dialog__value-cell-wrapper[data-v-2d8ad664] {
+.cn-advanced-form-dialog__value-cell-wrapper[data-v-65492b92] {
 	display: flex;
 	flex-direction: column;
 	width: 100%;
 }
 /* Object-array widget: chip list + add button */
-.cn-advanced-form-dialog__object-array[data-v-2d8ad664] {
+.cn-advanced-form-dialog__object-array[data-v-65492b92] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 	width: 100%;
 }
-.cn-advanced-form-dialog__object-array-chips[data-v-2d8ad664] {
+.cn-advanced-form-dialog__object-array-chips[data-v-65492b92] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 6px;
 }
-.cn-advanced-form-dialog__object-array-chip[data-v-2d8ad664] {
+.cn-advanced-form-dialog__object-array-chip[data-v-65492b92] {
 	display: inline-flex;
 	align-items: center;
 	gap: 4px;
@@ -3163,18 +3163,18 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 	font: inherit;
 	max-width: 240px;
 }
-.cn-advanced-form-dialog__object-array-chip[data-v-2d8ad664]:hover {
+.cn-advanced-form-dialog__object-array-chip[data-v-65492b92]:hover {
 	background: var(--color-background-hover);
 }
-.cn-advanced-form-dialog__object-array-chip-label[data-v-2d8ad664] {
+.cn-advanced-form-dialog__object-array-chip-label[data-v-65492b92] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-advanced-form-dialog__object-array-chip-remove[data-v-2d8ad664] {
+.cn-advanced-form-dialog__object-array-chip-remove[data-v-65492b92] {
 	flex-shrink: 0;
 }
-.cn-advanced-form-dialog__object-array-add[data-v-2d8ad664] {
+.cn-advanced-form-dialog__object-array-add[data-v-65492b92] {
 	align-self: flex-start;
 }
 

package/dist/nextcloud-vue.esm.js

@@ -45779,7 +45779,15 @@ var script$Q = {
 		CnJsonViewer: __vue_component__$T,
 		CnColorPicker: __vue_component__$R,
 		// Lazy-required to break the circular dep with CnAdvancedFormDialog.
-		CnAdvancedFormDialog: () => Promise.resolve().then(function () { return CnAdvancedFormDialog; }),
+		// `.then(m => m.default)` unwraps the dynamic-import module namespace
+		// before Vue receives it. With rollup's `inlineDynamicImports: true`
+		// the namespace is frozen (`Object.freeze({__proto__: null, default:
+		// component})`), and Vue 2's `Vue.extend()` against that wrapper
+		// trips "Cannot add property _Ctor, object is not extensible" when
+		// downstream code (Vue Router, `<component :is>`) attaches its
+		// internal `_Ctor` cache. Pre-unwrapping yields the raw component
+		// options object, which is extensible.
+		CnAdvancedFormDialog: () => Promise.resolve().then(function () { return CnAdvancedFormDialog; }).then(m => m.default),
 	},
 
 	props: {
@@ -46917,7 +46925,7 @@ __vue_render__$Q._withStripped = true;
   /* style */
   const __vue_inject_styles__$Q = undefined;
   /* scoped */
-  const __vue_scope_id__$Q = "data-v-2d8ad664";
+  const __vue_scope_id__$Q = "data-v-65492b92";
   /* module identifier */
   const __vue_module_identifier__$Q = undefined;
   /* functional template */
@@ -108450,9 +108458,24 @@ var CnFilesPage = /*#__PURE__*/Object.freeze({
  * library extensions can add their own by passing a merged map to
  * `CnAppRoot` (or `CnPageRenderer`) via the `pageTypes` prop.
  *
- * Each entry is wrapped in `defineAsyncComponent` so that apps using
- * only a subset of types do not pay the bundle cost for the others
- * (notably `dashboard` which depends on GridStack).
+ * Each entry uses `defineAsyncComponent` with an explicit
+ * `.then(m => m.default)` unwrap. The unwrap is load-bearing: rollup's
+ * `inlineDynamicImports: true` flattens every `import()` call into a
+ * `Promise.resolve().then(() => namespace)` where `namespace` is a
+ * frozen `Object.freeze({__proto__: null, default: <component>})`.
+ * Vue 2's async-component resolution against that frozen wrapper trips
+ * `Cannot add property _Ctor, object is not extensible` when downstream
+ * `Vue.extend()` (e.g. via Vue Router or `<component :is>`) tries to
+ * attach its internal `_Ctor` cache. Pre-unwrapping the `default`
+ * property yields the raw, extensible component options object —
+ * which Vue can then mutate freely.
+ *
+ * Keeping `defineAsyncComponent` (rather than collapsing to static
+ * imports) preserves the test-environment hack of NOT loading
+ * `CnDashboardPage` → `CnDashboardGrid` → `gridstack` at module-load
+ * time; gridstack ships ESM that Jest's default transform refuses
+ * unless explicitly allowlisted. Async imports keep that load
+ * deferred to actual render.
  *
  * The special `custom` type is NOT registered here — CnPageRenderer
  * handles it inline, resolving `page.component` against the
@@ -108473,13 +108496,13 @@ var CnFilesPage = /*#__PURE__*/Object.freeze({
  *   `src/components/index.js` barrel. No change to CnPageRenderer.vue.
  */
 const defaultPageTypes = {
-	index: defineAsyncComponent(() => Promise.resolve().then(function () { return CnIndexPage; })),
-	detail: defineAsyncComponent(() => Promise.resolve().then(function () { return CnDetailPage; })),
-	dashboard: defineAsyncComponent(() => Promise.resolve().then(function () { return CnDashboardPage; })),
-	logs: defineAsyncComponent(() => Promise.resolve().then(function () { return CnLogsPage; })),
-	settings: defineAsyncComponent(() => Promise.resolve().then(function () { return CnSettingsPage; })),
-	chat: defineAsyncComponent(() => Promise.resolve().then(function () { return CnChatPage; })),
-	files: defineAsyncComponent(() => Promise.resolve().then(function () { return CnFilesPage; })),
+	index: defineAsyncComponent(() => Promise.resolve().then(function () { return CnIndexPage; }).then(m => m.default)),
+	detail: defineAsyncComponent(() => Promise.resolve().then(function () { return CnDetailPage; }).then(m => m.default)),
+	dashboard: defineAsyncComponent(() => Promise.resolve().then(function () { return CnDashboardPage; }).then(m => m.default)),
+	logs: defineAsyncComponent(() => Promise.resolve().then(function () { return CnLogsPage; }).then(m => m.default)),
+	settings: defineAsyncComponent(() => Promise.resolve().then(function () { return CnSettingsPage; }).then(m => m.default)),
+	chat: defineAsyncComponent(() => Promise.resolve().then(function () { return CnChatPage; }).then(m => m.default)),
+	files: defineAsyncComponent(() => Promise.resolve().then(function () { return CnFilesPage; }).then(m => m.default)),
 };
 
 //