@t7/utils/dist/_content_on_change.js

Utility methods for T7 components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _ = require("./");

// Dependencies.

/*
  This event converts `contenteditable="true"`
  content into plain text, and back into HTML.
*/
var contentOnChange = function contentOnChange() {
  var e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
  // Get element.
  var type = e.type,
      _e$currentTarget = e.currentTarget,
      el = _e$currentTarget === void 0 ? {} : _e$currentTarget; // Event type.

  var isBlur = type === 'blur'; // Get value.

  var value = el.innerHTML; // Set in conditional.

  var placeholder = ''; // Get placeholder.

  if (typeof el.getAttribute === 'function') {
    placeholder = (0, _.trim)(el.getAttribute('placeholder'));
  }

  value = (0, _.contentToText)(value) || placeholder; // Blur event?

  if (isBlur) {
    value = (0, _.contentToMarkup)(value);
    el.innerHTML = value;
  }
}; // Expose function.


var _default = contentOnChange;
exports.default = _default;