@lblod/ember-rdfa-editor 13.2.1 → 13.3.0

package/dist/components/ember-node/link.js

@@ -1,25 +1,76 @@
+import leaveOnEnterKey from '../../modifiers/leave-on-enter-key.js';
 import { action } from '@ember/object';
 import Component from '@glimmer/component';
-import { linkToHref } from '../../utils/_private/string-utils.js';
 import { Velcro } from 'ember-velcro';
-import { LinkExternalIcon } from '@appuniversum/ember-appuniversum/components/icons/link-external';
-import { LinkBrokenIcon } from '@appuniversum/ember-appuniversum/components/icons/link-broken';
-import getClassnamesFromNode from '../../utils/get-classnames-from-node.js';
+import { hash } from '@ember/helper';
+import EmbeddedEditor from './embedded-editor.js';
+import { on } from '@ember/modifier';
+import t from 'ember-intl/helpers/t';
+import PillComponent from '../pill.js';
+import LinkEditor from '../plugins/link/_private/link-editor.js';
+import { defaultLinkParser } from '../../plugins/link/parser.js';
+import { tracked, cached } from '@glimmer/tracking';
+import { service } from '@ember/service';
+import { CircleXIcon } from '@appuniversum/ember-appuniversum/components/icons/circle-x';
 import { precompileTemplate } from '@ember/template-compilation';
-import { n } from 'decorator-transforms/runtime';
 import { setComponentTemplate } from '@ember/component';
-
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n<this.Velcro\n  @placement=\"bottom\"\n  @offsetOptions={{hash mainAxis=3}}\n  @strategy=\"absolute\"\n  as |velcro|\n>\n  <Pill\n    class={{this.class}}\n    @skin=\"link\"\n    title={{t \"ember-rdfa-editor.link.ctrlClickDescription\"}}\n    aria-describedby=\"link-tooltip\"\n    {{velcro.hook}}\n    {{on \"click\" this.onClick}}\n  >\n    <EmberNode::EmbeddedEditor\n      @controller={{@controller}}\n      @node={{@node}}\n      @view={{@view}}\n      @getPos={{@getPos}}\n      @selected={{@selected}}\n      @onSelected={{this.onSelectEmbedded}}\n      @placeholder={{t \"ember-rdfa-editor.link.placeholder.text\"}}\n      @decorations={{@decorations}}\n      @contentDecorations={{@contentDecorations}}\n      {{leave-on-enter-key this.controller @getPos}}\n    />\n  </Pill>\n  {{#if (and this.selected this.interactive)}}\n    <Pill\n      @size=\"small\"\n      class=\"say-link-tooltip\"\n      id=\"link-tooltip\"\n      {{velcro.loop}}\n    >\n      <AuLinkExternal\n        href={{this.href}}\n        @skin=\"button-naked\"\n        @icon={{this.LinkExternalIcon}}\n        title={{t \"ember-rdfa-editor.link.open\"}}\n      />\n      <AuInput\n        value={{this.href}}\n        placeholder={{t \"ember-rdfa-editor.link.placeholder.href\"}}\n        {{on \"change\" this.setHref}}\n        {{on \"focus\" this.selectHref}}\n        {{leave-on-enter-key this.controller @getPos}}\n      />\n      <AuButton\n        @icon={{this.LinkBrokenIcon}}\n        @skin=\"naked\"\n        @size=\"small\"\n        {{on \"click\" this.remove}}\n        title={{t \"ember-rdfa-editor.link.edit.uncouple\"}}\n      />\n    </Pill>\n  {{/if}}\n</this.Velcro>");
+import { g, i, n } from 'decorator-transforms/runtime';
 
 class Link extends Component {
-  Velcro = Velcro;
-  LinkExternalIcon = LinkExternalIcon;
-  LinkBrokenIcon = LinkBrokenIcon;
+  static {
+    g(this.prototype, "intl", [service]);
+  }
+  #intl = (i(this, "intl"), void 0);
+  static {
+    g(this.prototype, "hideTooltip", [tracked], function () {
+      return false;
+    });
+  }
+  #hideTooltip = (i(this, "hideTooltip"), void 0);
+  get isNewLink() {
+    return this.link && this.link.node.attrs['isNew'];
+  }
+  selectionChangeHandler = selected => {
+    this.hideTooltip = false;
+    if (!selected && this.isNewLink) {
+      this.args.updateAttribute('isNew', false, true);
+    }
+  };
   get href() {
     return this.args.node.attrs['href'];
   }
-  set href(value) {
-    this.args.updateAttribute('href', value);
+  get link() {
+    const pos = this.args.getPos();
+    if (!pos) {
+      return;
+    }
+    return {
+      node: this.args.node,
+      pos
+    };
+  }
+  get linkParser() {
+    return this.node.attrs['linkParser'] ?? defaultLinkParser();
+  }
+  get linkParserResult() {
+    return this.linkParser(this.href);
+  }
+  static {
+    n(this.prototype, "linkParserResult", [cached]);
+  }
+  get linkTitle() {
+    if (this.linkParserResult.isSuccessful) {
+      return this.intl.t('ember-rdfa-editor.link.ctrlClickDescription');
+    } else {
+      return this.linkParserResult.errors[0];
+    }
+  }
+  get linkIcon() {
+    if (this.linkParserResult.isSuccessful || this.isNewLink) {
+      return;
+    } else {
+      return CircleXIcon;
+    }
   }
   get controller() {
     return this.args.controller;
@@ -34,32 +85,7 @@ class Link extends Component {
     return this.node.attrs['interactive'];
   }
   get class() {
-    return getClassnamesFromNode(this.node);
-  }
-  onSelectEmbedded(selected, innerState) {
-    if (!selected && !this.href) {
-      const href = linkToHref(innerState.doc.textContent);
-      if (href) {
-        this.href = href;
-      }
-    }
-  }
-  static {
-    n(this.prototype, "onSelectEmbedded", [action]);
-  }
-  setHref(event) {
-    const text = event.target.value;
-    const href = linkToHref(text);
-    this.href = href || text;
-  }
-  static {
-    n(this.prototype, "setHref", [action]);
-  }
-  selectHref(event) {
-    event.target.select();
-  }
-  static {
-    n(this.prototype, "selectHref", [action]);
+    return `say-pill ${this.linkParserResult.isSuccessful || this.isNewLink ? '' : 'say-pill--error'}`;
   }
   onClick(event) {
     if (event.ctrlKey || event.metaKey) {
@@ -69,21 +95,32 @@ class Link extends Component {
   static {
     n(this.prototype, "onClick", [action]);
   }
-  remove() {
-    const pos = this.args.getPos();
-    if (pos !== undefined) {
-      this.controller.withTransaction(tr => {
-        return tr.replaceWith(pos, pos + this.node.nodeSize, this.node.content);
-      }, {
-        view: this.controller.mainEditorView
-      });
-    }
+  get shouldShowTooltip() {
+    return this.interactive && this.link && this.selected && !this.hideTooltip;
   }
+  onKeyUp = event => {
+    if (event.key === 'Escape' || event.key === 'Enter') {
+      this.hideTooltip = true;
+    } else {
+      this.hideTooltip = false;
+    }
+  };
   static {
-    n(this.prototype, "remove", [action]);
+    setComponentTemplate(precompileTemplate("\n    <Velcro @placement=\"bottom-start\" @offsetOptions={{hash mainAxis=3}} @strategy=\"fixed\" as |velcro|>\n      <Pill {{on \"keyup\" this.onKeyUp}} class={{this.class}} @skin=\"link\" @icon={{this.linkIcon}} title={{this.linkTitle}} aria-describedby=\"link-tooltip\" {{velcro.hook}} {{on \"click\" this.onClick}}>\n        <EmbeddedEditor @controller={{@controller}} @node={{@node}} @view={{@view}} @getPos={{@getPos}} @onSelected={{this.selectionChangeHandler}} @selected={{@selected}} @placeholder={{t \"ember-rdfa-editor.link.placeholder.text\"}} @contentDecorations={{@contentDecorations}} @updateAttribute={{@updateAttribute}} @selectNode={{@selectNode}} {{leaveOnEnterKey @controller @getPos}} />\n      </Pill>\n      {{#if this.shouldShowTooltip}}\n        <LinkEditor {{on \"keyup\" this.onKeyUp}} @controller={{@controller}} {{!-- @glint-expect-error --}} @link={{this.link}} @linkParser={{this.linkParser}} {{velcro.loop}} />\n      {{/if}}\n    </Velcro>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        Velcro,
+        hash,
+        Pill: PillComponent,
+        on,
+        EmbeddedEditor,
+        t,
+        leaveOnEnterKey,
+        LinkEditor
+      })
+    }), this);
   }
 }
-setComponentTemplate(TEMPLATE, Link);
 
 export { Link as default };
 //# sourceMappingURL=link.js.map

package/dist/components/ember-node/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sources":["../../../src/components/ember-node/link.ts"],"sourcesContent":["import { action } from '@ember/object';\nimport Component from '@glimmer/component';\nimport type { EmberNodeArgs } from '#root/utils/ember-node.ts';\nimport { linkToHref } from '#root/utils/_private/string-utils.ts';\nimport { Velcro } from 'ember-velcro';\nimport { LinkExternalIcon } from '@appuniversum/ember-appuniversum/components/icons/link-external';\nimport { LinkBrokenIcon } from '@appuniversum/ember-appuniversum/components/icons/link-broken';\nimport getClassnamesFromNode from '#root/utils/get-classnames-from-node.ts';\nimport type { EditorState } from 'prosemirror-state';\n\nexport default class Link extends Component<EmberNodeArgs> {\n  Velcro = Velcro;\n  LinkExternalIcon = LinkExternalIcon;\n  LinkBrokenIcon = LinkBrokenIcon;\n\n  get href() {\n    return this.args.node.attrs['href'] as string;\n  }\n\n  set href(value: string) {\n    this.args.updateAttribute('href', value);\n  }\n\n  get controller() {\n    return this.args.controller;\n  }\n\n  get node() {\n    return this.args.node;\n  }\n\n  get selected() {\n    return this.args.selected;\n  }\n\n  get interactive() {\n    return this.node.attrs['interactive'] as boolean;\n  }\n\n  get class() {\n    return getClassnamesFromNode(this.node);\n  }\n\n  @action\n  onSelectEmbedded(selected: boolean, innerState: EditorState) {\n    if (!selected && !this.href) {\n      const href = linkToHref(innerState.doc.textContent);\n      if (href) {\n        this.href = href;\n      }\n    }\n  }\n\n  @action\n  setHref(event: InputEvent) {\n    const text = (event.target as HTMLInputElement).value;\n    const href = linkToHref(text);\n    this.href = href || text;\n  }\n\n  @action\n  selectHref(event: InputEvent) {\n    (event.target as HTMLInputElement).select();\n  }\n\n  @action\n  onClick(event: KeyboardEvent) {\n    if (event.ctrlKey || event.metaKey) {\n      window.open(this.href);\n    }\n  }\n\n  @action\n  remove() {\n    const pos = this.args.getPos();\n    if (pos !== undefined) {\n      this.controller.withTransaction(\n        (tr) => {\n          return tr.replaceWith(\n            pos,\n            pos + this.node.nodeSize,\n            this.node.content,\n          );\n        },\n        { view: this.controller.mainEditorView },\n      );\n    }\n  }\n}\n"],"names":["Link","Component","Velcro","LinkExternalIcon","LinkBrokenIcon","href","args","node","attrs","value","updateAttribute","controller","selected","interactive","class","getClassnamesFromNode","onSelectEmbedded","innerState","linkToHref","doc","textContent","n","prototype","action","setHref","event","text","target","selectHref","select","onClick","ctrlKey","metaKey","window","open","remove","pos","getPos","undefined","withTransaction","tr","replaceWith","nodeSize","content","view","mainEditorView","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"link.js","sources":["../../../src/components/ember-node/link.gts"],"sourcesContent":["import leaveOnEnterKey from '#root/modifiers/leave-on-enter-key.ts';\nimport { action } from '@ember/object';\nimport Component from '@glimmer/component';\nimport type { EmberNodeArgs } from '#root/utils/ember-node.ts';\nimport { Velcro } from 'ember-velcro';\nimport { hash } from '@ember/helper';\nimport EmbeddedEditor from './embedded-editor.gts';\nimport { on } from '@ember/modifier';\nimport t from 'ember-intl/helpers/t';\nimport Pill from '#root/components/pill.gts';\nimport LinkEditor from '../plugins/link/_private/link-editor.gts';\nimport {\n  defaultLinkParser,\n  type LinkParser,\n} from '#root/plugins/link/parser.ts';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { service } from '@ember/service';\nimport type IntlService from 'ember-intl/services/intl';\nimport { CircleXIcon } from '@appuniversum/ember-appuniversum/components/icons/circle-x';\n\nexport default class Link extends Component<EmberNodeArgs> {\n  @service declare intl: IntlService;\n  @tracked hideTooltip = false;\n\n  get isNewLink() {\n    return this.link && (this.link.node.attrs['isNew'] as boolean);\n  }\n\n  selectionChangeHandler = (selected: boolean) => {\n    this.hideTooltip = false;\n    if (!selected && this.isNewLink) {\n      this.args.updateAttribute('isNew', false, true);\n    }\n  };\n\n  get href() {\n    return this.args.node.attrs['href'] as string;\n  }\n\n  get link() {\n    const pos = this.args.getPos();\n    if (!pos) {\n      return;\n    }\n    return {\n      node: this.args.node,\n      pos,\n    };\n  }\n\n  get linkParser() {\n    return (\n      (this.node.attrs['linkParser'] as LinkParser | null) ??\n      defaultLinkParser()\n    );\n  }\n\n  @cached\n  get linkParserResult() {\n    return this.linkParser(this.href);\n  }\n\n  get linkTitle() {\n    if (this.linkParserResult.isSuccessful) {\n      return this.intl.t('ember-rdfa-editor.link.ctrlClickDescription');\n    } else {\n      return this.linkParserResult.errors[0];\n    }\n  }\n\n  get linkIcon() {\n    if (this.linkParserResult.isSuccessful || this.isNewLink) {\n      return;\n    } else {\n      return CircleXIcon;\n    }\n  }\n\n  get controller() {\n    return this.args.controller;\n  }\n\n  get node() {\n    return this.args.node;\n  }\n\n  get selected() {\n    return this.args.selected;\n  }\n\n  get interactive() {\n    return this.node.attrs['interactive'] as boolean;\n  }\n\n  get class() {\n    return `say-pill ${this.linkParserResult.isSuccessful || this.isNewLink ? '' : 'say-pill--error'}`;\n  }\n\n  @action\n  onClick(event: PointerEvent) {\n    if (event.ctrlKey || event.metaKey) {\n      window.open(this.href);\n    }\n  }\n\n  get shouldShowTooltip() {\n    return this.interactive && this.link && this.selected && !this.hideTooltip;\n  }\n\n  onKeyUp = (event: KeyboardEvent) => {\n    if (event.key === 'Escape' || event.key === 'Enter') {\n      this.hideTooltip = true;\n    } else {\n      this.hideTooltip = false;\n    }\n  };\n\n  <template>\n    <Velcro\n      @placement=\"bottom-start\"\n      @offsetOptions={{hash mainAxis=3}}\n      @strategy=\"fixed\"\n      as |velcro|\n    >\n      <Pill\n        {{on \"keyup\" this.onKeyUp}}\n        class={{this.class}}\n        @skin=\"link\"\n        @icon={{this.linkIcon}}\n        title={{this.linkTitle}}\n        aria-describedby=\"link-tooltip\"\n        {{velcro.hook}}\n        {{on \"click\" this.onClick}}\n      >\n        <EmbeddedEditor\n          @controller={{@controller}}\n          @node={{@node}}\n          @view={{@view}}\n          @getPos={{@getPos}}\n          @onSelected={{this.selectionChangeHandler}}\n          @selected={{@selected}}\n          @placeholder={{t \"ember-rdfa-editor.link.placeholder.text\"}}\n          @contentDecorations={{@contentDecorations}}\n          @updateAttribute={{@updateAttribute}}\n          @selectNode={{@selectNode}}\n          {{leaveOnEnterKey @controller @getPos}}\n        />\n      </Pill>\n      {{#if this.shouldShowTooltip}}\n        <LinkEditor\n          {{on \"keyup\" this.onKeyUp}}\n          @controller={{@controller}}\n          {{! @glint-expect-error }}\n          @link={{this.link}}\n          @linkParser={{this.linkParser}}\n          {{velcro.loop}}\n        />\n      {{/if}}\n    </Velcro>\n  </template>\n}\n"],"names":["Link","Component","g","prototype","service","i","tracked","isNewLink","link","node","attrs","selectionChangeHandler","selected","hideTooltip","args","updateAttribute","href","pos","getPos","linkParser","defaultLinkParser","linkParserResult","n","cached","linkTitle","isSuccessful","intl","t","errors","linkIcon","CircleXIcon","controller","interactive","class","onClick","event","ctrlKey","metaKey","window","open","action","shouldShowTooltip","onKeyUp","key","setComponentTemplate","precompileTemplate","strictMode","scope","Velcro","hash","Pill","on","EmbeddedEditor","leaveOnEnterKey","LinkEditor"],"mappings":"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"}

package/dist/components/ember-node/slot.js

@@ -1,10 +1,9 @@
 import { action } from '@ember/object';
+import didInsert from '@ember/render-modifiers/modifiers/did-insert';
 import Component from '@glimmer/component';
 import { precompileTemplate } from '@ember/template-compilation';
-import { n } from 'decorator-transforms/runtime';
 import { setComponentTemplate } from '@ember/component';
-
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{! template-lint-disable no-at-ember-render-modifiers }}\n<div data-slot {{did-insert this.didInsert}}></div>");
+import { n } from 'decorator-transforms/runtime';
 
 class EmberNodeSlot extends Component {
   didInsert(slotElement) {
@@ -13,8 +12,15 @@ class EmberNodeSlot extends Component {
   static {
     n(this.prototype, "didInsert", [action]);
   }
+  static {
+    setComponentTemplate(precompileTemplate("\n    <div data-slot {{didInsert this.didInsert}}></div>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        didInsert
+      })
+    }), this);
+  }
 }
-setComponentTemplate(TEMPLATE, EmberNodeSlot);
 
 export { EmberNodeSlot as default };
 //# sourceMappingURL=slot.js.map

package/dist/components/ember-node/slot.js.map

@@ -1 +1 @@
-{"version":3,"file":"slot.js","sources":["../../../src/components/ember-node/slot.ts"],"sourcesContent":["import { action } from '@ember/object';\nimport Component from '@glimmer/component';\n\nexport default class EmberNodeSlot extends Component<{\n  contentDOM: HTMLElement;\n}> {\n  @action\n  didInsert(slotElement: HTMLElement) {\n    slotElement.appendChild(this.args.contentDOM);\n  }\n}\n"],"names":["EmberNodeSlot","Component","didInsert","slotElement","appendChild","args","contentDOM","n","prototype","action","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AAGe,MAAMA,aAAa,SAASC,SAAS,CAEjD;EAEDC,SAASA,CAACC,WAAwB,EAAE;IAClCA,WAAW,CAACC,WAAW,CAAC,IAAI,CAACC,IAAI,CAACC,UAAU,CAAC;AAC/C,EAAA;AAAC,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CAHAC,MAAM,CAAA,CAAA;AAAA;AAIT;AAACC,oBAAA,CAAAC,QAAA,EAPoBX,aAAa,CAAA;;;;"}
+{"version":3,"file":"slot.js","sources":["../../../src/components/ember-node/slot.gts"],"sourcesContent":["import { action } from '@ember/object';\n// eslint-disable-next-line ember/no-at-ember-render-modifiers\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport Component from '@glimmer/component';\n\nexport default class EmberNodeSlot extends Component<{\n  contentDOM: HTMLElement;\n}> {\n  @action\n  didInsert(slotElement: HTMLElement) {\n    slotElement.appendChild(this.args.contentDOM);\n  }\n\n  <template>\n    <div data-slot {{didInsert this.didInsert}}></div>\n  </template>\n}\n"],"names":["EmberNodeSlot","Component","didInsert","slotElement","appendChild","args","contentDOM","n","prototype","action","setComponentTemplate","precompileTemplate","strictMode","scope"],"mappings":";;;;;;;AAKe,MAAMA,aAAA,SAAsBC,SAAA;EAIzCC,SAAAA,CAAUC,WAAwB,EAAE;IAClCA,WAAA,CAAYC,WAAW,CAAC,IAAI,CAACC,IAAI,CAACC,UAAU,CAAA;AAC9C,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CAHCC,MAAA,CAAA,CAAA;AAAA;AAKD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,8DAAA,EAEA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAX,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/pill.js

@@ -1,9 +1,9 @@
+import AuIcon from '@appuniversum/ember-appuniversum/components/au-icon';
 import Component from '@glimmer/component';
+import { eq, notEq } from 'ember-truth-helpers';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n<span class=\"au-c-pill {{this.skin}} {{this.size}}\" ...attributes>\n  {{#if @icon}}\n    {{#if (not-eq @iconAlignment \"right\")}}\n      <AuIcon @icon={{@icon}} />\n    {{/if}}\n  {{/if}}\n  {{yield}}\n  {{#if @icon}}\n    {{#if (eq @iconAlignment \"right\")}}\n      <AuIcon @icon={{@icon}} />\n    {{/if}}\n  {{/if}}\n</span>");
-
 class PillComponent extends Component {
   get skin() {
     if (this.args.skin) {
@@ -20,8 +20,17 @@ class PillComponent extends Component {
   get iconAlignment() {
     return this.args.iconAlignment ?? 'left';
   }
+  static {
+    setComponentTemplate(precompileTemplate("\n    <span class=\"au-c-pill {{this.skin}} {{this.size}}\" ...attributes>\n      {{#if @icon}}\n        {{#if (notEq @iconAlignment \"right\")}}\n          <AuIcon @icon={{@icon}} />\n        {{/if}}\n      {{/if}}\n      {{yield}}\n      {{#if @icon}}\n        {{#if (eq @iconAlignment \"right\")}}\n          <AuIcon @icon={{@icon}} />\n        {{/if}}\n      {{/if}}\n    </span>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        notEq,
+        AuIcon,
+        eq
+      })
+    }), this);
+  }
 }
-setComponentTemplate(TEMPLATE, PillComponent);
 
 export { PillComponent as default };
 //# sourceMappingURL=pill.js.map

package/dist/components/pill.js.map

@@ -1 +1 @@
-{"version":3,"file":"pill.js","sources":["../../src/components/pill.ts"],"sourcesContent":["import Component from '@glimmer/component';\nimport type { ComponentLike } from '@glint/template';\n\nconst PILL_SIZES = ['small'] as const;\n\ntype PillComponentArgs = {\n  skin?:\n    | 'border'\n    | 'action'\n    | 'ongoing'\n    | 'link'\n    | 'success'\n    | 'warning'\n    | 'error';\n  size?: (typeof PILL_SIZES)[number];\n  iconAlignment?: 'left' | 'right';\n  icon?: ComponentLike;\n};\n\nexport default class PillComponent extends Component<PillComponentArgs> {\n  get skin() {\n    if (this.args.skin) {\n      return `au-c-pill--${this.args.skin}`;\n    }\n\n    return 'au-c-pill--default';\n  }\n\n  get size() {\n    if (!this.args.size) {\n      return '';\n    }\n\n    return `au-c-pill--${this.args.size}`;\n  }\n\n  get iconAlignment(): PillComponentArgs['iconAlignment'] {\n    return this.args.iconAlignment ?? 'left';\n  }\n}\n"],"names":["PillComponent","Component","skin","args","size","iconAlignment","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAmBe,MAAMA,aAAa,SAASC,SAAS,CAAoB;EACtE,IAAIC,IAAIA,GAAG;AACT,IAAA,IAAI,IAAI,CAACC,IAAI,CAACD,IAAI,EAAE;AAClB,MAAA,OAAO,cAAc,IAAI,CAACC,IAAI,CAACD,IAAI,CAAA,CAAE;AACvC,IAAA;AAEA,IAAA,OAAO,oBAAoB;AAC7B,EAAA;EAEA,IAAIE,IAAIA,GAAG;AACT,IAAA,IAAI,CAAC,IAAI,CAACD,IAAI,CAACC,IAAI,EAAE;AACnB,MAAA,OAAO,EAAE;AACX,IAAA;AAEA,IAAA,OAAO,cAAc,IAAI,CAACD,IAAI,CAACC,IAAI,CAAA,CAAE;AACvC,EAAA;EAEA,IAAIC,aAAaA,GAAuC;AACtD,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,aAAa,IAAI,MAAM;AAC1C,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EApBoBP,aAAa,CAAA;;;;"}
+{"version":3,"file":"pill.js","sources":["../../src/components/pill.gts"],"sourcesContent":["import AuIcon from '@appuniversum/ember-appuniversum/components/au-icon';\nimport Component from '@glimmer/component';\nimport type { ComponentLike } from '@glint/template';\nimport { eq, notEq } from 'ember-truth-helpers';\n\nconst PILL_SIZES = ['small'] as const;\n\nexport type PillComponentSignature = {\n  Element: HTMLSpanElement;\n  Args: {\n    skin?:\n      | 'border'\n      | 'action'\n      | 'ongoing'\n      | 'link'\n      | 'success'\n      | 'warning'\n      | 'error';\n    size?: (typeof PILL_SIZES)[number];\n    iconAlignment?: 'left' | 'right';\n    icon?: ComponentLike<{ Element: Element }>;\n  };\n  Blocks: {\n    default: [];\n  };\n};\n\nexport default class PillComponent extends Component<PillComponentSignature> {\n  get skin() {\n    if (this.args.skin) {\n      return `au-c-pill--${this.args.skin}`;\n    }\n\n    return 'au-c-pill--default';\n  }\n\n  get size() {\n    if (!this.args.size) {\n      return '';\n    }\n\n    return `au-c-pill--${this.args.size}`;\n  }\n\n  get iconAlignment(): PillComponentSignature['Args']['iconAlignment'] {\n    return this.args.iconAlignment ?? 'left';\n  }\n\n  <template>\n    <span class=\"au-c-pill {{this.skin}} {{this.size}}\" ...attributes>\n      {{#if @icon}}\n        {{#if (notEq @iconAlignment \"right\")}}\n          <AuIcon @icon={{@icon}} />\n        {{/if}}\n      {{/if}}\n      {{yield}}\n      {{#if @icon}}\n        {{#if (eq @iconAlignment \"right\")}}\n          <AuIcon @icon={{@icon}} />\n        {{/if}}\n      {{/if}}\n    </span>\n  </template>\n}\n"],"names":["PillComponent","Component","skin","args","size","iconAlignment","setComponentTemplate","precompileTemplate","strictMode","scope","notEq","AuIcon","eq"],"mappings":";;;;;;AA2Be,MAAMA,sBAAsBC,SAAA,CAAU;EACnD,IAAIC,IAAAA,GAAO;AACT,IAAA,IAAI,IAAI,CAACC,IAAI,CAACD,IAAI,EAAE;AAClB,MAAA,OAAO,cAAc,IAAI,CAACC,IAAI,CAACD,IAAI,CAAA,CAAE;AACvC,IAAA;AAEA,IAAA,OAAO,oBAAA;AACT,EAAA;EAEA,IAAIE,IAAAA,GAAO;AACT,IAAA,IAAI,CAAC,IAAI,CAACD,IAAI,CAACC,IAAI,EAAE;AACnB,MAAA,OAAO,EAAA;AACT,IAAA;AAEA,IAAA,OAAO,cAAc,IAAI,CAACD,IAAI,CAACC,IAAI,CAAA,CAAE;AACvC,EAAA;EAEA,IAAIC,aAAAA,GAAiE;AACnE,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,aAAa,IAAI,MAAA;AACpC,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,qYAAA,EAcA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,KAAA;QAAAC,MAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/plugins/link/_private/link-editor.js

@@ -0,0 +1,128 @@
+import { action } from '@ember/object';
+import Component from '@glimmer/component';
+import { LinkExternalIcon } from '@appuniversum/ember-appuniversum/components/icons/link-external';
+import { LinkBrokenIcon } from '@appuniversum/ember-appuniversum/components/icons/link-broken';
+import AuCard from '@appuniversum/ember-appuniversum/components/au-card';
+import AuHeading from '@appuniversum/ember-appuniversum/components/au-heading';
+import AuButton from '@appuniversum/ember-appuniversum/components/au-button';
+import t from 'ember-intl/helpers/t';
+import { on } from '@ember/modifier';
+import AuInput from '@appuniversum/ember-appuniversum/components/au-input';
+import AuLinkExternal from '@appuniversum/ember-appuniversum/components/au-link-external';
+import AuAlert from '@appuniversum/ember-appuniversum/components/au-alert';
+import { cached } from '@glimmer/tracking';
+import { defaultLinkParser } from '../../../../plugins/link/parser.js';
+import { LinkIcon } from '@appuniversum/ember-appuniversum/components/icons/link';
+import { MessageIcon } from '@appuniversum/ember-appuniversum/components/icons/message';
+import { modifier } from 'ember-modifier';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { n } from 'decorator-transforms/runtime';
+
+class LinkEditor extends Component {
+  get isNewLink() {
+    return this.link.node.attrs['isNew'];
+  }
+  parseLink = input => {
+    return this.args.linkParser ? this.args.linkParser(input) : defaultLinkParser()(input);
+  };
+  get linkParserResult() {
+    return this.parseLink(this.href);
+  }
+  static {
+    n(this.prototype, "linkParserResult", [cached]);
+  }
+  get controller() {
+    return this.args.controller;
+  }
+  get link() {
+    return this.args.link;
+  }
+  get href() {
+    return this.link.node.attrs['href'];
+  }
+  setHref(event) {
+    const text = event.target.value;
+    const result = this.parseLink(text);
+    const {
+      pos
+    } = this.link;
+    this.controller.withTransaction(tr => {
+      tr.setNodeAttribute(pos, 'href', result.value ?? text);
+      tr.setNodeAttribute(pos, 'isNew', false);
+      return tr;
+    },
+    // After reload the default (activeEditorView) is just the link text, so use the main view
+    {
+      view: this.controller.mainEditorView
+    });
+  }
+  static {
+    n(this.prototype, "setHref", [action]);
+  }
+  get linkText() {
+    return this.link.node.textContent;
+  }
+  setLinkText(event) {
+    const text = event.target.value;
+    const {
+      pos,
+      node
+    } = this.link;
+    this.controller.withTransaction(tr => tr.insertText(text, pos + 1, pos + node.nodeSize - 1), {
+      view: this.controller.mainEditorView
+    });
+  }
+  static {
+    n(this.prototype, "setLinkText", [action]);
+  }
+  selectInputElement(event) {
+    event.target.select();
+  }
+  static {
+    n(this.prototype, "selectInputElement", [action]);
+  }
+  remove() {
+    const {
+      pos,
+      node
+    } = this.link;
+    this.controller.withTransaction(tr => {
+      return tr.replaceWith(pos, pos + node.nodeSize, node.content);
+    }, {
+      view: this.controller.mainEditorView
+    });
+  }
+  static {
+    n(this.prototype, "remove", [action]);
+  }
+  disableDragging = modifier(element => {
+    const preventDefault = event => event.preventDefault();
+    element.addEventListener('dragstart', preventDefault);
+    return () => {
+      element.removeEventListener('dragstart', preventDefault);
+    };
+  });
+  static {
+    setComponentTemplate(precompileTemplate("\n    <AuCard {{this.disableDragging}} class=\"say-link-editor\" @flex={{true}} @expandable={{false}} @size=\"small\" @shadow={{true}} @disableAuContent={{true}} ...attributes as |c|>\n      {{#if @showTitle}}\n        <c.header>\n          <AuHeading @level=\"3\" @skin=\"5\">{{t \"ember-rdfa-editor.link.edit.title\"}}</AuHeading>\n        </c.header>\n      {{/if}}\n      <c.content class=\"au-u-flex au-u-flex--column au-u-flex--spaced-tiny\">\n        <AuInput value={{this.linkText}} @width=\"block\" @icon={{MessageIcon}} {{on \"change\" this.setLinkText}} {{on \"focus\" this.selectInputElement}} placeholder={{t \"ember-rdfa-editor.link.placeholder.text\"}} />\n        <AuInput value={{this.href}} @width=\"block\" @icon={{LinkIcon}} {{on \"change\" this.setHref}} {{on \"focus\" this.selectInputElement}} placeholder={{t \"ember-rdfa-editor.link.placeholder.href\"}} />\n        {{#unless this.isNewLink}}\n          {{#unless this.linkParserResult.isSuccessful}}\n            {{#let this.linkParserResult.errors as |errors|}}\n              {{#each errors as |error|}}\n                <AuAlert class=\"au-u-margin-bottom-none\" @size=\"small\" @skin=\"error\" @icon=\"cross\">\n                  {{error}}\n                </AuAlert>\n              {{/each}}\n            {{/let}}\n          {{/unless}}\n        {{/unless}}\n      </c.content>\n      <c.footer class=\"au-u-flex au-u-flex--spaced-small au-u-margin-left-tiny au-u-margin-right-tiny\">\n        <AuLinkExternal class=\"say-link-editor__button\" @icon={{LinkExternalIcon}} @skin=\"bold\" href={{this.href}}>{{t \"ember-rdfa-editor.link.open\"}}</AuLinkExternal>\n        <AuButton class=\"au-u-padding-none\" @icon={{LinkBrokenIcon}} @skin=\"link-bold\" @alert={{true}} {{on \"click\" this.remove}}>{{t \"ember-rdfa-editor.link.edit.uncouple\"}}</AuButton>\n      </c.footer>\n    </AuCard>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        AuCard,
+        AuHeading,
+        t,
+        AuInput,
+        MessageIcon,
+        on,
+        LinkIcon,
+        AuAlert,
+        AuLinkExternal,
+        LinkExternalIcon,
+        AuButton,
+        LinkBrokenIcon
+      })
+    }), this);
+  }
+}
+
+export { LinkEditor as default };
+//# sourceMappingURL=link-editor.js.map

package/dist/components/plugins/link/_private/link-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-editor.js","sources":["../../../../../src/components/plugins/link/_private/link-editor.gts"],"sourcesContent":["import { action } from '@ember/object';\nimport Component from '@glimmer/component';\nimport { LinkExternalIcon } from '@appuniversum/ember-appuniversum/components/icons/link-external';\nimport { LinkBrokenIcon } from '@appuniversum/ember-appuniversum/components/icons/link-broken';\nimport type SayController from '#root/core/say-controller.ts';\nimport AuCard from '@appuniversum/ember-appuniversum/components/au-card';\nimport AuHeading from '@appuniversum/ember-appuniversum/components/au-heading';\nimport AuButton from '@appuniversum/ember-appuniversum/components/au-button';\nimport t from 'ember-intl/helpers/t';\nimport { on } from '@ember/modifier';\nimport AuInput from '@appuniversum/ember-appuniversum/components/au-input';\nimport AuLinkExternal from '@appuniversum/ember-appuniversum/components/au-link-external';\nimport AuAlert from '@appuniversum/ember-appuniversum/components/au-alert';\nimport { cached } from '@glimmer/tracking';\nimport type { LinkParser } from '#root/plugins/link/parser.js';\nimport { defaultLinkParser } from '#root/plugins/link/parser.ts';\nimport type { PNode } from '#root/prosemirror-aliases.js';\nimport { LinkIcon } from '@appuniversum/ember-appuniversum/components/icons/link';\nimport { MessageIcon } from '@appuniversum/ember-appuniversum/components/icons/message';\nimport { modifier } from 'ember-modifier';\n\ntype Args = {\n  controller: SayController;\n  linkParser: LinkParser;\n  link: { pos: number; node: PNode };\n  showTitle?: boolean;\n};\n\nexport default class LinkEditor extends Component<Args> {\n  get isNewLink() {\n    return this.link.node.attrs['isNew'] as boolean;\n  }\n\n  parseLink: LinkParser = (input?: string) => {\n    return this.args.linkParser\n      ? this.args.linkParser(input)\n      : defaultLinkParser()(input);\n  };\n\n  @cached\n  get linkParserResult() {\n    return this.parseLink(this.href);\n  }\n\n  get controller() {\n    return this.args.controller;\n  }\n\n  get link() {\n    return this.args.link;\n  }\n\n  get href() {\n    return this.link.node.attrs['href'] as string | undefined;\n  }\n\n  @action\n  setHref(event: InputEvent) {\n    const text = (event.target as HTMLInputElement).value;\n    const result = this.parseLink(text);\n\n    const { pos } = this.link;\n    this.controller.withTransaction(\n      (tr) => {\n        tr.setNodeAttribute(pos, 'href', result.value ?? text);\n        tr.setNodeAttribute(pos, 'isNew', false);\n        return tr;\n      },\n      // After reload the default (activeEditorView) is just the link text, so use the main view\n      { view: this.controller.mainEditorView },\n    );\n  }\n\n  get linkText() {\n    return this.link.node.textContent;\n  }\n\n  @action\n  setLinkText(event: InputEvent) {\n    const text = (event.target as HTMLInputElement).value;\n    const { pos, node } = this.link;\n    this.controller.withTransaction(\n      (tr) => tr.insertText(text, pos + 1, pos + node.nodeSize - 1),\n      { view: this.controller.mainEditorView },\n    );\n  }\n\n  @action\n  selectInputElement(event: FocusEvent) {\n    (event.target as HTMLInputElement).select();\n  }\n  @action\n  remove() {\n    const { pos, node } = this.link;\n    this.controller.withTransaction(\n      (tr) => {\n        return tr.replaceWith(pos, pos + node.nodeSize, node.content);\n      },\n      { view: this.controller.mainEditorView },\n    );\n  }\n\n  disableDragging = modifier((element: HTMLElement) => {\n    const preventDefault = (event: InputEvent) => event.preventDefault();\n    element.addEventListener('dragstart', preventDefault);\n    return () => {\n      element.removeEventListener('dragstart', preventDefault);\n    };\n  });\n\n  <template>\n    <AuCard\n      {{this.disableDragging}}\n      class=\"say-link-editor\"\n      @flex={{true}}\n      @expandable={{false}}\n      @size=\"small\"\n      @shadow={{true}}\n      @disableAuContent={{true}}\n      ...attributes\n      as |c|\n    >\n      {{#if @showTitle}}\n        <c.header>\n          <AuHeading @level=\"3\" @skin=\"5\">{{t\n              \"ember-rdfa-editor.link.edit.title\"\n            }}</AuHeading>\n        </c.header>\n      {{/if}}\n      <c.content class=\"au-u-flex au-u-flex--column au-u-flex--spaced-tiny\">\n        <AuInput\n          value={{this.linkText}}\n          @width=\"block\"\n          @icon={{MessageIcon}}\n          {{on \"change\" this.setLinkText}}\n          {{on \"focus\" this.selectInputElement}}\n          placeholder={{t \"ember-rdfa-editor.link.placeholder.text\"}}\n        />\n        <AuInput\n          value={{this.href}}\n          @width=\"block\"\n          @icon={{LinkIcon}}\n          {{on \"change\" this.setHref}}\n          {{on \"focus\" this.selectInputElement}}\n          placeholder={{t \"ember-rdfa-editor.link.placeholder.href\"}}\n        />\n        {{#unless this.isNewLink}}\n          {{#unless this.linkParserResult.isSuccessful}}\n            {{#let this.linkParserResult.errors as |errors|}}\n              {{#each errors as |error|}}\n                <AuAlert\n                  class=\"au-u-margin-bottom-none\"\n                  @size=\"small\"\n                  @skin=\"error\"\n                  @icon=\"cross\"\n                >\n                  {{error}}\n                </AuAlert>\n              {{/each}}\n            {{/let}}\n          {{/unless}}\n        {{/unless}}\n      </c.content>\n      <c.footer\n        class=\"au-u-flex au-u-flex--spaced-small au-u-margin-left-tiny au-u-margin-right-tiny\"\n      >\n        <AuLinkExternal\n          class=\"say-link-editor__button\"\n          @icon={{LinkExternalIcon}}\n          @skin=\"bold\"\n          href={{this.href}}\n        >{{t \"ember-rdfa-editor.link.open\"}}</AuLinkExternal>\n        <AuButton\n          class=\"au-u-padding-none\"\n          @icon={{LinkBrokenIcon}}\n          @skin=\"link-bold\"\n          @alert={{true}}\n          {{on \"click\" this.remove}}\n        >{{t \"ember-rdfa-editor.link.edit.uncouple\"}}</AuButton>\n      </c.footer>\n    </AuCard>\n  </template>\n}\n"],"names":["LinkEditor","Component","isNewLink","link","node","attrs","parseLink","input","args","linkParser","defaultLinkParser","linkParserResult","href","n","prototype","cached","controller","setHref","event","text","target","value","result","pos","withTransaction","tr","setNodeAttribute","view","mainEditorView","action","linkText","textContent","setLinkText","insertText","nodeSize","selectInputElement","select","remove","replaceWith","content","disableDragging","modifier","element","preventDefault","addEventListener","removeEventListener","setComponentTemplate","precompileTemplate","strictMode","scope","AuCard","AuHeading","t","AuInput","MessageIcon","on","LinkIcon","AuAlert","AuLinkExternal","LinkExternalIcon","AuButton","LinkBrokenIcon"],"mappings":"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"}

package/dist/components/plugins/link/link-editor.js

@@ -1,82 +1,9 @@
-import { action } from '@ember/object';
-import Component from '@glimmer/component';
-import { NodeSelection } from 'prosemirror-state';
-import { linkToHref } from '../../../utils/_private/string-utils.js';
-import { LinkExternalIcon } from '@appuniversum/ember-appuniversum/components/icons/link-external';
-import { LinkBrokenIcon } from '@appuniversum/ember-appuniversum/components/icons/link-broken';
-import { precompileTemplate } from '@ember/template-compilation';
-import { n } from 'decorator-transforms/runtime';
-import { setComponentTemplate } from '@ember/component';
+import LinkSidebarWidget from './link-sidebar-widget.js';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{#if this.link}}\n  <AuCard\n    @flex={{true}}\n    @expandable={{false}}\n    @shadow={{true}}\n    @size=\"small\"\n    @disableAuContent={{true}}\n    as |c|\n  >\n    <c.header>\n      <AuHeading @level=\"3\" @skin=\"5\">{{t\n          \"ember-rdfa-editor.link.edit.title\"\n        }}</AuHeading>\n    </c.header>\n    <c.content class=\"au-c-content--small\">\n      <AuInput\n        value={{this.href}}\n        @width=\"block\"\n        {{on \"change\" this.setHref}}\n        {{on \"focus\" this.selectHref}}\n        placeholder={{t \"ember-rdfa-editor.link.placeholder.href\"}}\n      />\n    </c.content>\n    <c.footer>\n      <AuLinkExternal\n        @icon={{this.LinkExternalIcon}}\n        @skin=\"button-secondary\"\n        href={{this.href}}\n      >{{t \"ember-rdfa-editor.link.open\"}}</AuLinkExternal>\n      <AuButton\n        @icon={{this.LinkBrokenIcon}}\n        @alert={{true}}\n        @skin=\"secondary\"\n        {{on \"click\" this.remove}}\n      >{{t \"ember-rdfa-editor.link.edit.uncouple\"}}</AuButton>\n    </c.footer>\n  </AuCard>\n{{/if}}");
-
-class LinkEditor extends Component {
-  LinkExternalIcon = LinkExternalIcon;
-  LinkBrokenIcon = LinkBrokenIcon;
-  get controller() {
-    return this.args.controller;
-  }
-  get href() {
-    return this.link?.node.attrs['href'];
-  }
-  set href(value) {
-    if (this.link && this.controller) {
-      const {
-        pos
-      } = this.link;
-      this.controller.withTransaction(tr => tr.setNodeAttribute(pos, 'href', value),
-      // After reload the default (activeEditorView) is just the link text, so use the main view
-      {
-        view: this.controller.mainEditorView
-      });
-    }
-  }
-  setHref(event) {
-    const text = event.target.value;
-    const href = linkToHref(text);
-    this.href = href || text;
-  }
-  static {
-    n(this.prototype, "setHref", [action]);
-  }
-  selectHref(event) {
-    event.target.select();
-  }
-  static {
-    n(this.prototype, "selectHref", [action]);
-  }
-  get link() {
-    if (this.controller) {
-      const {
-        selection
-      } = this.controller.mainEditorState;
-      if (selection instanceof NodeSelection && selection.node.type === this.controller.schema.nodes['link']) {
-        return {
-          pos: selection.from,
-          node: selection.node
-        };
-      }
-    }
-    return;
-  }
-  remove() {
-    if (this.controller && this.link) {
-      const {
-        pos,
-        node
-      } = this.link;
-      this.controller.withTransaction(tr => {
-        return tr.replaceWith(pos, pos + node.nodeSize, node.content);
-      }, {
-        view: this.controller.mainEditorView
-      });
-    }
-  }
-  static {
-    n(this.prototype, "remove", [action]);
-  }
-}
-setComponentTemplate(TEMPLATE, LinkEditor);
+/**
+ * @deprecated use {@link LinkSidebarWidget} instead
+ */
+const LinkEditor = LinkSidebarWidget;
 
 export { LinkEditor as default };
 //# sourceMappingURL=link-editor.js.map

package/dist/components/plugins/link/link-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"link-editor.js","sources":["../../../../src/components/plugins/link/link-editor.ts"],"sourcesContent":["import { action } from '@ember/object';\nimport Component from '@glimmer/component';\nimport { NodeSelection } from 'prosemirror-state';\nimport { linkToHref } from '#root/utils/_private/string-utils.ts';\nimport { LinkExternalIcon } from '@appuniversum/ember-appuniversum/components/icons/link-external';\nimport { LinkBrokenIcon } from '@appuniversum/ember-appuniversum/components/icons/link-broken';\nimport type SayController from '#root/core/say-controller.ts';\n\ntype Args = {\n  controller?: SayController;\n};\nexport default class LinkEditor extends Component<Args> {\n  LinkExternalIcon = LinkExternalIcon;\n  LinkBrokenIcon = LinkBrokenIcon;\n\n  get controller() {\n    return this.args.controller;\n  }\n\n  get href() {\n    return this.link?.node.attrs['href'] as string | undefined;\n  }\n\n  set href(value: string | undefined) {\n    if (this.link && this.controller) {\n      const { pos } = this.link;\n      this.controller.withTransaction(\n        (tr) => tr.setNodeAttribute(pos, 'href', value),\n        // After reload the default (activeEditorView) is just the link text, so use the main view\n        { view: this.controller.mainEditorView },\n      );\n    }\n  }\n\n  @action\n  setHref(event: InputEvent) {\n    const text = (event.target as HTMLInputElement).value;\n    const href = linkToHref(text);\n    this.href = href || text;\n  }\n\n  @action\n  selectHref(event: InputEvent) {\n    (event.target as HTMLInputElement).select();\n  }\n\n  get link() {\n    if (this.controller) {\n      const { selection } = this.controller.mainEditorState;\n      if (\n        selection instanceof NodeSelection &&\n        selection.node.type === this.controller.schema.nodes['link']\n      ) {\n        return { pos: selection.from, node: selection.node };\n      }\n    }\n    return;\n  }\n\n  @action\n  remove() {\n    if (this.controller && this.link) {\n      const { pos, node } = this.link;\n      this.controller.withTransaction(\n        (tr) => {\n          return tr.replaceWith(pos, pos + node.nodeSize, node.content);\n        },\n        { view: this.controller.mainEditorView },\n      );\n    }\n  }\n}\n"],"names":["LinkEditor","Component","LinkExternalIcon","LinkBrokenIcon","controller","args","href","link","node","attrs","value","pos","withTransaction","tr","setNodeAttribute","view","mainEditorView","setHref","event","text","target","linkToHref","n","prototype","action","selectHref","select","selection","mainEditorState","NodeSelection","type","schema","nodes","from","remove","replaceWith","nodeSize","content","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;;;AAWe,MAAMA,UAAU,SAASC,SAAS,CAAO;AACtDC,EAAAA,gBAAgB,GAAGA,gBAAgB;AACnCC,EAAAA,cAAc,GAAGA,cAAc;EAE/B,IAAIC,UAAUA,GAAG;AACf,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,UAAU;AAC7B,EAAA;EAEA,IAAIE,IAAIA,GAAG;IACT,OAAO,IAAI,CAACC,IAAI,EAAEC,IAAI,CAACC,KAAK,CAAC,MAAM,CAAC;AACtC,EAAA;EAEA,IAAIH,IAAIA,CAACI,KAAyB,EAAE;AAClC,IAAA,IAAI,IAAI,CAACH,IAAI,IAAI,IAAI,CAACH,UAAU,EAAE;MAChC,MAAM;AAAEO,QAAAA;OAAK,GAAG,IAAI,CAACJ,IAAI;AACzB,MAAA,IAAI,CAACH,UAAU,CAACQ,eAAe,CAC5BC,EAAE,IAAKA,EAAE,CAACC,gBAAgB,CAACH,GAAG,EAAE,MAAM,EAAED,KAAK,CAAC;AAC/C;AACA,MAAA;AAAEK,QAAAA,IAAI,EAAE,IAAI,CAACX,UAAU,CAACY;AAAe,OACzC,CAAC;AACH,IAAA;AACF,EAAA;EAGAC,OAAOA,CAACC,KAAiB,EAAE;AACzB,IAAA,MAAMC,IAAI,GAAID,KAAK,CAACE,MAAM,CAAsBV,KAAK;AACrD,IAAA,MAAMJ,IAAI,GAAGe,UAAU,CAACF,IAAI,CAAC;AAC7B,IAAA,IAAI,CAACb,IAAI,GAAGA,IAAI,IAAIa,IAAI;AAC1B,EAAA;AAAC,EAAA;IAAAG,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CALAC,MAAM,CAAA,CAAA;AAAA;EAQPC,UAAUA,CAACP,KAAiB,EAAE;AAC3BA,IAAAA,KAAK,CAACE,MAAM,CAAsBM,MAAM,EAAE;AAC7C,EAAA;AAAC,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,YAAA,EAAA,CAHAC,MAAM,CAAA,CAAA;AAAA;EAKP,IAAIjB,IAAIA,GAAG;IACT,IAAI,IAAI,CAACH,UAAU,EAAE;MACnB,MAAM;AAAEuB,QAAAA;AAAU,OAAC,GAAG,IAAI,CAACvB,UAAU,CAACwB,eAAe;MACrD,IACED,SAAS,YAAYE,aAAa,IAClCF,SAAS,CAACnB,IAAI,CAACsB,IAAI,KAAK,IAAI,CAAC1B,UAAU,CAAC2B,MAAM,CAACC,KAAK,CAAC,MAAM,CAAC,EAC5D;QACA,OAAO;UAAErB,GAAG,EAAEgB,SAAS,CAACM,IAAI;UAAEzB,IAAI,EAAEmB,SAAS,CAACnB;SAAM;AACtD,MAAA;AACF,IAAA;AACA,IAAA;AACF,EAAA;AAGA0B,EAAAA,MAAMA,GAAG;AACP,IAAA,IAAI,IAAI,CAAC9B,UAAU,IAAI,IAAI,CAACG,IAAI,EAAE;MAChC,MAAM;QAAEI,GAAG;AAAEH,QAAAA;OAAM,GAAG,IAAI,CAACD,IAAI;AAC/B,MAAA,IAAI,CAACH,UAAU,CAACQ,eAAe,CAC5BC,EAAE,IAAK;AACN,QAAA,OAAOA,EAAE,CAACsB,WAAW,CAACxB,GAAG,EAAEA,GAAG,GAAGH,IAAI,CAAC4B,QAAQ,EAAE5B,IAAI,CAAC6B,OAAO,CAAC;AAC/D,MAAA,CAAC,EACD;AAAEtB,QAAAA,IAAI,EAAE,IAAI,CAACX,UAAU,CAACY;AAAe,OACzC,CAAC;AACH,IAAA;AACF,EAAA;AAAC,EAAA;IAAAM,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,QAAA,EAAA,CAXAC,MAAM,CAAA,CAAA;AAAA;AAYT;AAACc,oBAAA,CAAAC,QAAA,EA5DoBvC,UAAU,CAAA;;;;"}
+{"version":3,"file":"link-editor.js","sources":["../../../../src/components/plugins/link/link-editor.gts"],"sourcesContent":["import LinkSidebarWidget from './link-sidebar-widget.gts';\n\n/**\n * @deprecated use {@link LinkSidebarWidget} instead\n */\nconst LinkEditor = LinkSidebarWidget;\nexport default LinkEditor;\n"],"names":["LinkEditor","LinkSidebarWidget"],"mappings":";;AAEA;;AAEC;AACD,MAAMA,UAAA,GAAaC;;;;"}