@lblod/ember-rdfa-editor 12.8.0 → 12.9.0

package/dist/components/_private/rdfa-editor/property-editor/index.js

@@ -1,256 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { addProperty } from '../../../../commands/rdfa-commands/add-property.js';
-import { removeProperty } from '../../../../commands/rdfa-commands/remove-property.js';
-import 'uuid';
-import '../../../../utils/_private/constants.js';
-import 'relative-to-absolute-iri';
-import 'rdf-data-factory';
-import '../../../../main-BcFbMIin.js';
-import '../../../../core/say-data-factory/data-factory.js';
-import '../../../../core/say-data-factory/default-graph.js';
-import '../../../../config/rdfa.js';
-import 'iter-tools';
-import { i as isLinkToNode, l as getSubjects } from '../../../../plugin-D8-O4T0g.js';
-import 'prosemirror-model';
-import 'prosemirror-transform';
-import 'prosemirror-state';
-import { PlusIcon } from '@appuniversum/ember-appuniversum/components/icons/plus';
-import { PencilIcon } from '@appuniversum/ember-appuniversum/components/icons/pencil';
-import { BinIcon } from '@appuniversum/ember-appuniversum/components/icons/bin';
-import { ThreeDotsIcon } from '@appuniversum/ember-appuniversum/components/icons/three-dots';
-import AuContent from '@appuniversum/ember-appuniversum/components/au-content';
-import AuToolbar from '@appuniversum/ember-appuniversum/components/au-toolbar';
-import AuHeading from '@appuniversum/ember-appuniversum/components/au-heading';
-import AuButton from '@appuniversum/ember-appuniversum/components/au-button';
-import { on } from '@ember/modifier';
-import AuList from '@appuniversum/ember-appuniversum/components/au-list';
-import AuDropdown from '@appuniversum/ember-appuniversum/components/au-dropdown';
-import { fn, array } from '@ember/helper';
-import { not } from 'ember-truth-helpers';
-import AuAlert from '@appuniversum/ember-appuniversum/components/au-alert';
-import { ChevronDownIcon } from '@appuniversum/ember-appuniversum/components/icons/chevron-down';
-import AuModal from '@appuniversum/ember-appuniversum/components/au-modal';
-import AuButtonGroup from '@appuniversum/ember-appuniversum/components/au-button-group';
-import WithUniqueIdComponent from '../../with-unique-id.js';
-import PropertyEditorForm from './form.js';
-import { isResourceNode } from '../../../../utils/_private/node-utils.js';
-import PropertyDetails from '../property-details.js';
-import { modifier } from 'ember-modifier';
-import { action } from '@ember/object';
-import ConfigurableRdfaDisplay, { predicateDisplay } from '../configurable-rdfa-display.js';
-import { precompileTemplate } from '@ember/template-compilation';
-import { setComponentTemplate } from '@ember/component';
-import { g, i, n } from 'decorator-transforms/runtime';
-
-class RdfaPropertyEditor extends Component {
-  static {
-    g(this.prototype, "_statusMessage", [tracked], function () {
-      return null;
-    });
-  }
-  #_statusMessage = (i(this, "_statusMessage"), void 0);
-  static {
-    g(this.prototype, "status", [tracked]);
-  }
-  #status = (i(this, "status"), void 0);
-  isPlainTriple = triple => !isLinkToNode(triple);
-  setUpListeners = modifier(() => {
-    const listenerHandler = event => {
-      if (event.altKey && event.ctrlKey) {
-        const key = event.key;
-        switch (key) {
-          case 'p':
-          case 'P':
-            if (this.canAddProperty) {
-              this.startPropertyCreation();
-            }
-            break;
-        }
-      }
-    };
-    window.addEventListener('keydown', listenerHandler);
-    return () => {
-      window.removeEventListener('keydown', listenerHandler);
-    };
-  });
-  get node() {
-    return this.args.node.value;
-  }
-  get controller() {
-    return this.args.controller;
-  }
-  get properties() {
-    return this.args.node.value.attrs['properties'];
-  }
-  get isCreating() {
-    return this.status?.mode === 'creation';
-  }
-  get isUpdating() {
-    return this.status?.mode === 'update';
-  }
-  get currentResource() {
-    return this.args.node.value.attrs['subject'];
-  }
-  get statusMessage() {
-    // show only if a message is relevant for the current node
-    if (this._statusMessage && this.node === this._statusMessage.node) {
-      return this._statusMessage;
-    }
-    return null;
-  }
-  setStatusMessage = val => {
-    if (val) {
-      this._statusMessage = {
-        ...val,
-        node: this.node
-      };
-    } else {
-      this._statusMessage = val;
-    }
-  };
-  closeStatusMessage = () => {
-    this.setStatusMessage(null);
-  };
-  get type() {
-    return this.node.attrs['rdfaNodeType'];
-  }
-  get allResources() {
-    if (!this.controller) {
-      return [];
-    }
-    return getSubjects(this.controller.mainEditorState);
-  }
-  get importedResources() {
-    return this.node.attrs['importedResources'];
-  }
-  linkImportedResource = (imported, linked) => {
-    const newImported = {
-      ...this.importedResources,
-      [imported]: linked
-    };
-    this.controller?.withTransaction(tr => tr.setNodeAttribute(this.args.node.pos, 'importedResources', newImported));
-  };
-  startPropertyCreation = () => {
-    this.status = {
-      mode: 'creation'
-    };
-  };
-  startPropertyUpdate = property => {
-    this.status = {
-      mode: 'update',
-      property
-    };
-  };
-  get canAddProperty() {
-    return isResourceNode(this.node);
-  }
-  addProperty = (property, subject) => {
-    // This function can only be called when the selected node defines a resource or the selected
-    // node is a document that imports resources (e.g. a snippet)
-    const resource = this.currentResource || subject;
-    if (resource) {
-      this.controller?.doCommand(addProperty({
-        resource,
-        property
-      }), {
-        view: this.controller.mainEditorView
-      });
-      this.status = undefined;
-    }
-  };
-  updateProperty = (newProperty, subject) => {
-    // TODO: make a command to do this in one go
-    if (this.status?.mode === 'update') {
-      this.removeProperty(this.status.property);
-      this.addProperty(newProperty, subject);
-      this.status = undefined;
-    }
-  };
-  removeProperty = property => {
-    // This function can only be called when the selected node defines a resource or the selected
-    // node is a document that imports resources (e.g. a snippet)
-    if (this.currentResource) {
-      const propertyToRemove = {
-        resource: this.currentResource,
-        property
-      };
-      this.controller?.doCommand(removeProperty(propertyToRemove), {
-        view: this.controller.mainEditorView
-      });
-    }
-  };
-  cancel = () => {
-    this.status = undefined;
-  };
-  static {
-    setComponentTemplate(precompileTemplate("\n    <AuContent @skin=\"tiny\" {{this.setUpListeners}}>\n      <AuToolbar as |Group|>\n        <Group>\n          <AuHeading @level=\"5\" @skin=\"5\">Properties</AuHeading>\n        </Group>\n        <Group>\n          <AuButton @disabled={{not this.canAddProperty}} @icon={{PlusIcon}} @skin=\"naked\" {{on \"click\" this.startPropertyCreation}}>\n            Add property\n          </AuButton>\n        </Group>\n      </AuToolbar>\n      {{#if this.importedResources}}\n        <div>\n          <AuHeading @level=\"6\" @skin=\"6\" class=\"au-u-margin-bottom-small\">Imported Resources</AuHeading>\n          <AuList @divider={{true}} as |Item|>\n            {{#each-in this.importedResources as |imported linked|}}\n              <Item class=\"au-u-flex au-u-flex--row au-u-flex--between au-u-flex--vertical-center\">\n                {{imported}}\n                <AuDropdown @icon={{if linked ChevronDownIcon PlusIcon}} @title={{linked}} role=\"menu\" @alignment=\"left\">\n                  {{#each this.allResources as |res|}}\n                    <AuButton @skin=\"link\" @icon={{PencilIcon}} role=\"menuitem\" {{on \"click\" (fn this.linkImportedResource imported res)}}>\n                      {{res}}\n                    </AuButton>\n                  {{/each}}\n                </AuDropdown>\n              </Item>\n            {{/each-in}}\n          </AuList>\n        </div>\n      {{/if}}\n      {{#if this.properties.length}}\n        <AuList @divider={{true}} as |Item|>\n          {{#each this.properties as |prop|}}\n            <Item class=\"au-u-flex au-u-flex--row au-u-flex--between au-u-flex--vertical-center\">\n              <div class=\"au-u-padding-tiny\">\n                <ConfigurableRdfaDisplay @value={{prop}} @generator={{predicateDisplay}} @controller={{@controller}} />\n                <PropertyDetails @controller={{@controller}} @prop={{prop}} @setStatusMessage={{this.setStatusMessage}} />\n              </div>\n              <AuDropdown @icon={{ThreeDotsIcon}} role=\"menu\" @alignment=\"left\">\n                <AuButton @skin=\"link\" @icon={{PencilIcon}} role=\"menuitem\" {{on \"click\" (fn this.startPropertyUpdate prop)}}>\n                  Edit property\n                </AuButton>\n                <AuButton @skin=\"link\" @icon={{BinIcon}} role=\"menuitem\" class=\"au-c-button--alert\" {{on \"click\" (fn this.removeProperty prop)}}>\n                  Remove property\n                </AuButton>\n              </AuDropdown>\n            </Item>\n          {{/each}}\n        </AuList>\n      {{else}}\n        <p>This node doesn't have any properties yet.</p>\n      {{/if}}\n      {{#if this.statusMessage}}\n        <div>\n          <AuAlert @skin={{this.statusMessage.type}} @closable={{true}} @onClose={{this.closeStatusMessage}}>\n            {{this.statusMessage.message}}\n          </AuAlert>\n        </div>\n      {{/if}}\n    </AuContent>\n    {{!-- Creation modal --}}\n    <Modal @controller={{@controller}} @modalOpen={{this.isCreating}} @onSave={{this.addProperty}} @onCancel={{this.cancel}} @predicateOptions={{@predicateOptions}} @objectOptions={{@objectOptions}} />\n    {{!-- Update modal --}}\n    <Modal @controller={{@controller}} @modalOpen={{this.isUpdating}} @onSave={{this.updateProperty}} @onCancel={{this.cancel}} {{!-- @glint-expect-error check if property is defined --}} @property={{this.status.property}} @predicateOptions={{@predicateOptions}} @objectOptions={{@objectOptions}} />\n  ", {
-      strictMode: true,
-      scope: () => ({
-        AuContent,
-        AuToolbar,
-        AuHeading,
-        AuButton,
-        not,
-        PlusIcon,
-        on,
-        AuList,
-        AuDropdown,
-        ChevronDownIcon,
-        PencilIcon,
-        fn,
-        ConfigurableRdfaDisplay,
-        predicateDisplay,
-        PropertyDetails,
-        ThreeDotsIcon,
-        BinIcon,
-        AuAlert,
-        Modal
-      })
-    }), this);
-  }
-}
-class Modal extends Component {
-  onFormKeyDown(formElement, event) {
-    if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
-      formElement.requestSubmit();
-    }
-    return true;
-  }
-  static {
-    n(this.prototype, "onFormKeyDown", [action]);
-  }
-  static {
-    g(this.prototype, "initiallyFocusedElement", [tracked]);
-  }
-  #initiallyFocusedElement = (i(this, "initiallyFocusedElement"), void 0);
-  initialFocus = modifier(element => {
-    this.initiallyFocusedElement = element;
-  });
-  cancel = () => {
-    this.args.onCancel();
-  };
-  save = (triple, subject) => {
-    this.args.onSave(triple, subject);
-  };
-  get title() {
-    return this.args.title ?? 'Edit';
-  }
-  static {
-    setComponentTemplate(precompileTemplate("\n    <WithUniqueId as |formId|>\n      <AuModal @modalOpen={{@modalOpen}} @closable={{true}} @closeModal={{this.cancel}} {{!-- @glint-expect-error appuniversum types should be adapted to accept an html element here --}} @initialFocus={{this.initiallyFocusedElement}}>\n        <:title>{{this.title}}</:title>\n        <:body>\n          <PropertyEditorForm id={{formId}} @initialFocus={{this.initialFocus}} @onSubmit={{this.save}} @termTypes={{array \"NamedNode\" \"Literal\" \"ContentLiteral\" \"LiteralNode\" \"ResourceNode\"}} @controller={{@controller}} @triple={{@property}} @predicateOptions={{@predicateOptions}} @objectOptions={{@objectOptions}} @onKeyDown={{this.onFormKeyDown}} />\n        </:body>\n        <:footer>\n          <AuButtonGroup>\n            <AuButton form={{formId}} type=\"submit\">Save</AuButton>\n            <AuButton @skin=\"secondary\" {{on \"click\" this.cancel}}>Cancel</AuButton>\n          </AuButtonGroup>\n        </:footer>\n      </AuModal>\n    </WithUniqueId>\n  ", {
-      strictMode: true,
-      scope: () => ({
-        WithUniqueId: WithUniqueIdComponent,
-        AuModal,
-        PropertyEditorForm,
-        array,
-        AuButtonGroup,
-        AuButton,
-        on
-      })
-    }), this);
-  }
-}
-
-export { RdfaPropertyEditor as default };
-//# sourceMappingURL=index.js.map

package/dist/components/_private/rdfa-editor/property-editor/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/_private/rdfa-editor/property-editor/index.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { addProperty } from '#root/commands/rdfa-commands/add-property.ts';\nimport { removeProperty } from '#root/commands/rdfa-commands/remove-property.ts';\nimport type { ResolvedPNode } from '#root/utils/_private/types.ts';\nimport { type OutgoingTriple } from '#root/core/rdfa-processor.ts';\nimport { isLinkToNode } from '#root/utils/rdfa-utils.ts';\nimport { PlusIcon } from '@appuniversum/ember-appuniversum/components/icons/plus';\nimport { PencilIcon } from '@appuniversum/ember-appuniversum/components/icons/pencil';\nimport { BinIcon } from '@appuniversum/ember-appuniversum/components/icons/bin';\nimport { ThreeDotsIcon } from '@appuniversum/ember-appuniversum/components/icons/three-dots';\nimport type SayController from '#root/core/say-controller.ts';\nimport AuContent from '@appuniversum/ember-appuniversum/components/au-content';\nimport AuToolbar from '@appuniversum/ember-appuniversum/components/au-toolbar';\nimport AuHeading from '@appuniversum/ember-appuniversum/components/au-heading';\nimport AuButton from '@appuniversum/ember-appuniversum/components/au-button';\nimport { on } from '@ember/modifier';\nimport AuList from '@appuniversum/ember-appuniversum/components/au-list';\nimport AuDropdown from '@appuniversum/ember-appuniversum/components/au-dropdown';\nimport { fn } from '@ember/helper';\nimport { not } from 'ember-truth-helpers';\nimport type { PNode } from '#root/prosemirror-aliases.ts';\nimport AuAlert from '@appuniversum/ember-appuniversum/components/au-alert';\nimport { ChevronDownIcon } from '@appuniversum/ember-appuniversum/components/icons/chevron-down';\nimport { getSubjects } from '#root/plugins/rdfa-info/utils.ts';\nimport AuModal from '@appuniversum/ember-appuniversum/components/au-modal';\nimport { array } from '@ember/helper';\nimport AuButtonGroup from '@appuniversum/ember-appuniversum/components/au-button-group';\nimport WithUniqueId from '../../with-unique-id.ts';\nimport PropertyEditorForm from './form.gts';\nimport { isResourceNode } from '#root/utils/node-utils.ts';\nimport { type Status, type StatusMessage } from '../types.ts';\nimport PropertyDetails from '../property-details.gts';\nimport { modifier } from 'ember-modifier';\nimport { action } from '@ember/object';\nimport ConfigurableRdfaDisplay, {\n  predicateDisplay,\n} from '../configurable-rdfa-display.gts';\n\ninterface StatusMessageForNode extends StatusMessage {\n  node: PNode;\n}\n\ntype Args = {\n  controller: SayController;\n  node: ResolvedPNode;\n  additionalImportedResources?: string[];\n  objectOptions?: string[];\n  predicateOptions?: string[];\n};\n\nexport default class RdfaPropertyEditor extends Component<Args> {\n  @tracked _statusMessage: StatusMessageForNode | null = null;\n  @tracked status?: Status;\n\n  isPlainTriple = (triple: OutgoingTriple) => !isLinkToNode(triple);\n\n  setUpListeners = modifier(() => {\n    const listenerHandler = (event: KeyboardEvent) => {\n      if (event.altKey && event.ctrlKey) {\n        const key = event.key;\n        switch (key) {\n          case 'p':\n          case 'P':\n            if (this.canAddProperty) {\n              this.startPropertyCreation();\n            }\n            break;\n        }\n      }\n    };\n    window.addEventListener('keydown', listenerHandler);\n    return () => {\n      window.removeEventListener('keydown', listenerHandler);\n    };\n  });\n\n  get node(): PNode {\n    return this.args.node.value;\n  }\n\n  get controller() {\n    return this.args.controller;\n  }\n\n  get properties() {\n    return this.args.node.value.attrs['properties'] as OutgoingTriple[];\n  }\n\n  get isCreating() {\n    return this.status?.mode === 'creation';\n  }\n\n  get isUpdating() {\n    return this.status?.mode === 'update';\n  }\n\n  get currentResource() {\n    return this.args.node.value.attrs['subject'] as string;\n  }\n\n  get statusMessage(): StatusMessage | null {\n    // show only if a message is relevant for the current node\n    if (this._statusMessage && this.node === this._statusMessage.node) {\n      return this._statusMessage;\n    }\n    return null;\n  }\n  setStatusMessage = (val: StatusMessage | null) => {\n    if (val) {\n      this._statusMessage = { ...val, node: this.node };\n    } else {\n      this._statusMessage = val;\n    }\n  };\n\n  closeStatusMessage = () => {\n    this.setStatusMessage(null);\n  };\n\n  get type() {\n    return this.node.attrs['rdfaNodeType'] as 'resource' | 'literal';\n  }\n\n  get allResources(): string[] {\n    if (!this.controller) {\n      return [];\n    }\n    return getSubjects(this.controller.mainEditorState);\n  }\n\n  get importedResources(): Record<string, string | undefined> | undefined {\n    return this.node.attrs['importedResources'] as\n      | Record<string, string | undefined>\n      | undefined;\n  }\n\n  linkImportedResource = (imported: string, linked: string) => {\n    const newImported = {\n      ...this.importedResources,\n      [imported]: linked,\n    };\n    this.controller?.withTransaction((tr) =>\n      tr.setNodeAttribute(this.args.node.pos, 'importedResources', newImported),\n    );\n  };\n\n  startPropertyCreation = () => {\n    this.status = {\n      mode: 'creation',\n    };\n  };\n\n  startPropertyUpdate = (property: OutgoingTriple) => {\n    this.status = {\n      mode: 'update',\n      property,\n    };\n  };\n\n  get canAddProperty() {\n    return isResourceNode(this.node);\n  }\n\n  addProperty = (property: OutgoingTriple, subject?: string) => {\n    // This function can only be called when the selected node defines a resource or the selected\n    // node is a document that imports resources (e.g. a snippet)\n    const resource = this.currentResource || subject;\n    if (resource) {\n      this.controller?.doCommand(addProperty({ resource, property }), {\n        view: this.controller.mainEditorView,\n      });\n      this.status = undefined;\n    }\n  };\n\n  updateProperty = (newProperty: OutgoingTriple, subject?: string) => {\n    // TODO: make a command to do this in one go\n    if (this.status?.mode === 'update') {\n      this.removeProperty(this.status.property);\n      this.addProperty(newProperty, subject);\n      this.status = undefined;\n    }\n  };\n\n  removeProperty = (property: OutgoingTriple) => {\n    // This function can only be called when the selected node defines a resource or the selected\n    // node is a document that imports resources (e.g. a snippet)\n    if (this.currentResource) {\n      const propertyToRemove = { resource: this.currentResource, property };\n      this.controller?.doCommand(removeProperty(propertyToRemove), {\n        view: this.controller.mainEditorView,\n      });\n    }\n  };\n\n  cancel = () => {\n    this.status = undefined;\n  };\n\n  <template>\n    <AuContent @skin=\"tiny\" {{this.setUpListeners}}>\n      <AuToolbar as |Group|>\n        <Group>\n          <AuHeading @level=\"5\" @skin=\"5\">Properties</AuHeading>\n        </Group>\n        <Group>\n          <AuButton\n            @disabled={{not this.canAddProperty}}\n            @icon={{PlusIcon}}\n            @skin=\"naked\"\n            {{on \"click\" this.startPropertyCreation}}\n          >\n            Add property\n          </AuButton>\n        </Group>\n      </AuToolbar>\n      {{#if this.importedResources}}\n        <div>\n          <AuHeading\n            @level=\"6\"\n            @skin=\"6\"\n            class=\"au-u-margin-bottom-small\"\n          >Imported Resources</AuHeading>\n          <AuList @divider={{true}} as |Item|>\n            {{#each-in this.importedResources as |imported linked|}}\n              <Item\n                class=\"au-u-flex au-u-flex--row au-u-flex--between au-u-flex--vertical-center\"\n              >\n                {{imported}}\n                <AuDropdown\n                  @icon={{if linked ChevronDownIcon PlusIcon}}\n                  @title={{linked}}\n                  role=\"menu\"\n                  @alignment=\"left\"\n                >\n                  {{#each this.allResources as |res|}}\n                    <AuButton\n                      @skin=\"link\"\n                      @icon={{PencilIcon}}\n                      role=\"menuitem\"\n                      {{on \"click\" (fn this.linkImportedResource imported res)}}\n                    >\n                      {{res}}\n                    </AuButton>\n                  {{/each}}\n                </AuDropdown>\n              </Item>\n            {{/each-in}}\n          </AuList>\n        </div>\n      {{/if}}\n      {{#if this.properties.length}}\n        <AuList @divider={{true}} as |Item|>\n          {{#each this.properties as |prop|}}\n            <Item\n              class=\"au-u-flex au-u-flex--row au-u-flex--between au-u-flex--vertical-center\"\n            >\n              <div class=\"au-u-padding-tiny\">\n                <ConfigurableRdfaDisplay\n                  @value={{prop}}\n                  @generator={{predicateDisplay}}\n                  @controller={{@controller}}\n                />\n                <PropertyDetails\n                  @controller={{@controller}}\n                  @prop={{prop}}\n                  @setStatusMessage={{this.setStatusMessage}}\n                />\n              </div>\n              <AuDropdown @icon={{ThreeDotsIcon}} role=\"menu\" @alignment=\"left\">\n                <AuButton\n                  @skin=\"link\"\n                  @icon={{PencilIcon}}\n                  role=\"menuitem\"\n                  {{on \"click\" (fn this.startPropertyUpdate prop)}}\n                >\n                  Edit property\n                </AuButton>\n                <AuButton\n                  @skin=\"link\"\n                  @icon={{BinIcon}}\n                  role=\"menuitem\"\n                  class=\"au-c-button--alert\"\n                  {{on \"click\" (fn this.removeProperty prop)}}\n                >\n                  Remove property\n                </AuButton>\n              </AuDropdown>\n            </Item>\n          {{/each}}\n        </AuList>\n      {{else}}\n        <p>This node doesn't have any properties yet.</p>\n      {{/if}}\n      {{#if this.statusMessage}}\n        <div>\n          <AuAlert\n            @skin={{this.statusMessage.type}}\n            @closable={{true}}\n            @onClose={{this.closeStatusMessage}}\n          >\n            {{this.statusMessage.message}}\n          </AuAlert>\n        </div>\n      {{/if}}\n    </AuContent>\n    {{! Creation modal }}\n    <Modal\n      @controller={{@controller}}\n      @modalOpen={{this.isCreating}}\n      @onSave={{this.addProperty}}\n      @onCancel={{this.cancel}}\n      @predicateOptions={{@predicateOptions}}\n      @objectOptions={{@objectOptions}}\n    />\n    {{! Update modal }}\n    <Modal\n      @controller={{@controller}}\n      @modalOpen={{this.isUpdating}}\n      @onSave={{this.updateProperty}}\n      @onCancel={{this.cancel}}\n      {{! @glint-expect-error check if property is defined }}\n      @property={{this.status.property}}\n      @predicateOptions={{@predicateOptions}}\n      @objectOptions={{@objectOptions}}\n    />\n  </template>\n}\n\ninterface Sig {\n  Args: {\n    controller?: SayController;\n    property?: OutgoingTriple;\n    onCancel: () => void;\n    onSave: (property: OutgoingTriple, subject?: string) => void;\n    modalOpen: boolean;\n    title?: string;\n    predicateOptions?: string[];\n    objectOptions?: string[];\n  };\n}\n\nclass Modal extends Component<Sig> {\n  @action\n  onFormKeyDown(formElement: HTMLFormElement, event: KeyboardEvent) {\n    if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {\n      formElement.requestSubmit();\n    }\n    return true;\n  }\n\n  @tracked initiallyFocusedElement?: HTMLElement;\n\n  initialFocus = modifier((element: HTMLElement) => {\n    this.initiallyFocusedElement = element;\n  });\n\n  cancel = () => {\n    this.args.onCancel();\n  };\n\n  save = (triple: OutgoingTriple, subject?: string) => {\n    this.args.onSave(triple, subject);\n  };\n  get title() {\n    return this.args.title ?? 'Edit';\n  }\n  <template>\n    <WithUniqueId as |formId|>\n      <AuModal\n        @modalOpen={{@modalOpen}}\n        @closable={{true}}\n        @closeModal={{this.cancel}}\n        {{! @glint-expect-error appuniversum types should be adapted to accept an html element here }}\n        @initialFocus={{this.initiallyFocusedElement}}\n      >\n        <:title>{{this.title}}</:title>\n        <:body>\n          <PropertyEditorForm\n            id={{formId}}\n            @initialFocus={{this.initialFocus}}\n            @onSubmit={{this.save}}\n            @termTypes={{array\n              \"NamedNode\"\n              \"Literal\"\n              \"ContentLiteral\"\n              \"LiteralNode\"\n              \"ResourceNode\"\n            }}\n            @controller={{@controller}}\n            @triple={{@property}}\n            @predicateOptions={{@predicateOptions}}\n            @objectOptions={{@objectOptions}}\n            @onKeyDown={{this.onFormKeyDown}}\n          />\n        </:body>\n        <:footer>\n          <AuButtonGroup>\n            <AuButton form={{formId}} type=\"submit\">Save</AuButton>\n            <AuButton\n              @skin=\"secondary\"\n              {{on \"click\" this.cancel}}\n            >Cancel</AuButton>\n          </AuButtonGroup>\n        </:footer>\n      </AuModal>\n    </WithUniqueId>\n  </template>\n}\n"],"names":["RdfaPropertyEditor","Component","g","prototype","tracked","i","void 0","isPlainTriple","triple","isLinkToNode","setUpListeners","modifier","listenerHandler","event","altKey","ctrlKey","key","canAddProperty","startPropertyCreation","window","addEventListener","removeEventListener","node","args","value","controller","properties","attrs","isCreating","status","mode","isUpdating","currentResource","statusMessage","_statusMessage","setStatusMessage","val","closeStatusMessage","type","allResources","getSubjects","mainEditorState","importedResources","linkImportedResource","imported","linked","newImported","withTransaction","tr","setNodeAttribute","pos","startPropertyUpdate","property","isResourceNode","addProperty","subject","resource","doCommand","view","mainEditorView","undefined","updateProperty","newProperty","removeProperty","propertyToRemove","cancel","setComponentTemplate","precompileTemplate","strictMode","scope","AuContent","AuToolbar","AuHeading","AuButton","not","PlusIcon","on","AuList","AuDropdown","ChevronDownIcon","PencilIcon","fn","ConfigurableRdfaDisplay","predicateDisplay","PropertyDetails","ThreeDotsIcon","BinIcon","AuAlert","Modal","onFormKeyDown","formElement","metaKey","requestSubmit","n","action","initialFocus","element","initiallyFocusedElement","onCancel","save","onSave","title","WithUniqueId","AuModal","PropertyEditorForm","array","AuButtonGroup"],"mappings":"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"}

package/dist/components/_private/rdfa-editor/rdfa-type-convertor/index.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=index.js.map

package/dist/components/_private/rdfa-editor/rdfa-type-convertor/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/_private/rdfa-editor/remove-node/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/_private/rdfa-editor/remove-node/index.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { AlertTriangleIcon } from '@appuniversum/ember-appuniversum/components/icons/alert-triangle';\n\nimport type { ResolvedPNode } from '#root/utils/_private/types.ts';\nimport type SayController from '#root/core/say-controller.ts';\nimport AuButton from '@appuniversum/ember-appuniversum/components/au-button';\nimport { on } from '@ember/modifier';\nimport { not } from 'ember-truth-helpers';\nimport AuModal from '@appuniversum/ember-appuniversum/components/au-modal';\nimport AuAlert from '@appuniversum/ember-appuniversum/components/au-alert';\nimport AuButtonGroup from '@appuniversum/ember-appuniversum/components/au-button-group';\n\ntype Args = {\n  node: ResolvedPNode;\n  controller: SayController;\n};\n\nexport default class RemoveNode extends Component<Args> {\n  AlertTriangleIcon = AlertTriangleIcon;\n\n  @tracked showDialog = false;\n\n  get controller() {\n    return this.args.controller;\n  }\n\n  get node() {\n    return this.args.node;\n  }\n\n  showConfirmationDialog = () => {\n    this.showDialog = true;\n  };\n\n  closeConfirmationDialog = () => {\n    this.showDialog = false;\n  };\n\n  confirmDelete = () => {\n    this.deleteNode();\n    this.closeConfirmationDialog();\n  };\n\n  deleteNode = () => {\n    this.controller.withTransaction((tr) => {\n      return tr.deleteRange(\n        this.node.pos,\n        this.node.pos + this.node.value.nodeSize,\n      );\n    });\n  };\n\n  get enabled() {\n    return this.args.node.pos !== -1;\n  }\n\n  <template>\n    <AuButton\n      @width=\"block\"\n      @alert={{true}}\n      {{on \"click\" this.showConfirmationDialog}}\n      @disabled={{not this.enabled}}\n    >\n      Remove node\n    </AuButton>\n    <AuModal\n      @title=\"Delete RDFA Node\"\n      @modalOpen={{this.showDialog}}\n      @closeModal={{this.closeConfirmationDialog}}\n      as |Modal|\n    >\n      <Modal.Body>\n        <AuAlert\n          @title=\"Delete RDFA node\"\n          @skin=\"warning\"\n          @icon={{this.AlertTriangleIcon}}\n        >\n          Are you sure you want to delete this RDFA node?\n        </AuAlert>\n      </Modal.Body>\n\n      <Modal.Footer>\n        <AuButtonGroup>\n          <AuButton {{on \"click\" this.confirmDelete}} @skin=\"primary\">\n            Yes\n          </AuButton>\n          <AuButton\n            {{on \"click\" this.closeConfirmationDialog}}\n            @skin=\"secondary\"\n          >\n            No\n          </AuButton>\n        </AuButtonGroup>\n      </Modal.Footer>\n    </AuModal>\n  </template>\n}\n"],"names":["RemoveNode","Component","AlertTriangleIcon","g","prototype","tracked","i","void 0","controller","args","node","showConfirmationDialog","showDialog","closeConfirmationDialog","confirmDelete","deleteNode","withTransaction","tr","deleteRange","pos","value","nodeSize","enabled","setComponentTemplate","precompileTemplate","strictMode","scope","AuButton","not","on","AuModal","AuAlert","AuButtonGroup"],"mappings":";;;;;;;;;;;;;AAkBe,MAAMA,mBAAmBC,SAAU,CAAA;AAChDC,EAAAA,iBAAA,GAAoBA,iBAAkB;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,YAAA,EAAA,CAErCC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAqB,KAAM;AAAA,KAAA,CAAA;AAAA;AAAA,EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAAC,MAAA;EAE5B,IAAIC,UAAaA,GAAA;AACf,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,UAAU;AAC7B;EAEA,IAAIE,IAAOA,GAAA;AACT,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,IAAI;AACvB;EAEAC,sBAAyB,GAAAA,MAAA;IACvB,IAAI,CAACC,UAAU,GAAG,IAAA;GAClB;EAEFC,uBAA0B,GAAAA,MAAA;IACxB,IAAI,CAACD,UAAU,GAAG,KAAA;GAClB;EAEFE,aAAgB,GAAAA,MAAA;IACd,IAAI,CAACC,UAAU,EAAA;IACf,IAAI,CAACF,uBAAuB,EAAA;GAC5B;EAEFE,UAAa,GAAAA,MAAA;AACX,IAAA,IAAI,CAACP,UAAU,CAACQ,eAAe,CAAEC,EAAA,IAAA;MAC/B,OAAOA,EAAA,CAAGC,WAAW,CACnB,IAAI,CAACR,IAAI,CAACS,GAAG,EACb,IAAI,CAACT,IAAI,CAACS,GAAG,GAAG,IAAI,CAACT,IAAI,CAACU,KAAK,CAACC,QAAQ,CAAA;AAE5C,KAAA,CAAA;GACA;EAEF,IAAIC,OAAUA,GAAA;IACZ,OAAO,IAAI,CAACb,IAAI,CAACC,IAAI,CAACS,GAAG,KAAK,EAAC;AACjC;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAuCA,w2BAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;QAAAC,GAAA;QAAAC,EAAA;QAAAC,OAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/_private/rdfa-editor/wrapping-utils/index.js

@@ -1,132 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import '../../../../plugin-D8-O4T0g.js';
-import 'prosemirror-state';
-import 'prosemirror-model';
-import 'prosemirror-transform';
-import '../../../../core/say-data-factory/data-factory.js';
-import '../../../../core/say-data-factory/default-graph.js';
-import '../../../../utils/_private/constants.js';
-import 'uuid';
-import 'relative-to-absolute-iri';
-import 'rdf-data-factory';
-import '../../../../main-BcFbMIin.js';
-import '../../../../config/rdfa.js';
-import 'iter-tools';
-import { wrapResource } from '../../../../commands/_private/rdfa-commands/wrap-resource.js';
-import { wrapLiteral } from '../../../../commands/_private/rdfa-commands/wrap-literal.js';
-import { wrapInlineLiteral } from '../../../../commands/_private/rdfa-commands/wrap-inline-literal.js';
-import { wrapInlineResource } from '../../../../commands/_private/rdfa-commands/wrap-inline-resource.js';
-import RelationshipEditorModal from './modal.js';
-import { PlusIcon } from '@appuniversum/ember-appuniversum/components/icons/plus';
-import AuContent from '@appuniversum/ember-appuniversum/components/au-content';
-import AuToolbar from '@appuniversum/ember-appuniversum/components/au-toolbar';
-import AuButton from '@appuniversum/ember-appuniversum/components/au-button';
-import { on } from '@ember/modifier';
-import { fn } from '@ember/helper';
-import { not } from 'ember-truth-helpers';
-import { modifier } from 'ember-modifier';
-import { precompileTemplate } from '@ember/template-compilation';
-import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
-
-class WrappingUtils extends Component {
-  static {
-    g(this.prototype, "modalOpen", [tracked], function () {
-      return false;
-    });
-  }
-  #modalOpen = (i(this, "modalOpen"), void 0);
-  static {
-    g(this.prototype, "wrapWithResource", [tracked]);
-  }
-  #wrapWithResource = (i(this, "wrapWithResource"), void 0);
-  constructor(owner, args) {
-    super(owner, args);
-    this.wrapWithResource = this.wrapWithBlockResource;
-  }
-  setUpListeners = modifier(() => {
-    const listenerHandler = event => {
-      if (event.altKey && event.ctrlKey) {
-        const key = event.key;
-        switch (key) {
-          case 'r':
-            // Wrap with block resource
-            this.openModal(false);
-            break;
-          case 'R':
-            // Wrap with inline resource
-            this.openModal(true);
-            break;
-          case 'l':
-            // Wrap with block literal
-            this.wrapWithLiteralNode();
-            break;
-          case 'L':
-            // Wrap with inline literal
-            this.wrapWithInlineLiteralNode();
-            break;
-        }
-      }
-    };
-    window.addEventListener('keydown', listenerHandler);
-    return () => {
-      window.removeEventListener('keydown', listenerHandler);
-    };
-  });
-  openModal = inline => {
-    if (inline) {
-      this.wrapWithResource = this.wrapWithInlineResource;
-    } else {
-      this.wrapWithResource = this.wrapWithBlockResource;
-    }
-    this.modalOpen = true;
-  };
-  closeModal = () => {
-    this.modalOpen = false;
-  };
-  get controller() {
-    return this.args.controller;
-  }
-  get currentResource() {
-    return this.args.node.value.attrs['subject'];
-  }
-  get canWrapWithLiteral() {
-    return this.controller?.checkCommand(wrapLiteral());
-  }
-  get canWrapWithInlineLiteral() {
-    return this.controller?.checkCommand(wrapInlineLiteral());
-  }
-  wrapWithLiteralNode = () => {
-    this.controller?.doCommand(wrapLiteral());
-  };
-  wrapWithBlockResource = details => {
-    this.controller?.doCommand(wrapResource(details));
-    this.closeModal();
-  };
-  wrapWithInlineLiteralNode = () => {
-    this.controller?.doCommand(wrapInlineLiteral());
-  };
-  wrapWithInlineResource = details => {
-    this.controller?.doCommand(wrapInlineResource(details));
-    this.closeModal();
-  };
-  static {
-    setComponentTemplate(precompileTemplate("\n    <AuContent @skin=\"tiny\" {{this.setUpListeners}}>\n      <AuToolbar as |Group|>\n        <Group>\n          <AuButton @icon={{PlusIcon}} @skin=\"naked\" {{on \"click\" (fn this.openModal false)}}>\n            Wrap With Block Resource\n          </AuButton>\n        </Group>\n        <Group>\n          <AuButton @icon={{PlusIcon}} @skin=\"naked\" @disabled={{not this.canWrapWithLiteral}} {{on \"click\" this.wrapWithLiteralNode}}>\n            Wrap With Block Literal\n          </AuButton>\n        </Group>\n\n        <Group>\n          <AuButton @icon={{PlusIcon}} @skin=\"naked\" {{on \"click\" (fn this.openModal true)}}>\n            Wrap With Inline Resource\n          </AuButton>\n        </Group>\n        <Group>\n          <AuButton @icon={{PlusIcon}} @skin=\"naked\" @disabled={{not this.canWrapWithInlineLiteral}} {{on \"click\" this.wrapWithInlineLiteralNode}}>\n            Wrap With Inline Literal\n          </AuButton>\n        </Group>\n      </AuToolbar>\n    </AuContent>\n\n    <WrappingModal @modalOpen={{this.modalOpen}} @closeModal={{this.closeModal}} @wrapWithResource={{this.wrapWithResource}} />\n  ", {
-      strictMode: true,
-      scope: () => ({
-        AuContent,
-        AuToolbar,
-        AuButton,
-        PlusIcon,
-        on,
-        fn,
-        not,
-        WrappingModal: RelationshipEditorModal
-      })
-    }), this);
-  }
-}
-
-export { WrappingUtils as default };
-//# sourceMappingURL=index.js.map

package/dist/components/_private/rdfa-editor/wrapping-utils/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/_private/rdfa-editor/wrapping-utils/index.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport {\n  wrapInlineResource,\n  wrapLiteral,\n  wrapResource,\n} from '#root/commands/_private/rdfa-commands/index.ts';\nimport WrappingModal from './modal.gts';\nimport type { ResolvedPNode } from '#root/utils/_private/types.ts';\nimport { wrapInlineLiteral } from '#root/commands/_private/rdfa-commands/wrap-inline-literal.ts';\nimport { PlusIcon } from '@appuniversum/ember-appuniversum/components/icons/plus';\nimport type SayController from '#root/core/say-controller.ts';\nimport AuContent from '@appuniversum/ember-appuniversum/components/au-content';\nimport AuToolbar from '@appuniversum/ember-appuniversum/components/au-toolbar';\nimport AuButton from '@appuniversum/ember-appuniversum/components/au-button';\nimport { on } from '@ember/modifier';\nimport { fn } from '@ember/helper';\nimport { not } from 'ember-truth-helpers';\nimport { modifier } from 'ember-modifier';\n\ntype Args = {\n  controller?: SayController;\n  node: ResolvedPNode;\n};\n\nexport default class WrappingUtils extends Component<Args> {\n  @tracked modalOpen = false;\n  @tracked wrapWithResource;\n\n  constructor(owner: unknown, args: Args) {\n    super(owner, args);\n    this.wrapWithResource = this.wrapWithBlockResource;\n  }\n\n  setUpListeners = modifier(() => {\n    const listenerHandler = (event: KeyboardEvent) => {\n      if (event.altKey && event.ctrlKey) {\n        const key = event.key;\n        switch (key) {\n          case 'r':\n            // Wrap with block resource\n            this.openModal(false);\n            break;\n          case 'R':\n            // Wrap with inline resource\n            this.openModal(true);\n            break;\n          case 'l':\n            // Wrap with block literal\n            this.wrapWithLiteralNode();\n            break;\n          case 'L':\n            // Wrap with inline literal\n            this.wrapWithInlineLiteralNode();\n            break;\n        }\n      }\n    };\n    window.addEventListener('keydown', listenerHandler);\n    return () => {\n      window.removeEventListener('keydown', listenerHandler);\n    };\n  });\n\n  openModal = (inline: boolean) => {\n    if (inline) {\n      this.wrapWithResource = this.wrapWithInlineResource;\n    } else {\n      this.wrapWithResource = this.wrapWithBlockResource;\n    }\n    this.modalOpen = true;\n  };\n\n  closeModal = () => {\n    this.modalOpen = false;\n  };\n\n  get controller() {\n    return this.args.controller;\n  }\n\n  get currentResource() {\n    return this.args.node.value.attrs['subject'] as string | undefined;\n  }\n\n  get canWrapWithLiteral() {\n    return this.controller?.checkCommand(wrapLiteral());\n  }\n  get canWrapWithInlineLiteral() {\n    return this.controller?.checkCommand(wrapInlineLiteral());\n  }\n  wrapWithLiteralNode = () => {\n    this.controller?.doCommand(wrapLiteral());\n  };\n\n  wrapWithBlockResource = (details: Parameters<typeof wrapResource>[0]) => {\n    this.controller?.doCommand(wrapResource(details));\n    this.closeModal();\n  };\n  wrapWithInlineLiteralNode = () => {\n    this.controller?.doCommand(wrapInlineLiteral());\n  };\n  wrapWithInlineResource = (details: Parameters<typeof wrapResource>[0]) => {\n    this.controller?.doCommand(wrapInlineResource(details));\n    this.closeModal();\n  };\n\n  <template>\n    <AuContent @skin=\"tiny\" {{this.setUpListeners}}>\n      <AuToolbar as |Group|>\n        <Group>\n          <AuButton\n            @icon={{PlusIcon}}\n            @skin=\"naked\"\n            {{on \"click\" (fn this.openModal false)}}\n          >\n            Wrap With Block Resource\n          </AuButton>\n        </Group>\n        <Group>\n          <AuButton\n            @icon={{PlusIcon}}\n            @skin=\"naked\"\n            @disabled={{not this.canWrapWithLiteral}}\n            {{on \"click\" this.wrapWithLiteralNode}}\n          >\n            Wrap With Block Literal\n          </AuButton>\n        </Group>\n\n        <Group>\n          <AuButton\n            @icon={{PlusIcon}}\n            @skin=\"naked\"\n            {{on \"click\" (fn this.openModal true)}}\n          >\n            Wrap With Inline Resource\n          </AuButton>\n        </Group>\n        <Group>\n          <AuButton\n            @icon={{PlusIcon}}\n            @skin=\"naked\"\n            @disabled={{not this.canWrapWithInlineLiteral}}\n            {{on \"click\" this.wrapWithInlineLiteralNode}}\n          >\n            Wrap With Inline Literal\n          </AuButton>\n        </Group>\n      </AuToolbar>\n    </AuContent>\n\n    <WrappingModal\n      @modalOpen={{this.modalOpen}}\n      @closeModal={{this.closeModal}}\n      @wrapWithResource={{this.wrapWithResource}}\n    />\n  </template>\n}\n"],"names":["WrappingUtils","Component","g","prototype","tracked","i","void 0","constructor","owner","args","wrapWithResource","wrapWithBlockResource","setUpListeners","modifier","listenerHandler","event","altKey","ctrlKey","key","openModal","wrapWithLiteralNode","wrapWithInlineLiteralNode","window","addEventListener","removeEventListener","inline","wrapWithInlineResource","modalOpen","closeModal","controller","currentResource","node","value","attrs","canWrapWithLiteral","checkCommand","wrapLiteral","canWrapWithInlineLiteral","wrapInlineLiteral","doCommand","details","wrapResource","wrapInlineResource","setComponentTemplate","precompileTemplate","strictMode","scope","AuContent","AuToolbar","AuButton","PlusIcon","on","fn","not","WrappingModal"],"mappings":"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"}

package/dist/components/_private/rdfa-editor/wrapping-utils/modal.js

@@ -1,91 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import AuModal from '@appuniversum/ember-appuniversum/components/au-modal';
-import AuFormRow from '@appuniversum/ember-appuniversum/components/au-form-row';
-import AuLabel from '@appuniversum/ember-appuniversum/components/au-label';
-import AuInput from '@appuniversum/ember-appuniversum/components/au-input';
-import AuButtonGroup from '@appuniversum/ember-appuniversum/components/au-button-group';
-import AuButton from '@appuniversum/ember-appuniversum/components/au-button';
-import AuRadioGroup from '@appuniversum/ember-appuniversum/components/au-radio-group';
-import { not } from 'ember-truth-helpers';
-import { on } from '@ember/modifier';
-import { modifier } from 'ember-modifier';
-import WithUniqueIdComponent from '../../with-unique-id.js';
-import { precompileTemplate } from '@ember/template-compilation';
-import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
-
-class RelationshipEditorModal extends Component {
-  static {
-    g(this.prototype, "initiallyFocusedElement", [tracked]);
-  }
-  #initiallyFocusedElement = (i(this, "initiallyFocusedElement"), void 0);
-  setupFormSubmitShortcut = modifier(formElement => {
-    const ctrlEnterHandler = event => {
-      if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
-        formElement.requestSubmit();
-      }
-    };
-    window.addEventListener('keydown', ctrlEnterHandler);
-    return () => window.removeEventListener('keydown', ctrlEnterHandler);
-  });
-  initialFocus = modifier(element => {
-    this.initiallyFocusedElement = element;
-  });
-  static {
-    g(this.prototype, "generateNewUri", [tracked], function () {
-      return 'yes';
-    });
-  }
-  #generateNewUri = (i(this, "generateNewUri"), void 0);
-  static {
-    g(this.prototype, "resourceUriBase", [tracked], function () {
-      return '';
-    });
-  }
-  #resourceUriBase = (i(this, "resourceUriBase"), void 0);
-  updateUriBase = event => {
-    this.resourceUriBase = event.target.value;
-  };
-  shouldGenerateNewUri = value => {
-    this.generateNewUri = value;
-  };
-  save = event => {
-    event.preventDefault();
-    if (this.isNewUri) {
-      this.args.wrapWithResource({
-        uriBase: this.resourceUriBase
-      });
-    } else {
-      this.args.wrapWithResource({
-        existingUri: this.resourceUriBase
-      });
-    }
-  };
-  get canSave() {
-    return !!this.resourceUriBase;
-  }
-  get isNewUri() {
-    return this.generateNewUri === 'yes';
-  }
-  static {
-    setComponentTemplate(precompileTemplate("\n    <WithUniqueId as |formId|>\n      <AuModal @modalOpen={{@modalOpen}} @closable={{true}} @closeModal={{@closeModal}} {{!-- @glint-expect-error appuniversum types should be adapted to accept an html element here --}} @initialFocus={{this.initiallyFocusedElement}}>\n        <:title>Wrap selection</:title>\n        <:body>\n          <form class=\"au-c-form\" id={{formId}} {{on \"submit\" this.save}} {{this.setupFormSubmitShortcut}}>\n            <AuFormRow>\n              <WithUniqueId as |id|>\n                <AuLabel for={{id}} @required={{true}} @requiredLabel=\"Required\">\n                  Generate new URI?\n                </AuLabel>\n                <AuRadioGroup id={{id}} required={{true}} @name=\"isNew\" @selected={{this.generateNewUri}} @onChange={{this.shouldGenerateNewUri}} @alignment=\"inline\" as |Group|>\n                  <Group.Radio @value=\"yes\">Yes</Group.Radio>\n                  <Group.Radio @value=\"no\">No</Group.Radio>\n                </AuRadioGroup>\n              </WithUniqueId>\n            </AuFormRow>\n            <AuFormRow>\n              <WithUniqueId as |id|>\n                <AuLabel for={{id}} @required={{true}} @requiredLabel=\"Required\">\n                  {{#if this.isNewUri}}URI base{{else}}Existing URI{{/if}}\n                </AuLabel>\n                <AuInput {{this.initialFocus}} id={{id}} required={{true}} value={{this.resourceUriBase}} @width=\"block\" placeholder=\"http://example.com/resource/\" {{on \"input\" this.updateUriBase}} />\n              </WithUniqueId>\n            </AuFormRow>\n          </form>\n        </:body>\n        <:footer>\n          <AuButtonGroup>\n            <AuButton form={{formId}} type=\"submit\" @disabled={{not this.canSave}}>\n              Save\n            </AuButton>\n            <AuButton @skin=\"secondary\" {{on \"click\" @closeModal}}>Cancel</AuButton>\n          </AuButtonGroup>\n        </:footer>\n      </AuModal>\n    </WithUniqueId>\n  ", {
-      strictMode: true,
-      scope: () => ({
-        WithUniqueId: WithUniqueIdComponent,
-        AuModal,
-        on,
-        AuFormRow,
-        AuLabel,
-        AuRadioGroup,
-        AuInput,
-        AuButtonGroup,
-        AuButton,
-        not
-      })
-    }), this);
-  }
-}
-
-export { RelationshipEditorModal as default };
-//# sourceMappingURL=modal.js.map

package/dist/components/_private/rdfa-editor/wrapping-utils/modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal.js","sources":["../../../../../src/components/_private/rdfa-editor/wrapping-utils/modal.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport type RdfaWrappingUtils from './index.ts';\nimport AuModal from '@appuniversum/ember-appuniversum/components/au-modal';\nimport AuFormRow from '@appuniversum/ember-appuniversum/components/au-form-row';\nimport AuLabel from '@appuniversum/ember-appuniversum/components/au-label';\nimport AuInput from '@appuniversum/ember-appuniversum/components/au-input';\nimport AuButtonGroup from '@appuniversum/ember-appuniversum/components/au-button-group';\nimport AuButton from '@appuniversum/ember-appuniversum/components/au-button';\nimport AuRadioGroup from '@appuniversum/ember-appuniversum/components/au-radio-group';\nimport { not } from 'ember-truth-helpers';\nimport { on } from '@ember/modifier';\nimport { modifier } from 'ember-modifier';\nimport WithUniqueId from '../../with-unique-id.ts';\n\ntype Args = {\n  closeModal: () => void;\n  modalOpen: boolean;\n  wrapWithResource: RdfaWrappingUtils['wrapWithResource'];\n};\n\nexport default class RelationshipEditorModal extends Component<Args> {\n  @tracked initiallyFocusedElement?: HTMLElement;\n\n  setupFormSubmitShortcut = modifier((formElement: HTMLFormElement) => {\n    const ctrlEnterHandler = (event: KeyboardEvent) => {\n      if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {\n        formElement.requestSubmit();\n      }\n    };\n    window.addEventListener('keydown', ctrlEnterHandler);\n    return () => window.removeEventListener('keydown', ctrlEnterHandler);\n  });\n\n  initialFocus = modifier((element: HTMLElement) => {\n    this.initiallyFocusedElement = element;\n  });\n\n  @tracked generateNewUri = 'yes';\n  @tracked resourceUriBase = '';\n\n  updateUriBase = (event: InputEvent) => {\n    this.resourceUriBase = (event.target as HTMLInputElement).value;\n  };\n  shouldGenerateNewUri = (value: 'yes' | 'no') => {\n    this.generateNewUri = value;\n  };\n\n  save = (event: Event) => {\n    event.preventDefault();\n    if (this.isNewUri) {\n      this.args.wrapWithResource({ uriBase: this.resourceUriBase });\n    } else {\n      this.args.wrapWithResource({ existingUri: this.resourceUriBase });\n    }\n  };\n\n  get canSave() {\n    return !!this.resourceUriBase;\n  }\n  get isNewUri() {\n    return this.generateNewUri === 'yes';\n  }\n\n  <template>\n    <WithUniqueId as |formId|>\n      <AuModal\n        @modalOpen={{@modalOpen}}\n        @closable={{true}}\n        @closeModal={{@closeModal}}\n        {{! @glint-expect-error appuniversum types should be adapted to accept an html element here }}\n        @initialFocus={{this.initiallyFocusedElement}}\n      >\n        <:title>Wrap selection</:title>\n        <:body>\n          <form\n            class=\"au-c-form\"\n            id={{formId}}\n            {{on \"submit\" this.save}}\n            {{this.setupFormSubmitShortcut}}\n          >\n            <AuFormRow>\n              <WithUniqueId as |id|>\n                <AuLabel\n                  for={{id}}\n                  @required={{true}}\n                  @requiredLabel=\"Required\"\n                >\n                  Generate new URI?\n                </AuLabel>\n                <AuRadioGroup\n                  id={{id}}\n                  required={{true}}\n                  @name=\"isNew\"\n                  @selected={{this.generateNewUri}}\n                  @onChange={{this.shouldGenerateNewUri}}\n                  @alignment=\"inline\"\n                  as |Group|\n                >\n                  <Group.Radio @value=\"yes\">Yes</Group.Radio>\n                  <Group.Radio @value=\"no\">No</Group.Radio>\n                </AuRadioGroup>\n              </WithUniqueId>\n            </AuFormRow>\n            <AuFormRow>\n              <WithUniqueId as |id|>\n                <AuLabel\n                  for={{id}}\n                  @required={{true}}\n                  @requiredLabel=\"Required\"\n                >\n                  {{#if this.isNewUri}}URI base{{else}}Existing URI{{/if}}\n                </AuLabel>\n                <AuInput\n                  {{this.initialFocus}}\n                  id={{id}}\n                  required={{true}}\n                  value={{this.resourceUriBase}}\n                  @width=\"block\"\n                  placeholder=\"http://example.com/resource/\"\n                  {{on \"input\" this.updateUriBase}}\n                />\n              </WithUniqueId>\n            </AuFormRow>\n          </form>\n        </:body>\n        <:footer>\n          <AuButtonGroup>\n            <AuButton\n              form={{formId}}\n              type=\"submit\"\n              @disabled={{not this.canSave}}\n            >\n              Save\n            </AuButton>\n            <AuButton\n              @skin=\"secondary\"\n              {{on \"click\" @closeModal}}\n            >Cancel</AuButton>\n          </AuButtonGroup>\n        </:footer>\n      </AuModal>\n    </WithUniqueId>\n  </template>\n}\n"],"names":["RelationshipEditorModal","Component","g","prototype","tracked","i","void 0","setupFormSubmitShortcut","modifier","formElement","ctrlEnterHandler","event","key","ctrlKey","metaKey","requestSubmit","window","addEventListener","removeEventListener","initialFocus","element","initiallyFocusedElement","updateUriBase","resourceUriBase","target","value","shouldGenerateNewUri","generateNewUri","save","preventDefault","isNewUri","args","wrapWithResource","uriBase","existingUri","canSave","setComponentTemplate","precompileTemplate","strictMode","scope","WithUniqueId","AuModal","on","AuFormRow","AuLabel","AuRadioGroup","AuInput","AuButtonGroup","AuButton","not"],"mappings":";;;;;;;;;;;;;;;;;AAqBe,MAAMA,gCAAgCC,SAAU,CAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,yBAAA,EAAA,CAC5DC,OAAA,CAAA,CAAA;AAAA;AAAA,EAAA,wBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,yBAAA,CAAA,EAAAC,MAAA;AAEDC,EAAAA,uBAA0B,GAAAC,QAAA,CAAUC,WAAa,IAAA;IAC/C,MAAMC,gBAAA,GAAoBC,KAAO,IAAA;AAC/B,MAAA,IAAIA,KAAA,CAAMC,GAAG,KAAK,OAAW,KAACD,MAAME,OAAO,IAAIF,KAAM,CAAAG,OAAO,CAAG,EAAA;QAC7DL,WAAA,CAAYM,aAAa,EAAA;AAC3B;KACF;AACAC,IAAAA,MAAO,CAAAC,gBAAgB,CAAC,SAAW,EAAAP,gBAAA,CAAA;IACnC,OAAO,MAAMM,MAAA,CAAOE,mBAAmB,CAAC,SAAW,EAAAR,gBAAA,CAAA;AACrD,GAAG,CAAA;AAEHS,EAAAA,YAAe,GAAAX,QAAA,CAAUY,OAAS,IAAA;IAChC,IAAI,CAACC,uBAAuB,GAAGD,OAAA;AACjC,GAAG,CAAA;AAAA,EAAA;IAAAlB,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,gBAAA,EAAA,CAEFC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAyB,KAAM;AAAA,KAAA,CAAA;AAAA;AAAA,EAAA,eAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,gBAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,iBAAA,EAAA,CAC/BC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAA0B,EAAG;AAAA,KAAA,CAAA;AAAA;AAAA,EAAA,gBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,iBAAA,CAAA,EAAAC,MAAA;EAE9BgB,aAAA,GAAiBX,KAAO,IAAA;AACtB,IAAA,IAAI,CAACY,eAAe,GAAIZ,MAAMa,MAAM,CAAsBC,KAAK;GAC/D;EACFC,oBAAuB,GAACD,KAAe,IAAA;IACrC,IAAI,CAACE,cAAc,GAAGF,KAAA;GACtB;EAEFG,IAAA,GAAQjB,KAAO,IAAA;IACbA,KAAA,CAAMkB,cAAc,EAAA;IACpB,IAAI,IAAI,CAACC,QAAQ,EAAE;AACjB,MAAA,IAAI,CAACC,IAAI,CAACC,gBAAgB,CAAC;QAAEC,OAAS,EAAA,IAAI,CAACV;AAAgB,OAAA,CAAA;AAC7D,KAAO,MAAA;AACL,MAAA,IAAI,CAACQ,IAAI,CAACC,gBAAgB,CAAC;QAAEE,WAAa,EAAA,IAAI,CAACX;AAAgB,OAAA,CAAA;AACjE;GACA;EAEF,IAAIY,OAAUA,GAAA;AACZ,IAAA,OAAO,CAAC,CAAC,IAAI,CAACZ,eAAe;AAC/B;EACA,IAAIO,QAAWA,GAAA;AACb,IAAA,OAAO,IAAI,CAACH,cAAc,KAAK,KAAA;AACjC;AAEA,EAAA;IAAAS,oBAAA,CAAAC,kBAAA,CA+EA,g7DAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;sBAAAC,qBAAA;QAAAC,OAAA;QAAAC,EAAA;QAAAC,SAAA;QAAAC,OAAA;QAAAC,YAAA;QAAAC,OAAA;QAAAC,aAAA;QAAAC,QAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/_private/selection-tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"selection-tooltip.js","sources":["../../../src/components/_private/selection-tooltip.ts"],"sourcesContent":["import {\n  type VirtualElement,\n  flip,\n  hide,\n  offset,\n  shift,\n  type Middleware,\n} from '@floating-ui/dom';\nimport Component from '@glimmer/component';\nimport floatingUI from '#root/modifiers/_private/floating-ui.ts';\nimport type SayController from '#root/core/say-controller.ts';\n\ntype Args = {\n  controller: SayController;\n  visible: boolean;\n};\nexport default class SelectionTooltip extends Component<Args> {\n  floatingUI = floatingUI;\n\n  get controller() {\n    return this.args.controller;\n  }\n\n  get visible() {\n    return this.args.visible;\n  }\n\n  get referenceElement() {\n    const { selection } = this.controller.mainEditorState;\n    const virtualElement: VirtualElement = {\n      getBoundingClientRect: () => {\n        const coordsFrom = this.controller.mainEditorView.coordsAtPos(\n          selection.from,\n          -1,\n        );\n        const coordsTo = this.controller.mainEditorView.coordsAtPos(\n          selection.to,\n          -1,\n        );\n        const left = (coordsFrom.left + coordsTo.left) / 2;\n        const right = (coordsFrom.right + coordsTo.right) / 2;\n        const bottom = coordsTo.bottom;\n        const top = coordsFrom.top;\n        return {\n          left,\n          right,\n          bottom,\n          top,\n          x: left,\n          y: top,\n          width: 0,\n          height: bottom - top,\n        };\n      },\n      contextElement: this.controller.mainEditorView.dom,\n    };\n    return virtualElement;\n  }\n  get tooltipMiddleWare(): Middleware[] {\n    return [\n      offset(10),\n      flip(),\n      shift({ padding: 5 }),\n      hide({ strategy: 'referenceHidden' }),\n      hide({ strategy: 'escaped' }),\n    ];\n  }\n}\n"],"names":["SelectionTooltip","Component","floatingUI","controller","args","visible","referenceElement","selection","mainEditorState","virtualElement","getBoundingClientRect","coordsFrom","mainEditorView","coordsAtPos","from","coordsTo","to","left","right","bottom","top","x","y","width","height","contextElement","dom","tooltipMiddleWare","offset","flip","shift","padding","hide","strategy","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AAgBe,MAAMA,gBAAgB,SAASC,SAAS,CAAO;AAC5DC,EAAAA,UAAU,GAAGA,UAAU;EAEvB,IAAIC,UAAUA,GAAG;AACf,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,UAAU;AAC7B;EAEA,IAAIE,OAAOA,GAAG;AACZ,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,OAAO;AAC1B;EAEA,IAAIC,gBAAgBA,GAAG;IACrB,MAAM;AAAEC,MAAAA;AAAU,KAAC,GAAG,IAAI,CAACJ,UAAU,CAACK,eAAe;AACrD,IAAA,MAAMC,cAA8B,GAAG;MACrCC,qBAAqB,EAAEA,MAAM;AAC3B,QAAA,MAAMC,UAAU,GAAG,IAAI,CAACR,UAAU,CAACS,cAAc,CAACC,WAAW,CAC3DN,SAAS,CAACO,IAAI,EACd,EACF,CAAC;AACD,QAAA,MAAMC,QAAQ,GAAG,IAAI,CAACZ,UAAU,CAACS,cAAc,CAACC,WAAW,CACzDN,SAAS,CAACS,EAAE,EACZ,EACF,CAAC;QACD,MAAMC,IAAI,GAAG,CAACN,UAAU,CAACM,IAAI,GAAGF,QAAQ,CAACE,IAAI,IAAI,CAAC;QAClD,MAAMC,KAAK,GAAG,CAACP,UAAU,CAACO,KAAK,GAAGH,QAAQ,CAACG,KAAK,IAAI,CAAC;AACrD,QAAA,MAAMC,MAAM,GAAGJ,QAAQ,CAACI,MAAM;AAC9B,QAAA,MAAMC,GAAG,GAAGT,UAAU,CAACS,GAAG;QAC1B,OAAO;UACLH,IAAI;UACJC,KAAK;UACLC,MAAM;UACNC,GAAG;AACHC,UAAAA,CAAC,EAAEJ,IAAI;AACPK,UAAAA,CAAC,EAAEF,GAAG;AACNG,UAAAA,KAAK,EAAE,CAAC;UACRC,MAAM,EAAEL,MAAM,GAAGC;SAClB;OACF;AACDK,MAAAA,cAAc,EAAE,IAAI,CAACtB,UAAU,CAACS,cAAc,CAACc;KAChD;AACD,IAAA,OAAOjB,cAAc;AACvB;EACA,IAAIkB,iBAAiBA,GAAiB;IACpC,OAAO,CACLC,MAAM,CAAC,EAAE,CAAC,EACVC,IAAI,EAAE,EACNC,KAAK,CAAC;AAAEC,MAAAA,OAAO,EAAE;KAAG,CAAC,EACrBC,IAAI,CAAC;AAAEC,MAAAA,QAAQ,EAAE;KAAmB,CAAC,EACrCD,IAAI,CAAC;AAAEC,MAAAA,QAAQ,EAAE;AAAU,KAAC,CAAC,CAC9B;AACH;AACF;AAACC,oBAAA,CAAAC,QAAA,EAnDoBnC,gBAAgB,CAAA;;;;"}

package/dist/components/_private/with-unique-id.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"with-unique-id.js","sources":["../../../src/components/_private/with-unique-id.ts"],"sourcesContent":["/* eslint-disable ember/no-empty-glimmer-component-classes */\nimport Component from '@glimmer/component';\n\ninterface Sig {\n  Blocks: {\n    default: [string];\n  };\n}\n\n/**\n * This is just a workaround component for the lack of availability of the\n * uniqueId helper in 4.12 template imports\n */\nexport default class WithUniqueIdComponent extends Component<Sig> {}\n"],"names":["WithUniqueIdComponent","Component","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AASA;AACA;AACA;AACA;AACe,MAAMA,qBAAqB,SAASC,SAAS,CAAM;AAAEC,oBAAA,CAAAC,QAAA,EAA/CH,qBAAqB,CAAA;;;;"}