@lblod/ember-rdfa-editor-lblod-plugins 36.0.0 → 37.0.1

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @lblod/ember-rdfa-editor-lblod-plugins
 
+## 37.0.1
+
+### Patch Changes
+
+- [`d088a86`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/d088a868fdacb5d6b5f7c6d16eb0a2e9a5abdf24) Thanks [@abeforgit](https://github.com/abeforgit)! - correctly type command signature of location actions
+
+## 37.0.0
+
+### Major Changes
+
+- [#657](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/657) [`3280b11`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/3280b118f0f69210fcbb67e3a71c85a0abf6b10c) Thanks [@kobemertens](https://github.com/kobemertens)! - Update appuniversum to v4
+
+### Minor Changes
+
+- [#656](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/656) [`0335b04`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/0335b04e6ee22c0c18791e8f82b026c4fd7a0522) Thanks [@lagartoverde](https://github.com/lagartoverde)! - Add locked placeholders feature
+
+- [#654](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/654) [`07e9655`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/07e9655428d07c099ef5ae3117482715a719e5d1) Thanks [@kobemertens](https://github.com/kobemertens)! - Add "Insert address", "Insert point on the map" and "Insert area" contextual actions for the location nodes
+
+- [#654](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/654) [`d2301c5`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/d2301c55e8e15a5dfdb83dbe88062eb83ebf7e90) Thanks [@kobemertens](https://github.com/kobemertens)! - Add context actions for location nodes: Insert address, insert place on map, insert area
+
+### Patch Changes
+
+- [`02609da`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/02609da40961713aa695fe14dec3fdd7dc469fa5) Thanks [@kobemertens](https://github.com/kobemertens)! - fix function signature for place description context actions
+
+- [#655](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/655) [`615a7ff`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/615a7fff08bd9647619bf97b766f343f22fbb7a1) Thanks [@abeforgit](https://github.com/abeforgit)! - Improve performance of automatic structure-linking
+
+- [#653](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/653) [`1c1ae88`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/1c1ae88b82537c3a769497f70dba869299566e65) Thanks [@lagartoverde](https://github.com/lagartoverde)! - Translate functions that insert besluit blocks
+
 ## 36.0.0
 
 ### Major Changes

package/addon/components/citation-plugin/citation-card.hbs

@@ -7,6 +7,7 @@
     @expandable={{true}}
     @shadow={{true}}
     @size='small'
+    {{! @glint-ignore: backwards compat with AU v3, remove if not supported anymore}}
     @disableAuContent={{true}}
     {{did-update
       this.resetToDocumentState

package/addon/components/decision-plugin/decision-plugin-card.gts

@@ -78,6 +78,7 @@ export default class DecisionPluginCard extends Component<Sig> {
             'besluit-plugin.placeholder.decision-title',
           ),
           decisionLocation: this.decisionNodeLocation,
+          label: 'Titel',
         }),
         { view: this.controller.mainEditorView },
       );
@@ -102,6 +103,7 @@ export default class DecisionPluginCard extends Component<Sig> {
             'besluit-plugin.placeholder.decision-description',
           ),
           decisionLocation: this.decisionNodeLocation,
+          label: 'Beschrijving',
         }),
         {
           view: this.controller.mainEditorView,
@@ -128,6 +130,7 @@ export default class DecisionPluginCard extends Component<Sig> {
         insertMotivation({
           intl: this.intl,
           decisionLocation: this.decisionNodeLocation,
+          label: 'Motivering',
         }),
         {
           view: this.controller.mainEditorView,
@@ -152,6 +155,7 @@ export default class DecisionPluginCard extends Component<Sig> {
           decisionUri: this.decisionUri,
           articleUriGenerator: this.args.options?.articleUriGenerator,
           decisionLocation: this.decisionNodeLocation,
+          label: 'Artikels',
         }),
         {
           view: this.controller.mainEditorView,

package/addon/components/document-validation-plugin/card.gts

@@ -175,6 +175,7 @@ export default class DocumentValidationPluginCard extends Component<Sig> {
       @expandable={{true}}
       @shadow={{true}}
       @size='small'
+      {{! @glint-ignore: backwards compat with AU v3, remove if not supported anymore}}
       @disableAuContent={{true}}
       class={{if
         this.isSuccesslike
@@ -281,6 +282,7 @@ export default class DocumentValidationPluginCard extends Component<Sig> {
           {{#each this.formattedValidationResult as |result|}}
             <AuCard
               class='au-u-margin say-document-validation__developer-card'
+              {{! @glint-ignore: backwards compat with AU v3, remove if not supported anymore}}
               @disableAuContent={{true}}
               as |c|
             >

package/addon/components/location-plugin/insert.gts

@@ -38,11 +38,16 @@ import type { Option } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/option
 import type { FullTriple } from '@lblod/ember-rdfa-editor/core/rdfa-processor';
 import { PROV } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/constants';
 import { SayDataFactory } from '@lblod/ember-rdfa-editor/core/say-data-factory';
+import {
+  closeLocationModal,
+  getLocationModalsPluginState,
+  openLocationModal,
+} from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/location-plugin';
 
 export type CurrentLocation = Address | GlobalCoordinates | undefined;
 
 function updateFromNode<T extends Address | Place | Area, R>(
-  Class: new (...args: unknown[]) => T,
+  Class: new (...args: never[]) => T,
   extractFunc: (current: T) => R,
   defaultValue?: R,
 ) {
@@ -71,7 +76,6 @@ interface Signature {
 
 export default class LocationPluginInsertComponent extends Component<Signature> {
   @service declare intl: IntlService;
-  @tracked modalOpen = false;
   @tracked chosenPoint: GeoPos | undefined;
   @tracked isLoading = false;
 
@@ -122,19 +126,6 @@ export default class LocationPluginInsertComponent extends Component<Signature>
   })
   savedArea: GeoPos[] | undefined;
 
-  @trackedReset({
-    memo: 'modalOpen',
-    update(component: LocationPluginInsertComponent) {
-      return (
-        updateFromNode(Place, () => 'place')(component) ??
-        updateFromNode(Area, () => 'area')(component) ??
-        updateFromNode(Address, () => 'address')(component) ??
-        component.locationTypes[0]
-      );
-    },
-  })
-  declare locationType: LocationType;
-
   @trackedReset({
     memo: 'controller.activeEditorState',
     update(component: LocationPluginInsertComponent) {
@@ -191,9 +182,26 @@ export default class LocationPluginInsertComponent extends Component<Signature>
     }
   }
 
+  get modalOpen() {
+    return getLocationModalsPluginState(this.controller.activeEditorState)
+      ?.modalOpen;
+  }
+
   @action
   setLocationType(type: LocationType) {
-    this.locationType = type;
+    openLocationModal(this.controller.activeEditorView, type);
+  }
+
+  get locationType(): LocationType {
+    return (
+      // If the modal was not opened trough the context actions, this will be null
+      getLocationModalsPluginState(this.controller.activeEditorState)
+        ?.locationType ??
+      updateFromNode<Place, 'place'>(Place, () => 'place')(this) ??
+      updateFromNode<Area, 'area'>(Area, () => 'area')(this) ??
+      updateFromNode<Address, 'address'>(Address, () => 'address')(this) ??
+      this.locationTypes[0]
+    );
   }
 
   @action
@@ -212,12 +220,12 @@ export default class LocationPluginInsertComponent extends Component<Signature>
   @action
   closeModal() {
     this.chosenPoint = undefined;
-    this.modalOpen = false;
+    closeLocationModal(this.controller.activeEditorView);
   }
 
   @action
   insertOrEditAddress() {
-    this.modalOpen = true;
+    openLocationModal(this.controller.activeEditorView, 'address');
   }
 
   @action
@@ -275,7 +283,7 @@ export default class LocationPluginInsertComponent extends Component<Signature>
       });
     }
     if (toInsert) {
-      this.modalOpen = false;
+      closeLocationModal(this.controller.activeEditorView);
       if (this.selectedLocationNode) {
         const df = new SayDataFactory();
         const { pos, value: locNode } = this.selectedLocationNode;

package/addon/components/locked-placeholder-plugin/insert.gts

@@ -0,0 +1,161 @@
+import Component from '@glimmer/component';
+import { on } from '@ember/modifier';
+import AuButton from '@appuniversum/ember-appuniversum/components/au-button';
+import AuCard from '@appuniversum/ember-appuniversum/components/au-card';
+import AuHeading from '@appuniversum/ember-appuniversum/components/au-heading';
+import AuContent from '@appuniversum/ember-appuniversum/components/au-content';
+import AuFormRow from '@appuniversum/ember-appuniversum/components/au-form-row';
+import AuLabel from '@appuniversum/ember-appuniversum/components/au-label';
+import AuNativeInput from '@lblod/ember-rdfa-editor-lblod-plugins/components/au-native-input';
+import AuRadioGroup from '@appuniversum/ember-appuniversum/components/au-radio-group';
+import { NodeSelection, SayController } from '@lblod/ember-rdfa-editor';
+import { type LocationPluginConfig } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/location-plugin/node';
+import { action } from '@ember/object';
+import t from 'ember-intl/helpers/t';
+import { tracked } from '@glimmer/tracking';
+
+interface Signature {
+  Args: {
+    controller: SayController;
+    config: LocationPluginConfig;
+    templateMode?: boolean;
+  };
+  Element: HTMLLIElement;
+}
+
+export default class LockedPlaceholderPluginInsert extends Component<Signature> {
+  @tracked key: string | null = null;
+  @tracked label: string | null = null;
+  @tracked type = 'inline';
+  get selectedPlaceholderNode() {
+    const { selection, schema } = this.controller.activeEditorState;
+    if (
+      selection instanceof NodeSelection &&
+      selection.node.type === schema.nodes.placeholder
+    ) {
+      return selection.node;
+    } else {
+      return;
+    }
+  }
+
+  get controller() {
+    return this.args.controller;
+  }
+
+  get canInsert() {
+    return !this.selectedPlaceholderNode;
+  }
+
+  @action
+  insertPlaceholder() {
+    let node = 'inline_locked_placeholder';
+    if (this.type === 'block') {
+      node = 'block_locked_placeholder';
+    }
+    this.controller.withTransaction((tr) => {
+      tr.replaceSelectionWith(
+        this.controller.schema.node(node, {
+          key: this.key,
+          label: this.label,
+        }),
+      );
+      if (tr.selection.$anchor.nodeBefore) {
+        const resolvedPos = tr.doc.resolve(
+          tr.selection.anchor - tr.selection.$anchor.nodeBefore?.nodeSize,
+        );
+        tr.setSelection(new NodeSelection(resolvedPos));
+      }
+      return tr;
+    });
+    this.type = 'inline';
+    this.key = null;
+    this.label = null;
+  }
+
+  @action
+  updateKey(event: InputEvent) {
+    this.key = (event.target as HTMLInputElement).value;
+  }
+
+  @action
+  updateLabel(event: InputEvent) {
+    this.label = (event.target as HTMLInputElement).value;
+  }
+
+  @action
+  updateType(type: string) {
+    this.type = type;
+  }
+
+  <template>
+    <AuCard
+      @flex={{true}}
+      @divided={{true}}
+      @isOpenInitially={{true}}
+      @expandable={{true}}
+      @shadow={{true}}
+      @size='small'
+      {{! @glint-ignore: backwards compat for au v3}}
+      @disableAuContent={{true}}
+      as |c|
+    >
+      <c.header>
+        <AuHeading @level='3' @skin='6'>
+          {{t 'locked-placeholder-plugin.insert-title'}}
+        </AuHeading>
+      </c.header>
+      <c.content>
+        <AuContent>
+          <AuFormRow>
+            <AuLabel for='key'>
+              {{t 'locked-placeholder-plugin.key'}}
+            </AuLabel>
+            <AuNativeInput
+              id='key'
+              placeholder={{t 'locked-placeholder-plugin.keyPlaceholder'}}
+              @type='text'
+              @width='block'
+              value={{this.key}}
+              {{on 'input' this.updateKey}}
+            />
+          </AuFormRow>
+          <AuFormRow>
+            <AuLabel for='label'>
+              {{t 'locked-placeholder-plugin.label'}}
+            </AuLabel>
+            <AuNativeInput
+              id='label'
+              placeholder={{t 'locked-placeholder-plugin.labelPlaceholder'}}
+              @type='text'
+              @width='block'
+              value={{this.label}}
+              {{on 'input' this.updateLabel}}
+            />
+          </AuFormRow>
+          <AuFormRow>
+            <AuLabel for='type'>
+              {{t 'locked-placeholder-plugin.type'}}
+            </AuLabel>
+            <AuRadioGroup
+              @name='zonal'
+              @selected={{this.type}}
+              @onChange={{this.updateType}}
+              as |Group|
+            >
+              <Group.Radio @value='inline'>{{t
+                  'locked-placeholder-plugin.inline'
+                }}</Group.Radio>
+              <Group.Radio @value='block'>
+                {{t 'locked-placeholder-plugin.block'}}
+              </Group.Radio>
+            </AuRadioGroup>
+          </AuFormRow>
+          <AuButton {{on 'click' this.insertPlaceholder}}>
+            {{t 'locked-placeholder-plugin.button'}}
+          </AuButton>
+        </AuContent>
+      </c.content>
+    </AuCard>
+  </template>
+}

package/addon/components/locked-placeholder-plugin/nodeviews/block.gts

@@ -0,0 +1,23 @@
+import Component from '@glimmer/component';
+import AuAlert from '@appuniversum/ember-appuniversum/components/au-alert';
+import { PNode } from '@lblod/ember-rdfa-editor';
+
+interface Sig {
+  Args: {
+    node: PNode;
+  };
+  Blocks: {
+    default: [];
+  };
+}
+
+export default class BlockLockedPlaceholder extends Component<Sig> {
+  get label() {
+    return this.args.node.attrs.label;
+  }
+  <template>
+    <AuAlert class='say-block-locked-placeholder'>
+      {{this.label}}
+    </AuAlert>
+  </template>
+}

package/addon/components/locked-placeholder-plugin/nodeviews/inline.gts

@@ -0,0 +1,23 @@
+import Component from '@glimmer/component';
+import AuPill from '@appuniversum/ember-appuniversum/components/au-pill';
+import { PNode } from '@lblod/ember-rdfa-editor';
+
+interface Sig {
+  Args: {
+    node: PNode;
+  };
+  Blocks: {
+    default: [];
+  };
+}
+
+export default class InlineLockedPlaceholder extends Component<Sig> {
+  get label() {
+    return this.args.node.attrs.label;
+  }
+  <template>
+    <AuPill class='say-pill say-inline-locked-placeholder'>
+      {{this.label}}
+    </AuPill>
+  </template>
+}

package/addon/components/mandatee-table-plugin/configure.gts

@@ -75,6 +75,7 @@ export default class ConfigureMandateeTableComponent extends Component<Sig> {
         @expandable={{true}}
         @shadow={{true}}
         @size='small'
+        {{! @glint-ignore: backwards compat with AU v3, remove if not supported anymore}}
         @disableAuContent={{true}}
         as |c|
       >

package/addon/components/placeholder-utils-plugin/edit.gts

@@ -87,6 +87,7 @@ export default class PlaceholderUtilsEditCardComponent extends Component<Args> {
         @expandable={{true}}
         @shadow={{true}}
         @size='small'
+        {{! @glint-ignore: backwards compat with AU v3, remove if not supported anymore}}
         @disableAuContent={{true}}
         as |c|
       >

package/addon/components/roadsign-regulation-plugin/roadsigns-table.gts

@@ -7,7 +7,6 @@ import { addAll } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/_private/se
 import ExpandedMeasure, { InsertMobilityMeasureTask } from './expanded-measure';
 import MeasurePreview from './measure-preview';
 
-// @ts-expect-error AuDataTable is not yet converted to typescript
 import AuDataTable from '@appuniversum/ember-appuniversum/components/au-data-table';
 import AuLoader from '@appuniversum/ember-appuniversum/components/au-loader';
 import AuHelpText from '@appuniversum/ember-appuniversum/components/au-help-text';
@@ -57,6 +56,7 @@ export default class RoadSignsTable extends Component<Signature> {
   };
 
   <template>
+    {{! @glint-expect-error expect this error }}
     <AuDataTable @isLoading={{@isLoading}} @noDataMessage='No data' as |table|>
       <table.content as |c|>
         <c.header>

package/addon/components/structure-plugin/control-card.gts

@@ -156,6 +156,7 @@ export default class StructureControlCardComponent extends Component<Sig> {
         @shadow={{true}}
         @isOpenInitially={{true}}
         @size='small'
+        {{! @glint-ignore: backwards compat with AU v3, remove if not supported anymore}}
         @disableAuContent={{true}}
         as |Card|
       >

package/addon/components/template-comments-plugin/edit-card.hbs

@@ -6,6 +6,7 @@
     @expandable={{false}}
     @shadow={{true}}
     @size='flush'
+    {{! @glint-ignore: backwards compat with AU v3, remove if not supported anymore}}
     @disableAuContent={{true}}
     as |c|
   >

package/addon/components/variable-plugin/address/edit.hbs

@@ -5,6 +5,7 @@
     @divided={{true}}
     @shadow={{true}}
     @size='small'
+    {{! @glint-ignore: backwards compat with AU v3, remove if not supported anymore}}
     @disableAuContent={{true}}
     as |c|
   >

package/addon/components/variable-plugin/autofilled/edit.gts

@@ -146,6 +146,7 @@ export default class AutoFilledVariableInsertComponent extends Component<Args> {
         @expandable={{true}}
         @shadow={{true}}
         @size='small'
+        {{! @glint-ignore: backwards compat with AU v3, remove if not supported anymore}}
         @disableAuContent={{true}}
         as |c|
       >

package/addon/components/variable-plugin/codelist/edit.gts

@@ -192,6 +192,7 @@ export default class CodelistEditComponent extends Component<Sig> {
         @expandable={{true}}
         @shadow={{true}}
         @size='small'
+        {{! @glint-ignore: backwards compat with AU v3, remove if not supported anymore}}
         @disableAuContent={{true}}
         as |c|
       >

package/addon/components/variable-plugin/date/edit.hbs

@@ -4,6 +4,7 @@
     <this.AuCard
       @shadow={{true}}
       @size='flush'
+      {{! @glint-ignore: backwards compat with AU v3, remove if not supported anymore}}
       @disableAuContent={{true}}
       as |c|
     >

package/addon/components/variable-plugin/insert-variable-card.hbs

@@ -7,6 +7,7 @@
     @expandable={{true}}
     @shadow={{true}}
     @size='small'
+    {{! @glint-ignore: backwards compat with AU v3, remove if not supported anymore}}
     @disableAuContent={{true}}
     as |c|
   >

package/addon/components/variable-plugin/location/edit.hbs

@@ -7,6 +7,7 @@
     @expandable={{true}}
     @shadow={{true}}
     @size='small'
+    {{! @glint-ignore: backwards compat with AU v3, remove if not supported anymore}}
     @disableAuContent={{true}}
     as |c|
   >

package/addon/components/variable-plugin/number/nodeview.hbs

@@ -22,6 +22,7 @@
         @size='small'
         id='number-input-tooltip'
         @standOut={{true}}
+        {{! @glint-ignore: backwards compat with AU v3, remove if not supported anymore}}
         @disableAuContent={{true}}
         as |card|
       >

package/addon/components/variable-plugin/person/edit.hbs

@@ -5,6 +5,7 @@
     @divided={{true}}
     @shadow={{true}}
     @size='small'
+    {{! @glint-ignore: backwards compat with AU v3, remove if not supported anymore}}
     @disableAuContent={{true}}
     as |c|
   >

package/addon/plugins/decision-plugin/commands/insert-article-container.ts

@@ -15,12 +15,14 @@ interface InsertArticleContainerArgs {
   decisionUri: string;
   articleUriGenerator?: () => string;
   decisionLocation: NodeWithPos;
+  label?: string;
 }
 
 export default function insertArticleContainer({
   decisionUri,
   articleUriGenerator,
   decisionLocation,
+  label,
 }: InsertArticleContainerArgs): Command {
   return function (state: EditorState, dispatch?: (tr: Transaction) => void) {
     const { schema } = state;
@@ -29,6 +31,7 @@ export default function insertArticleContainer({
       {
         rdfaNodeType: 'literal',
         __rdfaId: articleContainerId,
+        label,
       },
       schema.nodes.paragraph.create(),
     );

package/addon/plugins/decision-plugin/commands/insert-description.ts

@@ -9,18 +9,20 @@ import { transactionCombinator } from '@lblod/ember-rdfa-editor/utils/transactio
 interface InsertDescriptionArgs {
   placeholderText: string;
   decisionLocation: NodeWithPos;
+  label?: string;
 }
 
 export default function insertDescription({
   placeholderText,
   decisionLocation,
+  label,
 }: InsertDescriptionArgs) {
   return function (state: EditorState, dispatch?: (tr: Transaction) => void) {
     const { schema } = state;
     const descriptionId = uuid();
     const nodeToInsert = schema.node(
       'block_rdfa',
-      { rdfaNodeType: 'literal', __rdfaId: descriptionId },
+      { rdfaNodeType: 'literal', __rdfaId: descriptionId, label },
       schema.node(
         'paragraph',
         null,
@@ -30,6 +32,7 @@ export default function insertDescription({
       ),
     );
     const tr = state.tr;
+    console.log(nodeToInsert);
 
     if (state.selection.$from.pos === decisionLocation.pos) {
       tr.replaceRangeWith(

package/addon/plugins/decision-plugin/commands/insert-motivation.ts

@@ -11,11 +11,13 @@ import { transactionCombinator } from '@lblod/ember-rdfa-editor/utils/transactio
 interface InsertMotivationArgs {
   intl: IntlService;
   decisionLocation: NodeWithPos;
+  label?: string;
 }
 
 export default function insertMotivation({
   intl,
   decisionLocation,
+  label,
 }: InsertMotivationArgs): Command {
   return function (state: EditorState, dispatch?: (tr: Transaction) => void) {
     const translationWithDocLang = getTranslationFunction(state);
@@ -24,7 +26,7 @@ export default function insertMotivation({
     const motivationId = uuid();
     const nodeToInsert = schema.node(
       'block_rdfa',
-      { rdfaNodeType: 'literal', __rdfaId: motivationId },
+      { rdfaNodeType: 'literal', __rdfaId: motivationId, label },
       [
         schema.node(
           'paragraph',

package/addon/plugins/decision-plugin/commands/insert-title.ts

@@ -9,18 +9,20 @@ import { transactionCombinator } from '@lblod/ember-rdfa-editor/utils/transactio
 interface InsertTitleArgs {
   placeholderText: string;
   decisionLocation: NodeWithPos;
+  label?: string;
 }
 
 export default function insertTitle({
   placeholderText,
   decisionLocation,
+  label,
 }: InsertTitleArgs) {
   return function (state: EditorState, dispatch?: (tr: Transaction) => void) {
     const { schema } = state;
     const titleId = uuid();
     const nodeToInsert = schema.node(
       'block_rdfa',
-      { rdfaNodeType: 'literal', __rdfaId: titleId },
+      { rdfaNodeType: 'literal', __rdfaId: titleId, label },
       schema.node(
         'paragraph',
         null,

package/addon/plugins/document-validation-plugin/common-fixes.ts

@@ -28,6 +28,7 @@ export function insertTitleAtCursor(
     insertTitle({
       placeholderText: intl.t('besluit-plugin.placeholder.decision-title'),
       decisionLocation: decisionNodeLocation,
+      label: 'Titel',
     }),
     { view: controller.mainEditorView },
   );
@@ -51,6 +52,7 @@ export function insertDescriptionAtCursor(
         'besluit-plugin.placeholder.decision-description',
       ),
       decisionLocation: decisionNodeLocation,
+      label: 'Beschrijving',
     }),
     {
       view: controller.mainEditorView,
@@ -74,6 +76,7 @@ export function insertMotivationAtCursor(
     insertMotivation({
       intl: intl,
       decisionLocation: decisionNodeLocation,
+      label: 'Motivering',
     }),
     {
       view: controller.mainEditorView,
@@ -100,6 +103,7 @@ export function insertArticleContainerAtCursor(
       decisionUri: decisionNodeLocation?.node.attrs.subject,
       articleUriGenerator: articleUriGenerator,
       decisionLocation: decisionNodeLocation,
+      label: 'Artikels',
     }),
     {
       view: controller.mainEditorView,