feat(elements|ino-markdown-editor): edit links after inserting them

packages/elements-angular/elements/src/directives/angular-component-lib/utils.ts

@@ -0,0 +1,63 @@
+/* eslint-disable */
+/* tslint:disable */
+import { fromEvent } from 'rxjs';
+
+export const proxyInputs = (Cmp: any, inputs: string[]) => {
+  const Prototype = Cmp.prototype;
+  inputs.forEach(item => {
+    Object.defineProperty(Prototype, item, {
+      get() {
+        return this.el[item];
+      },
+      set(val: any) {
+        this.z.runOutsideAngular(() => (this.el[item] = val));
+      }
+    });
+  });
+};
+
+export const proxyMethods = (Cmp: any, methods: string[]) => {
+  const Prototype = Cmp.prototype;
+  methods.forEach(methodName => {
+    Prototype[methodName] = function () {
+      const args = arguments;
+      return this.z.runOutsideAngular(() =>
+        this.el[methodName].apply(this.el, args)
+      );
+    };
+  });
+};
+
+export const proxyOutputs = (instance: any, el: any, events: string[]) => {
+  events.forEach(eventName => instance[eventName] = fromEvent(el, eventName));
+}
+
+export const defineCustomElement = (tagName: string, customElement: any) => {
+  if (
+    customElement !== undefined &&
+    typeof customElements !== 'undefined' &&
+    !customElements.get(tagName)
+  ) {
+    customElements.define(tagName, customElement);
+  }
+}
+
+// tslint:disable-next-line: only-arrow-functions
+export function ProxyCmp(opts: { defineCustomElementFn?: () => void, inputs?: any; methods?: any }) {
+  const decorator = function (cls: any) {
+    const { defineCustomElementFn, inputs, methods } = opts;
+
+    if (defineCustomElementFn !== undefined) {
+      defineCustomElementFn();
+    }
+
+    if (inputs) {
+      proxyInputs(cls, inputs);
+    }
+    if (methods) {
+      proxyMethods(cls, methods);
+    }
+    return cls;
+  };
+  return decorator;
+}

packages/elements-angular/elements/src/directives/proxies-list.ts

@@ -0,0 +1,52 @@
+
+import * as d from './proxies';
+
+export const DIRECTIVES = [
+  d.InoAccordion,
+  d.InoAutocomplete,
+  d.InoButton,
+  d.InoCard,
+  d.InoCarousel,
+  d.InoCarouselSlide,
+  d.InoCheckbox,
+  d.InoChip,
+  d.InoControlItem,
+  d.InoCurrencyInput,
+  d.InoDatepicker,
+  d.InoDialog,
+  d.InoFab,
+  d.InoFabSet,
+  d.InoIcon,
+  d.InoIconButton,
+  d.InoImg,
+  d.InoImgList,
+  d.InoInput,
+  d.InoInputFile,
+  d.InoLabel,
+  d.InoList,
+  d.InoListDivider,
+  d.InoListItem,
+  d.InoMarkdownEditor,
+  d.InoMenu,
+  d.InoNavDrawer,
+  d.InoNavItem,
+  d.InoOption,
+  d.InoOptionGroup,
+  d.InoPopover,
+  d.InoProgressBar,
+  d.InoRadio,
+  d.InoRadioGroup,
+  d.InoRange,
+  d.InoSegmentButton,
+  d.InoSegmentGroup,
+  d.InoSelect,
+  d.InoSnackbar,
+  d.InoSpinner,
+  d.InoSwitch,
+  d.InoTab,
+  d.InoTabBar,
+  d.InoTable,
+  d.InoTableHeaderCell,
+  d.InoTextarea,
+  d.InoTooltip
+];