@lblod/ember-rdfa-editor-lblod-plugins 22.4.1 → 22.5.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @lblod/ember-rdfa-editor-lblod-plugins
 
+## 22.5.0
+
+### Minor Changes
+
+- [#475](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/475) [`9e2ef89`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/9e2ef899e5e35ed755e4af90ca15096b3957222b) Thanks [@elpoelma](https://github.com/elpoelma)! - Introduction of `auto-resizing-text-area` component
+
+- [#475](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/475) [`a9df4e7`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/a9df4e7546a1414e2fe8551a8ca21fd5b9f64898) Thanks [@elpoelma](https://github.com/elpoelma)! - mandatee-table plugin: replace `input` element by `textarea` element for entering mandatee table titles
+
+- [#462](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/462) [`dfb349e`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/dfb349ef83c97eac2c498eaac392dbfd6ab77a4b) Thanks [@piemonkey](https://github.com/piemonkey)! - Allow resources imported into snippet placeholders to be linked to resources in the document
+
+### Patch Changes
+
+- [#475](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/475) [`36b0005`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/36b00054624de60a1c51f7617a83c61594f4074b) Thanks [@elpoelma](https://github.com/elpoelma)! - Support newlines in mandatee table titles (using the `white-space: pre-line` rule)
+
+- [#475](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/475) [`127c6e2`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/127c6e256d7fb3a0e1912bfc0a56a2f4d08d1837) Thanks [@elpoelma](https://github.com/elpoelma)! - Use `h6` to represent mandatee table title
+
+- [#473](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/473) [`1c9dd11`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/1c9dd1119670ee35f04f8a0d0677e6a4230acd84) Thanks [@piemonkey](https://github.com/piemonkey)! - Add error handling to lmb-plugin
+
 ## 22.4.1
 
 ### Patch Changes

package/addon/components/auto-resizing-text-area.gts

@@ -0,0 +1,43 @@
+import Component from '@glimmer/component';
+import { action } from '@ember/object';
+import AuTextarea, {
+  AuTextareaSignature,
+} from '@appuniversum/ember-appuniversum/components/au-textarea';
+import { modifier } from 'ember-modifier';
+
+interface Sig {
+  Args: { maxHeight?: number } & AuTextareaSignature['Args'];
+  Blocks: {
+    default: [];
+  };
+  Element: HTMLTextAreaElement;
+}
+
+export default class AutoResizingTextArea extends Component<Sig> {
+  setupAutoResize = modifier((element: HTMLTextAreaElement) => {
+    const resize = () => {
+      element.style.setProperty('height', '');
+      const height = this.args.maxHeight
+        ? Math.min(element.scrollHeight, this.args.maxHeight)
+        : element.scrollHeight;
+      element.style.setProperty('height', `${height}px`);
+    };
+    element.addEventListener('input', resize);
+    resize();
+    return () => element.removeEventListener('input', resize);
+  });
+
+  @action
+  onInput() {}
+
+  <template>
+    <AuTextarea
+      {{this.setupAutoResize}}
+      @width={{@width}}
+      @disabled={{@disabled}}
+      @error={{@error}}
+      @warning={{@warning}}
+      ...attributes
+    >{{yield}}</AuTextarea>
+  </template>
+}

package/addon/components/lmb-plugin/list.hbs

@@ -37,7 +37,7 @@
     </tr>
   </:header>
   <:body>
-    {{#unless (or @services.isRunning @error)}}
+    {{#unless @services.isRunning}}
       {{#if @services.value.totalCount}}
         {{#each @services.value.results as |row|}}
           <tr>

package/addon/components/lmb-plugin/search-modal.hbs

@@ -36,13 +36,16 @@
       </mc.sidebar>
       <mc.content @scroll={{true}}>
         <div class='worship-modal--list-container'>
-          <LmbPlugin::List
-            @error={{this.error}}
-            @services={{this.servicesResource}}
-            @sort={{this.sort}}
-            @setSort={{this.setSort}}
-            @insert={{@onInsert}}
-          />
+          {{#if this.error}}
+            <Common::Search::AlertLoadError @error={{this.error}} />
+          {{else}}
+            <LmbPlugin::List
+              @services={{this.servicesResource}}
+              @sort={{this.sort}}
+              @setSort={{this.setSort}}
+              @insert={{@onInsert}}
+            />
+          {{/if}}
         </div>
         {{#if this.servicesResource.value.totalCount}}
           {{#let

package/addon/components/lmb-plugin/search-modal.ts

@@ -42,10 +42,17 @@ export default class LmbPluginSearchModalComponent extends Component<Args> {
     return fetchMandatees({ endpoint: this.args.config.endpoint });
   });
 
+  // TODO Either make this a trackedFunction or do filtering on the query and correctly pass an
+  // AbortController
   search = restartableTask(async () => {
     // Can't do what I want, so if the user modifies the filter before resolving the query will run again
     if (!this.fetchData.lastComplete) {
-      await this.fetchData.perform();
+      try {
+        await this.fetchData.perform();
+      } catch (err) {
+        console.error('Got an error fetching LMB data', err);
+        this.error = err;
+      }
     }
 
     if (!this.fetchData.lastComplete?.value) return;

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

@@ -4,12 +4,12 @@ import { action } from '@ember/object';
 import AuCard from '@appuniversum/ember-appuniversum/components/au-card';
 import AuHeading from '@appuniversum/ember-appuniversum/components/au-heading';
 import AuLabel from '@appuniversum/ember-appuniversum/components/au-label';
-import AuInput from '@appuniversum/ember-appuniversum/components/au-input';
 import PowerSelect from 'ember-power-select/components/power-select';
 import { findParentNodeOfType } from '@curvenote/prosemirror-utils';
 import { on } from '@ember/modifier';
 import AuFormRow from '@appuniversum/ember-appuniversum/components/au-form-row';
 import t from 'ember-intl/helpers/t';
+import AutoResizingTextArea from '../auto-resizing-text-area';
 
 interface Sig {
   Args: { controller: SayController; supportedTags: string[] };
@@ -105,15 +105,15 @@ export default class ConfigureMandateeTableComponent extends Component<Sig> {
             <AuLabel for='mandatee-table-title-input'>
               {{t 'mandatee-table-plugin.configure.title-input.label'}}
             </AuLabel>
-            <AuInput
+            <AutoResizingTextArea
               @width='block'
               placeholder={{t
                 'mandatee-table-plugin.configure.title-input.placeholder'
               }}
               id='mandatee-table-title-input'
-              value={{this.nodeTitle}}
+              class='mandatee-table-title-input'
               {{on 'input' this.updateNodeTitle}}
-            />
+            >{{this.nodeTitle}}</AutoResizingTextArea>
           </AuFormRow>
         </c.content>
       </AuCard>

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

@@ -44,7 +44,7 @@ export default class MandateeTableNode extends Component<Sig> {
           class='au-u-margin-left-tiny au-u-margin-right-tiny'
         />
         <div>
-          <strong>{{this.title}}</strong>
+          <h6 class='say-mandatee-table__title'>{{this.title}}</h6>
           <p>
             {{this.warning}}
           </p>

package/addon/components/snippet-plugin/nodes/snippet.gts

@@ -1,29 +1,27 @@
 import Component from '@glimmer/component';
 import { on } from '@ember/modifier';
-import AuIcon from '@appuniversum/ember-appuniversum/components/au-icon';
-import { type EmberNodeArgs } from '@lblod/ember-rdfa-editor/utils/_private/ember-node';
 import SearchModal from '../search-modal';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
+import t from 'ember-intl/helpers/t';
+import AuIcon from '@appuniversum/ember-appuniversum/components/au-icon';
 import { SynchronizeIcon } from '@appuniversum/ember-appuniversum/components/icons/synchronize';
 import { BinIcon } from '@appuniversum/ember-appuniversum/components/icons/bin';
 import { AddIcon } from '@appuniversum/ember-appuniversum/components/icons/add';
+import { type EmberNodeArgs } from '@lblod/ember-rdfa-editor/utils/_private/ember-node';
 import {
-  PNode,
+  type PNode,
   ProseParser,
-  Selection,
+  type Selection,
   Slice,
-  Transaction,
 } from '@lblod/ember-rdfa-editor';
-import { htmlToDoc } from '@lblod/ember-rdfa-editor/utils/_private/html-utils';
+import { findAncestors } from '@lblod/ember-rdfa-editor/utils/position-utils';
 import {
   EXT,
   RDF,
 } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/constants';
-import { findAncestors } from '@lblod/ember-rdfa-editor/utils/position-utils';
 import { hasOutgoingNamedNodeTriple } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/namespace';
-import { v4 as uuidv4 } from 'uuid';
-import t from 'ember-intl/helpers/t';
+import { createAndInsertSnippet } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin/nodes/snippet';
 
 interface Signature {
   Args: EmberNodeArgs;
@@ -91,7 +89,6 @@ export default class SnippetNode extends Component<Signature> {
   }
   @action
   onInsert(content: string, title: string) {
-    const assignedSnippetListsIds = this.node.attrs.assignedSnippetListsIds;
     let rangeStart = 0;
     let rangeEnd = 0;
     if (this.args.getPos() === undefined) return;
@@ -110,28 +107,18 @@ export default class SnippetNode extends Component<Signature> {
     const documentDiv = parsed.querySelector('div[data-say-document="true"]');
 
     this.closeModal();
-    const parser = ProseParser.fromSchema(this.controller.schema);
 
     if (documentDiv) {
-      return this.controller.withTransaction((tr: Transaction) => {
-        return tr.replaceRangeWith(
-          rangeStart,
-          rangeEnd,
-          this.controller.schema.node(
-            'snippet',
-            {
-              assignedSnippetListsIds,
-              title,
-              subject: `http://data.lblod.info/snippets/${uuidv4()}`,
-            },
-            htmlToDoc(content, {
-              schema: this.controller.schema,
-              parser,
-              editorView: this.controller.mainEditorView,
-            }).content,
-          ),
-        );
-      });
+      return createAndInsertSnippet(
+        {
+          controller: this.controller,
+          content,
+          title,
+          snippetListIds: this.node.attrs.assignedSnippetListsIds,
+          importedResources: this.node.attrs.importedResources,
+        },
+        (tr, snippet) => tr.replaceRangeWith(rangeStart, rangeEnd, snippet),
+      );
     }
 
     this.controller.withTransaction((tr) =>

package/addon/components/snippet-plugin/search-modal.ts

@@ -11,7 +11,7 @@ import { SnippetPluginConfig } from '@lblod/ember-rdfa-editor-lblod-plugins/plug
 
 interface Args {
   config: SnippetPluginConfig;
-  assignedSnippetListsIds: string[];
+  assignedSnippetListsIds: string[] | undefined;
   closeModal: () => void;
   open: boolean;
   onInsert: (content: string, title: string) => void;

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

@@ -7,7 +7,10 @@ import not from 'ember-truth-helpers/helpers/not';
 import AuButton from '@appuniversum/ember-appuniversum/components/au-button';
 import { AddIcon } from '@appuniversum/ember-appuniversum/components/icons/add';
 import { type NodeType, type SayController } from '@lblod/ember-rdfa-editor';
-import { type SnippetPluginConfig } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
+import {
+  type SnippetPluginConfig,
+  type SnippetList,
+} from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
 import { createSnippetPlaceholder } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin/nodes/snippet-placeholder';
 import SnippetListModal from '@lblod/ember-rdfa-editor-lblod-plugins/components/snippet-plugin/snippet-list/snippet-list-modal';
 
@@ -35,19 +38,17 @@ export default class SnippetPluginSnippetInsertPlaceholder extends Component<Sig
   }
 
   @action
-  insertPlaceholder(listIds: string[], listNames: string[]) {
-    const node = createSnippetPlaceholder(
-      listIds,
-      listNames,
-      this.args.controller.schema,
-    );
+  insertPlaceholder(lists: SnippetList[] | undefined) {
+    if (lists) {
+      const node = createSnippetPlaceholder(lists, this.args.controller.schema);
 
-    this.args.controller.withTransaction(
-      (tr) => {
-        return tr.replaceSelectionWith(node);
-      },
-      { view: this.args.controller.mainEditorView },
-    );
+      this.args.controller.withTransaction(
+        (tr) => {
+          return tr.replaceSelectionWith(node);
+        },
+        { view: this.args.controller.mainEditorView },
+      );
+    }
   }
 
   <template>
@@ -65,7 +66,7 @@ export default class SnippetPluginSnippetInsertPlaceholder extends Component<Sig
     <SnippetListModal
       @config={{@config}}
       @assignedSnippetListsIds={{empty}}
-      @onSaveSnippetListIds={{this.insertPlaceholder}}
+      @onSaveSnippetLists={{this.insertPlaceholder}}
       @open={{this.isModalOpen}}
       @closeModal={{this.closeModal}}
     />

package/addon/components/snippet-plugin/snippet-insert-rdfa.gts

@@ -0,0 +1,82 @@
+import { isResourceNode } from '@lblod/ember-rdfa-editor/utils/node-utils';
+import Component from '@glimmer/component';
+
+import { SayController } from '@lblod/ember-rdfa-editor';
+import {
+  type ImportedResourceMap,
+  type SnippetPluginConfig,
+} from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
+import { findParentNodeClosestToPos } from '@curvenote/prosemirror-utils';
+import {
+  getAssignedSnippetListsIdsFromProperties,
+  getSnippetListIdsProperties,
+} from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin/utils/rdfa-predicate';
+import { ResolvedPNode } from '@lblod/ember-rdfa-editor/utils/_private/types';
+import SnippetInsert from './snippet-insert';
+
+interface Sig {
+  Args: {
+    controller: SayController;
+    config: SnippetPluginConfig;
+    node: ResolvedPNode;
+  };
+}
+
+export default class SnippetInsertRdfaComponent extends Component<Sig> {
+  get disableInsert() {
+    return (this.snippetListProperties?.listIds.length ?? 0) === 0;
+  }
+
+  get snippetListProperties():
+    | { listIds: string[]; importedResources: ImportedResourceMap }
+    | undefined {
+    const activeNode = this.args.node.value;
+    const activeNodeSnippetListIds = getSnippetListIdsProperties(activeNode);
+
+    if (activeNodeSnippetListIds.length > 0) {
+      return {
+        listIds: getAssignedSnippetListsIdsFromProperties(
+          activeNodeSnippetListIds,
+        ),
+        importedResources: activeNode.attrs.importedResources,
+      };
+    }
+
+    if (this.args.node.pos < 0) {
+      return undefined;
+    }
+
+    // If active node isn't a snippet list, go up until we find one
+    const doc = this.args.controller.mainEditorState.doc;
+    const pos = doc.resolve(this.args.node.pos);
+    let parentNode = findParentNodeClosestToPos(pos, (node) =>
+      isResourceNode(node),
+    );
+    while (parentNode) {
+      const properties = getSnippetListIdsProperties(parentNode.node);
+
+      if (properties.length > 0) {
+        return {
+          listIds: getAssignedSnippetListsIdsFromProperties(properties),
+          importedResources: parentNode.node.attrs.importedResources,
+        };
+      }
+
+      parentNode = findParentNodeClosestToPos(
+        doc.resolve(parentNode.pos),
+        (node) => isResourceNode(node),
+      );
+    }
+
+    return undefined;
+  }
+
+  <template>
+    <SnippetInsert
+      @config={{@config}}
+      @controller={{@controller}}
+      @snippetListProperties={{this.snippetListProperties}}
+      @disabled={{this.disableInsert}}
+    />
+  </template>
+}

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

@@ -0,0 +1,109 @@
+import { action } from '@ember/object';
+import { on } from '@ember/modifier';
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import t from 'ember-intl/helpers/t';
+import { AddIcon } from '@appuniversum/ember-appuniversum/components/icons/add';
+import AuButton from '@appuniversum/ember-appuniversum/components/au-button';
+import {
+  ProseParser,
+  type SayController,
+  Slice,
+} from '@lblod/ember-rdfa-editor';
+import { SnippetPluginConfig } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
+import { createAndInsertSnippet } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin/nodes/snippet';
+import { type ImportedResourceMap } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
+import SearchModal from './search-modal';
+
+interface Sig {
+  Args: {
+    controller: SayController;
+    config: SnippetPluginConfig;
+    snippetListProperties:
+      | { listIds: string[]; importedResources: ImportedResourceMap }
+      | undefined;
+    disabled?: boolean;
+  };
+}
+
+export default class SnippetInsertComponent extends Component<Sig> {
+  @tracked showModal = false;
+
+  get controller() {
+    return this.args.controller;
+  }
+
+  @action
+  openModal() {
+    this.controller.focus();
+    this.showModal = true;
+  }
+
+  @action
+  closeModal() {
+    this.showModal = false;
+  }
+
+  createSliceFromElement(element: Element) {
+    return new Slice(
+      ProseParser.fromSchema(this.controller.schema).parse(element, {
+        preserveWhitespace: true,
+      }).content,
+      0,
+      0,
+    );
+  }
+
+  @action
+  onInsert(content: string, title: string) {
+    const domParser = new DOMParser();
+    const parsed = domParser.parseFromString(content, 'text/html').body;
+    const documentDiv = parsed.querySelector('div[data-say-document="true"]');
+
+    this.closeModal();
+    const assignedSnippetListProperties = this.args.snippetListProperties;
+
+    if (documentDiv && assignedSnippetListProperties) {
+      return createAndInsertSnippet(
+        {
+          controller: this.controller,
+          content,
+          title,
+          snippetListIds: assignedSnippetListProperties.listIds,
+          importedResources: assignedSnippetListProperties.importedResources,
+        },
+        (tr, snippet) => tr.replaceSelectionWith(snippet),
+      );
+    } else {
+      return this.controller.withTransaction((tr) =>
+        tr.replaceSelection(this.createSliceFromElement(parsed)),
+      );
+    }
+  }
+
+  get disabled() {
+    return this.args.disabled ?? false;
+  }
+
+  <template>
+    <li class='au-c-list__item'>
+      <AuButton
+        @icon={{AddIcon}}
+        @iconAlignment='left'
+        @skin='link'
+        @disabled={{this.disabled}}
+        {{on 'click' this.openModal}}
+      >
+        {{t 'snippet-plugin.insert.title'}}
+      </AuButton>
+    </li>
+
+    <SearchModal
+      @open={{this.showModal}}
+      @closeModal={{this.closeModal}}
+      @config={{@config}}
+      @onInsert={{this.onInsert}}
+      @assignedSnippetListsIds={{@snippetListProperties.listIds}}
+    />
+  </template>
+}

package/addon/components/snippet-plugin/snippet-list/snippet-list-modal.hbs

@@ -40,7 +40,7 @@
             <AuButton
               @skin='primary'
               {{on 'click' this.saveAndClose}}
-              @disabled={{@onSaveSnippetListIds.isRunning}}
+              @disabled={{@onSaveSnippetLists.isRunning}}
             >
               {{t 'snippet-plugin.snippet-list.modal.button.update'}}
             </AuButton>

package/addon/components/snippet-plugin/snippet-list/snippet-list-modal.ts

@@ -19,8 +19,8 @@ import { trackedReset } from 'tracked-toolbox';
 interface Signature {
   Args: {
     config: SnippetPluginConfig;
-    onSaveSnippetListIds: (listIds: string[], listNames: string[]) => void;
-    assignedSnippetListsIds: string[];
+    onSaveSnippetLists: (lists: SnippetList[]) => void;
+    assignedSnippetListsIds: string[] | undefined;
     closeModal: () => void;
     open: boolean;
   };
@@ -37,7 +37,9 @@ export default class SnippetListModalComponent extends Component<Signature> {
   @tracked error: unknown;
 
   @trackedReset('args.assignedSnippetListsIds')
-  assignedSnippetListsIds: string[] = [...this.args.assignedSnippetListsIds];
+  assignedSnippetListsIds: string[] = [
+    ...(this.args.assignedSnippetListsIds ?? []),
+  ];
 
   get config() {
     return this.args.config;
@@ -50,15 +52,10 @@ export default class SnippetListModalComponent extends Component<Signature> {
 
   @action
   saveAndClose() {
-    const snippetListNames: string[] = this.snippetListResource.value
-      ?.filter((snippetList) =>
-        this.assignedSnippetListsIds.includes(snippetList.id as string),
-      )
-      .map((snippetList) => snippetList.label) as string[];
-    this.args.onSaveSnippetListIds(
-      this.assignedSnippetListsIds,
-      snippetListNames,
+    const snippetLists = this.snippetListResource.value?.filter((snippetList) =>
+      this.assignedSnippetListsIds.includes(snippetList.id),
     );
+    this.args.onSaveSnippetLists(snippetLists || []);
     this.args.closeModal();
     // Clear selection for next time
     this.assignedSnippetListsIds = [];

package/addon/components/snippet-plugin/snippet-list/snippet-list-view.hbs

@@ -6,7 +6,8 @@
     (t 'snippet-plugin.snippet-list.modal.table.select')
     (t 'snippet-plugin.snippet-list.modal.subtitle')
     (t 'snippet-plugin.snippet-list.modal.search.label')
-    as |list created select subtitle search|
+    (t 'snippet-plugin.snippet-list.modal.table.imported-resources')
+    as |list created select subtitle search imported|
   }}
     <AuDataTable
       @content={{this.snippetLists}}
@@ -39,6 +40,7 @@
             @currentSorting={{@sort}}
             @class='data-table__header-title'
           />
+          <th>{{imported}}</th>
           <AuDataTableThSortable
             @field='createdOn'
             @label={{created}}
@@ -55,6 +57,7 @@
             />
           </td>
           <td>{{row.label}}</td>
+          <td>{{row.importedResources}}</td>
           <td class='snippet-list-table-created-column'>{{row.createdOn}}</td>
         </c.body>
       </t.content>

package/addon/components/snippet-plugin/snippet-list-select-rdfa.gts

@@ -0,0 +1,25 @@
+import { TemplateOnlyComponent } from '@ember/component/template-only';
+import { SayController } from '@lblod/ember-rdfa-editor';
+import { type ResolvedPNode } from '@lblod/ember-rdfa-editor/utils/_private/types';
+import { type SnippetPluginConfig } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
+import SnippetListSelect from '@lblod/ember-rdfa-editor-lblod-plugins/components/snippet-plugin/snippet-list-select';
+
+interface Sig {
+  Args: {
+    controller: SayController;
+    config: SnippetPluginConfig;
+    node: ResolvedPNode;
+  };
+}
+
+/** @deprecated Use snippet-list-select directly */
+const SnippetListSelectRdfaComponent: TemplateOnlyComponent<Sig> = <template>
+  <SnippetListSelect
+    @controller={{@controller}}
+    @config={{@config}}
+    @node={{@node}}
+  />
+</template>;
+
+/** @deprecated Use snippet-list-select directly */
+export default SnippetListSelectRdfaComponent;