@lblod/ember-rdfa-editor 13.1.1 → 13.2.0

package/README.md

@@ -278,8 +278,19 @@ You can discover additional examples on how to write Prosemirror schemas, plugin
 ## Styling
 
 Ember-rdfa-editor requires users of the addon to import its SASS stylesheets as well as those of appuniversum.
+You need to add imports for the bundled styles:
 
-For newer Ember apps, this is a matter of renaming your `app.css` file to `app.scss` and importing it in your `app/app.ts` file.
+```
+/* app/styles/app.scss */
+@import "@appuniversum/ember-appuniversum/styles";
+@import "@lblod/ember-rdfa-editor";
+```
+
+For newer Ember apps, this is a matter of renaming your `app.css` file to `app.scss` and importing it in your `app/app.ts` file and installing `sass`:
+
+```sh
+pnpm install --save-dev sass
+```
 
 ```javascript
 // app/app.ts
@@ -288,14 +299,6 @@ import './styles/app.scss';
 
 For older Ember apps you'll need to [install ember-cli-sass](https://github.com/adopted-ember-addons/ember-cli-sass#installation).
 
-You then need to add imports for the bundled styles:
-
-```
-/* app/styles/app.scss */
-@import "@appuniversum/ember-appuniversum/styles";
-@import "@lblod/ember-rdfa-editor";
-```
-
 ### Customisation
 
 This addon uses CSS variables to customise the styling. You can override these variables by including and overriding the following variables:

package/declarations/components/_private/common/configurable-rdfa-display.d.ts

@@ -2,11 +2,11 @@ import Component from '@glimmer/component';
 import type { ComponentLike } from '@glint/template';
 import { type OutgoingTriple } from '#root/core/rdfa-processor.ts';
 import { type DisplayElement, type DisplayGenerator, type DisplayMeta, type GeneratorContext } from '#root/plugins/rdfa-info/types.ts';
-interface SpanSig {
+interface HTMLElementSig {
     Blocks: {
         default: [];
     };
-    Element: HTMLSpanElement;
+    Element: HTMLElement;
 }
 export declare const predicateDisplay: DisplayGenerator<OutgoingTriple>;
 interface Sig<T> {
@@ -14,7 +14,7 @@ interface Sig<T> {
         context: GeneratorContext;
         value: T;
         generator: DisplayGenerator<T>;
-        wrapper?: ComponentLike<SpanSig>;
+        wrapper?: ComponentLike<HTMLElementSig>;
     };
     Blocks: {
         default: [];
@@ -25,6 +25,6 @@ export default class ConfigurableRdfaDisplay<T> extends Component<Sig<T>> {
     get elements(): DisplayElement[];
     get meta(): DisplayMeta;
     get isHidden(): boolean;
-    get wrapperComponent(): ComponentLike<SpanSig>;
+    get wrapperComponent(): ComponentLike<HTMLElementSig>;
 }
 export {};

package/declarations/components/editor.d.ts

@@ -24,6 +24,7 @@ export interface RdfaEditorArgs {
     };
     defaultAttrGenerators?: DefaultAttrGenPuginOptions;
     keyMapOptions?: KeymapOptions;
+    editable?: boolean;
     notificationCallback?: (notification: Notification) => void;
     notificationToaster?: boolean;
 }
@@ -55,6 +56,7 @@ export default class RdfaEditor extends Component<RdfaEditorArgs> {
     private prosemirror;
     get initializers(): Promise<void>[];
     get baseIRI(): string;
+    get editable(): boolean | undefined;
     get notificationToaster(): boolean;
     /**
      * Handle init of rawEditor

package/declarations/components/toolbar/button.d.ts

@@ -25,6 +25,6 @@ type Signature = {
 export default class ToolbarButton extends Component<Signature> {
     get optionsIcon(): ComponentLike<{
         Element: Element;
-    }> | import("@ember/component/template-only").TOC<import("@appuniversum/ember-appuniversum/components/icons/chevron-down").ChevronDownIconSignature>;
+    }> | import("@ember/component/template-only").TOC<import("@appuniversum/ember-appuniversum/components/icons/chevron-down.js").ChevronDownIconSignature>;
 }
 export {};

package/declarations/core/say-controller.d.ts

@@ -1,11 +1,12 @@
-import { SayStore } from '#root/utils/_private/datastore/say-store.ts';
 import type Owner from '@ember/owner';
-import SayView, { type SetHtmlOptions } from '#root/core/say-view.ts';
-import type SayEditor from '#root/core/say-editor.ts';
 import { type Attrs, MarkType, Schema } from 'prosemirror-model';
 import { type Command, EditorState, Transaction } from 'prosemirror-state';
+import { SayStore } from '#root/utils/_private/datastore/say-store.ts';
+import SayView, { type SetHtmlOptions } from '#root/core/say-view.ts';
+import type SayEditor from '#root/core/say-editor.ts';
 export default class SayController {
     private readonly editor;
+    private savedStateId?;
     constructor(pm: SayEditor);
     get externalContextStore(): SayStore;
     get mainEditorView(): SayView;
@@ -15,15 +16,21 @@ export default class SayController {
     get htmlContent(): string;
     get inEmbeddedView(): boolean;
     get domParser(): import("prosemirror-model").DOMParser;
+    get editable(): boolean;
+    setEditable(editable: boolean): void;
     clone(): SayController;
     focus(): void;
     setActiveView(view: SayView): void;
+    /** Is the editor in the same state as the last time it was marked as clean */
+    get isDirty(): boolean;
+    /** Mark the history state at which the document will be considered 'clean' */
+    markClean(): void;
     /**
      * Replaces the state (and current document) with a parsed version of the provided `html` string.
      * This method creates a new `doc` node and parses it correctly based on the provided html.
      * Note: plugin state is not preserved when using this method (e.g. the history-plugin state is reset).
      */
-    initialize(html: string, { shouldFocus, doNotClean, }?: Exclude<SetHtmlOptions, 'range'>): void;
+    initialize(html: string, { shouldFocus, doNotClean, startsDirty, }?: Exclude<SetHtmlOptions, 'range'>): void;
     /**
      * setHtmlContent replaces the content of the current document with the provided html
      * Note: it does not create a new `doc` node and does not update the `doc` node based on the provided html

package/declarations/core/say-data-factory/blank-node.d.ts

@@ -8,7 +8,7 @@ export declare class SayBlankNode implements RDF.BlankNode {
     readonly termType = "BlankNode";
     readonly value: string;
     constructor(value: string);
-    equals: (other?: Option<SayTerm>) => boolean;
+    equals(other?: Option<SayTerm>): boolean;
     toJSON(): {
         termType: string;
         value: string;

package/declarations/core/say-data-factory/default-graph.d.ts

@@ -10,5 +10,5 @@ export declare class SayDefaultGraph implements RDF.DefaultGraph {
     readonly termType = "DefaultGraph";
     readonly value = "";
     private constructor();
-    equals: (other?: Option<SayTerm>) => other is RDF.DefaultGraph;
+    equals(other?: Option<SayTerm>): other is RDF.DefaultGraph;
 }

package/declarations/core/say-data-factory/literal.d.ts

@@ -12,7 +12,7 @@ export declare class SayLiteral implements RDF.Literal {
     static readonly RDF_LANGUAGE_STRING: RDF.NamedNode;
     static readonly XSD_STRING: RDF.NamedNode;
     constructor(value: string, languageOrDatatype?: string | RDF.NamedNode);
-    equals: (other?: Option<SayTerm>) => boolean;
+    equals(other?: Option<SayTerm>): boolean;
     toJSON(): {
         termType: string;
         value: string;

package/declarations/core/say-data-factory/named-node.d.ts

@@ -8,7 +8,7 @@ export declare class SayNamedNode<Iri extends string = string> implements RDF.Na
     readonly termType = "NamedNode";
     readonly value: Iri;
     constructor(value: Iri);
-    equals: (other?: Option<SayTerm>) => boolean;
+    equals(other?: Option<SayTerm>): boolean;
     toJSON(): {
         termType: string;
         value: Iri;

package/declarations/core/say-data-factory/prosemirror-terms/content-literal.d.ts

@@ -13,7 +13,7 @@ export declare class ContentLiteralTerm {
     static readonly RDF_LANGUAGE_STRING: SayNamedNode<"http://www.w3.org/1999/02/22-rdf-syntax-ns#langString">;
     static readonly XSD_STRING: SayNamedNode<"http://www.w3.org/2001/XMLSchema#string">;
     constructor(languageOrDatatype?: string | RDF.NamedNode);
-    equals: (other?: Option<SayTerm>) => boolean;
+    equals(other?: Option<SayTerm>): boolean;
     toJSON(): {
         termType: string;
         value: string;

package/declarations/core/say-data-factory/prosemirror-terms/literal-node.d.ts

@@ -7,7 +7,7 @@ export declare class LiteralNodeTerm {
     readonly termType = "LiteralNode";
     readonly value: string;
     constructor(value: string);
-    equals: (other?: Option<SayTerm>) => boolean;
+    equals(other?: Option<SayTerm>): boolean;
     toJSON(): {
         termType: string;
         value: string;

package/declarations/core/say-data-factory/prosemirror-terms/resource-node.d.ts

@@ -7,7 +7,7 @@ export declare class ResourceNodeTerm<Iri extends string = string> {
     readonly termType = "ResourceNode";
     readonly value: Iri;
     constructor(value: Iri);
-    equals: (other?: Option<SayTerm>) => boolean;
+    equals(other?: Option<SayTerm>): boolean;
     toJSON(): {
         termType: string;
         value: Iri;

package/declarations/core/say-data-factory/quad.d.ts

@@ -13,5 +13,5 @@ export declare class SayQuad implements RDF.BaseQuad {
     readonly termType = "Quad";
     readonly value = "";
     constructor(subject: RDF.Term, predicate: RDF.Term, object: RDF.Term, graph: RDF.Term);
-    equals: (other?: Option<SayTerm>) => boolean;
+    equals(other?: Option<SayTerm>): boolean;
 }

package/declarations/core/say-data-factory/variable.d.ts

@@ -8,7 +8,7 @@ export declare class SayVariable implements RDF.Variable {
     readonly termType = "Variable";
     readonly value: string;
     constructor(value: string);
-    equals: (other?: Option<SayTerm>) => boolean;
+    equals(other?: Option<SayTerm>): boolean;
     toJSON(): {
         termType: string;
         value: string;

package/declarations/core/say-editor.d.ts

@@ -22,6 +22,7 @@ export interface SayEditorArgs {
     plugins?: PluginConfig;
     nodeViews?: (controller: SayController) => Record<string, NodeViewConstructor>;
     defaultAttrGenerators?: DefaultAttrGenPuginOptions;
+    editable?: SayView['props']['editable'];
 }
 export default class SayEditor {
     mainView: SayView;

package/declarations/core/say-view.d.ts

@@ -10,6 +10,11 @@ export interface SetHtmlOptions {
      * Defaults to false.
      */
     doNotClean?: boolean;
+    /**
+     * Whether the initial state should be considered as a 'dirty' state e.g. if this is a new
+     * document that has not yet been saved.
+     */
+    startsDirty?: boolean;
 }
 export type DocumentRange = {
     from: number;
@@ -26,7 +31,8 @@ export default class SayView extends EditorView {
     /**
      * Replaces the state (and current document) with a parsed version of the provided `html` string.
      * This method creates a new `doc` node and parses it correctly based on the provided html.
-     * Note: plugin state is not preserved when using this method (e.g. the history-plugin state is reset).
+     * Note: plugin state is preserved but a new transaction setting the new content will be
+     * dispatched.
      */
     setHtmlContent(content: string, options?: SetHtmlOptions): void;
     get htmlContent(): string;

package/declarations/utils/_private/rdfa-parser/util.d.ts

@@ -8,7 +8,7 @@ import type { IActiveTag } from './active-tag.ts';
 import { type RdfaProfile } from './rdfa-profile.ts';
 import { DataFactory } from 'rdf-data-factory';
 import type { ModelBlankNode, ModelLiteral, ModelNamedNode, ModelQuad, ModelQuadObject, ModelQuadPredicate, ModelQuadSubject, ModelTerm } from '#root/utils/_private/rdfa-parser/rdfa-parser.ts';
-export declare class ModelDataFactory<N> extends DataFactory {
+export declare class ModelDataFactory<N> extends DataFactory<ModelQuad<N>> {
     quad(subject: ModelQuadSubject<N>, predicate: ModelQuadPredicate<N>, object: ModelQuadObject<N>, graph: Quad_Graph): ModelQuad<N>;
     namedNode<N, I extends string = string>(iri: I, node?: N): ModelNamedNode<N, I>;
     blankNode(value?: string, node?: N): ModelBlankNode<N>;

package/dist/commands/_private/rdfa-commands/remove-backlink.js

@@ -3,7 +3,7 @@ import 'uuid';
 import '../../../utils/_private/constants.js';
 import 'relative-to-absolute-iri';
 import 'rdf-data-factory';
-import '../../../main-dUbkrxFL.js';
+import '../../../main-DFf-0En3.js';
 import '../../../core/say-data-factory/data-factory.js';
 import '../../../core/say-data-factory/default-graph.js';
 import '../../../config/rdfa.js';

package/dist/commands/_private/rdfa-commands/select-node-by-rdfa-id.js

@@ -3,7 +3,7 @@ import 'uuid';
 import '../../../utils/_private/constants.js';
 import 'relative-to-absolute-iri';
 import 'rdf-data-factory';
-import '../../../main-dUbkrxFL.js';
+import '../../../main-DFf-0En3.js';
 import '../../../core/say-data-factory/data-factory.js';
 import '../../../core/say-data-factory/default-graph.js';
 import '../../../config/rdfa.js';

package/dist/commands/_private/rdfa-commands/select-node-by-subject.js

@@ -3,7 +3,7 @@ import 'uuid';
 import '../../../utils/_private/constants.js';
 import 'relative-to-absolute-iri';
 import 'rdf-data-factory';
-import '../../../main-dUbkrxFL.js';
+import '../../../main-DFf-0En3.js';
 import '../../../core/say-data-factory/data-factory.js';
 import '../../../core/say-data-factory/default-graph.js';
 import '../../../config/rdfa.js';

package/dist/commands/_private/rdfa-commands/wrap-inline-resource.js

@@ -4,7 +4,7 @@ import 'prosemirror-model';
 import '../../../utils/_private/constants.js';
 import 'relative-to-absolute-iri';
 import 'rdf-data-factory';
-import '../../../main-dUbkrxFL.js';
+import '../../../main-DFf-0En3.js';
 import '../../../core/say-data-factory/data-factory.js';
 import '../../../core/say-data-factory/default-graph.js';
 import '../../../config/rdfa.js';

package/dist/commands/_private/rdfa-commands/wrap-literal.js

@@ -4,7 +4,7 @@ import '../../../utils/_private/constants.js';
 import 'prosemirror-model';
 import 'relative-to-absolute-iri';
 import 'rdf-data-factory';
-import '../../../main-dUbkrxFL.js';
+import '../../../main-DFf-0En3.js';
 import '../../../core/say-data-factory/data-factory.js';
 import '../../../core/say-data-factory/default-graph.js';
 import '../../../config/rdfa.js';

package/dist/commands/_private/rdfa-commands/wrap-resource.js

@@ -5,7 +5,7 @@ import '../../../utils/_private/constants.js';
 import 'prosemirror-model';
 import 'relative-to-absolute-iri';
 import 'rdf-data-factory';
-import '../../../main-dUbkrxFL.js';
+import '../../../main-DFf-0En3.js';
 import '../../../core/say-data-factory/data-factory.js';
 import '../../../core/say-data-factory/default-graph.js';
 import '../../../config/rdfa.js';

package/dist/commands/rdfa-commands/add-property.js

@@ -5,7 +5,7 @@ import 'uuid';
 import '../../utils/_private/constants.js';
 import 'relative-to-absolute-iri';
 import 'rdf-data-factory';
-import '../../main-dUbkrxFL.js';
+import '../../main-DFf-0En3.js';
 import '../../config/rdfa.js';
 import 'iter-tools';
 import TransformUtils from '../../utils/_private/transform-utils.js';

package/dist/commands/rdfa-commands/remove-property.js

@@ -3,7 +3,7 @@ import 'uuid';
 import '../../utils/_private/constants.js';
 import 'relative-to-absolute-iri';
 import 'rdf-data-factory';
-import '../../main-dUbkrxFL.js';
+import '../../main-DFf-0En3.js';
 import '../../core/say-data-factory/data-factory.js';
 import '../../core/say-data-factory/default-graph.js';
 import '../../config/rdfa.js';

package/dist/components/_private/attribute-editor/index.js

@@ -108,7 +108,7 @@ class AttributeEditor extends Component {
     return this.nodespec?.attrs?.[attr].editor;
   };
   static {
-    setComponentTemplate(precompileTemplate("\n    <WithUniqueId as |formId|>\n      <HeadlessForm id={{formId}} @data={{this.nodeAttrs}} @onSubmit={{this.saveChanges}} as |form|>\n        <AuCard @size=\"small\" @expandable={{true}} @manualControl={{true}} @openSection={{this.toggleSection}} @isExpanded={{this.expanded}} @disableAuContent={{true}} as |c|>\n          <c.header class=\"say-flex-grow\">\n            <AuToolbar class=\"au-u-flex au-u-flex-row au-u-flex--space-between\" as |Group|>\n              <Group>\n                <AuHeading @level=\"1\" @skin=\"6\">Node attributes</AuHeading>\n              </Group>\n              <Group>\n                <AuButtonGroup>\n                  {{#if this.isEditing}}\n                    <AuButton @skin=\"link-secondary\" @iconAlignment=\"right\" {{on \"click\" (fn this.cancelEditing form.reset)}}>\n                      Cancel\n                    </AuButton>\n                    <AuButton @skin=\"link\" type=\"submit\" @icon={{CheckIcon}} onclick=\"event.stopPropagation();\" @iconAlignment=\"right\">\n                      Save\n                    </AuButton>\n                  {{else}}\n                    <AuButton @skin=\"link\" @icon={{PencilIcon}} @iconAlignment=\"right\" {{on \"click\" this.enableEditingMode}}>\n                      Edit\n                    </AuButton>\n                  {{/if}}\n                </AuButtonGroup>\n              </Group>\n            </AuToolbar>\n\n          </c.header>\n          <c.content class=\"au-c-content--tiny\">\n\n            <AuList @divider={{true}} as |Item|>\n              {{#each-in this.nodeAttrs as |key value|}}\n                <Item>\n                  <div class=\"au-u-padding-tiny\">\n                    {{#if (and this.isEditing (this.isEditable key))}}\n                      <form.Field @name={{key}} as |field|>\n                        <AuLabel for={{field.id}}>\n                          {{key}}\n                        </AuLabel>\n                        {{#let (this.editorComponent key) as |EditorComponent|}}\n                          {{#if EditorComponent}}\n                            {{!-- @glint-expect-error fix types of dynamic element --}}\n                            <EditorComponent id={{field.id}} value={{field.value}} name={{key}} {{!-- @glint-expect-error glint has no Signature for the component--}} {{on \"change\" (fn this.setField field)}} />\n                          {{else}}\n                            <AuTextarea @width=\"block\" id={{field.id}} value={{field.value}} name={{key}} {{on \"change\" (fn this.setField field)}} />\n                          {{/if}}\n                        {{/let}}\n                      </form.Field>\n                    {{else}}\n                      <p><strong>{{key}}</strong></p>\n                      <pre class=\"say-attribute-editor__formatted-content\">{{if value (this.formatValue value) \"<No value>\"}}</pre>\n                    {{/if}}\n                  </div>\n                </Item>\n              {{/each-in}}\n            </AuList>\n          </c.content>\n        </AuCard>\n      </HeadlessForm>\n    </WithUniqueId>\n  ", {
+    setComponentTemplate(precompileTemplate("\n    <WithUniqueId as |formId|>\n      <HeadlessForm id={{formId}} @data={{this.nodeAttrs}} @onSubmit={{this.saveChanges}} as |form|>\n        <AuCard @size=\"small\" @expandable={{true}} @manualControl={{true}} @openSection={{this.toggleSection}} @isExpanded={{this.expanded}} @disableAuContent={{true}} as |c|>\n          <c.header class=\"say-flex-grow\">\n            <AuToolbar class=\"au-u-flex au-u-flex-row au-u-flex--space-between\" as |Group|>\n              <Group>\n                <AuHeading @level=\"1\" @skin=\"6\">Node attributes</AuHeading>\n              </Group>\n              <Group>\n                <AuButtonGroup>\n                  {{#if this.isEditing}}\n                    <AuButton @skin=\"link-secondary\" @iconAlignment=\"right\" {{on \"click\" (fn this.cancelEditing form.reset)}}>\n                      Cancel\n                    </AuButton>\n                    <AuButton @skin=\"link\" type=\"submit\" @icon={{CheckIcon}} onclick=\"event.stopPropagation();\" @iconAlignment=\"right\">\n                      Save\n                    </AuButton>\n                  {{else}}\n                    <AuButton @skin=\"link\" @icon={{PencilIcon}} @iconAlignment=\"right\" {{on \"click\" this.enableEditingMode}}>\n                      Edit\n                    </AuButton>\n                  {{/if}}\n                </AuButtonGroup>\n              </Group>\n            </AuToolbar>\n\n          </c.header>\n          <c.content class=\"au-c-content--tiny\">\n\n            <AuList @divider={{true}} as |Item|>\n              {{#each-in this.nodeAttrs as |key value|}}\n                <Item>\n                  <div class=\"au-u-padding-tiny\">\n                    {{#if (and this.isEditing (this.isEditable key))}}\n                      <form.Field @name={{key}} as |field|>\n                        <AuLabel for={{field.id}}>\n                          {{key}}\n                        </AuLabel>\n                        {{#let (this.editorComponent key) as |EditorComponent|}}\n                          {{#if EditorComponent}}\n                            <EditorComponent {{!-- @glint-expect-error fix signature of dynamic `EditorComponent` --}} id={{field.id}} value={{field.value}} name={{key}} {{on \"change\" (fn this.setField field)}} />\n                          {{else}}\n                            <AuTextarea @width=\"block\" id={{field.id}} value={{field.value}} name={{key}} {{on \"change\" (fn this.setField field)}} />\n                          {{/if}}\n                        {{/let}}\n                      </form.Field>\n                    {{else}}\n                      <p><strong>{{key}}</strong></p>\n                      <pre class=\"say-attribute-editor__formatted-content\">{{if value (this.formatValue value) \"<No value>\"}}</pre>\n                    {{/if}}\n                  </div>\n                </Item>\n              {{/each-in}}\n            </AuList>\n          </c.content>\n        </AuCard>\n      </HeadlessForm>\n    </WithUniqueId>\n  ", {
       strictMode: true,
       scope: () => ({
         WithUniqueId: WithUniqueIdComponent,

package/dist/components/_private/attribute-editor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/_private/attribute-editor/index.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { localCopy } from 'tracked-toolbox';\nimport { HeadlessForm, type FormData } from 'ember-headless-form';\nimport type { HeadlessFormFieldComponentSignature } from 'ember-headless-form/-private/components/field';\nimport { on } from '@ember/modifier';\nimport { fn } from '@ember/helper';\nimport { and } from 'ember-truth-helpers';\nimport type { Attrs } from 'prosemirror-model';\nimport { CheckIcon } from '@appuniversum/ember-appuniversum/components/icons/check';\nimport { PencilIcon } from '@appuniversum/ember-appuniversum/components/icons/pencil';\nimport AuButtonGroup from '@appuniversum/ember-appuniversum/components/au-button-group';\nimport AuToolbar from '@appuniversum/ember-appuniversum/components/au-toolbar';\nimport AuList from '@appuniversum/ember-appuniversum/components/au-list';\nimport AuLabel from '@appuniversum/ember-appuniversum/components/au-label';\nimport AuHeading from '@appuniversum/ember-appuniversum/components/au-heading';\nimport AuButton from '@appuniversum/ember-appuniversum/components/au-button';\nimport AuTextarea from '@appuniversum/ember-appuniversum/components/au-textarea';\nimport SayController from '#root/core/say-controller.ts';\nimport type SayNodeSpec from '#root/core/say-node-spec.ts';\nimport TransformUtils from '#root/utils/_private/transform-utils.ts';\nimport type { ResolvedPNode } from '#root/utils/_private/types.ts';\nimport {\n  transactionCombinator,\n  type TransactionMonad,\n} from '#root/utils/transaction-utils.ts';\nimport WithUniqueId from '#root/components/_private/utils/with-unique-id.ts';\nimport AuCard from '@appuniversum/ember-appuniversum/components/au-card';\n\ntype Signature = {\n  Args: {\n    controller: SayController;\n    node: ResolvedPNode | undefined;\n    expanded?: boolean;\n    onToggle?: (expanded: boolean) => void;\n  };\n};\nexport type AttributeEditHandler = (\n  pos: number,\n  value: string,\n) => TransactionMonad<boolean>;\n\nexport default class AttributeEditor extends Component<Signature> {\n  @localCopy('args.expanded', true) declare expanded: boolean;\n  @tracked isEditing = false;\n\n  get node() {\n    return this.args.node;\n  }\n  get nodeAttrs() {\n    return this.node?.value.attrs ?? {};\n  }\n  get nodespec() {\n    return this.node?.value.type.spec as SayNodeSpec;\n  }\n\n  toggleSection = () => {\n    this.expanded = !this.expanded;\n    this.args.onToggle?.(this.expanded);\n  };\n\n  isEditable = (attr: string): boolean | undefined => {\n    return this.nodespec.attrs?.[attr].editable;\n  };\n\n  setAttrMonad =\n    (key: string) =>\n    (pos: number, value: string): TransactionMonad<boolean> =>\n    (state) => {\n      const tr = state.tr;\n      TransformUtils.setAttribute(tr, pos, key, value);\n      return { transaction: tr, initialState: state, result: true };\n    };\n\n  getHandler = (attr: string): AttributeEditHandler | null => {\n    if (this.isEditable(attr)) {\n      //@ts-expect-error handler is not defined on attribute-spec type\n      const handler = this.node.value.type.spec.attrs[attr].editHandler as\n        | AttributeEditHandler\n        | undefined;\n      if (handler) {\n        return handler;\n      } else {\n        return this.setAttrMonad(attr);\n      }\n    }\n    return null;\n  };\n\n  enableEditingMode = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n    this.isEditing = true;\n  };\n  cancelEditing = (formReset: () => void, event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n    this.isEditing = false;\n    formReset();\n  };\n\n  setField = (\n    field: HeadlessFormFieldComponentSignature<Attrs>['Blocks']['default'][0],\n    value: Event,\n  ) => {\n    const newVal = (value.target as HTMLTextAreaElement).value;\n    field.setValue(newVal);\n  };\n\n  saveChanges = (newAttrs: FormData<Attrs>) => {\n    this.args.controller?.withTransaction(() => {\n      const monads: TransactionMonad<boolean>[] = [];\n      for (const key in newAttrs) {\n        if (newAttrs[key] !== this.nodeAttrs[key]) {\n          const handler = this.getHandler(key);\n          if (handler && this.node) {\n            monads.push(handler(this.node.pos, newAttrs[key] as string));\n          }\n        }\n      }\n      return transactionCombinator(this.args.controller.mainEditorState)(monads)\n        .transaction;\n    });\n    this.isEditing = false;\n  };\n\n  formatValue = (value: unknown) => {\n    return JSON.stringify(value, null, 2);\n  };\n\n  editorComponent = (attr: string) => {\n    return this.nodespec?.attrs?.[attr].editor;\n  };\n\n  <template>\n    <WithUniqueId as |formId|>\n      <HeadlessForm\n        id={{formId}}\n        @data={{this.nodeAttrs}}\n        @onSubmit={{this.saveChanges}}\n        as |form|\n      >\n        <AuCard\n          @size=\"small\"\n          @expandable={{true}}\n          @manualControl={{true}}\n          @openSection={{this.toggleSection}}\n          @isExpanded={{this.expanded}}\n          @disableAuContent={{true}}\n          as |c|\n        >\n          <c.header class=\"say-flex-grow\">\n            <AuToolbar\n              class=\"au-u-flex au-u-flex-row au-u-flex--space-between\"\n              as |Group|\n            >\n              <Group>\n                <AuHeading @level=\"1\" @skin=\"6\">Node attributes</AuHeading>\n              </Group>\n              <Group>\n                <AuButtonGroup>\n                  {{#if this.isEditing}}\n                    <AuButton\n                      @skin=\"link-secondary\"\n                      @iconAlignment=\"right\"\n                      {{on \"click\" (fn this.cancelEditing form.reset)}}\n                    >\n                      Cancel\n                    </AuButton>\n                    <AuButton\n                      @skin=\"link\"\n                      type=\"submit\"\n                      @icon={{CheckIcon}}\n                      onclick=\"event.stopPropagation();\"\n                      @iconAlignment=\"right\"\n                    >\n                      Save\n                    </AuButton>\n                  {{else}}\n                    <AuButton\n                      @skin=\"link\"\n                      @icon={{PencilIcon}}\n                      @iconAlignment=\"right\"\n                      {{on \"click\" this.enableEditingMode}}\n                    >\n                      Edit\n                    </AuButton>\n                  {{/if}}\n                </AuButtonGroup>\n              </Group>\n            </AuToolbar>\n\n          </c.header>\n          <c.content class=\"au-c-content--tiny\">\n\n            <AuList @divider={{true}} as |Item|>\n              {{#each-in this.nodeAttrs as |key value|}}\n                <Item>\n                  <div class=\"au-u-padding-tiny\">\n                    {{#if (and this.isEditing (this.isEditable key))}}\n                      <form.Field @name={{key}} as |field|>\n                        <AuLabel for={{field.id}}>\n                          {{key}}\n                        </AuLabel>\n                        {{#let (this.editorComponent key) as |EditorComponent|}}\n                          {{#if EditorComponent}}\n                            {{! @glint-expect-error fix types of dynamic element }}\n                            <EditorComponent\n                              id={{field.id}}\n                              value={{field.value}}\n                              name={{key}}\n                              {{! @glint-expect-error glint has no Signature for the component}}\n                              {{on \"change\" (fn this.setField field)}}\n                            />\n                          {{else}}\n                            <AuTextarea\n                              @width=\"block\"\n                              id={{field.id}}\n                              value={{field.value}}\n                              name={{key}}\n                              {{on \"change\" (fn this.setField field)}}\n                            />\n                          {{/if}}\n                        {{/let}}\n                      </form.Field>\n                    {{else}}\n                      <p><strong>{{key}}</strong></p>\n                      <pre class=\"say-attribute-editor__formatted-content\">{{if\n                          value\n                          (this.formatValue value)\n                          \"<No value>\"\n                        }}</pre>\n                    {{/if}}\n                  </div>\n                </Item>\n              {{/each-in}}\n            </AuList>\n          </c.content>\n        </AuCard>\n      </HeadlessForm>\n    </WithUniqueId>\n  </template>\n}\n"],"names":["AttributeEditor","Component","g","prototype","localCopy","i","tracked","node","args","nodeAttrs","value","attrs","nodespec","type","spec","toggleSection","expanded","onToggle","isEditable","attr","editable","setAttrMonad","key","pos","state","tr","TransformUtils","setAttribute","transaction","initialState","result","getHandler","handler","editHandler","enableEditingMode","event","preventDefault","stopPropagation","isEditing","cancelEditing","formReset","setField","field","newVal","target","setValue","saveChanges","newAttrs","controller","withTransaction","monads","push","transactionCombinator","mainEditorState","formatValue","JSON","stringify","editorComponent","editor","setComponentTemplate","precompileTemplate","strictMode","scope","WithUniqueId","HeadlessForm","AuCard","AuToolbar","AuHeading","AuButtonGroup","AuButton","on","fn","CheckIcon","PencilIcon","AuList","and","AuLabel","AuTextarea"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/_private/attribute-editor/index.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { localCopy } from 'tracked-toolbox';\nimport { HeadlessForm, type FormData } from 'ember-headless-form';\nimport type { HeadlessFormFieldComponentSignature } from 'ember-headless-form/-private/components/field';\nimport { on } from '@ember/modifier';\nimport { fn } from '@ember/helper';\nimport { and } from 'ember-truth-helpers';\nimport type { Attrs } from 'prosemirror-model';\nimport { CheckIcon } from '@appuniversum/ember-appuniversum/components/icons/check';\nimport { PencilIcon } from '@appuniversum/ember-appuniversum/components/icons/pencil';\nimport AuButtonGroup from '@appuniversum/ember-appuniversum/components/au-button-group';\nimport AuToolbar from '@appuniversum/ember-appuniversum/components/au-toolbar';\nimport AuList from '@appuniversum/ember-appuniversum/components/au-list';\nimport AuLabel from '@appuniversum/ember-appuniversum/components/au-label';\nimport AuHeading from '@appuniversum/ember-appuniversum/components/au-heading';\nimport AuButton from '@appuniversum/ember-appuniversum/components/au-button';\nimport AuTextarea from '@appuniversum/ember-appuniversum/components/au-textarea';\nimport SayController from '#root/core/say-controller.ts';\nimport type SayNodeSpec from '#root/core/say-node-spec.ts';\nimport TransformUtils from '#root/utils/_private/transform-utils.ts';\nimport type { ResolvedPNode } from '#root/utils/_private/types.ts';\nimport {\n  transactionCombinator,\n  type TransactionMonad,\n} from '#root/utils/transaction-utils.ts';\nimport WithUniqueId from '#root/components/_private/utils/with-unique-id.ts';\nimport AuCard from '@appuniversum/ember-appuniversum/components/au-card';\n\ntype Signature = {\n  Args: {\n    controller: SayController;\n    node: ResolvedPNode | undefined;\n    expanded?: boolean;\n    onToggle?: (expanded: boolean) => void;\n  };\n};\nexport type AttributeEditHandler = (\n  pos: number,\n  value: string,\n) => TransactionMonad<boolean>;\n\nexport default class AttributeEditor extends Component<Signature> {\n  @localCopy('args.expanded', true) declare expanded: boolean;\n  @tracked isEditing = false;\n\n  get node() {\n    return this.args.node;\n  }\n  get nodeAttrs() {\n    return this.node?.value.attrs ?? {};\n  }\n  get nodespec() {\n    return this.node?.value.type.spec as SayNodeSpec;\n  }\n\n  toggleSection = () => {\n    this.expanded = !this.expanded;\n    this.args.onToggle?.(this.expanded);\n  };\n\n  isEditable = (attr: string): boolean | undefined => {\n    return this.nodespec.attrs?.[attr].editable;\n  };\n\n  setAttrMonad =\n    (key: string) =>\n    (pos: number, value: string): TransactionMonad<boolean> =>\n    (state) => {\n      const tr = state.tr;\n      TransformUtils.setAttribute(tr, pos, key, value);\n      return { transaction: tr, initialState: state, result: true };\n    };\n\n  getHandler = (attr: string): AttributeEditHandler | null => {\n    if (this.isEditable(attr)) {\n      //@ts-expect-error handler is not defined on attribute-spec type\n      const handler = this.node.value.type.spec.attrs[attr].editHandler as\n        | AttributeEditHandler\n        | undefined;\n      if (handler) {\n        return handler;\n      } else {\n        return this.setAttrMonad(attr);\n      }\n    }\n    return null;\n  };\n\n  enableEditingMode = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n    this.isEditing = true;\n  };\n  cancelEditing = (formReset: () => void, event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n    this.isEditing = false;\n    formReset();\n  };\n\n  setField = (\n    field: HeadlessFormFieldComponentSignature<Attrs>['Blocks']['default'][0],\n    value: Event,\n  ) => {\n    const newVal = (value.target as HTMLTextAreaElement).value;\n    field.setValue(newVal);\n  };\n\n  saveChanges = (newAttrs: FormData<Attrs>) => {\n    this.args.controller?.withTransaction(() => {\n      const monads: TransactionMonad<boolean>[] = [];\n      for (const key in newAttrs) {\n        if (newAttrs[key] !== this.nodeAttrs[key]) {\n          const handler = this.getHandler(key);\n          if (handler && this.node) {\n            monads.push(handler(this.node.pos, newAttrs[key] as string));\n          }\n        }\n      }\n      return transactionCombinator(this.args.controller.mainEditorState)(monads)\n        .transaction;\n    });\n    this.isEditing = false;\n  };\n\n  formatValue = (value: unknown) => {\n    return JSON.stringify(value, null, 2);\n  };\n\n  editorComponent = (attr: string) => {\n    return this.nodespec?.attrs?.[attr].editor;\n  };\n\n  <template>\n    <WithUniqueId as |formId|>\n      <HeadlessForm\n        id={{formId}}\n        @data={{this.nodeAttrs}}\n        @onSubmit={{this.saveChanges}}\n        as |form|\n      >\n        <AuCard\n          @size=\"small\"\n          @expandable={{true}}\n          @manualControl={{true}}\n          @openSection={{this.toggleSection}}\n          @isExpanded={{this.expanded}}\n          @disableAuContent={{true}}\n          as |c|\n        >\n          <c.header class=\"say-flex-grow\">\n            <AuToolbar\n              class=\"au-u-flex au-u-flex-row au-u-flex--space-between\"\n              as |Group|\n            >\n              <Group>\n                <AuHeading @level=\"1\" @skin=\"6\">Node attributes</AuHeading>\n              </Group>\n              <Group>\n                <AuButtonGroup>\n                  {{#if this.isEditing}}\n                    <AuButton\n                      @skin=\"link-secondary\"\n                      @iconAlignment=\"right\"\n                      {{on \"click\" (fn this.cancelEditing form.reset)}}\n                    >\n                      Cancel\n                    </AuButton>\n                    <AuButton\n                      @skin=\"link\"\n                      type=\"submit\"\n                      @icon={{CheckIcon}}\n                      onclick=\"event.stopPropagation();\"\n                      @iconAlignment=\"right\"\n                    >\n                      Save\n                    </AuButton>\n                  {{else}}\n                    <AuButton\n                      @skin=\"link\"\n                      @icon={{PencilIcon}}\n                      @iconAlignment=\"right\"\n                      {{on \"click\" this.enableEditingMode}}\n                    >\n                      Edit\n                    </AuButton>\n                  {{/if}}\n                </AuButtonGroup>\n              </Group>\n            </AuToolbar>\n\n          </c.header>\n          <c.content class=\"au-c-content--tiny\">\n\n            <AuList @divider={{true}} as |Item|>\n              {{#each-in this.nodeAttrs as |key value|}}\n                <Item>\n                  <div class=\"au-u-padding-tiny\">\n                    {{#if (and this.isEditing (this.isEditable key))}}\n                      <form.Field @name={{key}} as |field|>\n                        <AuLabel for={{field.id}}>\n                          {{key}}\n                        </AuLabel>\n                        {{#let (this.editorComponent key) as |EditorComponent|}}\n                          {{#if EditorComponent}}\n                            <EditorComponent\n                              {{! @glint-expect-error fix signature of dynamic `EditorComponent` }}\n                              id={{field.id}}\n                              value={{field.value}}\n                              name={{key}}\n                              {{on \"change\" (fn this.setField field)}}\n                            />\n                          {{else}}\n                            <AuTextarea\n                              @width=\"block\"\n                              id={{field.id}}\n                              value={{field.value}}\n                              name={{key}}\n                              {{on \"change\" (fn this.setField field)}}\n                            />\n                          {{/if}}\n                        {{/let}}\n                      </form.Field>\n                    {{else}}\n                      <p><strong>{{key}}</strong></p>\n                      <pre class=\"say-attribute-editor__formatted-content\">{{if\n                          value\n                          (this.formatValue value)\n                          \"<No value>\"\n                        }}</pre>\n                    {{/if}}\n                  </div>\n                </Item>\n              {{/each-in}}\n            </AuList>\n          </c.content>\n        </AuCard>\n      </HeadlessForm>\n    </WithUniqueId>\n  </template>\n}\n"],"names":["AttributeEditor","Component","g","prototype","localCopy","i","tracked","node","args","nodeAttrs","value","attrs","nodespec","type","spec","toggleSection","expanded","onToggle","isEditable","attr","editable","setAttrMonad","key","pos","state","tr","TransformUtils","setAttribute","transaction","initialState","result","getHandler","handler","editHandler","enableEditingMode","event","preventDefault","stopPropagation","isEditing","cancelEditing","formReset","setField","field","newVal","target","setValue","saveChanges","newAttrs","controller","withTransaction","monads","push","transactionCombinator","mainEditorState","formatValue","JSON","stringify","editorComponent","editor","setComponentTemplate","precompileTemplate","strictMode","scope","WithUniqueId","HeadlessForm","AuCard","AuToolbar","AuHeading","AuButtonGroup","AuButton","on","fn","CheckIcon","PencilIcon","AuList","and","AuLabel","AuTextarea"],"mappings":"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"}

package/dist/components/_private/common/configurable-rdfa-display.js

@@ -8,7 +8,7 @@ import 'uuid';
 import '../../../utils/_private/constants.js';
 import 'relative-to-absolute-iri';
 import 'rdf-data-factory';
-import '../../../main-dUbkrxFL.js';
+import '../../../main-DFf-0En3.js';
 import '../../../core/say-data-factory/data-factory.js';
 import '../../../core/say-data-factory/default-graph.js';
 import '../../../config/rdfa.js';

package/dist/components/_private/common/configurable-rdfa-display.js.map

@@ -1 +1 @@
-{"version":3,"file":"configurable-rdfa-display.js","sources":["../../../../src/components/_private/common/configurable-rdfa-display.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { get } from '@ember/helper';\nimport type { ComponentLike } from '@glint/template';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport t from 'ember-intl/helpers/t';\nimport { trackedFunction } from 'reactiveweb/function';\nimport AuLoader from '@appuniversum/ember-appuniversum/components/au-loader';\nimport AuPill from '@appuniversum/ember-appuniversum/components/au-pill';\nimport { type OutgoingTriple } from '#root/core/rdfa-processor.ts';\nimport {\n  type DisplayElement,\n  type DisplayGenerator,\n  type DisplayMeta,\n  type GeneratorContext,\n} from '#root/plugins/rdfa-info/types.ts';\n\ninterface SpanSig {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLSpanElement;\n}\nconst Span: TemplateOnlyComponent<SpanSig> = <template>\n  <span ...attributes>{{yield}}</span>\n</template>;\n\nexport const predicateDisplay: DisplayGenerator<OutgoingTriple> = (triple) => {\n  return [{ strong: 'predicate:' }, triple.predicate];\n};\n\ninterface Sig<T> {\n  Args: {\n    context: GeneratorContext;\n    value: T;\n    generator: DisplayGenerator<T>;\n    wrapper?: ComponentLike<SpanSig>;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class ConfigurableRdfaDisplay<T> extends Component<Sig<T>> {\n  elementConfig = trackedFunction(this, () => {\n    return this.args.generator(this.args.value, this.args.context);\n  });\n  get elements(): DisplayElement[] {\n    const conf = this.elementConfig.value;\n    if (!conf) return [];\n    return 'elements' in conf ? conf.elements : conf;\n  }\n  get meta(): DisplayMeta {\n    const conf = this.elementConfig.value;\n    if (!conf) return {};\n    return 'meta' in conf ? conf.meta : {};\n  }\n  get isHidden(): boolean {\n    return this.elements.some(\n      (element) => typeof element !== 'string' && 'hidden' in element,\n    );\n  }\n  get wrapperComponent() {\n    return this.args.wrapper ?? Span;\n  }\n\n  <template>\n    {{#unless this.isHidden}}\n      {{#let this.wrapperComponent as |Wrapper|}}\n        <Wrapper title={{this.meta.title}}>\n          {{#if this.elementConfig.isLoading}}\n            <AuLoader @hideMessage={{true}}>\n              {{t \"ember-rdfa-editor.utils.loading\"}}\n            </AuLoader>\n          {{else}}\n            {{#each this.elements as |element|}}\n              {{#if (get element \"strong\")}}\n                {{! @glint-expect-error}}\n                <strong>{{element.strong}}</strong>\n              {{else if (get element \"pill\")}}\n                {{! @glint-expect-error}}\n                <AuPill @size=\"small\">{{element.pill}}</AuPill>\n              {{else}}\n                {{! @glint-expect-error}}\n                {{element}}\n              {{/if}}\n            {{/each}}\n          {{/if}}\n          {{yield}}\n        </Wrapper>\n      {{/let}}\n    {{/unless}}\n  </template>\n}\n"],"names":["Span","setComponentTemplate","precompileTemplate","strictMode","templateOnly","predicateDisplay","triple","strong","predicate","ConfigurableRdfaDisplay","Component","elementConfig","trackedFunction","args","generator","value","context","elements","conf","meta","isHidden","some","element","wrapperComponent","wrapper","scope","AuLoader","t","get","AuPill"],"mappings":";;;;;;;;;;;;;;;;;;;AAsBA,MAAMA,IAA4B,GAAAC,oBAAA,CAAWC,kBAAA,CAAA,4CAAA,EAE7C;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;AAEH,MAAMC,gBAAmC,GAAmBC,MAAA,IAAA;AACjE,EAAA,OAAO,CAAC;AAAEC,IAAAA,MAAA,EAAQ;AAAa,GAAA,EAAGD,MAAA,CAAOE,SAAS,CAAC;AACrD;AAce,MAAMC,uBAAA,SAAmCC,SAAA,CAAc;AACpEC,EAAAA,aAAA,GAAgBC,eAAA,CAAgB,IAAI,EAAE,MAAA;AACpC,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,SAAS,CAAC,IAAI,CAACD,IAAI,CAACE,KAAK,EAAE,IAAI,CAACF,IAAI,CAACG,OAAO,CAAA;AAC/D,EAAA,CAAA,CAAA;EACA,IAAIC,WAA6B;AAC/B,IAAA,MAAMC,IAAA,GAAO,IAAI,CAACP,aAAa,CAACI,KAAK;AACrC,IAAA,IAAI,CAACG,IAAA,EAAM,OAAO,EAAE;IACpB,OAAO,UAAA,IAAcA,IAAA,GAAOA,IAAA,CAAKD,QAAQ,GAAGC,IAAA;AAC9C,EAAA;EACA,IAAIC,OAAoB;AACtB,IAAA,MAAMD,IAAA,GAAO,IAAI,CAACP,aAAa,CAACI,KAAK;AACrC,IAAA,IAAI,CAACG,IAAA,EAAM,OAAO,EAAC;IACnB,OAAO,MAAA,IAAUA,IAAA,GAAOA,IAAA,CAAKC,IAAI,GAAG,EAAC;AACvC,EAAA;EACA,IAAIC,QAAAA,GAAoB;AACtB,IAAA,OAAO,IAAI,CAACH,QAAQ,CAACI,IAAI,CACtBC,OAAA,IAAY,OAAOA,OAAA,KAAY,QAAA,IAAY,QAAA,IAAYA,OAAA,CAAA;AAE5D,EAAA;EACA,IAAIC,gBAAAA,GAAmB;AACrB,IAAA,OAAO,IAAI,CAACV,IAAI,CAACW,OAAO,IAAIxB,IAAA;AAC9B,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,k6BAAA,EA0BA;MAAAC,UAAA,EAAA,IAAA;AAAAsB,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;QAAAC,CAAA;QAAAC,GAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"configurable-rdfa-display.js","sources":["../../../../src/components/_private/common/configurable-rdfa-display.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { get } from '@ember/helper';\nimport type { ComponentLike } from '@glint/template';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport t from 'ember-intl/helpers/t';\nimport { trackedFunction } from 'reactiveweb/function';\nimport AuLoader from '@appuniversum/ember-appuniversum/components/au-loader';\nimport AuPill from '@appuniversum/ember-appuniversum/components/au-pill';\nimport { type OutgoingTriple } from '#root/core/rdfa-processor.ts';\nimport {\n  type DisplayElement,\n  type DisplayGenerator,\n  type DisplayMeta,\n  type GeneratorContext,\n} from '#root/plugins/rdfa-info/types.ts';\n\ninterface HTMLElementSig {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\nconst Span: TemplateOnlyComponent<HTMLElementSig> = <template>\n  <span ...attributes>{{yield}}</span>\n</template>;\n\nexport const predicateDisplay: DisplayGenerator<OutgoingTriple> = (triple) => {\n  return [{ strong: 'predicate:' }, triple.predicate];\n};\n\ninterface Sig<T> {\n  Args: {\n    context: GeneratorContext;\n    value: T;\n    generator: DisplayGenerator<T>;\n    wrapper?: ComponentLike<HTMLElementSig>;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class ConfigurableRdfaDisplay<T> extends Component<Sig<T>> {\n  elementConfig = trackedFunction(this, () => {\n    return this.args.generator(this.args.value, this.args.context);\n  });\n  get elements(): DisplayElement[] {\n    const conf = this.elementConfig.value;\n    if (!conf) return [];\n    return 'elements' in conf ? conf.elements : conf;\n  }\n  get meta(): DisplayMeta {\n    const conf = this.elementConfig.value;\n    if (!conf) return {};\n    return 'meta' in conf ? conf.meta : {};\n  }\n  get isHidden(): boolean {\n    return this.elements.some(\n      (element) => typeof element !== 'string' && 'hidden' in element,\n    );\n  }\n  get wrapperComponent() {\n    return this.args.wrapper ?? Span;\n  }\n\n  <template>\n    {{#unless this.isHidden}}\n      {{#let this.wrapperComponent as |Wrapper|}}\n        <Wrapper title={{this.meta.title}}>\n          {{#if this.elementConfig.isLoading}}\n            <AuLoader @hideMessage={{true}}>\n              {{t \"ember-rdfa-editor.utils.loading\"}}\n            </AuLoader>\n          {{else}}\n            {{#each this.elements as |element|}}\n              {{#if (get element \"strong\")}}\n                {{! @glint-expect-error}}\n                <strong>{{element.strong}}</strong>\n              {{else if (get element \"pill\")}}\n                {{! @glint-expect-error}}\n                <AuPill @size=\"small\">{{element.pill}}</AuPill>\n              {{else}}\n                {{! @glint-expect-error}}\n                {{element}}\n              {{/if}}\n            {{/each}}\n          {{/if}}\n          {{yield}}\n        </Wrapper>\n      {{/let}}\n    {{/unless}}\n  </template>\n}\n"],"names":["Span","setComponentTemplate","precompileTemplate","strictMode","templateOnly","predicateDisplay","triple","strong","predicate","ConfigurableRdfaDisplay","Component","elementConfig","trackedFunction","args","generator","value","context","elements","conf","meta","isHidden","some","element","wrapperComponent","wrapper","scope","AuLoader","t","get","AuPill"],"mappings":";;;;;;;;;;;;;;;;;;;AAsBA,MAAMA,IAA4B,GAAAC,oBAAA,CAAkBC,kBAAA,CAAA,4CAAA,EAEpD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;AAEH,MAAMC,gBAAmC,GAAmBC,MAAA,IAAA;AACjE,EAAA,OAAO,CAAC;AAAEC,IAAAA,MAAA,EAAQ;AAAa,GAAA,EAAGD,MAAA,CAAOE,SAAS,CAAC;AACrD;AAce,MAAMC,uBAAA,SAAmCC,SAAA,CAAc;AACpEC,EAAAA,aAAA,GAAgBC,eAAA,CAAgB,IAAI,EAAE,MAAA;AACpC,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,SAAS,CAAC,IAAI,CAACD,IAAI,CAACE,KAAK,EAAE,IAAI,CAACF,IAAI,CAACG,OAAO,CAAA;AAC/D,EAAA,CAAA,CAAA;EACA,IAAIC,WAA6B;AAC/B,IAAA,MAAMC,IAAA,GAAO,IAAI,CAACP,aAAa,CAACI,KAAK;AACrC,IAAA,IAAI,CAACG,IAAA,EAAM,OAAO,EAAE;IACpB,OAAO,UAAA,IAAcA,IAAA,GAAOA,IAAA,CAAKD,QAAQ,GAAGC,IAAA;AAC9C,EAAA;EACA,IAAIC,OAAoB;AACtB,IAAA,MAAMD,IAAA,GAAO,IAAI,CAACP,aAAa,CAACI,KAAK;AACrC,IAAA,IAAI,CAACG,IAAA,EAAM,OAAO,EAAC;IACnB,OAAO,MAAA,IAAUA,IAAA,GAAOA,IAAA,CAAKC,IAAI,GAAG,EAAC;AACvC,EAAA;EACA,IAAIC,QAAAA,GAAoB;AACtB,IAAA,OAAO,IAAI,CAACH,QAAQ,CAACI,IAAI,CACtBC,OAAA,IAAY,OAAOA,OAAA,KAAY,QAAA,IAAY,QAAA,IAAYA,OAAA,CAAA;AAE5D,EAAA;EACA,IAAIC,gBAAAA,GAAmB;AACrB,IAAA,OAAO,IAAI,CAACV,IAAI,CAACW,OAAO,IAAIxB,IAAA;AAC9B,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,k6BAAA,EA0BA;MAAAC,UAAA,EAAA,IAAA;AAAAsB,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;QAAAC,CAAA;QAAAC,GAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/_private/common/property-details.js

@@ -11,7 +11,7 @@ import 'uuid';
 import '../../../utils/_private/constants.js';
 import 'relative-to-absolute-iri';
 import 'rdf-data-factory';
-import '../../../main-dUbkrxFL.js';
+import '../../../main-DFf-0En3.js';
 import '../../../core/say-data-factory/data-factory.js';
 import '../../../core/say-data-factory/default-graph.js';
 import '../../../config/rdfa.js';

package/dist/components/_private/node-controls/wrapping-utils.js

@@ -10,7 +10,7 @@ import '../../../utils/_private/constants.js';
 import 'uuid';
 import 'relative-to-absolute-iri';
 import 'rdf-data-factory';
-import '../../../main-dUbkrxFL.js';
+import '../../../main-DFf-0En3.js';
 import '../../../config/rdfa.js';
 import 'iter-tools';
 import { wrapResource } from '../../../commands/_private/rdfa-commands/wrap-resource.js';
@@ -184,7 +184,7 @@ class Modal extends Component {
     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  ", {
+    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}} {{!-- @glint-expect-error fix `AuRadioGroup` signature --}} 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,

package/dist/components/_private/node-controls/wrapping-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"wrapping-utils.js","sources":["../../../../src/components/_private/node-controls/wrapping-utils.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 { 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';\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 AuRadioGroup from '@appuniversum/ember-appuniversum/components/au-radio-group';\nimport WithUniqueId from '#root/components/_private/utils/with-unique-id.ts';\n\ntype WrappingUtilsArgs = {\n  controller?: SayController;\n};\n\nexport default class WrappingUtils extends Component<WrappingUtilsArgs> {\n  @tracked modalOpen = false;\n  @tracked wrapWithResource;\n\n  constructor(owner: unknown, args: WrappingUtilsArgs) {\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 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    <Modal\n      @modalOpen={{this.modalOpen}}\n      @closeModal={{this.closeModal}}\n      @wrapWithResource={{this.wrapWithResource}}\n    />\n  </template>\n}\n\ntype ModalArgs = {\n  closeModal: () => void;\n  modalOpen: boolean;\n  wrapWithResource: WrappingUtils['wrapWithResource'];\n};\n\nclass Modal extends Component<ModalArgs> {\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":["WrappingUtils","Component","g","prototype","tracked","i","constructor","owner","args","wrapWithResource","wrapWithBlockResource","setUpListeners","modifier","listenerHandler","event","altKey","ctrlKey","key","openModal","wrapWithLiteralNode","wrapWithInlineLiteralNode","window","addEventListener","removeEventListener","inline","wrapWithInlineResource","modalOpen","closeModal","controller","canWrapWithLiteral","checkCommand","wrapLiteral","canWrapWithInlineLiteral","wrapInlineLiteral","doCommand","details","wrapResource","wrapInlineResource","setComponentTemplate","precompileTemplate","strictMode","scope","AuContent","AuToolbar","AuButton","PlusIcon","on","fn","not","Modal","setupFormSubmitShortcut","formElement","ctrlEnterHandler","metaKey","requestSubmit","initialFocus","element","initiallyFocusedElement","updateUriBase","resourceUriBase","target","value","shouldGenerateNewUri","generateNewUri","save","preventDefault","isNewUri","uriBase","existingUri","canSave","WithUniqueId","AuModal","AuFormRow","AuLabel","AuRadioGroup","AuInput","AuButtonGroup"],"mappings":"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"}
+{"version":3,"file":"wrapping-utils.js","sources":["../../../../src/components/_private/node-controls/wrapping-utils.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 { 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';\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 AuRadioGroup from '@appuniversum/ember-appuniversum/components/au-radio-group';\nimport WithUniqueId from '#root/components/_private/utils/with-unique-id.ts';\n\ntype WrappingUtilsArgs = {\n  controller?: SayController;\n};\n\nexport default class WrappingUtils extends Component<WrappingUtilsArgs> {\n  @tracked modalOpen = false;\n  @tracked wrapWithResource;\n\n  constructor(owner: unknown, args: WrappingUtilsArgs) {\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 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    <Modal\n      @modalOpen={{this.modalOpen}}\n      @closeModal={{this.closeModal}}\n      @wrapWithResource={{this.wrapWithResource}}\n    />\n  </template>\n}\n\ntype ModalArgs = {\n  closeModal: () => void;\n  modalOpen: boolean;\n  wrapWithResource: WrappingUtils['wrapWithResource'];\n};\n\nclass Modal extends Component<ModalArgs> {\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                  {{! @glint-expect-error fix `AuRadioGroup` signature }}\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":["WrappingUtils","Component","g","prototype","tracked","i","constructor","owner","args","wrapWithResource","wrapWithBlockResource","setUpListeners","modifier","listenerHandler","event","altKey","ctrlKey","key","openModal","wrapWithLiteralNode","wrapWithInlineLiteralNode","window","addEventListener","removeEventListener","inline","wrapWithInlineResource","modalOpen","closeModal","controller","canWrapWithLiteral","checkCommand","wrapLiteral","canWrapWithInlineLiteral","wrapInlineLiteral","doCommand","details","wrapResource","wrapInlineResource","setComponentTemplate","precompileTemplate","strictMode","scope","AuContent","AuToolbar","AuButton","PlusIcon","on","fn","not","Modal","setupFormSubmitShortcut","formElement","ctrlEnterHandler","metaKey","requestSubmit","initialFocus","element","initiallyFocusedElement","updateUriBase","resourceUriBase","target","value","shouldGenerateNewUri","generateNewUri","save","preventDefault","isNewUri","uriBase","existingUri","canSave","WithUniqueId","AuModal","AuFormRow","AuLabel","AuRadioGroup","AuInput","AuButtonGroup"],"mappings":"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"}