@lblod/ember-rdfa-editor-lblod-plugins 1.0.0-alpha.3 → 1.0.0-beta.2

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

@@ -0,0 +1,137 @@
+import { hasRDFaAttribute } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/namespace';
+import {
+  DCT,
+  EXT,
+} from '@lblod/ember-rdfa-editor-lblod-plugins/utils/constants';
+import {
+  createEmberNodeSpec,
+  createEmberNodeView,
+  EmberNodeConfig,
+} from '@lblod/ember-rdfa-editor/utils/ember-node';
+import { v4 as uuidv4 } from 'uuid';
+
+const CONTENT_SELECTOR = `span[property~='${EXT('content').prefixed}'], 
+                          span[property~='${EXT('content').full}']`;
+
+const emberNodeConfig: EmberNodeConfig = {
+  name: 'variable',
+  componentPath: 'variable-plugin/variable',
+  inline: true,
+  group: 'inline',
+  content: 'inline*',
+  atom: true,
+  draggable: false,
+  attrs: {
+    mappingResource: {},
+    codelistResource: {
+      default: null,
+    },
+    variableInstance: {},
+    source: {
+      default: null,
+    },
+    type: {
+      default: 'text',
+    },
+    datatype: {
+      default: null,
+    },
+  },
+  toDOM: (node) => {
+    const {
+      mappingResource,
+      codelistResource,
+      variableInstance,
+      type,
+      datatype,
+      source,
+    } = node.attrs;
+    const sourceSpan = source
+      ? [
+          [
+            'span',
+            { property: DCT('source').prefixed, resource: source as string },
+          ],
+        ]
+      : [];
+    const codelistResourceSpan = codelistResource
+      ? [
+          [
+            'span',
+            {
+              property: EXT('codelist').prefixed, //becomes EXT('instance')
+              resource: codelistResource as string,
+            },
+          ],
+        ]
+      : [];
+    return [
+      'span',
+      {
+        resource: mappingResource as string,
+        typeof: EXT('Mapping').prefixed,
+      },
+      [
+        'span',
+        { property: EXT('instance'), resource: variableInstance as string },
+      ],
+      ['span', { property: DCT('type').prefixed, content: type as string }],
+      ...sourceSpan,
+      ...codelistResourceSpan,
+      [
+        'span',
+        {
+          property: EXT('content').prefixed,
+          ...(!!datatype && { datatype: datatype as string }),
+        },
+        0,
+      ],
+    ];
+  },
+  parseDOM: [
+    {
+      tag: 'span',
+      getAttrs: (node: HTMLElement) => {
+        if (
+          hasRDFaAttribute(node, 'typeof', EXT('Mapping')) &&
+          node.querySelector(CONTENT_SELECTOR)
+        ) {
+          const variableInstance = [...node.children]
+            .find((el) => hasRDFaAttribute(el, 'property', EXT('instance')))
+            ?.getAttribute('resource');
+          const mappingResource = node.getAttribute('resource');
+          const codelistResource = [...node.children]
+            .find((el) => hasRDFaAttribute(el, 'property', EXT('codelist')))
+            ?.getAttribute('resource');
+          const source = [...node.children]
+            .find((el) => hasRDFaAttribute(el, 'property', DCT('source')))
+            ?.getAttribute('resource');
+          const type = [...node.children]
+            .find((el) => hasRDFaAttribute(el, 'property', DCT('type')))
+            ?.getAttribute('content');
+          const datatype = [...node.children]
+            .find((el) => hasRDFaAttribute(el, 'property', EXT('content')))
+            ?.getAttribute('datatype');
+          if (!mappingResource) {
+            return false;
+          }
+          return {
+            variableInstance:
+              variableInstance ??
+              `http://data.lblod.info/variables/${uuidv4()}`,
+            mappingResource,
+            codelistResource,
+            source,
+            type,
+            datatype,
+          };
+        }
+        return false;
+      },
+      contentElement: CONTENT_SELECTOR,
+    },
+  ],
+};
+
+export const variable = createEmberNodeSpec(emberNodeConfig);
+export const variableView = createEmberNodeView(emberNodeConfig);

package/addon/plugins/variable-plugin/utils/constants.ts

@@ -0,0 +1,107 @@
+import { PNode, Schema } from '@lblod/ember-rdfa-editor';
+import { CodeList, fetchCodeListsByPublisher } from './fetch-data';
+import { v4 as uuidv4 } from 'uuid';
+import { XSD } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/constants';
+import { unwrap } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/option';
+
+export const MULTI_SELECT_CODELIST_TYPE =
+  'http://lblod.data.gift/concepts/57C93E12-A02C-4D4B-8B95-666B6701286C';
+
+export type VariableType = {
+  label: string;
+  fetchSubtypes?: (endpoint: string, publisher: string) => Promise<CodeList[]>;
+  constructor: (
+    schema: Schema,
+    endpoint?: string,
+    selectedCodelist?: CodeList
+  ) => PNode;
+};
+
+export const DEFAULT_VARIABLE_TYPES: Record<string, VariableType> = {
+  text: {
+    label: 'text',
+    constructor: (schema) => {
+      const mappingURI = `http://data.lblod.info/mappings/${uuidv4()}`;
+      const variableInstance = `http://data.lblod.info/variables/${uuidv4()}`;
+      return schema.node(
+        'variable',
+        {
+          mappingResource: mappingURI,
+          variableInstance,
+          type: 'text',
+        },
+        schema.node('placeholder', { placeholderText: 'text' })
+      );
+    },
+  },
+  number: {
+    label: 'number',
+    constructor: (schema) => {
+      const mappingURI = `http://data.lblod.info/mappings/${uuidv4()}`;
+      const variableInstance = `http://data.lblod.info/variables/${uuidv4()}`;
+      return schema.node(
+        'variable',
+        {
+          mappingResource: mappingURI,
+          variableInstance,
+          type: 'number',
+          datatype: XSD('integer').prefixed,
+        },
+        schema.node('placeholder', { placeholderText: 'number' })
+      );
+    },
+  },
+  date: {
+    label: 'date',
+    constructor: (schema) => {
+      return unwrap(
+        schema.nodes.date.createAndFill({
+          mappingResource: `http://data.lblod.info/mappings/${uuidv4()}`,
+        })
+      );
+    },
+  },
+  location: {
+    label: 'location',
+    constructor: (schema, endpoint) => {
+      const mappingURI = `http://data.lblod.info/mappings/${uuidv4()}`;
+      const variableInstance = `http://data.lblod.info/variables/${uuidv4()}`;
+      return schema.node(
+        'variable',
+        {
+          type: 'location',
+          mappingResource: mappingURI,
+          variableInstance,
+          source: endpoint,
+        },
+        schema.node('placeholder', {
+          placeholderText: 'location',
+        })
+      );
+    },
+  },
+  codelist: {
+    label: 'codelist',
+    fetchSubtypes: async (endpoint: string, publisher: string) => {
+      const codelists = fetchCodeListsByPublisher(endpoint, publisher);
+      return codelists;
+    },
+    constructor: (schema, endpoint, selectedCodelist?: CodeList) => {
+      const mappingURI = `http://data.lblod.info/mappings/${uuidv4()}`;
+      const variableInstance = `http://data.lblod.info/variables/${uuidv4()}`;
+      return schema.node(
+        'variable',
+        {
+          type: 'codelist',
+          mappingResource: mappingURI,
+          codelistResource: selectedCodelist?.uri,
+          variableInstance,
+          source: endpoint,
+        },
+        schema.node('placeholder', {
+          placeholderText: selectedCodelist?.label ?? '',
+        })
+      );
+    },
+  },
+};

package/addon/plugins/{template-variable-plugin → variable-plugin}/utils/fetch-data.ts

@@ -60,3 +60,44 @@ function parseCodelistOptions(queryResult: QueryResult): CodeListOption[] {
     label: binding['label']?.value,
   }));
 }
+
+export type CodeList = {
+  uri?: string;
+  label?: string;
+};
+
+function generateCodeListsByPublisherQuery(publisher: string): string {
+  const codeListOptionsQuery = `
+    PREFIX lblodMobilitiet: <http://data.lblod.info/vocabularies/mobiliteit/>
+    PREFIX dct: <http://purl.org/dc/terms/>
+    PREFIX skos: <http://www.w3.org/2004/02/skos/core#>
+    PREFIX mu: <http://mu.semte.ch/vocabularies/core/>
+    SELECT DISTINCT * WHERE { 
+      ?uri a lblodMobilitiet:Codelist;
+        skos:prefLabel ?label.
+      ${
+        publisher
+          ? `
+        ?uri dct:publisher <${publisher}>.
+      `
+          : ''
+      }
+    }
+  `;
+  return codeListOptionsQuery;
+}
+
+export async function fetchCodeListsByPublisher(
+  endpoint: string,
+  publisher: string
+): Promise<CodeList[]> {
+  const codelistsOptionsQueryResult = await executeQuery(
+    endpoint,
+    generateCodeListsByPublisherQuery(publisher)
+  );
+  const bindings = codelistsOptionsQueryResult.results.bindings;
+  return bindings.map((binding) => ({
+    uri: binding['uri']?.value,
+    label: binding['label']?.value,
+  }));
+}

package/addon/services/standard-template-plugin.ts

@@ -1,14 +1,15 @@
 import Store from '@ember-data/store';
 // eslint-disable-next-line ember/use-ember-data-rfc-395-imports
-import { DS } from 'ember-data';
 import Service, { inject as service } from '@ember/service';
-import { task, waitForProperty, Task } from 'ember-concurrency';
+import { task, Task, waitForProperty } from 'ember-concurrency';
 import { tracked } from '@glimmer/tracking';
 import TemplateModel from '../models/template';
 
+const BLACKLISTED_TEMPLATES = new Set(['Citeeropschrift']);
+
 export default class StandardTemplatePluginService extends Service {
   @service declare store: Store;
-  @tracked declare templates: DS.RecordArray<TemplateModel>;
+  @tracked declare templates: TemplateModel[];
 
   constructor() {
     // eslint-disable-next-line prefer-rest-params
@@ -16,7 +17,7 @@ export default class StandardTemplatePluginService extends Service {
     void this.loadTemplates();
   }
 
-  fetchTemplates: Task<DS.RecordArray<TemplateModel>, []> = task(async () => {
+  fetchTemplates: Task<TemplateModel[], []> = task(async () => {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     await waitForProperty(this, 'templates');
@@ -24,19 +25,22 @@ export default class StandardTemplatePluginService extends Service {
   });
 
   async loadTemplates() {
-    this.templates = await this.store.query('template', {
+    const templates = await this.store.query('template', {
       fields: { templates: 'title,contexts,matches,disabled-in-contexts' },
     });
+    this.templates = templates.filter(
+      (template) => !BLACKLISTED_TEMPLATES.has(template.title)
+    );
   }
 
   /**
-     Filter the valid templates for a context.
-     @method templatesForContext
-     @param {Array} Array of templates
-     @param {Array} The path of rdfaContext objects from the root till the current context
-     @return {Array} Array of templates (filtered)
-     @private
-  */
+   Filter the valid templates for a context.
+   @method templatesForContext
+   @param {Array} Array of templates
+   @param {Array} The path of rdfaContext objects from the root till the current context
+   @return {Array} Array of templates (filtered)
+   @private
+   */
   templatesForContext(templates: TemplateModel[], rdfaTypes: string[]) {
     const isMatchingForContext = (template: TemplateModel) => {
       return (

package/addon/utils/changed-descendants.ts

@@ -0,0 +1,29 @@
+import { PNode } from '@lblod/ember-rdfa-editor';
+
+// from https://github.com/ProseMirror/prosemirror-tables/blob/8ec1e96ae994c1585b07b1ca9dc3292f63e868e0/src/fixtables.ts#L24
+export function changedDescendants(
+  old: PNode,
+  cur: PNode,
+  offset: number,
+  f: (node: PNode, pos: number) => void
+): void {
+  const oldSize = old.childCount;
+  const curSize = cur.childCount;
+  outer: for (let i = 0, j = 0; i < curSize; i++) {
+    const child = cur.child(i);
+    for (let scan = j, e = Math.min(oldSize, i + 3); scan < e; scan++) {
+      if (old.child(scan) === child) {
+        j = scan + 1;
+        offset += child.nodeSize;
+        continue outer;
+      }
+    }
+    f(child, offset);
+    if (j < oldSize && old.child(j).sameMarkup(child)) {
+      changedDescendants(old.child(j), child, offset + 1, f);
+    } else {
+      child.nodesBetween(0, child.content.size, f, offset + 1);
+    }
+    offset += child.nodeSize;
+  }
+}

package/addon/utils/constants.ts

@@ -0,0 +1,22 @@
+import { namespace } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/namespace';
+
+export const SAY = namespace('https://say.data.gift/ns/', 'say');
+export const RDF = namespace(
+  'http://www.w3.org/1999/02/22-rdf-syntax-ns#',
+  'rdf'
+);
+
+export const ELI = namespace('http://data.europa.eu/eli/ontology#', 'eli');
+export const XSD = namespace('http://www.w3.org/2001/XMLSchema#', 'xsd');
+export const EXT = namespace('http://mu.semte.ch/vocabularies/ext/', 'ext');
+export const BESLUIT = namespace(
+  'http://data.vlaanderen.be/ns/besluit#',
+  'besluit'
+);
+export const PROV = namespace('http://www.w3.org/ns/prov#', 'prov');
+export const SKOS = namespace('http://www.w3.org/2004/02/skos/core#', 'skos');
+export const DCT = namespace('http://purl.org/dc/terms/', 'dct');
+export const MOBILITEIT = namespace(
+  'https://data.vlaanderen.be/ns/mobiliteit#',
+  'mobiliteit'
+);

package/addon/utils/namespace.ts

@@ -0,0 +1,60 @@
+import { PNode } from '@lblod/ember-rdfa-editor';
+
+export class Resource {
+  full: string;
+  prefixed: string;
+
+  constructor(full: string, prefixed: string) {
+    this.full = full;
+    this.prefixed = prefixed;
+  }
+
+  toString() {
+    return this.full;
+  }
+}
+
+export function namespace(uri: string, prefix: string) {
+  return (s: string): Resource => {
+    return new Resource(uri + s, `${prefix}:${s}`);
+  };
+}
+
+export function hasRDFaAttribute(
+  element: Element,
+  attr: string,
+  value: Resource
+) {
+  const result = element.getAttribute(attr)?.split(' ');
+  if (result) {
+    return result.includes(value.full) || result.includes(value.prefixed);
+  }
+  return false;
+}
+
+export function pnodeHasRdfaAttribute(
+  node: PNode,
+  attr: string,
+  value: Resource
+) {
+  const result = (node.attrs[attr] as string | null)?.split(' ');
+  if (result) {
+    return result.includes(value.full) || result.includes(value.prefixed);
+  }
+  return false;
+}
+
+export function expandPrefixedString(
+  base: string,
+  prefix: string,
+  stringToExpand: string
+): string {
+  if (stringToExpand.startsWith(base)) {
+    return stringToExpand;
+  } else if (stringToExpand.startsWith(prefix)) {
+    const [, affix] = stringToExpand.split(':');
+    return base + affix;
+  } else {
+    return stringToExpand;
+  }
+}

package/app/components/{table-of-contents-plugin/card.js → au-dropdown-pill.js}

@@ -1 +1 @@
-export { default } from '@lblod/ember-rdfa-editor-lblod-plugins/components/table-of-contents-plugin/card';
+export { default } from '@lblod/ember-rdfa-editor-lblod-plugins/components/au-dropdown-pill';

package/app/components/table-of-contents-plugin/toolbar-button.js

@@ -0,0 +1 @@
+export { default } from '@lblod/ember-rdfa-editor-lblod-plugins/components/table-of-contents-plugin/toolbar-button';

package/app/components/{insert-variable-plugin → variable-plugin}/insert-variable-card.js

@@ -1 +1 @@
-export { default } from '@lblod/ember-rdfa-editor-lblod-plugins/components/insert-variable-plugin/insert-variable-card';
+export { default } from '@lblod/ember-rdfa-editor-lblod-plugins/components/variable-plugin/insert-variable-card';

package/app/components/{template-variable-plugin → variable-plugin}/template-variable-card.js

@@ -1 +1 @@
-export { default } from '@lblod/ember-rdfa-editor-lblod-plugins/components/template-variable-plugin/template-variable-card';
+export { default } from '@lblod/ember-rdfa-editor-lblod-plugins/components/variable-plugin/template-variable-card';

package/app/components/variable-plugin/variable-edit-modal.js

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

package/app/components/variable-plugin/variable.js

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

package/app/styles/date-plugin.scss

@@ -0,0 +1,17 @@
+
+span.date {
+  border-radius: 0.3rem;
+  margin-right: 0.5rem !important;
+  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);
+}

package/app/styles/variable-plugin.scss

@@ -0,0 +1,65 @@
+[typeof='ext:Mapping'] + [typeof='ext:Mapping'] {
+  margin-left: 0.3rem;
+}
+
+[typeof='ext:Mapping'] {
+  border-bottom: 0 !important;
+
+  [property],
+  .mark-highlight-manual {
+    border-bottom: 0;
+  }
+
+  [property='ext:content'] {
+    border-radius: 0.3rem;
+    padding: 0 0.3rem;
+    line-height: 1.2rem;
+    margin-bottom: 0.3rem;
+  }
+
+  [property='dct:type'] ~ [property='ext:content'] {
+    color: var(--vl-picton-120);
+    border-radius: 0.3rem;
+    background-color: rgba(#16465b, 0.15);
+    transition: border 0.1s ease-in-out, background-color 0.1s ease-in-out;
+
+    &:hover,
+    &:focus,
+    &:focus-within {
+      background-color: rgba(#16465b, 0.1);
+    }
+  }
+
+  [property='dct:type'] ~ [property='ext:content']:after {
+    position: relative;
+    top: -0.2rem;
+    content: '' !important;
+    display: inline-block !important;
+    width: 1rem;
+    height: 1rem;
+    margin-left: 0.3rem;
+    background-size: contain;
+    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSIjMTY0NjVCIj48cGF0aCBkPSJNMjAuODMxMTAwMywzLjE4Mzg0MTggQzIwLjQ1OTEwMDMsMi44MDc0MjE4IDIwLjAxNjEwMDMsMi41MDg1NjE4IDE5LjUyNzcwMDMsMi4zMDQ2MDE4IEMxOS4wMzk0MDAzLDIuMTAwNjMxOCAxOC41MTU0MDAzLDEuOTk1NjAxOCAxNy45ODYxMDAzLDEuOTk1NjAxOCBDMTcuNDU2OTAwMywxLjk5NTYwMTggMTYuOTMyOTAwMywyLjEwMDYzMTggMTYuNDQ0NjAwMywyLjMwNDYwMTggQzE1Ljk1NjIwMDMsMi41MDg1NjE4IDE1LjUxMzIwMDMsMi44MDc0MjE4IDE1LjE0MTEwMDMsMy4xODM4NDE4IEwzLjczMTE0MDMyLDE0LjU5MzgwMTggQzMuNjEzMTgwMzIsMTQuNzI3MzAxOCAzLjUyNDYwMDMyLDE0Ljg4NDAwMTggMy40NzExNDAzMiwxNS4wNTM4MDE4IEwyLjAxMTE0MDMyLDIwLjc2MzgwMTggQzEuOTY4ODEwMzIsMjAuOTMxMjAxOCAxLjk3MDUxMDMyLDIxLjEwNjYwMTggMi4wMTYwNzAzMiwyMS4yNzMxMDE4IEMyLjA2MTYzMDMyLDIxLjQzOTUwMTggMi4xNDk1MDAzMiwyMS41OTE0MDE4IDIuMjcxMTQwMzIsMjEuNzEzODAxOCBDMi4zOTM1OTAzMiwyMS44MzU1MDE4IDIuNTQ1NDQwMzIsMjEuOTIzNDAxOCAyLjcxMTkxMDMyLDIxLjk2ODkwMTggQzIuODc4MzgwMzIsMjIuMDE0NTAxOCAzLjA1MzgyMDMyLDIyLjAxNjIwMTggMy4yMjExNDAzMiwyMS45NzM4MDE4IEw4LjkyMTE0MDMyLDIwLjU0MzgwMTggQzkuMDkxMDEwMzIsMjAuNDkwNDAxOCA5LjI0NzczMDMyLDIwLjQwMTgwMTggOS4zODExNDAzMiwyMC4yODM4MDE4IEwyMC44MzExMDAzLDguODczODQxOCBDMjEuMjA3NjAwMyw4LjUwMTgyMTggMjEuNTA2NDAwMyw4LjA1ODc5MTggMjEuNzEwNDAwMyw3LjU3MDQzMTggQzIxLjkxNDQwMDMsNy4wODIwNzE4IDIyLjAxOTQwMDMsNi41NTgwOTE4IDIyLjAxOTQwMDMsNi4wMjg4NDE4IEMyMi4wMTk0MDAzLDUuNDk5NjAxOCAyMS45MTQ0MDAzLDQuOTc1NjIxOCAyMS43MTA0MDAzLDQuNDg3MjYxOCBDMjEuNTA2NDAwMywzLjk5ODkwMTggMjEuMjA3NjAwMywzLjU1NTg3MTggMjAuODMxMTAwMywzLjE4Mzg0MTggWiBNMTQuNDIxMTAwMyw2LjczMzg0MTggTDE3LjI4MTEwMDMsOS41OTM4NDE4IEw4LjcyMTE0MDMyLDE4LjE2MzgwMTggTDUuODUxMTQwMzIsMTUuMzAzODAxOCBMMTQuNDIxMTAwMyw2LjczMzg0MTggWiBNNC40MjExNDAzMiwxOS42MzM4MDE4IEw1LjAxMTE0MDMyLDE3LjI1MzgwMTggTDYuNzYxMTQwMzIsMTkuMDAzODAxOCBMNC40MjExNDAzMiwxOS42MzM4MDE4IFogTTE5LjQyMTEwMDMsNC42MzM4NDE4IEMxOS43ODY5MDAzLDUuMDIwMTQxOCAxOS45OTA3MDAzLDUuNTMxODgxOCAxOS45OTA3MDAzLDYuMDYzODQxOCBDMTkuOTkwNzAwMyw2LjU5NTgwMTggMTkuNzg2OTAwMyw3LjEwNzU0MTggMTkuNDIxMTAwMyw3LjQ5Mzg0MTggTDE4LjcwMTEwMDMsOC4yMTM4NDE4IEwxNS44MzExMDAzLDUuMzEzODQxOCBMMTYuNTUxMTAwMyw0LjU5Mzg0MTggQzE2LjkzNjgwMDMsNC4yMjI5MTE4IDE3LjQ1MTEwMDMsNC4wMTU3MTE4IDE3Ljk4NjEwMDMsNC4wMTU3MTE4IEMxOC41MjEyMDAzLDQuMDE1NzExOCAxOS4wMzU1MDAzLDQuMjIyOTExOCAxOS40MjExMDAzLDQuNTkzODQxOCBMMTkuNDIxMTAwMyw0LjYzMzg0MTggWiIvPjwvc3ZnPgo=');
+  }
+}
+
+.ember-node {
+  .variable {
+    [contenteditable] {
+      white-space: pre-wrap;
+      word-wrap: break-word;
+      outline: 0px;
+    }
+  }
+}
+
+.ember-node.ProseMirror-selectednode {
+  .variable {
+    background-color: var(--au-blue-200);
+    outline: 2px solid var(--au-blue-500);
+
+    ::selection {
+      background-color: var(--au-blue-300);
+    }
+  }
+}

package/components/au-dropdown-pill.d.ts

@@ -0,0 +1,19 @@
+import Component from '@glimmer/component';
+type Args = {
+    alignment: 'left' | 'right';
+    icon: string;
+    iconAlignment: 'left' | 'right';
+    skin?: string;
+};
+export default class AuDropdownPill extends Component<Args> {
+    dropdownOpen: boolean;
+    openDropdown(): void;
+    closeDropdown(): void;
+    toggleDropdown(): void;
+    clickOutsideDeactivates(event: InputEvent): boolean;
+    get alignment(): "au-c-dropdown__menu--left" | "au-c-dropdown__menu--right" | "";
+    get skin(): string;
+    get icon(): string;
+    get iconAlignment(): "left" | "right";
+}
+export {};

package/components/au-native-input.d.ts

@@ -10,7 +10,7 @@ interface Args {
 }
 export default class AuNativeInput extends Component<Args> {
     constructor(owner: unknown, args: Args);
-    get width(): "au-c-input--block" | "";
+    get width(): "" | "au-c-input--block";
     get iconAlignment(): "" | "au-c-input-wrapper--left" | "au-c-input-wrapper--right";
     get error(): "" | "au-c-input--error";
     get warning(): "" | "au-c-input--warning";

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

@@ -21,7 +21,7 @@ export default class CitationCardComponent extends Component<Args> {
     cardText: string | null;
     cardLegislationType: string | null;
     get controller(): ProseController;
-    get showCard(): Option<CitationDecoration>;
+    get showCard(): false | Option<CitationDecoration>;
     get plugin(): CitationPlugin;
     get decorations(): import("prosemirror-view").DecorationSet | undefined;
     get activeDecoration(): Option<CitationDecoration>;

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

@@ -12,6 +12,13 @@ export default class EditorPluginsCitationInsertComponent extends Component<Args
     showModal: boolean;
     legislationTypeUri: string;
     text: string;
+    legislationType: string | null;
+    get selectedLegislationTypeUri(): string;
+    get selectedLegislationType(): {
+        label: string;
+        value: string;
+    };
+    selectLegislationType(type: string): void;
     get disableInsert(): boolean;
     get plugin(): CitationPlugin;
     get activeRanges(): [number, number][] | undefined;

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

@@ -11,7 +11,6 @@ interface Args {
 }
 export default class EditorPluginsCitationsSearchModalComponent extends Component<Args> {
     intl: IntlService;
-    legislationTypeUri: string;
     pageNumber: number;
     pageSize: number;
     totalCount: number;
@@ -25,7 +24,7 @@ export default class EditorPluginsCitationsSearchModalComponent extends Componen
     inputSearchText: string | null;
     minDate: Date;
     maxDate: Date;
-    constructor(owner: unknown, args: Args);
+    get legislationTypeUri(): string;
     get datePickerLocalization(): {
         buttonLabel: string;
         selectedDateMessage: string;
@@ -51,7 +50,6 @@ export default class EditorPluginsCitationsSearchModalComponent extends Componen
     resourceSearch: import("ember-concurrency").TaskForAsyncTaskFunction<unknown, () => Promise<Decision[]>>;
     decisionResource: import("ember-resources/util/ember-concurrency").TaskInstance<unknown>;
     setInputSearchText(event: InputEvent): void;
-    selectLegislationType(type: string): void;
     updateDocumentDateFrom(_isoDate: unknown, date: Date): void;
     updateDocumentDateTo(_isoDate: unknown, date: Date): void;
     updatePublicationDateFrom(_isoDate: unknown, date: Date): void;