@lblod/ember-rdfa-editor-lblod-plugins 16.4.0 → 17.0.0-dev.f473cdfb5868261b49cdae52ea2558970c082d01

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

@@ -14,7 +14,11 @@ import {
   CitationPlugin,
   CitationPluginEmberComponentConfig,
 } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/citation-plugin';
-import { SayController, Transaction } from '@lblod/ember-rdfa-editor';
+import {
+  DecorationSet,
+  SayController,
+  Transaction,
+} from '@lblod/ember-rdfa-editor';
 import { citedText } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/citation-plugin/utils/cited-text';
 import {
   LEGISLATION_TYPE_CONCEPTS,
@@ -27,6 +31,7 @@ import {
   LegalDocument,
 } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/citation-plugin/utils/legal-documents';
 import { cleanCaches } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/citation-plugin/utils/cache';
+import { SearchIcon } from '@appuniversum/ember-appuniversum/components/icons/search';
 
 interface Args {
   controller: SayController;
@@ -36,6 +41,8 @@ interface Args {
 
 /* A component card that will only show up when certain keywords are typed */
 export default class CitationCardComponent extends Component<Args> {
+  SearchIcon = SearchIcon;
+
   @tracked pageNumber = 0;
   @tracked pageSize = 5;
   @tracked totalSize = 0;
@@ -77,7 +84,7 @@ export default class CitationCardComponent extends Component<Args> {
     return this.args.config;
   }
 
-  get decorations() {
+  get decorations(): DecorationSet | undefined {
     return this.plugin.getState(this.controller.mainEditorState)?.highlights;
   }
 

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

@@ -1,6 +1,7 @@
+{{! @glint-nocheck: not typesafe yet }}
 <li class="au-c-list__item">
   <AuButton
-    @icon='add'
+    @icon={{this.AddIcon}}
     @iconAlignment='left'
     @skin='link'
     @disabled={{this.disableInsert}}

package/addon/components/citation-plugin/citation-insert.ts

@@ -17,6 +17,7 @@ import { unwrap } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/option';
 import { findParentNodeOfType } from '@curvenote/prosemirror-utils';
 import { Article } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/citation-plugin/utils/article';
 import { LegalDocument } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/citation-plugin/utils/legal-documents';
+import { AddIcon } from '@appuniversum/ember-appuniversum/components/icons/add';
 
 interface Args {
   controller: SayController;
@@ -24,6 +25,8 @@ interface Args {
 }
 
 export default class EditorPluginsCitationInsertComponent extends Component<Args> {
+  AddIcon = AddIcon;
+
   @tracked showModal = false;
   @tracked legislationTypeUri = LEGISLATION_TYPES.decreet;
   @tracked text = '';

package/addon/components/citation-plugin/citations/article-preview.hbs

@@ -1,3 +1,4 @@
+{{! @glint-nocheck: not typesafe yet }}
 <div class="au-u-margin" ...attributes>
   <AuHeading @level="3" @skin="5" class="au-u-margin-bottom-small">
   {{@article.number}} ({{@article.dateInForce}} - {{if @article.dateNoLongerInForce @article.dateNoLongerInForce "…"}})
@@ -7,10 +8,10 @@
   </p>
   <AuButton
     @skin="primary"
-    @icon="plus-text"
+    @icon={{this.PlusTextIcon}}
     @iconAlignment="left"
     class="au-u-margin-top-small"
     {{on "click" @insertArticleCitation}}>
     {{t "citaten-plugin.references.refer-article"}}
   </AuButton>
-</div>
+</div>

package/addon/components/citation-plugin/citations/article-preview.ts

@@ -1,12 +1,14 @@
 import Component from '@glimmer/component';
 import { htmlSafe } from '@ember/template';
 import { Article } from '../../../plugins/citation-plugin/utils/article';
+import { PlusTextIcon } from '@appuniversum/ember-appuniversum/components/icons/plus-text';
 
 interface Args {
   article: Article;
 }
 
 export default class ArticlePreviewComponent extends Component<Args> {
+  PlusTextIcon = PlusTextIcon;
   get content() {
     return htmlSafe(this.args.article.content ?? '');
   }

package/addon/components/citation-plugin/citations/legal-document-detail.hbs

@@ -1,3 +1,4 @@
+{{! @glint-nocheck: not typesafe yet }}
 <div class="citaten--main-container au-u-flex au-u-flex--column au-u-flex--between">
   <div class="citaten--container-content">
     {{! Heading with title and actions }}
@@ -9,7 +10,7 @@
         <AuPill
           class="au-u-margin-top-small au-u-margin-bottom-small"
           @skin="border"
-          @icon="calendar"
+          @icon={{this.CalendarIcon}}
           @iconAlignment="left">
           {{@legalDocument.publicationDate}}
         </AuPill>
@@ -17,7 +18,7 @@
       <br/>
       <AuButton
         @skin="primary"
-        @icon="plus-text"
+        @icon={{this.PlusTextIcon}}
         @iconAlignment="left"
         class="au-u-margin-right"
         {{on "click" (fn @insertLegalDocumentCitation @legalDocument)}}>
@@ -25,7 +26,7 @@
       </AuButton>
       <AuLinkExternal
         @skin="primary"
-        @icon="link-external"
+        @icon={{this.LinkExternalIcon}}
         @iconAlignment="left"
         href={{@legalDocument.uri}}
         rel="noreferrer noopener">
@@ -34,9 +35,16 @@
       {{! Search field }}
       <AuLabel class="au-u-margin-top-small au-margin-bottom-small" for="searchCodex" @inline={{true}}
                @required={{false}} @error={{false}} @warning={{false}}>{{t "citaten-plugin.search.article"}}</AuLabel>
-      <AuInput id="searchCodex" placeholder="{{t "citaten-plugin.search.article-placeholder"}}" @type="text"
-               @width="default" @icon="search" @iconAlignment="right" @value={{this.articleFilter}} {{on "input"
-                                                                                                         (perform this.updateArticleFilter)}}/>
+      <AuInput
+        id="searchCodex"
+        placeholder="{{t "citaten-plugin.search.article-placeholder"}}"
+        type="text"
+        @width="default"
+        @icon={{this.SearchIcon}}
+        @iconAlignment="right"
+        value={{this.articleFilter}}
+        {{on "input" (perform this.updateArticleFilter)}}
+      />
     </div>
     {{! Search results }}
     <div>
@@ -69,7 +77,7 @@
           <div class="au-c-pagination__list-item">
             <AuButton
               @skin="link"
-              @icon="hierarchical-back"
+              @icon={{this.HierarchicalBackIcon}}
               @iconAlignment="left"
               {{on "click" this.close}}>
               {{t "citaten-plugin.search.back"}}
@@ -89,7 +97,7 @@
               {{#unless this.isFirstPage}}
                 <AuButton
                   @skin="link"
-                  @icon="nav-left"
+                  @icon={{this.NavLeftIcon}}
                   @iconAlignment="left"
                   {{on "click" this.previousPage}}>
                   {{t "citaten-plugin.pagination.previous"}}
@@ -98,7 +106,7 @@
               {{#unless this.isLastPage}}
                 <AuButton
                   @skin="link"
-                  @icon="nav-right"
+                  @icon={{this.NavRightIcon}}
                   @iconAlignment="right"
                   {{on "click" this.nextPage}}>
                   {{t "citaten-plugin.pagination.next"}}

package/addon/components/citation-plugin/citations/legal-document-detail.ts

@@ -3,6 +3,13 @@ import { restartableTask, timeout } from 'ember-concurrency';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
 import { task as trackedTask } from 'ember-resources/util/ember-concurrency';
+import { CalendarIcon } from '@appuniversum/ember-appuniversum/components/icons/calendar';
+import { PlusTextIcon } from '@appuniversum/ember-appuniversum/components/icons/plus-text';
+import { LinkExternalIcon } from '@appuniversum/ember-appuniversum/components/icons/link-external';
+import { SearchIcon } from '@appuniversum/ember-appuniversum/components/icons/search';
+import { HierarchicalBackIcon } from '@appuniversum/ember-appuniversum/components/icons/hierarchical-back';
+import { NavLeftIcon } from '@appuniversum/ember-appuniversum/components/icons/nav-left';
+import { NavRightIcon } from '@appuniversum/ember-appuniversum/components/icons/nav-right';
 
 import { LegalDocument } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/citation-plugin/utils/legal-documents';
 import { fetchArticles } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/citation-plugin/utils/article';
@@ -14,6 +21,14 @@ interface Args {
 }
 
 export default class LegalDocumentDetailComponent extends Component<Args> {
+  NavRightIcon = NavRightIcon;
+  NavLeftIcon = NavLeftIcon;
+  HierarchicalBackIcon = HierarchicalBackIcon;
+  SearchIcon = SearchIcon;
+  LinkExternalIcon = LinkExternalIcon;
+  PlusTextIcon = PlusTextIcon;
+  CalendarIcon = CalendarIcon;
+
   @tracked error: unknown;
   @tracked pageNumber = 0;
   @tracked pageSize = 5;
@@ -22,7 +37,9 @@ export default class LegalDocumentDetailComponent extends Component<Args> {
   @tracked articleFilter = '';
   @tracked articleFilterAfterTimeout = '';
 
-  updateArticleFilter = restartableTask(async () => {
+  updateArticleFilter = restartableTask(async (event: InputEvent) => {
+    const target = event.target as HTMLInputElement;
+    this.articleFilter = target.value;
     await timeout(500);
     this.pageNumber = 0;
     this.articleFilterAfterTimeout = this.articleFilter;

package/addon/components/citation-plugin/citations/legal-document-preview.hbs

@@ -1,3 +1,4 @@
+{{! @glint-nocheck: not typesafe yet }}
 <div class="citaten--decision-list-item {{if @fullSize "au-u-padding-small"}}" ...attributes>
   <p class="citaten--decision-title {{if @fullSize "au-u-h6 au-u-medium" "au-u-h-functional"}}">
     {{if @fullSize (capitalize @legalDocument.fullTitle) @legalDocument.title}}
@@ -6,7 +7,7 @@
     <AuPill
       class="au-u-margin-top-small au-u-margin-bottom-small"
       @skin="border"
-      @icon="calendar"
+      @icon={{this.CalendarIcon}}
       @iconAlignment="left">
       {{@legalDocument.publicationDate}}
     </AuPill>
@@ -16,7 +17,7 @@
       <AuButtonGroup @inline={{false}}>
         <AuButton
           @skin="primary"
-          @icon="plus-text"
+          @icon={{this.PlusTextIcon}}
           @iconAlignment="left"
           {{on "click" @onCitationInsert}}>
           {{t "citaten-plugin.references.insert"}}
@@ -25,7 +26,7 @@
           {{#if this.hasPublicationLink}}
             <AuLinkExternal
               @skin="button"
-              @icon="link-external"
+              @icon={{this.LinkExternalIcon}}
               @iconAlignment="left"
               href={{@legalDocument.meta.publicationLink}}
               rel="noreferrer noopener">
@@ -34,7 +35,7 @@
           {{else}}
             <AuButton
               @skin='button'
-              @icon="link-external"
+              @icon={{this.LinkExternalIcon}}
               @iconAlignment="left"
               @disabled={{true}}
             >
@@ -44,7 +45,7 @@
         {{else}}
           <AuButton
             @skin="secondary"
-            @icon="manual"
+            @icon={{this.ManualIcon}}
             @iconAlignment="left"
             {{on "click" @onCitationDetails}}>
             {{t "citaten-plugin.references.details"}}
@@ -57,7 +58,7 @@
     <div class="au-u-flex au-u-flex--row au-u-flex--no-wrap au-u-flex--between au-u-margin-top-tiny">
       <AuButton
         @skin="link-secondary"
-        @icon="plus-text"
+        @icon={{this.PlusTextIcon}}
         @iconAlignment="left"
         class="au-u-h-functional"
         {{on "click" @onCitationInsert}}>
@@ -67,7 +68,7 @@
         {{#if this.hasPublicationLink}}
           <AuLinkExternal
             @skin="link"
-            @icon="link-external"
+            @icon={{this.LinkExternalIcon}}
             @iconAlignment="left"
             href={{@legalDocument.meta.publicationLink}}
             rel="noreferrer noopener"
@@ -87,7 +88,7 @@
       {{else}}
         <AuButton
           @skin="link"
-          @icon="manual"
+          @icon={{this.ManualIcon}}
           @iconAlignment="left"
           class="au-u-h-functional"
           {{on "click" @onCitationDetails}}>
@@ -96,4 +97,4 @@
       {{/if}}
     </div>
   {{/if}}
-</div>
+</div>

package/addon/components/citation-plugin/citations/legal-document-preview.ts

@@ -3,12 +3,21 @@ import {
   isBesluitLegalDocument,
   LegalDocument,
 } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/citation-plugin/utils/legal-documents';
+import { CalendarIcon } from '@appuniversum/ember-appuniversum/components/icons/calendar';
+import { PlusTextIcon } from '@appuniversum/ember-appuniversum/components/icons/plus-text';
+import { LinkExternalIcon } from '@appuniversum/ember-appuniversum/components/icons/link-external';
+import { ManualIcon } from '@appuniversum/ember-appuniversum/components/icons/manual';
 
 interface Args {
   legalDocument: LegalDocument;
 }
 
 export default class LegalDocumentPreviewComponent extends Component<Args> {
+  ManualIcon = ManualIcon;
+  LinkExternalIcon = LinkExternalIcon;
+  PlusTextIcon = PlusTextIcon;
+  CalendarIcon = CalendarIcon;
+
   get isBesluit() {
     return isBesluitLegalDocument(this.args.legalDocument);
   }

package/addon/components/citation-plugin/citations/search-modal.hbs

@@ -1,3 +1,4 @@
+{{! @glint-nocheck: not typesafe yet }}
 <AuModal
   class="citaten-modal"
   @modalOpen={{@open}}
@@ -56,7 +57,7 @@
                 @warning={{false}}
               >{{t 'citaten-plugin.search.term'}}</AuLabel>
               <AuNativeInput
-                @icon='search'
+                @icon={{this.SearchIcon}}
                 @type='text'
                 @width='block'
                 @iconAlignment='right'
@@ -79,7 +80,7 @@
                   {{t 'citaten-plugin.search.government-search'}}
                 </AuLabel>
                 <AuNativeInput
-                  @icon='search'
+                  @icon={{this.SearchIcon}}
                   @type='text'
                   @width='block'
                   @iconAlignment='right'

package/addon/components/citation-plugin/citations/search-modal.ts

@@ -23,6 +23,7 @@ import {
   fetchLegalDocuments,
   LegalDocument,
 } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/citation-plugin/utils/legal-documents';
+import { SearchIcon } from '@appuniversum/ember-appuniversum/components/icons/search';
 
 function getISODate(date: Option<Date>): string | null {
   if (date) {
@@ -51,6 +52,8 @@ interface Args {
 }
 
 export default class EditorPluginsCitationsSearchModalComponent extends Component<Args> {
+  SearchIcon = SearchIcon;
+
   @service declare intl: IntlService;
   // Vlaamse Codex currently doesn't contain captions and content of legal document
   // @tracked isEnabledSearchCaption = false

package/addon/components/common/search/alert-load-error.gts

@@ -0,0 +1,34 @@
+import t from 'ember-intl/helpers/t';
+import AuAlert from '@appuniversum/ember-appuniversum/components/au-alert';
+import AuLinkExternal from '@appuniversum/ember-appuniversum/components/au-link-external';
+import { AlertTriangleIcon } from '@appuniversum/ember-appuniversum/components/icons/alert-triangle';
+import { MailIcon } from '@appuniversum/ember-appuniversum/components/icons/mail';
+
+<template>
+  <AuAlert
+    @title={{t 'common.search.error-title'}}
+    @skin='error'
+    @icon={{AlertTriangleIcon}}
+    @closable={{false}}
+    {{! @glint-expect-error: not typesafe yet }}
+    @size={{if @fullSize undefined 'small'}}
+    class='au-u-margin'
+    {{! @glint-expect-error: not typesafe yet }}
+    ...attributes
+  >
+    <p>{{t 'common.search.error-intro'}}</p>
+    {{! @glint-expect-error: not typesafe yet }}
+    <code class='au-u-error error-code'>{{@error}}</code>
+    <p>
+      {{t 'common.search.error-outro'}}
+      <AuLinkExternal
+        href='mailto:gelinktnotuleren@vlaanderen.be'
+        @icon={{MailIcon}}
+        @iconAlignment='left'
+      >
+        {{! template-lint-disable no-bare-strings  }}
+        gelinktnotuleren@vlaanderen.be
+      </AuLinkExternal>.
+    </p>
+  </AuAlert>
+</template>

package/addon/components/common/search/alert-no-items.gts

@@ -0,0 +1,18 @@
+import t from 'ember-intl/helpers/t';
+import AuAlert from '@appuniversum/ember-appuniversum/components/au-alert';
+import { CrossIcon } from '@appuniversum/ember-appuniversum/components/icons/cross';
+
+<template>
+  <AuAlert
+    @title={{t 'common.search.no-results'}}
+    @skin='warning'
+    @icon={{CrossIcon}}
+    {{! @glint-expect-error: not typesafe yet }}
+    @size={{if @fullSize undefined 'small'}}
+    @closable={{false}}
+    {{! @glint-expect-error: not typesafe yet }}
+    class={{unless @fullSize 'au-u-margin-small'}}
+    {{! @glint-expect-error: not typesafe yet }}
+    ...attributes
+  />
+</template>

package/addon/components/confidentiality-plugin/redact.gts

@@ -0,0 +1,13 @@
+import Mark from '@lblod/ember-rdfa-editor/components/toolbar/mark';
+import t from 'ember-intl/helpers/t';
+import { NotVisibleIcon } from '@appuniversum/ember-appuniversum/components/icons/not-visible';
+
+<template>
+  <Mark
+    @icon={{NotVisibleIcon}}
+    @title={{t 'confidentiality-plugin.redact'}}
+    @mark='redacted'
+    {{! @glint-expect-error: not typesafe yet }}
+    @controller={{@controller}}
+  />
+</template>

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

@@ -1,5 +1,6 @@
+{{! @glint-nocheck: not typesafe yet }}
 {{#if this.canInsertTitle}}
-  <AuAlert class="say-validation-alert" @skin="warning" @closable={{false}} @icon="alert-triangle" @title={{t "besluit-plugin.missing-title-warning"}}>
+  <AuAlert class="say-validation-alert" @skin="warning" @closable={{false}} @icon={{this.AlertTriangleIcon}} @title={{t "besluit-plugin.missing-title-warning"}}>
     <AuButton @iconAlignment="left" @skin="link-secondary" @disabled={{not this.canInsertTitle}} {{on 'click'
       this.insertTitle}}>
       {{t "besluit-plugin.insert.decision-title"}}
@@ -7,7 +8,7 @@
   </AuAlert>
 {{/if}}
 {{#if this.canInsertMotivation}}
-  <AuAlert class="say-validation-alert" @skin="warning" @closable={{false}} @icon="alert-triangle" @title={{t "besluit-plugin.missing-motivation-warning"}}>
+  <AuAlert class="say-validation-alert" @skin="warning" @closable={{false}} @icon={{this.AlertTriangleIcon}} @title={{t "besluit-plugin.missing-motivation-warning"}}>
     <AuButton @iconAlignment="left" @skin="link-secondary" @disabled={{not this.canInsertMotivation}} {{on 'click'
       this.insertMotivation}}>
       {{t "besluit-plugin.insert.motivation"}}
@@ -15,7 +16,7 @@
   </AuAlert>
 {{/if}}
 {{#if this.missingArticleBlock}}
-  <AuAlert class="say-validation-alert" @skin="warning" @closable={{false}} @icon="alert-triangle" @title={{t "besluit-plugin.missing-article-block-warning"}}>
+  <AuAlert class="say-validation-alert" @skin="warning" @closable={{false}} @icon={{this.AlertTriangleIcon}} @title={{t "besluit-plugin.missing-article-block-warning"}}>
     <AuButton @iconAlignment="left" @skin="link-secondary" @disabled={{not this.missingArticleBlock}} {{on 'click'
       this.insertArticleBlock}}>
       {{t "besluit-plugin.insert.article-block"}}

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

@@ -8,6 +8,7 @@ import { SayController } from '@lblod/ember-rdfa-editor';
 import { service } from '@ember/service';
 import IntlService from 'ember-intl/services/intl';
 import { VALIDATION_KEY } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/validation';
+import { AlertTriangleIcon } from '@appuniversum/ember-appuniversum/components/icons/alert-triangle';
 
 type Args = {
   controller: SayController;
@@ -17,6 +18,8 @@ type Args = {
  * @deprecated
  */
 export default class DecisionPluginCard extends Component<Args> {
+  AlertTriangleIcon = AlertTriangleIcon;
+
   @service declare intl: IntlService;
 
   get controller() {

package/addon/components/document-title-plugin/insert-title-card.hbs

@@ -1,5 +1,12 @@
+{{! @glint-nocheck: not typesafe yet }}
 <li class="au-c-list__item">
-  <AuButton @icon="add" @iconAlignment="left" @skin="link" {{on 'click' this.insertTitle}} @disabled={{not this.canInsertTitle}}>
+  <AuButton
+    @icon={{this.AddIcon}}
+    @iconAlignment="left"
+    @skin="link"
+    {{on 'click' this.insertTitle}}
+    @disabled={{not this.canInsertTitle}}
+  >
     {{t "document-title-plugin.insert-title"}}
   </AuButton>
 </li>

package/addon/components/document-title-plugin/insert-title-card.ts

@@ -4,11 +4,14 @@ import { service } from '@ember/service';
 import { SayController } from '@lblod/ember-rdfa-editor';
 import IntlService from 'ember-intl/services/intl';
 import insertDocumentTitle from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/document-title-plugin/commands/insert-document-title';
+import { AddIcon } from '@appuniversum/ember-appuniversum/components/icons/add';
 
 type Args = {
   controller: SayController;
 };
 export default class InsertTitleCardComponent extends Component<Args> {
+  AddIcon = AddIcon;
+
   @service declare intl: IntlService;
 
   @action

package/addon/components/generic-rdfa-variable/insert-menu.hbs

@@ -1,6 +1,7 @@
+{{! @glint-nocheck: not typesafe yet }}
 <Toolbar::Button
   @title={{t 'generic-rdfa-variable.menu.insert'}}
-  @icon='html-plus'
+  @icon={{this.HtmlPlusIcon}}
   {{on 'click' this.showModal}}
   @disabled={{not this.canInsert}}
 />

package/addon/components/generic-rdfa-variable/insert-menu.ts

@@ -2,11 +2,11 @@ import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { SayController } from '@lblod/ember-rdfa-editor';
 import { tracked } from 'tracked-built-ins';
-
 import { basicSetup, EditorView } from 'codemirror';
 import { EditorState } from '@codemirror/state';
 import { html } from '@codemirror/lang-html';
 import { tooltips } from '@codemirror/view';
+import { HtmlPlusIcon } from '@appuniversum/ember-appuniversum/components/icons/html-plus';
 
 import { insertGenericRdfa } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/generic-rdfa-variable/commands/insert-generic-rdfa';
 
@@ -15,6 +15,8 @@ type Args = {
 };
 
 export default class GenericRdfaVariableInsertMenu extends Component<Args> {
+  HtmlPlusIcon = HtmlPlusIcon;
+
   @tracked modalOpen = false;
   private htmlEditor?: EditorView;
 

package/addon/components/hover-tooltip.hbs

@@ -1,3 +1,4 @@
+{{! @glint-nocheck: not typesafe yet }}
 <this.Velcro @placement={{this.placement}} as |velcro|>
   {{#let velcro.loop as |loop|}}
     {{yield (hash velcroHook=velcro.hook handleHover=(modifier this.hover)) to='hover' }}

package/addon/components/import-snippet-plugin/card.hbs

@@ -1,3 +1,4 @@
+{{! @glint-nocheck: not typesafe yet }}
 {{#each this.snippets as |snippet|}}
   <AuCard @flex={{true}} @divided={{true}} @expandable={{true}} @shadow={{true}} @isOpenInitially={{true}} @size="small" as |c|>
     <c.header>

package/addon/components/import-snippet-plugin/card.ts

@@ -2,7 +2,7 @@ import Component from '@glimmer/component';
 import { service } from '@ember/service';
 import { action } from '@ember/object';
 import { ProseParser } from '@lblod/ember-rdfa-editor';
-import { SayController } from '@lblod/ember-rdfa-editor';
+import { SayController } from '@lblod/ember-rdfa-editor/index';
 import ImportRdfaSnippet from '@lblod/ember-rdfa-editor-lblod-plugins/services/import-rdfa-snippet';
 import { RdfaSnippet } from '@lblod/ember-rdfa-editor-lblod-plugins/services/import-rdfa-snippet';
 import { findParentNodeOfType } from '@curvenote/prosemirror-utils';
@@ -10,6 +10,11 @@ import { findParentNodeOfType } from '@curvenote/prosemirror-utils';
 type Args = {
   controller: SayController;
 };
+
+type InsertRange = {
+  from: number;
+  to: number;
+};
 export default class ImportSnippetPluginCard extends Component<Args> {
   @service declare importRdfaSnippet: ImportRdfaSnippet;
 
@@ -21,7 +26,7 @@ export default class ImportSnippetPluginCard extends Component<Args> {
     return this.importRdfaSnippet.snippetsForType('roadsign');
   }
 
-  get insertRange() {
+  get insertRange(): InsertRange {
     const { selection } = this.controller.mainEditorState;
     const besluit = findParentNodeOfType(this.controller.schema.nodes.besluit)(
       selection,

package/addon/components/loading-alert.hbs

@@ -1,3 +1,4 @@
+{{! @glint-nocheck: not typesafe yet }}
 {{#if this.isVisible}}
   <div
     class="au-c-alert {{this.skin}} {{this.size}}"
@@ -19,7 +20,7 @@
         data-test-alert-close
         {{on "click" this.closeAlert}}
       >
-        <AuIcon @icon="cross" @size="large" />
+        <AuIcon @icon={{this.CrossIcon}} @size="large" />
         {{!-- template-lint-disable no-bare-strings --}}
         <span class="au-u-hidden-visually">Sluit alert</span>
       </button>

package/addon/components/loading-alert.ts

@@ -1,3 +1,6 @@
-//@ts-expect-error ember-appuniversum uses vanilla javascript
 import AuAlertComponent from '@appuniversum/ember-appuniversum/components/au-alert';
-export default class LoadingAlertComponent extends AuAlertComponent {}
+import { CrossIcon } from '@appuniversum/ember-appuniversum/components/icons/cross';
+
+export default class LoadingAlertComponent extends AuAlertComponent {
+  CrossIcon = CrossIcon;
+}