@lblod/ember-rdfa-editor-lblod-plugins 1.0.0-beta.7 → 1.0.0

package/addon/components/rdfa-date-plugin/help-modal.hbs

@@ -0,0 +1,91 @@
+<AuModal
+  @title={{t 'date-plugin.help.title'}}
+  @closeModal={{@closeModal}}
+  @modalOpen={{@modalOpen}}
+  @size='default'
+  as |Modal|>
+  <Modal.Body>
+    <div>
+      <p>{{t 'date-plugin.help.first-line'}}</p>
+      {{t 'date-plugin.help.examples'}}
+      <AuTable>
+        <:header>
+          <tr>
+            <th>{{t 'date-plugin.help.name'}}</th>
+            <th>{{t 'date-plugin.help.symbol'}}</th>
+            <th>{{t 'date-plugin.help.result'}}</th>
+          </tr>
+        </:header>
+        <:body>
+          <tr>
+            <td>{{t 'date-plugin.help.short-weekday-title'}}</td>
+            <td>E</td>
+            <td>{{this.formatExample 'E'}}</td>
+          </tr>
+          <tr>
+            <td>{{t 'date-plugin.help.long-weekday-title'}}</td>
+            <td>EEEE</td>
+            <td>{{this.formatExample 'EEEE'}}</td>
+          </tr>
+          <tr>
+            <td>{{t 'date-plugin.help.month-day'}}</td>
+            <td>dd</td>
+            <td>{{this.formatExample 'dd'}}</td>
+          </tr>
+          <tr>
+            <td>{{t 'date-plugin.help.short-month'}}</td>
+            <td>MM</td>
+            <td>{{this.formatExample 'MM'}}</td>
+          </tr>
+          <tr>
+            <td>{{t 'date-plugin.help.long-month-title'}}</td>
+            <td>MMMM</td>
+            <td>{{this.formatExample 'MMMM'}}</td>
+          </tr>
+          <tr>
+            <td>{{t 'date-plugin.help.long-year'}}</td>
+            <td>yyyy</td>
+            <td>{{this.formatExample 'yyyy'}}</td>
+          </tr>
+        </:body>
+      </AuTable>
+      <p>{{t "date-plugin.help.detailed-info"}} <a href="https://date-fns.org/v2.29.3/docs/format">{{t
+        "date-plugin.help.docs-link"}}</a></p>
+      <p>{{t "date-plugin.help.date-examples"}}</p>
+      <AuTable>
+        <:header>
+          <tr>
+            <th>{{t "date-plugin.help.date-format"}}</th>
+            <th>{{t "date-plugin.help.result"}}</th>
+          </tr>
+        </:header>
+        <:body>
+          <tr>
+            <td>EEEE dd MMMM yyyy</td>
+            <td>{{this.formatExample 'EEEE dd MMMM yyyy'}}</td>
+          </tr>
+          <tr>
+            <td>dd/MM/yy</td>
+            <td>{{this.formatExample 'dd/MM/yy'}}</td>
+          </tr>
+          <tr>
+            <td>dd/M/yyyy</td>
+            <td>{{this.formatExample 'dd/M/yyyy'}}</td>
+          </tr>
+          <tr>
+            <td>dd/MM/yy hh:mm:ss</td>
+            <td>{{this.formatExample 'dd/MM/yy hh:mm:ss'}}</td>
+          </tr>
+          <tr>
+            <td>'Vandaag is' dd/MM/yy BBBB</td>
+            <td>{{this.formatExample "'Vandaag is' dd/MM/yy BBBB"}}</td>
+          </tr>
+          <tr>
+            <td>PPPPpppp</td>
+            <td>{{this.formatExample 'PPPPpppp'}}</td>
+          </tr>
+        </:body>
+      </AuTable>
+    </div>
+  </Modal.Body>
+</AuModal>

package/addon/components/rdfa-date-plugin/help-modal.ts

@@ -0,0 +1,17 @@
+import { action } from '@ember/object';
+import Component from '@glimmer/component';
+import { formatDate } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/rdfa-date-plugin/utils';
+
+interface Args {
+  modalOpen: boolean;
+  closeModal: () => void;
+}
+
+export default class HelpModalComponent extends Component<Args> {
+  exampleDate: Date = new Date();
+
+  @action
+  formatExample(format: string) {
+    return formatDate(this.exampleDate, format);
+  }
+}

package/addon/components/rdfa-date-plugin/insert.ts

@@ -2,9 +2,17 @@ import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { ProseController } from '@lblod/ember-rdfa-editor/core/prosemirror';
 import { NodeSelection } from '@lblod/ember-rdfa-editor';
+import { DateFormat } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/rdfa-date-plugin';
+import { Option } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/option';
 
 type Args = {
   controller: ProseController;
+  widgetArgs: {
+    options: {
+      formats: [DateFormat];
+      allowCustomFormat: boolean;
+    };
+  };
 };
 
 export default class RdfaDatePluginInsertComponent extends Component<Args> {
@@ -16,12 +24,27 @@ export default class RdfaDatePluginInsertComponent extends Component<Args> {
     return this.controller.schema;
   }
 
+  get formats(): DateFormat[] {
+    return this.args.widgetArgs.options.formats;
+  }
+
+  get defaultDateFormat(): Option<string> {
+    return this.formats[0].dateFormat;
+  }
+
+  get defaultDateTimeFormat(): Option<string> {
+    return this.formats[0].dateTimeFormat;
+  }
+
   @action
   insertDate(onlyDate: boolean) {
     this.controller.withTransaction((tr) => {
       tr.replaceSelectionWith(
         this.schema.node('date', {
           onlyDate,
+          format: onlyDate
+            ? this.defaultDateFormat
+            : this.defaultDateTimeFormat,
         })
       );
       if (tr.selection.$anchor.nodeBefore) {

package/addon/components/roadsign-regulation-plugin/roadsign-regulation-card.hbs

@@ -4,9 +4,9 @@
     @icon="add"
     @iconAlignment="left"
     @disabled={{not this.showCard}}
-    {{on "click" this.toggleModal}}
+    {{on "click" this.openModal}}
   >
     Voeg mobiliteitsmaatregel in
   </AuButton>
 </AuList::Item>
-<RoadsignRegulationPlugin::RoadsignsModal @modalOpen={{this.modalOpen}} @closeModal={{this.toggleModal}} @controller={{@controller}}/>
+<RoadsignRegulationPlugin::RoadsignsModal @modalOpen={{this.modalOpen}} @closeModal={{this.closeModal}} @controller={{@controller}}/>

package/addon/components/roadsign-regulation-plugin/roadsign-regulation-card.ts

@@ -29,8 +29,14 @@ export default class RoadsignRegulationCard extends Component<Args> {
   @tracked modalOpen = false;
 
   @action
-  toggleModal() {
-    this.modalOpen = !this.modalOpen;
+  openModal() {
+    this.controller.focus();
+    this.modalOpen = true;
+  }
+
+  @action
+  closeModal() {
+    this.modalOpen = false;
   }
 
   get controller() {

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

@@ -2,7 +2,7 @@
   <AuCard @flex={{true}} @divided={{true}} @isOpenInitially={{true}} @expandable={{true}} @shadow={{true}} @size="small" as |c|>
     <c.header>
       <AuHeading @level="3" @skin="6">
-        {{t "variable-plugin.insertVariable"}}
+        {{t "variable-plugin.insert-variable"}}
       </AuHeading>
     </c.header>
     <c.content>

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

@@ -3,7 +3,7 @@
   <AuCard @flex={{true}} @divided={{true}} @isOpenInitially={{true}} @expandable={{true}} @shadow={{true}} @size="small" as |c|>
     <c.header>
       <AuHeading @level="3" @skin="6">
-        {{t "variable-plugin.enterVariableValue"}}
+        {{t "variable-plugin.enter-variable-value"}}
       </AuHeading>
     </c.header>
     <c.content>

package/addon/plugins/article-structure-plugin/commands/insert-structure.ts

@@ -108,8 +108,20 @@ function findInsertionRange(args: {
     return false;
   };
   const nextContainerRange =
-    findNodes(doc, selection.from, true, false, filterFunction).next().value ??
-    findNodes(doc, selection.from, true, true, filterFunction).next().value;
+    findNodes({
+      doc,
+      start: selection.from,
+      visitParentUpwards: true,
+      reverse: false,
+      filter: filterFunction,
+    }).next().value ??
+    findNodes({
+      doc,
+      start: selection.from,
+      visitParentUpwards: true,
+      reverse: true,
+      filter: filterFunction,
+    }).next().value;
   if (nextContainerRange) {
     const { from, to } = nextContainerRange;
     const containerNode = doc.nodeAt(from);

package/addon/plugins/article-structure-plugin/commands/move-selected-structure.ts

@@ -111,12 +111,12 @@ export function calculateInsertionRange(args: {
           to: limitContainer.pos + limitContainer.node.nodeSize,
         }
       : { from: 0, to: doc.nodeSize };
-    const containerRange = findNodes(
+    const containerRange = findNodes({
       doc,
-      pos,
-      true,
-      direction === 'up',
-      ({ from, to }) => {
+      start: pos,
+      visitParentUpwards: true,
+      reverse: direction === 'up',
+      filter: ({ from, to }) => {
         if (from >= limitContainerRange.from && to <= limitContainerRange.to) {
           const node = doc.nodeAt(from);
           if (node && node !== containerNode) {
@@ -127,8 +127,8 @@ export function calculateInsertionRange(args: {
           }
         }
         return false;
-      }
-    ).next().value;
+      },
+    }).next().value;
     if (containerRange) {
       const { from, to } = containerRange;
       const containerNode = doc.nodeAt(from);

package/addon/plugins/article-structure-plugin/structures/article-paragraph.ts

@@ -17,8 +17,8 @@ export const articleParagraphSpec: StructureSpec = {
   translations: {
     insert: 'article-structure-plugin.insert.paragraph',
     move: {
-      up: 'article-structure-plugin.moveUp.paragraph',
-      down: 'article-structure-plugin.moveDown.paragraph',
+      up: 'article-structure-plugin.move-up.paragraph',
+      down: 'article-structure-plugin.move-down.paragraph',
     },
     remove: 'article-structure-plugin.remove.paragraph',
   },
@@ -49,6 +49,8 @@ const contentSelector = `span[property~='${SAY('body').prefixed}'],
 export const article_paragraph: NodeSpec = {
   content: 'inline*',
   inline: false,
+  isolating: true,
+  defining: true,
   attrs: {
     typeof: {
       default: SAY('Paragraph').prefixed,

package/addon/plugins/article-structure-plugin/structures/article.ts

@@ -23,8 +23,8 @@ export const articleSpec: StructureSpec = {
   translations: {
     insert: 'article-structure-plugin.insert.article',
     move: {
-      up: 'article-structure-plugin.moveUp.article',
-      down: 'article-structure-plugin.moveDown.article',
+      up: 'article-structure-plugin.move-up.article',
+      down: 'article-structure-plugin.move-down.article',
     },
     remove: 'article-structure-plugin.remove.article',
   },
@@ -85,6 +85,8 @@ export const article = constructStructureNodeSpec({
 export const article_header: NodeSpec = {
   content: 'text*|placeholder',
   inline: false,
+  isolating: true,
+  defining: true,
   attrs: {
     number: {
       default: '1',

package/addon/plugins/article-structure-plugin/structures/chapter.ts

@@ -18,8 +18,8 @@ export const chapterSpec: StructureSpec = {
   translations: {
     insert: 'article-structure-plugin.insert.chapter',
     move: {
-      up: 'article-structure-plugin.moveUp.chapter',
-      down: 'article-structure-plugin.moveDown.chapter',
+      up: 'article-structure-plugin.move-up.chapter',
+      down: 'article-structure-plugin.move-down.chapter',
     },
     remove: 'article-structure-plugin.remove.chapter',
   },

package/addon/plugins/article-structure-plugin/structures/section.ts

@@ -18,8 +18,8 @@ export const sectionSpec: StructureSpec = {
   translations: {
     insert: 'article-structure-plugin.insert.section',
     move: {
-      up: 'article-structure-plugin.moveUp.section',
-      down: 'article-structure-plugin.moveDown.section',
+      up: 'article-structure-plugin.move-up.section',
+      down: 'article-structure-plugin.move-down.section',
     },
     remove: 'article-structure-plugin.remove.section',
   },

package/addon/plugins/article-structure-plugin/structures/structure-header.ts

@@ -19,6 +19,8 @@ const TAG_TO_LEVEL = new Map([
 export const structure_header: NodeSpec = {
   content: 'text*|placeholder',
   inline: false,
+  defining: true,
+  isolating: true,
   attrs: {
     property: {
       default: SAY('heading').prefixed,

package/addon/plugins/article-structure-plugin/structures/subsection.ts

@@ -19,8 +19,8 @@ export const subsectionSpec: StructureSpec = {
   translations: {
     insert: 'article-structure-plugin.insert.subsection',
     move: {
-      up: 'article-structure-plugin.moveUp.subsection',
-      down: 'article-structure-plugin.moveDown.subsection',
+      up: 'article-structure-plugin.move-up.subsection',
+      down: 'article-structure-plugin.move-down.subsection',
     },
     remove: 'article-structure-plugin.remove.subsection',
   },

package/addon/plugins/article-structure-plugin/structures/title.ts

@@ -18,8 +18,8 @@ export const titleSpec: StructureSpec = {
   translations: {
     insert: 'article-structure-plugin.insert.title',
     move: {
-      up: 'article-structure-plugin.moveUp.title',
-      down: 'article-structure-plugin.moveDown.title',
+      up: 'article-structure-plugin.move-up.title',
+      down: 'article-structure-plugin.move-down.title',
     },
     remove: 'article-structure-plugin.remove.title',
   },

package/addon/plugins/article-structure-plugin/utils/structure.ts

@@ -71,6 +71,8 @@ export function constructStructureBodyNodeSpec(config: {
   return {
     content,
     inline: false,
+    defining: true,
+    isolating: true,
     toDOM() {
       return [
         'div',

package/addon/plugins/rdfa-date-plugin/index.ts

@@ -2,7 +2,7 @@ import { WidgetSpec } from '@lblod/ember-rdfa-editor';
 
 export const defaultDateFormats: DateFormat[] = [
   {
-    label: 'Short small Date',
+    label: 'Short Date',
     key: 'short',
     dateFormat: 'dd/MM/yy',
     dateTimeFormat: 'dd/MM/yy HH:mm',
@@ -11,7 +11,7 @@ export const defaultDateFormats: DateFormat[] = [
     label: 'Long Date',
     key: 'long',
     dateFormat: 'EEEE dd MMMM yyyy',
-    dateTimeFormat: 'EEEE dd MMMM yyyy at HH:mm',
+    dateTimeFormat: 'PPPPp',
   },
 ];
 
@@ -20,9 +20,7 @@ const defaultOptions = {
   allowCustomFormat: true,
 };
 
-export const rdfaDateCardWidget: (options?: DatePluginOptions) => WidgetSpec = (
-  options
-) => {
+export function rdfaDateCardWidget(options?: DatePluginOptions): WidgetSpec {
   return {
     componentName: 'rdfa-date-plugin/card',
     desiredLocation: 'sidebar',
@@ -30,12 +28,17 @@ export const rdfaDateCardWidget: (options?: DatePluginOptions) => WidgetSpec = (
       options: options ? options : defaultOptions,
     },
   };
-};
+}
 
-export const rdfaDateInsertWidget: WidgetSpec = {
-  componentName: 'rdfa-date-plugin/insert',
-  desiredLocation: 'insertSidebar',
-};
+export function rdfaDateInsertWidget(options?: DatePluginOptions): WidgetSpec {
+  return {
+    componentName: 'rdfa-date-plugin/insert',
+    desiredLocation: 'insertSidebar',
+    widgetArgs: {
+      options: options ? options : defaultOptions,
+    },
+  };
+}
 
 export type DateFormat = {
   label: string;

package/addon/plugins/rdfa-date-plugin/nodes/date.ts

@@ -5,7 +5,7 @@ import {
   XSD,
 } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/constants';
 import { hasRDFaAttribute } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/namespace';
-import { formatDate } from '../utils';
+import { formatDate, validateDateFormat } from '../utils';
 
 export type DateOptions = {
   placeholder: {
@@ -22,14 +22,17 @@ const date: (options: DateOptions) => NodeSpec = (options) => {
         default: null,
       },
       value: {
-        default: null,
+        default: new Date().toISOString(),
       },
       format: {
-        default: 'dd/mm/yyyy',
+        default: 'dd/MM/yyyy',
       },
       onlyDate: {
         default: true,
       },
+      custom: {
+        default: false,
+      },
     },
     selectable: true,
     leafText: (node) => {
@@ -42,17 +45,25 @@ const date: (options: DateOptions) => NodeSpec = (options) => {
       return humanReadableDate;
     },
     toDOM: (node) => {
-      const { value, onlyDate, format, mappingResource } = node.attrs;
+      const { value, onlyDate, format, mappingResource, custom } = node.attrs;
       const datatype = onlyDate ? XSD('date') : XSD('dateTime');
-      const humanReadableDate = value
-        ? formatDate(new Date(value), format)
-        : onlyDate
-        ? options.placeholder.insertDate
-        : options.placeholder.insertDateTime;
+      let humanReadableDate: string;
+      if (value) {
+        if (validateDateFormat(format).type === 'ok') {
+          humanReadableDate = formatDate(new Date(value), format);
+        } else {
+          humanReadableDate = 'Ongeldig formaat';
+        }
+      } else {
+        humanReadableDate = onlyDate
+          ? options.placeholder.insertDate
+          : options.placeholder.insertDateTime;
+      }
       const dateAttrs = {
         datatype: datatype.prefixed,
         property: EXT('content').prefixed,
         'data-format': format as string,
+        'data-custom': custom ? 'true' : 'false',
         ...(!!value && { content: value as string }),
       };
       if (mappingResource) {
@@ -83,6 +94,7 @@ const date: (options: DateOptions) => NodeSpec = (options) => {
               value: node.getAttribute('content'),
               onlyDate,
               format: node.dataset.format,
+              custom: node.dataset.custom === 'true',
             };
           }
           return false;
@@ -114,6 +126,7 @@ const date: (options: DateOptions) => NodeSpec = (options) => {
                 onlyDate,
                 value: dateNode?.getAttribute('content'),
                 format: dateNode?.getAttribute('data-format'),
+                custom: dateNode?.getAttribute('data-custom') === 'true',
               };
             }
           }

package/addon/plugins/rdfa-date-plugin/utils.ts

@@ -1,5 +1,6 @@
 import { formatWithOptions } from 'date-fns/fp';
 import { nlBE } from 'date-fns/locale';
+import { RegexpMatchArrayWithIndices } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/citation-plugin/utils/process-match';
 
 export function formatDate(date: Date, format: string) {
   try {
@@ -8,3 +9,74 @@ export function formatDate(date: Date, format: string) {
     return '';
   }
 }
+
+type ValidationErrorType =
+  | 'date'
+  | 'locale'
+  | 'use-yyyy'
+  | 'use-yy'
+  | 'use-d'
+  | 'use-dd'
+  | 'character'
+  | 'required'
+  | 'fractions'
+  | 'unknown';
+
+interface ValidationOk {
+  type: 'ok';
+  value: string;
+}
+
+export interface ValidationError {
+  type: 'error';
+  error: ValidationErrorType;
+  payload?: Record<string, string>;
+}
+
+type ValidationResult = ValidationOk | ValidationError;
+const INVALID_CHAR_REGEX = new RegExp('Format string.*`(?<char>\\S+)`');
+const FRACTIONS_REGEX = new RegExp('[ST]');
+
+export function validateDateFormat(format?: string): ValidationResult {
+  try {
+    if (!format || format.length === 0) {
+      return { type: 'error', error: 'required' };
+    }
+    if (FRACTIONS_REGEX.test(format)) {
+      return { type: 'error', error: 'fractions' };
+    }
+    const value = formatWithOptions({ locale: nlBE }, format)(new Date());
+    return { type: 'ok', value };
+  } catch (e) {
+    if (e instanceof RangeError) {
+      const msg = e.message;
+
+      if (msg.startsWith('Use `yyyy`')) {
+        return { type: 'error', error: 'use-yyyy' };
+      } else if (msg.startsWith('Use `yy`')) {
+        return { type: 'error', error: 'use-yy' };
+      } else if (msg.startsWith('Use `d`')) {
+        return { type: 'error', error: 'use-d' };
+      } else if (msg.startsWith('Use `dd`')) {
+        return { type: 'error', error: 'use-dd' };
+      } else {
+        const match = INVALID_CHAR_REGEX.exec(
+          msg
+        ) as RegexpMatchArrayWithIndices | null;
+        if (match) {
+          const invalidCharacters = match.groups?.char;
+          if (invalidCharacters) {
+            return {
+              type: 'error',
+              error: 'character',
+              payload: { invalidCharacters },
+            };
+          }
+        }
+      }
+      return { type: 'error', error: 'unknown' };
+    } else {
+      throw e;
+    }
+  }
+}

package/addon/plugins/standard-template-plugin/utils/nodes.ts

@@ -173,8 +173,8 @@ export const besluitArticleStructure: StructureSpec = {
   translations: {
     insert: 'article-structure-plugin.insert.article',
     move: {
-      up: 'article-structure-plugin.moveUp.article',
-      down: 'article-structure-plugin.moveDown.article',
+      up: 'article-structure-plugin.move-up.article',
+      down: 'article-structure-plugin.move-down.article',
     },
     remove: 'article-structure-plugin.remove.article',
   },
@@ -226,6 +226,7 @@ export const besluitArticleStructure: StructureSpec = {
 
 export const besluit_article_header: NodeSpec = {
   inline: false,
+  selectable: false,
   attrs: {
     ...rdfaAttrs,
     number: {

package/addon/plugins/variable-plugin/nodes.ts

@@ -20,6 +20,8 @@ const emberNodeConfig: EmberNodeConfig = {
   group: 'inline',
   content: 'inline*',
   atom: true,
+  recreateUri: true,
+  uriAttributes: ['variableInstance'],
   draggable: false,
   attrs: {
     mappingResource: {},

package/app/components/rdfa-date-plugin/help-modal.js

@@ -0,0 +1 @@
+export { default } from '@lblod/ember-rdfa-editor-lblod-plugins/components/rdfa-date-plugin/help-modal';

package/app/styles/date-plugin.scss

@@ -5,13 +5,19 @@ span.date {
   padding: 0 0.2rem !important;
   line-height: 1.2rem !important;
   transition: border 0.1s ease-in-out, background-color 0.1s ease-in-out;
+
   &::selection {
     background-color: var(--au-blue-200);
   }
+
   user-select: none;
 }
 
 span.date.ProseMirror-selectednode {
   background-color: var(--au-blue-200);
   outline: 2px solid var(--au-blue-500);
-}
+}
+
+#date-plugin-time-info-tooltip {
+  z-index: 3;
+}

package/components/besluit-type-plugin/toolbar-dropdown.d.ts

@@ -21,16 +21,14 @@ export default class EditorPluginsToolbarDropdownComponent extends Component<Arg
      */
     besluitType?: BesluitType;
     previousBesluitType?: string;
-    types: BesluitType[];
     besluit?: BesluitType;
     subBesluit?: BesluitType;
     subSubBesluit?: BesluitType;
     cardExpanded: boolean;
-    loadDataTaskInstance: import("ember-concurrency").TaskInstance<void>;
     constructor(parent: unknown, args: Args);
     get controller(): ProseController;
     get doc(): import("prosemirror-model").Node;
-    loadData: import("ember-concurrency").TaskForAsyncTaskFunction<unknown, () => Promise<void>>;
+    types: import("ember-resources/util/function").State<BesluitType[]>;
     get currentBesluitRange(): ResolvedPNode | undefined;
     get currentBesluitURI(): string | undefined;
     get showCard(): boolean;
@@ -38,8 +36,8 @@ export default class EditorPluginsToolbarDropdownComponent extends Component<Arg
     updateBesluitType(selected: BesluitType): void;
     updateBesluitSubType(selected: BesluitType): void;
     updateBesluitSubSubType(selected: BesluitType): void;
-    findBesluitTypeParent(besluitType?: BesluitType, array?: BesluitType[], parent?: BesluitType): BesluitType | undefined;
-    findBesluitTypeByURI(uri: string, types?: BesluitType[]): BesluitType | undefined;
+    findBesluitTypeParent(besluitType?: BesluitType, array?: BesluitType[] | null, parent?: BesluitType): BesluitType | undefined;
+    findBesluitTypeByURI(uri: string, types?: BesluitType[] | null): BesluitType | undefined;
     insert(): void;
     toggleCard(): void;
 }