@conduction/nextcloud-vue 2.75.0 → 2.77.0

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

@@ -8,12 +8,17 @@ import { setFavourite } from '../../utils/recordInteractions.js';
 /**
  * CnFavouriteToggle — a star bound to a record's `@self.favourite` marker.
  *
+ * @deprecated Following and favourites are one feature since OpenRegister's
+ * `merge-follow-and-favourites`: a favourite is a follow with notifications
+ * off. Use `CnFollowToggle`. Neither `CnDetailPage` nor `CnIndexPage` renders
+ * this star any more; it stays exported for one minor line so an app that
+ * placed it itself keeps working (the server answers it as a quiet follow).
+ *
  * A click flips the star at once and sends `PUT` (star) or `DELETE` (unstar)
  * `/apps/openregister/api/objects/{register}/{schema}/{id}/favourite`; on
  * failure it flips back and shows the server's message. The server's answer is
  * written into the stored object's `@self`, so a list showing the same record
- * agrees. `CnDetailPage` renders it beside the title; `CnIndexPage` renders it
- * per row for `showFavouriteColumn`.
+ * agrees.
  *
  * Example:
  * ```vue

package/dist/esm/components/CnFavouriteToggle/CnFavouriteToggle.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"CnFavouriteToggle.vue2.js","sources":["../../../../src/components/CnFavouriteToggle/CnFavouriteToggle.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<NcButton\n\t\tclass=\"cn-favourite-toggle\"\n\t\t:class=\"{ 'cn-favourite-toggle--on': state }\"\n\t\tvariant=\"tertiary\"\n\t\t:aria-pressed=\"state ? 'true' : 'false'\"\n\t\t:aria-label=\"label\"\n\t\t:title=\"label\"\n\t\t:disabled=\"busy\"\n\t\tdata-testid=\"cn-favourite-toggle\"\n\t\t@click.stop=\"toggle\">\n\t\t<template #icon>\n\t\t\t<Star v-if=\"state\" :size=\"20\" class=\"cn-favourite-toggle__star\" />\n\t\t\t<StarOutline v-else :size=\"20\" />\n\t\t</template>\n\t</NcButton>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcButton } from '@nextcloud/vue'\nimport Star from 'vue-material-design-icons/Star.vue'\nimport StarOutline from 'vue-material-design-icons/StarOutline.vue'\nimport { patchStoredSelf } from '../../utils/patchStoredSelf.js'\nimport { setFavourite } from '../../utils/recordInteractions.js'\n\n/**\n * CnFavouriteToggle — a star bound to a record's `@self.favourite` marker.\n *\n * A click flips the star at once and sends `PUT` (star) or `DELETE` (unstar)\n * `/apps/openregister/api/objects/{register}/{schema}/{id}/favourite`; on\n * failure it flips back and shows the server's message. The server's answer is\n * written into the stored object's `@self`, so a list showing the same record\n * agrees. `CnDetailPage` renders it beside the title; `CnIndexPage` renders it\n * per row for `showFavouriteColumn`.\n *\n * Example:\n * ```vue\n * <CnFavouriteToggle register=\"pipelinq\" schema=\"ticket\" :object-id=\"id\"\n *   :favourite=\"object['@self'].favourite\" />\n * ```\n */\nexport default {\n\tname: 'CnFavouriteToggle',\n\n\tcomponents: { NcButton, Star, StarOutline },\n\n\tprops: {\n\t\t/** Register slug of the record. */\n\t\tregister: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/** Schema slug of the record. */\n\t\tschema: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/** Id of the record. */\n\t\tobjectId: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/** Whether the record is currently starred (`@self.favourite`). */\n\t\tfavourite: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/** Accessible label when the record is not starred. */\n\t\taddLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Add to favourites'),\n\t\t},\n\n\t\t/** Accessible label when the record is starred. */\n\t\tremoveLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Remove from favourites'),\n\t\t},\n\t},\n\n\temits: ['change', 'error', 'not-found', 'update:favourite'],\n\n\tdata() {\n\t\treturn { state: this.favourite, busy: false }\n\t},\n\n\tcomputed: {\n\t\tlabel() {\n\t\t\treturn this.state ? this.removeLabel : this.addLabel\n\t\t},\n\t},\n\n\twatch: {\n\t\tfavourite(value) {\n\t\t\tthis.state = value\n\t\t},\n\t},\n\n\tmethods: {\n\t\tasync toggle() {\n\t\t\tif (this.busy) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst previous = this.state\n\t\t\tthis.state = !previous\n\t\t\tthis.busy = true\n\t\t\tconst result = await setFavourite(this.register, this.schema, this.objectId, this.state)\n\t\t\tthis.busy = false\n\t\t\tif (!result.ok) {\n\t\t\t\tthis.state = previous\n\t\t\t\tconst message = result.status === 404\n\t\t\t\t\t? t('nextcloud-vue', 'You can no longer see this record.')\n\t\t\t\t\t: (result.message || t('nextcloud-vue', 'Could not change the favourite.'))\n\t\t\t\timport('@nextcloud/dialogs').then(({ showError }) => showError(message)).catch(() => {})\n\t\t\t\t/** @event error Emitted when the call failed; payload is the message shown. */\n\t\t\t\tthis.$emit('error', message)\n\t\t\t\tif (result.status === 404) {\n\t\t\t\t\t/** @event not-found Emitted on a 404: the record went away or access was withdrawn. */\n\t\t\t\t\tthis.$emit('not-found')\n\t\t\t\t}\n\t\t\t\treturn\n\t\t\t}\n\t\t\tpatchStoredSelf(this.register, this.schema, this.objectId, { favourite: this.state })\n\t\t\t/** @event change Emitted after a successful call. Payload: `{ favourite }`. */\n\t\t\tthis.$emit('change', { favourite: this.state })\n\t\t\t/** @event update:favourite Emitted with the new state, for `v-model:favourite`. */\n\t\t\tthis.$emit('update:favourite', this.state)\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-favourite-toggle__star {\n\tcolor: var(--color-warning);\n}\n</style>\n"],"names":["t"],"mappings":"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"}
+{"version":3,"file":"CnFavouriteToggle.vue2.js","sources":["../../../../src/components/CnFavouriteToggle/CnFavouriteToggle.vue"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<NcButton\n\t\tclass=\"cn-favourite-toggle\"\n\t\t:class=\"{ 'cn-favourite-toggle--on': state }\"\n\t\tvariant=\"tertiary\"\n\t\t:aria-pressed=\"state ? 'true' : 'false'\"\n\t\t:aria-label=\"label\"\n\t\t:title=\"label\"\n\t\t:disabled=\"busy\"\n\t\tdata-testid=\"cn-favourite-toggle\"\n\t\t@click.stop=\"toggle\">\n\t\t<template #icon>\n\t\t\t<Star v-if=\"state\" :size=\"20\" class=\"cn-favourite-toggle__star\" />\n\t\t\t<StarOutline v-else :size=\"20\" />\n\t\t</template>\n\t</NcButton>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcButton } from '@nextcloud/vue'\nimport Star from 'vue-material-design-icons/Star.vue'\nimport StarOutline from 'vue-material-design-icons/StarOutline.vue'\nimport { patchStoredSelf } from '../../utils/patchStoredSelf.js'\nimport { setFavourite } from '../../utils/recordInteractions.js'\n\n/**\n * CnFavouriteToggle — a star bound to a record's `@self.favourite` marker.\n *\n * @deprecated Following and favourites are one feature since OpenRegister's\n * `merge-follow-and-favourites`: a favourite is a follow with notifications\n * off. Use `CnFollowToggle`. Neither `CnDetailPage` nor `CnIndexPage` renders\n * this star any more; it stays exported for one minor line so an app that\n * placed it itself keeps working (the server answers it as a quiet follow).\n *\n * A click flips the star at once and sends `PUT` (star) or `DELETE` (unstar)\n * `/apps/openregister/api/objects/{register}/{schema}/{id}/favourite`; on\n * failure it flips back and shows the server's message. The server's answer is\n * written into the stored object's `@self`, so a list showing the same record\n * agrees.\n *\n * Example:\n * ```vue\n * <CnFavouriteToggle register=\"pipelinq\" schema=\"ticket\" :object-id=\"id\"\n *   :favourite=\"object['@self'].favourite\" />\n * ```\n */\nexport default {\n\tname: 'CnFavouriteToggle',\n\n\tcomponents: { NcButton, Star, StarOutline },\n\n\tprops: {\n\t\t/** Register slug of the record. */\n\t\tregister: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/** Schema slug of the record. */\n\t\tschema: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/** Id of the record. */\n\t\tobjectId: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/** Whether the record is currently starred (`@self.favourite`). */\n\t\tfavourite: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/** Accessible label when the record is not starred. */\n\t\taddLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Add to favourites'),\n\t\t},\n\n\t\t/** Accessible label when the record is starred. */\n\t\tremoveLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Remove from favourites'),\n\t\t},\n\t},\n\n\temits: ['change', 'error', 'not-found', 'update:favourite'],\n\n\tdata() {\n\t\treturn { state: this.favourite, busy: false }\n\t},\n\n\tcomputed: {\n\t\tlabel() {\n\t\t\treturn this.state ? this.removeLabel : this.addLabel\n\t\t},\n\t},\n\n\twatch: {\n\t\tfavourite(value) {\n\t\t\tthis.state = value\n\t\t},\n\t},\n\n\tmethods: {\n\t\tasync toggle() {\n\t\t\tif (this.busy) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst previous = this.state\n\t\t\tthis.state = !previous\n\t\t\tthis.busy = true\n\t\t\tconst result = await setFavourite(this.register, this.schema, this.objectId, this.state)\n\t\t\tthis.busy = false\n\t\t\tif (!result.ok) {\n\t\t\t\tthis.state = previous\n\t\t\t\tconst message = result.status === 404\n\t\t\t\t\t? t('nextcloud-vue', 'You can no longer see this record.')\n\t\t\t\t\t: (result.message || t('nextcloud-vue', 'Could not change the favourite.'))\n\t\t\t\timport('@nextcloud/dialogs').then(({ showError }) => showError(message)).catch(() => {})\n\t\t\t\t/** @event error Emitted when the call failed; payload is the message shown. */\n\t\t\t\tthis.$emit('error', message)\n\t\t\t\tif (result.status === 404) {\n\t\t\t\t\t/** @event not-found Emitted on a 404: the record went away or access was withdrawn. */\n\t\t\t\t\tthis.$emit('not-found')\n\t\t\t\t}\n\t\t\t\treturn\n\t\t\t}\n\t\t\tpatchStoredSelf(this.register, this.schema, this.objectId, { favourite: this.state })\n\t\t\t/** @event change Emitted after a successful call. Payload: `{ favourite }`. */\n\t\t\tthis.$emit('change', { favourite: this.state })\n\t\t\t/** @event update:favourite Emitted with the new state, for `v-model:favourite`. */\n\t\t\tthis.$emit('update:favourite', this.state)\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-favourite-toggle__star {\n\tcolor: var(--color-warning);\n}\n</style>\n"],"names":["t"],"mappings":";;;;;;;AA8BA;AACC;AACA;AACA;AACA;AACA;;;AAGA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAED,aAAe;CACd,IAAI,EAAE,mBAAmB;;AAEzB,CAAA,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa;;AAE3C,CAAA,KAAK,EAAE;;AAEN,EAAA,QAAQ,EAAE;GACT,IAAI,EAAE,MAAM;GACZ,QAAQ,EAAE,IAAI;GACd;;;AAGD,EAAA,MAAM,EAAE;GACP,IAAI,EAAE,MAAM;GACZ,QAAQ,EAAE,IAAI;GACd;;AAED;AACA,EAAA,QAAQ,EAAE;GACT,IAAI,EAAE,MAAM;GACZ,QAAQ,EAAE,IAAI;GACd;;;EAGD,SAAS,EAAE;GACV,IAAI,EAAE,OAAO;GACb,OAAO,EAAE,KAAK;GACd;;AAED;AACA,EAAA,QAAQ,EAAE;GACT,IAAI,EAAE,MAAM;GACZ,OAAO,EAAE,MAAMA,SAAC,CAAC,eAAe,EAAE,mBAAmB,CAAC;GACtD;;AAED;EACA,WAAW,EAAE;GACZ,IAAI,EAAE,MAAM;GACZ,OAAO,EAAE,MAAMA,SAAC,CAAC,eAAe,EAAE,wBAAwB,CAAC;GAC3D;EACD;;CAED,KAAK,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,kBAAkB,CAAC;;AAE3D,CAAA,IAAI,GAAG;AACN,EAAA,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,KAAM,EAAA;EAC5C;;AAED,CAAA,QAAQ,EAAE;AACT,EAAA,KAAK,GAAG;GACP,OAAO,IAAI,CAAC,KAAM,GAAE,IAAI,CAAC,cAAc,IAAI,CAAC,QAAO;GACnD;EACD;;AAED,CAAA,KAAK,EAAE;AACN,EAAA,SAAS,CAAC,KAAK,EAAE;AAChB,GAAA,IAAI,CAAC,KAAM,GAAE,MAAI;GACjB;EACD;;AAED,CAAA,OAAO,EAAE;EACR,MAAM,MAAM,GAAG;GACd,IAAI,IAAI,CAAC,IAAI,EAAE;IACd,MAAK;AACN,IAAA;GACA,MAAM,QAAS,GAAE,IAAI,CAAC,MAAI;AAC1B,GAAA,IAAI,CAAC,KAAM,GAAE,CAAC,SAAO;GACrB,IAAI,CAAC,IAAK,GAAE,KAAG;AACf,GAAA,MAAM,MAAK,GAAI,MAAM,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,EAAA;AACvF,GAAA,IAAI,CAAC,IAAG,GAAI,MAAI;AAChB,GAAA,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE;AACf,IAAA,IAAI,CAAC,KAAM,GAAE,SAAO;AACpB,IAAA,MAAM,OAAQ,GAAE,MAAM,CAAC,MAAO,KAAI,GAAE;OACjCA,SAAC,CAAC,eAAe,EAAE,oCAAoC,CAAA;AACzD,QAAG,MAAM,CAAC,OAAM,IAAKA,SAAC,CAAC,eAAe,EAAE,iCAAiC,CAAC,EAAA;AAC3E,IAAA,OAAO,qDAAoB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,SAAQ,EAAG,KAAK,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,EAAA;AACvF;IACA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,EAAA;IAC3B,IAAI,MAAM,CAAC,MAAO,KAAI,GAAG,EAAE;AAC1B;KACA,IAAI,CAAC,KAAK,CAAC,WAAW,EAAA;AACvB,KAAA;IACA,MAAK;AACN,IAAA;AACA,GAAA,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,OAAO,EAAA;AACpF;AACA,GAAA,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,OAAO,EAAA;AAC9C;AACA,GAAA,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE,IAAI,CAAC,KAAK,EAAA;GACzC;EACD;AACF;;;;"}

package/dist/esm/components/CnFavouriteToggle/CnFavouriteToggle.vue3.js.map

@@ -1 +1 @@
-{"version":3,"file":"CnFavouriteToggle.vue3.js","sources":["../../../../src/components/CnFavouriteToggle/CnFavouriteToggle.vue?vue&type=template&id=836dad16&lang.js"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<NcButton\n\t\tclass=\"cn-favourite-toggle\"\n\t\t:class=\"{ 'cn-favourite-toggle--on': state }\"\n\t\tvariant=\"tertiary\"\n\t\t:aria-pressed=\"state ? 'true' : 'false'\"\n\t\t:aria-label=\"label\"\n\t\t:title=\"label\"\n\t\t:disabled=\"busy\"\n\t\tdata-testid=\"cn-favourite-toggle\"\n\t\t@click.stop=\"toggle\">\n\t\t<template #icon>\n\t\t\t<Star v-if=\"state\" :size=\"20\" class=\"cn-favourite-toggle__star\" />\n\t\t\t<StarOutline v-else :size=\"20\" />\n\t\t</template>\n\t</NcButton>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcButton } from '@nextcloud/vue'\nimport Star from 'vue-material-design-icons/Star.vue'\nimport StarOutline from 'vue-material-design-icons/StarOutline.vue'\nimport { patchStoredSelf } from '../../utils/patchStoredSelf.js'\nimport { setFavourite } from '../../utils/recordInteractions.js'\n\n/**\n * CnFavouriteToggle — a star bound to a record's `@self.favourite` marker.\n *\n * A click flips the star at once and sends `PUT` (star) or `DELETE` (unstar)\n * `/apps/openregister/api/objects/{register}/{schema}/{id}/favourite`; on\n * failure it flips back and shows the server's message. The server's answer is\n * written into the stored object's `@self`, so a list showing the same record\n * agrees. `CnDetailPage` renders it beside the title; `CnIndexPage` renders it\n * per row for `showFavouriteColumn`.\n *\n * Example:\n * ```vue\n * <CnFavouriteToggle register=\"pipelinq\" schema=\"ticket\" :object-id=\"id\"\n *   :favourite=\"object['@self'].favourite\" />\n * ```\n */\nexport default {\n\tname: 'CnFavouriteToggle',\n\n\tcomponents: { NcButton, Star, StarOutline },\n\n\tprops: {\n\t\t/** Register slug of the record. */\n\t\tregister: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/** Schema slug of the record. */\n\t\tschema: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/** Id of the record. */\n\t\tobjectId: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/** Whether the record is currently starred (`@self.favourite`). */\n\t\tfavourite: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/** Accessible label when the record is not starred. */\n\t\taddLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Add to favourites'),\n\t\t},\n\n\t\t/** Accessible label when the record is starred. */\n\t\tremoveLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Remove from favourites'),\n\t\t},\n\t},\n\n\temits: ['change', 'error', 'not-found', 'update:favourite'],\n\n\tdata() {\n\t\treturn { state: this.favourite, busy: false }\n\t},\n\n\tcomputed: {\n\t\tlabel() {\n\t\t\treturn this.state ? this.removeLabel : this.addLabel\n\t\t},\n\t},\n\n\twatch: {\n\t\tfavourite(value) {\n\t\t\tthis.state = value\n\t\t},\n\t},\n\n\tmethods: {\n\t\tasync toggle() {\n\t\t\tif (this.busy) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst previous = this.state\n\t\t\tthis.state = !previous\n\t\t\tthis.busy = true\n\t\t\tconst result = await setFavourite(this.register, this.schema, this.objectId, this.state)\n\t\t\tthis.busy = false\n\t\t\tif (!result.ok) {\n\t\t\t\tthis.state = previous\n\t\t\t\tconst message = result.status === 404\n\t\t\t\t\t? t('nextcloud-vue', 'You can no longer see this record.')\n\t\t\t\t\t: (result.message || t('nextcloud-vue', 'Could not change the favourite.'))\n\t\t\t\timport('@nextcloud/dialogs').then(({ showError }) => showError(message)).catch(() => {})\n\t\t\t\t/** @event error Emitted when the call failed; payload is the message shown. */\n\t\t\t\tthis.$emit('error', message)\n\t\t\t\tif (result.status === 404) {\n\t\t\t\t\t/** @event not-found Emitted on a 404: the record went away or access was withdrawn. */\n\t\t\t\t\tthis.$emit('not-found')\n\t\t\t\t}\n\t\t\t\treturn\n\t\t\t}\n\t\t\tpatchStoredSelf(this.register, this.schema, this.objectId, { favourite: this.state })\n\t\t\t/** @event change Emitted after a successful call. Payload: `{ favourite }`. */\n\t\t\tthis.$emit('change', { favourite: this.state })\n\t\t\t/** @event update:favourite Emitted with the new state, for `v-model:favourite`. */\n\t\t\tthis.$emit('update:favourite', this.state)\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-favourite-toggle__star {\n\tcolor: var(--color-warning);\n}\n</style>\n"],"names":["_createBlock","_normalizeClass"],"mappings":";;;;;;;uBASEA;IACA,KAAK,EAAAC,cAAA,CAAA,CAAC,qBAAY,EAAA,EAAA,yBAAA,EACL,KAAA,CAAA,KAAA,EAAA,CAAA,CAAA;AACb,IAAA,OAAO,EAAC,UAAO;AACd,IAAA,cAAY,EAAE,KAAK,CAAA,KAAA,GAAA,MAAA,GAAA,OAAA;AACnB,IAAA,YAAU,EAAE,QAAK,CAAA,KAAA;AACjB,IAAA,KAAK,EAAE,QAAK,CAAA,KAAA;AACZ,IAAA,QAAQ,EAAE,KAAI,CAAA,IAAA;iBACJ,EAAC,qBAAqB;AAChC,IAAA,OAAK,gBAAI,QAAA,CAAA,MAAA,EAAA,CAAA,MAAA,CAAA,CAAA;;AACD,IAAA,IAAA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CnFavouriteToggle.vue3.js","sources":["../../../../src/components/CnFavouriteToggle/CnFavouriteToggle.vue?vue&type=template&id=836dad16&lang.js"],"sourcesContent":["<!--\n  - SPDX-FileCopyrightText: 2026 Conduction B.V.\n  - SPDX-License-Identifier: EUPL-1.2\n-->\n<template>\n\t<NcButton\n\t\tclass=\"cn-favourite-toggle\"\n\t\t:class=\"{ 'cn-favourite-toggle--on': state }\"\n\t\tvariant=\"tertiary\"\n\t\t:aria-pressed=\"state ? 'true' : 'false'\"\n\t\t:aria-label=\"label\"\n\t\t:title=\"label\"\n\t\t:disabled=\"busy\"\n\t\tdata-testid=\"cn-favourite-toggle\"\n\t\t@click.stop=\"toggle\">\n\t\t<template #icon>\n\t\t\t<Star v-if=\"state\" :size=\"20\" class=\"cn-favourite-toggle__star\" />\n\t\t\t<StarOutline v-else :size=\"20\" />\n\t\t</template>\n\t</NcButton>\n</template>\n\n<script>\nimport { translate as t } from '@nextcloud/l10n'\nimport { NcButton } from '@nextcloud/vue'\nimport Star from 'vue-material-design-icons/Star.vue'\nimport StarOutline from 'vue-material-design-icons/StarOutline.vue'\nimport { patchStoredSelf } from '../../utils/patchStoredSelf.js'\nimport { setFavourite } from '../../utils/recordInteractions.js'\n\n/**\n * CnFavouriteToggle — a star bound to a record's `@self.favourite` marker.\n *\n * @deprecated Following and favourites are one feature since OpenRegister's\n * `merge-follow-and-favourites`: a favourite is a follow with notifications\n * off. Use `CnFollowToggle`. Neither `CnDetailPage` nor `CnIndexPage` renders\n * this star any more; it stays exported for one minor line so an app that\n * placed it itself keeps working (the server answers it as a quiet follow).\n *\n * A click flips the star at once and sends `PUT` (star) or `DELETE` (unstar)\n * `/apps/openregister/api/objects/{register}/{schema}/{id}/favourite`; on\n * failure it flips back and shows the server's message. The server's answer is\n * written into the stored object's `@self`, so a list showing the same record\n * agrees.\n *\n * Example:\n * ```vue\n * <CnFavouriteToggle register=\"pipelinq\" schema=\"ticket\" :object-id=\"id\"\n *   :favourite=\"object['@self'].favourite\" />\n * ```\n */\nexport default {\n\tname: 'CnFavouriteToggle',\n\n\tcomponents: { NcButton, Star, StarOutline },\n\n\tprops: {\n\t\t/** Register slug of the record. */\n\t\tregister: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/** Schema slug of the record. */\n\t\tschema: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/** Id of the record. */\n\t\tobjectId: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/** Whether the record is currently starred (`@self.favourite`). */\n\t\tfavourite: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/** Accessible label when the record is not starred. */\n\t\taddLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Add to favourites'),\n\t\t},\n\n\t\t/** Accessible label when the record is starred. */\n\t\tremoveLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Remove from favourites'),\n\t\t},\n\t},\n\n\temits: ['change', 'error', 'not-found', 'update:favourite'],\n\n\tdata() {\n\t\treturn { state: this.favourite, busy: false }\n\t},\n\n\tcomputed: {\n\t\tlabel() {\n\t\t\treturn this.state ? this.removeLabel : this.addLabel\n\t\t},\n\t},\n\n\twatch: {\n\t\tfavourite(value) {\n\t\t\tthis.state = value\n\t\t},\n\t},\n\n\tmethods: {\n\t\tasync toggle() {\n\t\t\tif (this.busy) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst previous = this.state\n\t\t\tthis.state = !previous\n\t\t\tthis.busy = true\n\t\t\tconst result = await setFavourite(this.register, this.schema, this.objectId, this.state)\n\t\t\tthis.busy = false\n\t\t\tif (!result.ok) {\n\t\t\t\tthis.state = previous\n\t\t\t\tconst message = result.status === 404\n\t\t\t\t\t? t('nextcloud-vue', 'You can no longer see this record.')\n\t\t\t\t\t: (result.message || t('nextcloud-vue', 'Could not change the favourite.'))\n\t\t\t\timport('@nextcloud/dialogs').then(({ showError }) => showError(message)).catch(() => {})\n\t\t\t\t/** @event error Emitted when the call failed; payload is the message shown. */\n\t\t\t\tthis.$emit('error', message)\n\t\t\t\tif (result.status === 404) {\n\t\t\t\t\t/** @event not-found Emitted on a 404: the record went away or access was withdrawn. */\n\t\t\t\t\tthis.$emit('not-found')\n\t\t\t\t}\n\t\t\t\treturn\n\t\t\t}\n\t\t\tpatchStoredSelf(this.register, this.schema, this.objectId, { favourite: this.state })\n\t\t\t/** @event change Emitted after a successful call. Payload: `{ favourite }`. */\n\t\t\tthis.$emit('change', { favourite: this.state })\n\t\t\t/** @event update:favourite Emitted with the new state, for `v-model:favourite`. */\n\t\t\tthis.$emit('update:favourite', this.state)\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-favourite-toggle__star {\n\tcolor: var(--color-warning);\n}\n</style>\n"],"names":["_createBlock","_normalizeClass"],"mappings":";;;;;;;uBASEA;IACA,KAAK,EAAAC,cAAA,CAAA,CAAC,qBAAY,EAAA,EAAA,yBAAA,EACL,KAAA,CAAA,KAAA,EAAA,CAAA,CAAA;AACb,IAAA,OAAO,EAAC,UAAO;AACd,IAAA,cAAY,EAAE,KAAK,CAAA,KAAA,GAAA,MAAA,GAAA,OAAA;AACnB,IAAA,YAAU,EAAE,QAAK,CAAA,KAAA;AACjB,IAAA,KAAK,EAAE,QAAK,CAAA,KAAA;AACZ,IAAA,QAAQ,EAAE,KAAI,CAAA,IAAA;iBACJ,EAAC,qBAAqB;AAChC,IAAA,OAAK,gBAAI,QAAA,CAAA,MAAA,EAAA,CAAA,MAAA,CAAA,CAAA;;AACD,IAAA,IAAA;;;;;;;;;;;;;;;;;;"}

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

@@ -2,7 +2,7 @@ import { getCurrentUser } from '@nextcloud/auth';
 import axios__default from '@nextcloud/axios';
 import { View, sortNodes, getNewFileMenuEntries, FileType, getFileActions, formatFileSize } from '@nextcloud/files';
 import { getRootPath, getClient, resultToNode, getRemoteURL, getDefaultPropfind } from '@nextcloud/files/dav';
-import { translate } from '@nextcloud/l10n';
+import { translate, translatePlural } from '@nextcloud/l10n';
 import { generateUrl } from '@nextcloud/router';
 import { NcActionButton, NcActionCheckbox, NcActionLink, NcActionSeparator, NcActions, NcBreadcrumb, NcBreadcrumbs, NcButton, NcDateTime, NcDialog, NcIconSvgWrapper, NcLoadingIcon, NcProgressBar, NcTextField } from '@nextcloud/vue';
 import AlertCircleOutline from 'vue-material-design-icons/AlertCircleOutline.vue';
@@ -177,6 +177,51 @@ var script = {
 			default: () => translate('nextcloud-vue', 'Show in Files'),
 		},
 
+		/**
+		 * Show a primary upload button beside the New menu, which then steps
+		 * back to a secondary button. Off (the default) keeps the upload
+		 * inside the New menu only.
+		 */
+		uploadButton: {
+			type: Boolean,
+			default: false,
+		},
+
+		/** Label of the upload button `uploadButton` shows. */
+		uploadButtonLabel: {
+			type: String,
+			default: () => translate('nextcloud-vue', 'Add files'),
+		},
+
+		/**
+		 * Draw the drop state over the browser while files are dragged onto
+		 * it (a dashed frame and `dropLabel`, centred) and announce it to
+		 * screen readers. Off (the default) keeps the plain dashed outline and
+		 * announces nothing.
+		 */
+		dropOverlay: {
+			type: Boolean,
+			default: false,
+		},
+
+		/** The line `dropOverlay` draws and announces. */
+		dropLabel: {
+			type: String,
+			default: () => translate('nextcloud-vue', 'Drop to add'),
+		},
+
+		/** Show a line under the list saying files can be dropped on it. */
+		dropHint: {
+			type: Boolean,
+			default: false,
+		},
+
+		/** The line `dropHint` shows. */
+		dropHintLabel: {
+			type: String,
+			default: () => translate('nextcloud-vue', 'Or drag files onto this list.'),
+		},
+
 		/** Title of the empty state. */
 		emptyLabel: {
 			type: String,
@@ -279,6 +324,10 @@ var script = {
 			 */
 			visibleColumnKeys: null,
 			dragging: false,
+			/** Nested dragenter/dragleave pairs, so a child does not end the drag. */
+			dragDepth: 0,
+			/** What the live region says: the drop label, then what was added. */
+			dropStatus: '',
 			uploads: [],
 			previewFailed: {},
 			newFolderOpen: false,
@@ -818,10 +867,74 @@ var script = {
 		 */
 		async onDrop(event) {
 			this.dragging = false;
+			this.dragDepth = 0;
+			this.dropStatus = '';
 			const files = event.dataTransfer?.files;
 			if (files?.length) {
 				await this.uploadFiles(files);
+				if (this.dropOverlay) {
+					this.dropStatus = translatePlural('nextcloud-vue', '%n file added', '%n files added', files.length);
+				}
+			}
+		},
+
+		/**
+		 * Something is dragged into the browser: show the drop state when it
+		 * carries files, and say so once.
+		 *
+		 * @param {DragEvent} event The drag.
+		 * @return {void}
+		 */
+		onDragEnter(event) {
+			if (!this.carriesFiles(event)) {
+				return
+			}
+			this.dragDepth++;
+			if (!this.dragging) {
+				this.dragging = true;
+				this.dropStatus = this.dropOverlay ? this.dropLabel : '';
+			}
+		},
+
+		/**
+		 * Keep the drop state while files move over the browser.
+		 *
+		 * @param {DragEvent} event The drag.
+		 * @return {void}
+		 */
+		onDragOver(event) {
+			if (this.carriesFiles(event)) {
+				this.dragging = true;
+			}
+		},
+
+		/**
+		 * Something left the browser, or one of its children. The drop state
+		 * ends only when the drag has left the browser itself.
+		 *
+		 * @return {void}
+		 */
+		onDragLeave() {
+			this.dragDepth = Math.max(0, this.dragDepth - 1);
+			if (this.dragDepth === 0) {
+				this.dragging = false;
+				this.dropStatus = '';
+			}
+		},
+
+		/**
+		 * Whether a drag carries files (not text or a link from the page).
+		 * A drag whose types cannot be read counts as files, as before.
+		 *
+		 * @param {DragEvent} event The drag.
+		 * @return {boolean}
+		 */
+		carriesFiles(event) {
+			const types = event?.dataTransfer?.types;
+			if (!types) {
+				return true
 			}
+			return Array.from(types).includes('Files')
 		},
 
 		/**