@grapesjs/studio-sdk-plugins 1.0.8 → 1.0.9

package/dist/lightGalleryComponent/index.es.js

@@ -0,0 +1,718 @@
+const F = "app.grapesjs.com", ie = "app-stage.grapesjs.com", Y = [
+  F,
+  ie,
+  "localhost",
+  "127.0.0.1",
+  ".local-credentialless.webcontainer.io",
+  // For stackblitz.com demos
+  ".local.webcontainer.io",
+  // For stackblitz.com demos
+  "-sandpack.codesandbox.io"
+  // For Sandpack demos
+], pe = "license:check:start", ue = "license:check:end", se = () => typeof window < "u", he = ({ isDev: e, isStage: n }) => `${e ? "" : `https://${n ? ie : F}`}/api`, ge = () => {
+  const e = se() && window.location.hostname;
+  return !!e && (Y.includes(e) || Y.some((n) => e.endsWith(n)));
+}, be = () => (se() && window.location.hostname) === F;
+var de = {};
+const me = de.NODE_ENV !== "production";
+async function ye({
+  path: e,
+  method: n = "GET",
+  headers: a = {},
+  body: o
+}) {
+  const c = `${he({ isDev: me, isStage: !be() })}${e}`, i = {
+    method: n,
+    headers: {
+      "Content-Type": "application/json",
+      ...a
+    }
+  };
+  o && (i.body = JSON.stringify(o));
+  const r = await fetch(c, i);
+  if (!r.ok)
+    throw new Error(`HTTP error! status: ${r.status}`);
+  return r.json();
+}
+function ve(e) {
+  const n = e;
+  return n.init = (a) => (o) => e(o, a), n;
+}
+const fe = (e) => /* @__PURE__ */ ve(e);
+async function Te({
+  editor: e,
+  pluginName: n,
+  licenseKey: a,
+  cleanup: o
+}) {
+  let s = !1;
+  const c = ge();
+  e.on(pe, () => {
+    s = !0;
+  }), e.on(ue, ({ sdkLicense: i }) => {
+    i || o();
+  }), setTimeout(async () => {
+    if (!s) {
+      if (c) return;
+      a && await we({ licenseKey: a, pluginName: n }) || o();
+    }
+  }, 2e3);
+}
+async function we({ licenseKey: e, pluginName: n }) {
+  try {
+    const a = await ye({
+      path: `/sdk/${e}`,
+      method: "POST",
+      body: JSON.stringify({
+        d: window.location.hostname,
+        pn: n
+      })
+    }), { license: o } = a.result || {};
+    return !!o;
+  } catch (a) {
+    return console.error("Error during SDK license check:", a), !1;
+  }
+}
+const z = (e, n) => {
+  var a;
+  return !!((a = e == null ? void 0 : e.hasAttribute) != null && a.call(e, n));
+};
+var k = /* @__PURE__ */ ((e) => (e.image = "image", e.video = "video", e.external = "external", e))(k || {});
+const w = "lightGallery", ee = `${w}-item`, V = "data-lightgallery", te = `${V}-item`, O = "toggle", S = {
+  image: '<svg viewBox="0 0 24 24"><path d="m8.5 13.5 2.5 3 3.5-4.5 4.5 6H5m16 1V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2Z"/></svg>',
+  video: '<svg viewBox="0 0 24 24"><path d="M17 10.5V7a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.5l4 4v-11l-4 4Z"/></svg>',
+  gallery: '<svg viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M19,15V7L15,11L13,9L7,15H19M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5Z" /></svg>',
+  galleryItem: '<svg viewBox="0 0 24 24"><path d="M20 2H4a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2M8 14H6v-2h2v2m0-3H6V9h2v2m0-3H6V6h2v2m7 6h-5v-2h5v2m3-3h-8V9h8v2m0-3h-8V6h8v2Z"/></svg>',
+  external: '<svg viewBox="0 0 24 24"><path d="M14 3v2h3.6l-9.8 9.8 1.4 1.4L19 6.4V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-7h-2v7z"/></svg>',
+  eye: '<svg viewBox="0 0 24 24"><path d="M12 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3m0 8a5 5 0 0 1-5-5 5 5 0 0 1 5-5 5 5 0 0 1 5 5 5 5 0 0 1-5 5m0-12.5C7 4.5 2.7 7.6 1 12a11.8 11.8 0 0 0 22 0c-1.7-4.4-6-7.5-11-7.5Z"/></svg>'
+}, U = { propKeys: [], props: {}, traits: [] }, A = (e, n = {}) => {
+  var s;
+  const a = {}, o = [];
+  for (const c in e) {
+    const { value: i, ...r } = e[c];
+    o.push({ id: c, name: c, changeProp: !0, category: n.category, ...r }), a[c] = i;
+    const { subTraits: h = {} } = r;
+    for (const u in r.subTraits)
+      (s = h[u]) == null || s.forEach((I) => {
+        const E = I.id || I.name;
+        a[E] = I.value;
+      });
+  }
+  return {
+    propKeys: Object.keys(a),
+    props: a,
+    traits: o
+  };
+}, Z = (e, n) => {
+  const a = e.getTrait(n), o = a.get("category"), s = a.get("subTraits") || {}, i = (Object.values(s).flat() || []).map((u) => u.id || u.name);
+  e.removeTrait(i);
+  const r = s[a.getValue()], h = e.getTraitIndex(n) + 1;
+  r && e.addTrait(
+    r.map((u) => ({ category: o, ...u })),
+    { at: h }
+  );
+}, W = (e, n) => {
+  n.forEach((a) => {
+    const o = e.getTrait(a);
+    if (!o || !o.get("subTraits")) return;
+    const s = o.changeProp ? `change:${a}` : `change:attributes:${a}`;
+    e.on(s, () => Z(e, a)), Z(e, a);
+  });
+}, Se = (e, n, a) => {
+  const s = e.getTrait(n).get("subTraits") || {}, i = (Object.values(s).flat() || []).map((h) => {
+    const u = h.name || h.id;
+    return h.changeProp ? `change:${u}` : `change:attributes:${u}`;
+  }), r = Array.from(new Set(i));
+  r.length && e.on(r.join(" "), a);
+}, xe = {
+  //   startAnimationDuration: {
+  //     type: 'number',
+  //     label: 'Start duration',
+  //     tip: 'Start animation duration (in ms)',
+  //     value: 400,
+  //     step: 50,
+  //     min: 0
+  //   },
+  [O]: {
+    type: "button",
+    label: "Toggle Gallery",
+    command: (e, n) => {
+      var a, o;
+      return (o = (a = n.target) == null ? void 0 : a.getView()) == null ? void 0 : o.toggleGallery();
+    }
+  },
+  speed: {
+    type: "number",
+    label: "Speed",
+    tip: "Transition duration between slides (in ms)",
+    value: 400,
+    step: 50,
+    min: 0
+  },
+  inline: {
+    type: "checkbox",
+    label: "Inline Gallery",
+    value: !1
+  },
+  allowMediaOverlap: {
+    type: "checkbox",
+    label: "Allow media overlap",
+    tip: "If enabled, toolbar, captions and thumbnails will overlap with the media element",
+    value: !1
+  },
+  controls: {
+    type: "checkbox",
+    label: "Show controls",
+    tip: "If disabled, prev/next buttons will not be displayed",
+    value: !0
+  },
+  counter: {
+    type: "checkbox",
+    label: "Show counter",
+    tip: "Display the total number of images and index number of the currently displayed slide",
+    value: !0
+  },
+  download: {
+    type: "checkbox",
+    label: "Download icon",
+    tip: "Enable download button",
+    value: !0
+  },
+  enableDrag: {
+    type: "checkbox",
+    label: "Enable drag",
+    tip: "Enables desktop mouse drag support",
+    value: !0
+  },
+  enableSwipe: {
+    type: "checkbox",
+    label: "Enable swipe",
+    tip: "Enables swipe support for mobile devices",
+    value: !0
+  },
+  escKey: {
+    type: "checkbox",
+    label: "Enable Esc key",
+    tip: 'Whether the gallery could be closed by pressing the "Esc" key',
+    value: !0
+  },
+  keyPress: {
+    type: "checkbox",
+    label: "Enable keyboard navigation",
+    value: !1
+  },
+  loop: {
+    type: "checkbox",
+    label: "Loop",
+    tip: "If false, will disable the ability to loop back to the beginning of the gallery from the last slide",
+    value: !0
+  },
+  getCaptionFromTitleOrAlt: {
+    type: "checkbox",
+    label: "Caption from title or alt",
+    tip: "Get captions from alt or title tags",
+    value: !0
+  },
+  showMaximizeIcon: {
+    type: "checkbox",
+    label: "Show maximize icon",
+    value: !1
+  },
+  closable: {
+    type: "checkbox",
+    label: "Closable",
+    tip: "If false, it won't be possible to close the gallery",
+    value: !0
+  },
+  showCloseIcon: {
+    type: "checkbox",
+    label: "Show close icon",
+    tip: "If false, close button won't be displayed.",
+    visible: ({ component: e }) => !!e.getTrait("closable").getValue(),
+    value: !0
+  },
+  closeOnTap: {
+    type: "checkbox",
+    label: "Close on tap",
+    tip: "Allows clicks on black area to close gallery",
+    visible: ({ component: e }) => !!e.getTrait("closable").getValue(),
+    value: !0
+  }
+}, ke = {
+  thumbnail: {
+    category: { id: "thumbnail-options", label: "Thumbnail Options" },
+    type: "checkbox",
+    label: "Thumbnails",
+    value: !0,
+    subTraits: {
+      false: [],
+      true: [
+        // {
+        //   type: 'checkbox',
+        //   name: 'animateThumb',
+        //   label: 'Animate Thumbnails',
+        //   changeProp: true,
+        //   value: true
+        // },
+        // {
+        //   type: 'checkbox',
+        //   name: 'toggleThumb',
+        //   label: 'Toggle Thumbnails',
+        //   tip: 'Enable toggle captions and thumbnails',
+        //   changeProp: true,
+        //   value: false
+        // },
+        {
+          type: "checkbox",
+          name: "enableThumbDrag",
+          label: "Thumbnail drag",
+          tip: "Enable thumbnail drag on desktop",
+          changeProp: !0,
+          value: !0
+        },
+        {
+          type: "checkbox",
+          name: "enableThumbSwipe",
+          label: "Thumbnail swipe",
+          tip: "Enable thumbnail swipe on mobile devices",
+          changeProp: !0,
+          value: !0
+        },
+        // {
+        //   type: 'checkbox',
+        //   name: 'loadYouTubeThumbnail',
+        //   label: 'Load YouTube thumbnail',
+        //   changeProp: true,
+        //   value: true
+        // },
+        {
+          type: "select",
+          name: "alignThumbnails",
+          tip: "Position of thumbnails when the width of all thumbnails combined is less than the gallery's width",
+          label: "Align Thumbnails",
+          value: "middle",
+          changeProp: !0,
+          options: [
+            { id: "left", label: "Left" },
+            { id: "middle", label: "Middle" },
+            { id: "right", label: "Right" }
+          ]
+        },
+        {
+          type: "select",
+          name: "currentPagerPosition",
+          label: "Select thumbnail position",
+          value: "middle",
+          changeProp: !0,
+          options: [
+            { id: "left", label: "Left" },
+            { id: "middle", label: "Middle" },
+            { id: "right", label: "Right" }
+          ]
+        },
+        {
+          type: "number",
+          name: "thumbMargin",
+          label: "Thumb margin",
+          tip: "Spacing between each thumbnails",
+          changeProp: !0,
+          min: 0,
+          value: "5"
+        },
+        {
+          type: "number",
+          name: "thumbWidth",
+          label: "Thumb width",
+          tip: "Width of each thumbnails",
+          changeProp: !0,
+          min: 0,
+          value: "100"
+        }
+        // { // TODO fix trait with number units
+        //   type: 'number',
+        //   name: 'thumbHeight',
+        //   label: 'Thumbnail height',
+        //   tip: 'Height of each thumbnails',
+        //   changeProp: true,
+        //   min: 0,
+        //   value: '80px'
+        // }
+      ]
+    }
+  }
+}, Ie = {
+  autoplay: {
+    category: { id: "autoplay-options", label: "Autoplay options" },
+    type: "checkbox",
+    label: "Autoplay",
+    value: !0,
+    subTraits: {
+      false: [],
+      true: [
+        {
+          type: "checkbox",
+          name: "autoplayControls",
+          label: "Autoplay controls",
+          tip: "Show/hide autoplay controls",
+          changeProp: !0,
+          value: !0
+        },
+        {
+          type: "checkbox",
+          name: "progressBar",
+          label: "Progress bar",
+          tip: "Show autoplay progress bar",
+          changeProp: !0,
+          value: !0
+        },
+        {
+          type: "checkbox",
+          name: "forceSlideShowAutoplay",
+          label: "Force autoplay",
+          tip: "If false, autoplay will be stopped after first user action",
+          changeProp: !0,
+          value: !1
+        },
+        {
+          type: "checkbox",
+          name: "slideShowAutoplay",
+          label: "Start autoplay",
+          tip: "Enable autoplay on start",
+          changeProp: !0,
+          value: !1
+        },
+        {
+          type: "number",
+          name: "slideShowInterval",
+          label: "Interval",
+          tip: "The time (in ms) between each auto transition",
+          changeProp: !0,
+          min: 0,
+          step: 50,
+          value: 5e3
+        }
+      ]
+    }
+  }
+}, Le = {
+  zoom: {
+    category: { id: "zoom-options", label: "Zoom options" },
+    type: "checkbox",
+    label: "Zoom",
+    value: !0,
+    subTraits: {
+      false: [],
+      true: [
+        {
+          type: "checkbox",
+          name: "actualSize",
+          label: "Show actual size icon",
+          changeProp: !0,
+          value: !0
+        },
+        {
+          type: "checkbox",
+          name: "infiniteZoom",
+          label: "Infinte zoom",
+          changeProp: !0,
+          value: !0
+        },
+        {
+          type: "checkbox",
+          name: "showZoomInOutIcons",
+          label: "Show zoom in/out icons",
+          changeProp: !0,
+          value: !1
+        },
+        {
+          type: "number",
+          name: "scale",
+          label: "Scale",
+          tip: "Value of zoom should be incremented/decremented",
+          changeProp: !0,
+          min: 0,
+          value: 1
+        }
+        // This seems unnecessary (mainly for custom styling)
+        // {
+        //   type: 'number',
+        //   name: 'enableZoomAfter',
+        //   label: 'Enable zoom after',
+        //   tip: 'Once the slide transition is completed, how much time should take zoom plugin to activate',
+        //   changeProp: true,
+        //   min: 0,
+        //   value: 300
+        // }
+      ]
+    }
+  }
+}, y = "sourceType", G = "data-iframe", B = {
+  name: "href",
+  type: "file",
+  label: "Image Source"
+}, _ = {
+  name: "data-src",
+  label: "Video Source",
+  placeholder: "https://www.youtube.com/watch?v=..."
+}, R = {
+  name: "data-poster",
+  label: "Video Poster",
+  type: "file"
+}, ae = {
+  name: "data-src",
+  label: "External Source",
+  placeholder: "https://some-external-source.com/...."
+}, re = {
+  label: "Caption",
+  name: "data-sub-html",
+  placeholder: "My caption",
+  changeProp: !1
+}, Ae = {
+  [O]: {
+    type: "button",
+    label: "Toggle Gallery",
+    command: (e, n) => {
+      var s, c;
+      const a = n.target, o = (s = a == null ? void 0 : a.closestType(w)) == null ? void 0 : s.getView();
+      if (o && a) {
+        const i = ((c = o.getLightGallery()) == null ? void 0 : c.items) || [], r = Array.from(i).indexOf(a.getEl());
+        r >= 0 && o.toggleGallery(r);
+      }
+    }
+  },
+  [y]: {
+    type: "radio",
+    label: "Source type",
+    labelToTitle: !0,
+    value: "image",
+    subTraits: {
+      image: [B],
+      video: [_, R],
+      external: [ae]
+    },
+    options: [
+      { id: "image", label: B.label || "", icon: S.image },
+      { id: "video", label: _.label || "", icon: S.video },
+      { id: "external", label: ae.label || "", icon: S.external }
+    ]
+  },
+  subHtml: re
+  // This unfortuntaly breaks other thumbnails
+  // customThumb: traitCustomThumb
+}, Ee = "lightGalleryComponent", oe = "lgThumbnail", Pe = "lgVideo", ne = "lgAutoplay", le = "lgZoom", x = "https://cdn.jsdelivr.net/npm/lightgallery@2.8.2", Ce = function(e, n = {}) {
+  const { Blocks: a, Components: o } = e, s = "LightGallery", c = "LightGallery Item", i = {
+    toolbarIconOpen: S.eye,
+    block: {},
+    lgLicenseKey: "0000-0000-000-0000",
+    defaultSrc: "https://placehold.co/200/777/white.png?text=Image",
+    plugins: [oe, Pe, ne, le],
+    cdnScript: [
+      `${x}/lightgallery.min.js`,
+      `${x}/plugins/thumbnail/lg-thumbnail.min.js`,
+      `${x}/plugins/video/lg-video.min.js`,
+      `${x}/plugins/autoplay/lg-autoplay.min.js`,
+      `${x}/plugins/zoom/lg-zoom.min.js`
+    ],
+    cdnStyle: `${x}/css/lightgallery-bundle.min.css`,
+    ...n
+  }, { block: r, toolbarIconOpen: h, defaultSrc: u } = i, I = function(t) {
+    const l = this, p = window, { plugins: b, cdnScript: v, cdnStyle: L, inline: q, lgLicenseKey: ce, ...d } = t || {}, f = (g) => isNaN(g) ? void 0 : parseInt(g, 10), Q = () => {
+      var P;
+      const g = {
+        ...d,
+        licenseKey: ce,
+        speed: f(d.speed),
+        startAnimationDuration: f(d.startAnimationDuration),
+        thumbMargin: f(d.thumbMargin),
+        thumbWidth: f(d.thumbWidth),
+        slideShowInterval: f(d.slideShowInterval),
+        scale: f(d.scale),
+        enableZoomAfter: f(d.enableZoomAfter),
+        plugins: (b || []).map((C) => p[C])
+      };
+      q && (g.container = l, g.closable = !1);
+      const j = (P = p.lightGallery) == null ? void 0 : P.call(p, l, g);
+      q && j.openGallery();
+    };
+    if (p.lightGallery)
+      Q();
+    else {
+      const { head: g } = document, j = Array.isArray(v) ? [...v] : [v], P = Array.isArray(L) ? [...L] : [L], C = (T) => {
+        if (T.length) {
+          const m = document.createElement("link");
+          m.href = T.shift(), m.rel = "stylesheet", g.appendChild(m), C(T);
+        }
+      }, X = (T) => {
+        if (T.length) {
+          const m = document.createElement("script");
+          m.src = T.shift(), m.onerror = m.onload = X.bind(null, T), g.appendChild(m);
+        } else
+          Q();
+      };
+      C(P), X(j);
+    }
+  }, E = (t) => {
+    const l = t.getTrait(O);
+    if (!h || !l) return;
+    const { toolbar: p } = t, b = {
+      id: O,
+      label: h,
+      command: () => setTimeout(() => l.runCommand(), 100)
+    };
+    !p.find((L) => L.id === b.id) && (p == null || p.unshift(b));
+  };
+  let M = [];
+  const N = i.plugins || [], $ = A(xe), H = N.includes(oe) ? A(ke) : U, D = N.includes(ne) ? A(Ie) : U, K = N.includes(le) ? A(Le) : U;
+  o.addType(w, {
+    block: r && {
+      label: s,
+      media: S.gallery,
+      category: "Extra",
+      select: !0,
+      ...i.block
+    },
+    isComponent: (t) => z(t, V),
+    extendFn: ["init", "initToolbar"],
+    model: {
+      defaults: {
+        name: s,
+        icon: S.gallery,
+        draggable: (t, l) => !l.is(w),
+        attributes: { [V]: !0 },
+        components: { type: ee },
+        script: I,
+        selector: "",
+        exThumbImage: "",
+        cdnScript: i.cdnScript,
+        cdnStyle: i.cdnStyle,
+        plugins: i.plugins,
+        lgLicenseKey: i.lgLicenseKey,
+        "script-props": [
+          "lgLicenseKey",
+          "cdnScript",
+          "cdnStyle",
+          "plugins",
+          "selector",
+          "exThumbImage",
+          ...$.propKeys,
+          ...H.propKeys,
+          ...D.propKeys,
+          ...K.propKeys
+        ],
+        ...$.props,
+        ...H.props,
+        ...D.props,
+        ...K.props,
+        traits: [...$.traits, ...H.traits, ...D.traits, ...K.traits]
+      },
+      init() {
+        W(this, ["thumbnail"]), W(this, ["autoplay"]), W(this, ["zoom"]);
+      },
+      initToolbar() {
+        E(this);
+      }
+    },
+    extendFnView: ["init"],
+    view: {
+      // Events: https://www.lightgalleryjs.com/docs/events/
+      events: () => ({
+        lgInit: "onLgInit",
+        lgBeforeOpen: "onLgOpen",
+        lgAfterClose: "onLgClose"
+      }),
+      init() {
+        const t = o.events.scriptUnmount;
+        t && this.listenTo(this.model, t, this.destroyLightGallery);
+      },
+      getLightGallery() {
+        return this.el.__lg;
+      },
+      destroyLightGallery() {
+        const t = this.getLightGallery();
+        t == null || t.destroy();
+      },
+      disableLgInCanvas() {
+        const t = this.getLightGallery();
+        t.lgOpened = !0;
+      },
+      isInlineGallery() {
+        var l;
+        const t = this.getLightGallery();
+        return ((l = t == null ? void 0 : t.settings) == null ? void 0 : l.container) === this.el;
+      },
+      onLgInit(t) {
+        this.el.__lg = t.detail.instance, !this.isInlineGallery() && this.disableLgInCanvas();
+      },
+      onLgOpen() {
+        const { em: t } = this, { Canvas: l } = t, p = this.getLightGallery();
+        M = l.getSpots(), setTimeout(() => l.removeSpots()), p.__lgOpened = !0;
+      },
+      onLgClose() {
+        const t = this.getLightGallery();
+        M.forEach((l) => this.em.Canvas.addSpot(l.attributes)), M = [], t.__lgOpened = !1, setTimeout(() => this.disableLgInCanvas());
+      },
+      toggleGallery(t) {
+        const l = this.getLightGallery();
+        if (l.__lgOpened) return l.closeGallery(!0);
+        l.lgOpened = !1, l.openGallery(t);
+      }
+    }
+  });
+  const J = A(Ae);
+  o.addType(ee, {
+    isComponent: (t) => z(t, te) || t.tagName === "A" && z(t.parentElement, V),
+    extendFn: ["init", "initToolbar"],
+    model: {
+      defaults: {
+        tagName: "a",
+        name: c,
+        icon: S.galleryItem,
+        attributes: { [te]: !0, href: u },
+        components: { type: "image", attributes: { alt: "Image", src: u } },
+        ...J.props,
+        traits: [...J.traits]
+      },
+      init() {
+        const t = [y].map((l) => `change:${l}`).join(" ");
+        this.initSourceType(), this.on(t, this.updateTraits), this.updateTraits({ init: !0 }), this.initScriptUpdate(), Se(this, y, this.triggerGalleryUpdate);
+      },
+      initToolbar() {
+        E(this);
+      },
+      initScriptUpdate() {
+        const t = [re.name].map((l) => `change:attributes:${l}`).join(" ");
+        this.on(t, this.triggerGalleryUpdate);
+      },
+      triggerGalleryUpdate(...t) {
+        var l;
+        (l = this.closestType(w)) == null || l.__scriptPropsChange(...t);
+      },
+      updateTraits(t = {}) {
+        const { changed: l } = this, { init: p } = t;
+        if (l[y] || p) {
+          Z(this, y);
+          const b = this.getTrait(y).getValue();
+          if (b === k.image) {
+            this.removeAttributes([_.name, R.name, G]);
+            const v = this.getTrait(B.name);
+            v.setValue(v.getValue() || u);
+          } else b === k.video ? this.removeAttributes([G]) : b === k.external && this.addAttributes({ [G]: !0 });
+        }
+      },
+      initSourceType() {
+        const t = this.getAttributes({ noClass: !0, noStyle: !0 });
+        t[G] ? this.set(y, k.external) : (t[_.name] || t[R.name]) && this.set(y, k.video);
+      }
+    }
+  }), Te({
+    editor: e,
+    licenseKey: i.licenseKey,
+    pluginName: Ee,
+    cleanup: () => {
+      a.remove(w), o.removeType(w);
+    }
+  });
+}, Ge = fe(Ce);
+export {
+  Ge as default
+};