@webiny/app-admin 5.43.2 → 6.0.0-alpha.0

package/components/RichTextEditor/tools/image/ui.js

@@ -1,20 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.make = exports.default = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 /**
  * Class for working with UI:
  *  - rendering base structure
  *  - show/hide preview
  *  - apply tune view
  */
-var Ui = exports.default = /*#__PURE__*/function () {
+export default class Ui {
   /**
    * @param ui - image tool Ui module
    * @param ui.api - Editor.js API
@@ -22,12 +12,12 @@ var Ui = exports.default = /*#__PURE__*/function () {
    * @param ui.onSelectFile - callback for clicks on Select file button
    * @param ui.readOnly - read-only mode flag
    */
-  function Ui(_ref) {
-    var api = _ref.api,
-      config = _ref.config,
-      onSelectFile = _ref.onSelectFile,
-      readOnly = _ref.readOnly;
-    (0, _classCallCheck2.default)(this, Ui);
+  constructor({
+    api,
+    config,
+    onSelectFile,
+    readOnly
+  }) {
     this.api = api;
     this.config = config;
     this.onSelectFile = onSelectFile;
@@ -60,183 +50,165 @@ var Ui = exports.default = /*#__PURE__*/function () {
    *
    * @returns {object}
    */
-  return (0, _createClass2.default)(Ui, [{
-    key: "CSS",
-    get: function get() {
-      return {
-        baseClass: this.api.styles.block,
-        input: this.api.styles.input,
-        button: this.api.styles.button,
-        /**
-         * Tool's classes
-         */
-        wrapper: "image-tool",
-        imageContainer: "image-tool__image",
-        imageEl: "image-tool__image-picture",
-        caption: "image-tool__caption"
-      };
+  get CSS() {
+    return {
+      baseClass: this.api.styles.block,
+      input: this.api.styles.input,
+      button: this.api.styles.button,
+      /**
+       * Tool's classes
+       */
+      wrapper: "image-tool",
+      imageContainer: "image-tool__image",
+      imageEl: "image-tool__image-picture",
+      caption: "image-tool__caption"
+    };
+  }
+
+  /**
+   * Ui statuses:
+   * - empty
+   * - filled
+   *
+   * @returns {{EMPTY: string, UPLOADING: string, FILLED: string}}
+   */
+  static get status() {
+    return {
+      EMPTY: "empty",
+      FILLED: "filled"
+    };
+  }
+
+  /**
+   * Renders tool UI
+   *
+   * @param {ImageToolData} toolData - saved tool data
+   * @returns {Element}
+   */
+  render(toolData) {
+    if (!toolData.file || Object.keys(toolData.file).length === 0) {
+      this.toggleStatus(Ui.status.EMPTY);
     }
+    return this.nodes.wrapper;
+  }
 
+  /**
+   * Creates upload-file button
+   *
+   * @returns {Element}
+   */
+  createFileButton() {
+    const button = make("div", [this.CSS.button]);
+    button.innerHTML = this.api.i18n.t("Select an Image");
+    button.addEventListener("click", () => {
+      this.onSelectFile();
+    });
+    return button;
+  }
+
+  /**
+   * Shows an image
+   *
+   * @param {string} url - image source
+   * @returns {void}
+   */
+  fillImage(url) {
     /**
-     * Ui statuses:
-     * - empty
-     * - filled
-     *
-     * @returns {{EMPTY: string, UPLOADING: string, FILLED: string}}
-     */
-  }, {
-    key: "render",
-    value:
-    /**
-     * Renders tool UI
-     *
-     * @param {ImageToolData} toolData - saved tool data
-     * @returns {Element}
+     * Check for a source extension to compose element correctly: video tag for mp4, img — for others
      */
-    function render(toolData) {
-      if (!toolData.file || Object.keys(toolData.file).length === 0) {
-        this.toggleStatus(Ui.status.EMPTY);
-      }
-      return this.nodes.wrapper;
-    }
+    const tag = /\.mp4$/.test(url) ? "VIDEO" : "IMG";
+    const attributes = {
+      src: url
+    };
 
     /**
-     * Creates upload-file button
+     * We use eventName variable because IMG and VIDEO tags have different event to be called on source load
+     * - IMG: load
+     * - VIDEO: loadeddata
      *
-     * @returns {Element}
+     * @type {string}
      */
-  }, {
-    key: "createFileButton",
-    value: function createFileButton() {
-      var _this = this;
-      var button = make("div", [this.CSS.button]);
-      button.innerHTML = this.api.i18n.t("Select an Image");
-      button.addEventListener("click", function () {
-        _this.onSelectFile();
-      });
-      return button;
-    }
+    let eventName = "load";
 
     /**
-     * Shows an image
-     *
-     * @param {string} url - image source
-     * @returns {void}
+     * Update attributes and eventName if source is a mp4 video
      */
-  }, {
-    key: "fillImage",
-    value: function fillImage(url) {
-      var _this2 = this;
-      /**
-       * Check for a source extension to compose element correctly: video tag for mp4, img — for others
-       */
-      var tag = /\.mp4$/.test(url) ? "VIDEO" : "IMG";
-      var attributes = {
-        src: url
-      };
-
+    if (tag === "VIDEO") {
       /**
-       * We use eventName variable because IMG and VIDEO tags have different event to be called on source load
-       * - IMG: load
-       * - VIDEO: loadeddata
+       * Add attributes for playing muted mp4 as a gif
        *
-       * @type {string}
+       * @type {boolean}
        */
-      var eventName = "load";
+      attributes.autoplay = true;
+      attributes.loop = true;
+      attributes.muted = true;
+      attributes.playsinline = true;
 
       /**
-       * Update attributes and eventName if source is a mp4 video
-       */
-      if (tag === "VIDEO") {
-        /**
-         * Add attributes for playing muted mp4 as a gif
-         *
-         * @type {boolean}
-         */
-        attributes.autoplay = true;
-        attributes.loop = true;
-        attributes.muted = true;
-        attributes.playsinline = true;
-
-        /**
-         * Change event to be listened
-         *
-         * @type {string}
-         */
-        eventName = "loadeddata";
-      }
-
-      /**
-       * Compose tag with defined attributes
+       * Change event to be listened
        *
-       * @type {Element}
-       */
-      this.nodes.imageEl = make(tag, this.CSS.imageEl, attributes);
-
-      /**
-       * Add load event listener
+       * @type {string}
        */
-      this.nodes.imageEl.addEventListener(eventName, function () {
-        _this2.toggleStatus(Ui.status.FILLED);
-      });
-      this.nodes.imageContainer.appendChild(this.nodes.imageEl);
+      eventName = "loadeddata";
     }
 
     /**
-     * Shows caption input
+     * Compose tag with defined attributes
      *
-     * @param {string} text - caption text
-     * @returns {void}
+     * @type {Element}
      */
-  }, {
-    key: "fillCaption",
-    value: function fillCaption(text) {
-      if (!this.nodes.caption) {
-        return;
-      }
-      this.nodes.caption.innerHTML = text;
-    }
+    this.nodes.imageEl = make(tag, this.CSS.imageEl, attributes);
 
     /**
-     * Changes UI status
-     *
-     * @param {string} status - see {@link Ui.status} constants
-     * @returns {void}
+     * Add load event listener
      */
-  }, {
-    key: "toggleStatus",
-    value: function toggleStatus(status) {
-      for (var statusType in Ui.status) {
-        if (Object.prototype.hasOwnProperty.call(Ui.status, statusType) === false) {
-          continue;
-        }
-        var newStatus = Ui.status[statusType];
-        this.nodes.wrapper.classList.toggle("".concat(this.CSS.wrapper, "--").concat(newStatus), status === newStatus);
-      }
-    }
+    this.nodes.imageEl.addEventListener(eventName, () => {
+      this.toggleStatus(Ui.status.FILLED);
+    });
+    this.nodes.imageContainer.appendChild(this.nodes.imageEl);
+  }
 
-    /**
-     * Apply visual representation of activated tune
-     *
-     * @param {string} tuneName - one of available tunes {@link Tunes.tunes}
-     * @param {boolean} status - true for enable, false for disable
-     * @returns {void}
-     */
-  }, {
-    key: "applyTune",
-    value: function applyTune(tuneName, status) {
-      this.nodes.wrapper.classList.toggle("".concat(this.CSS.wrapper, "--").concat(tuneName), status);
+  /**
+   * Shows caption input
+   *
+   * @param {string} text - caption text
+   * @returns {void}
+   */
+  fillCaption(text) {
+    if (!this.nodes.caption) {
+      return;
     }
-  }], [{
-    key: "status",
-    get: function get() {
-      return {
-        EMPTY: "empty",
-        FILLED: "filled"
-      };
+    this.nodes.caption.innerHTML = text;
+  }
+
+  /**
+   * Changes UI status
+   *
+   * @param {string} status - see {@link Ui.status} constants
+   * @returns {void}
+   */
+  toggleStatus(status) {
+    for (const statusType in Ui.status) {
+      if (Object.prototype.hasOwnProperty.call(Ui.status, statusType) === false) {
+        continue;
+      }
+      const newStatus = Ui.status[statusType];
+      this.nodes.wrapper.classList.toggle(`${this.CSS.wrapper}--${newStatus}`, status === newStatus);
     }
-  }]);
-}();
+  }
+
+  /**
+   * Apply visual representation of activated tune
+   *
+   * @param {string} tuneName - one of available tunes {@link Tunes.tunes}
+   * @param {boolean} status - true for enable, false for disable
+   * @returns {void}
+   */
+  applyTune(tuneName, status) {
+    this.nodes.wrapper.classList.toggle(`${this.CSS.wrapper}--${tuneName}`, status);
+  }
+}
+
 /**
  * Helper for making Elements with attributes
  *
@@ -245,30 +217,27 @@ var Ui = exports.default = /*#__PURE__*/function () {
  * @param  {object} attributes        - any attributes
  * @returns {HTMLElement}
  */
-var make = exports.make = function make(tagName) {
-  var classNames = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  var attributes = arguments.length > 2 ? arguments[2] : undefined;
-  var element = document.createElement(tagName);
+export const make = function make(tagName, classNames = null, attributes) {
+  const element = document.createElement(tagName);
   if (Array.isArray(classNames)) {
-    var _element$classList;
-    (_element$classList = element.classList).add.apply(_element$classList, (0, _toConsumableArray2.default)(classNames));
+    element.classList.add(...classNames);
   } else if (classNames) {
     element.classList.add(classNames);
   }
   if (!attributes) {
     return element;
   }
-  for (var attrName in attributes) {
+  for (const attrName in attributes) {
     /**
      * Unfortunately it is a problem to map attributes to element because element is complaining
      * that attrName is a string, which cannot index the HTMLElement
      */
-    var _key = attrName;
+    const key = attrName;
     /**
      * Error says that each key is a read-only property.
      */
     // @ts-expect-error
-    element[_key] = attributes[attrName];
+    element[key] = attributes[attrName];
   }
   return element;
 };

package/components/RichTextEditor/tools/image/ui.js.map

@@ -1 +1 @@
-{"version":3,"names":["Ui","exports","default","_ref","api","config","onSelectFile","readOnly","_classCallCheck2","nodes","wrapper","make","CSS","baseClass","imageContainer","fileButton","createFileButton","imageEl","undefined","caption","input","contentEditable","dataset","captionPlaceholder","appendChild","_createClass2","key","get","styles","block","button","value","render","toolData","file","Object","keys","length","toggleStatus","status","EMPTY","_this","innerHTML","i18n","t","addEventListener","fillImage","url","_this2","tag","test","attributes","src","eventName","autoplay","loop","muted","playsinline","FILLED","fillCaption","text","statusType","prototype","hasOwnProperty","call","newStatus","classList","toggle","concat","applyTune","tuneName","tagName","classNames","arguments","element","document","createElement","Array","isArray","_element$classList","add","apply","_toConsumableArray2","attrName"],"sources":["ui.ts"],"sourcesContent":["import { API } from \"@editorjs/editorjs\";\nimport { ImageToolConfig, ImageToolData } from \"./types\";\n\ninterface OnSelectFileCallable {\n    (): void;\n}\ninterface UiStatus {\n    EMPTY: \"empty\";\n    FILLED: \"filled\";\n    [key: string]: string;\n}\ninterface UiParams {\n    api: API;\n    config: ImageToolConfig;\n    onSelectFile: OnSelectFileCallable;\n    readOnly: boolean;\n}\n/**\n * Class for working with UI:\n *  - rendering base structure\n *  - show/hide preview\n *  - apply tune view\n */\nexport default class Ui {\n    private api: API;\n    private config: ImageToolConfig;\n    private readonly readOnly: boolean;\n    private readonly onSelectFile: OnSelectFileCallable;\n\n    public readonly nodes: {\n        wrapper: HTMLElement;\n        imageContainer: HTMLElement;\n        fileButton: HTMLElement;\n        imageEl?: HTMLElement;\n        caption: HTMLElement;\n    };\n\n    /**\n     * @param ui - image tool Ui module\n     * @param ui.api - Editor.js API\n     * @param ui.config - user config\n     * @param ui.onSelectFile - callback for clicks on Select file button\n     * @param ui.readOnly - read-only mode flag\n     */\n    constructor({ api, config, onSelectFile, readOnly }: UiParams) {\n        this.api = api;\n        this.config = config;\n        this.onSelectFile = onSelectFile;\n        this.readOnly = readOnly;\n        this.nodes = {\n            wrapper: make(\"div\", [this.CSS.baseClass, this.CSS.wrapper]),\n            imageContainer: make(\"div\", [this.CSS.imageContainer]),\n            fileButton: this.createFileButton(),\n            imageEl: undefined,\n            caption: make(\"div\", [this.CSS.input, this.CSS.caption], {\n                contentEditable: !this.readOnly\n            })\n        };\n\n        /**\n         * Create base structure\n         *  <wrapper>\n         *    <image-container/>\n         *    <caption />\n         *  </wrapper>\n         */\n        this.nodes.caption.dataset[\"placeholder\"] = this.config.captionPlaceholder;\n        this.nodes.wrapper.appendChild(this.nodes.imageContainer);\n        this.nodes.wrapper.appendChild(this.nodes.caption);\n        this.nodes.wrapper.appendChild(this.nodes.fileButton);\n    }\n\n    /**\n     * CSS classes\n     *\n     * @returns {object}\n     */\n    get CSS() {\n        return {\n            baseClass: this.api.styles.block,\n            input: this.api.styles.input,\n            button: this.api.styles.button,\n\n            /**\n             * Tool's classes\n             */\n            wrapper: \"image-tool\",\n            imageContainer: \"image-tool__image\",\n            imageEl: \"image-tool__image-picture\",\n            caption: \"image-tool__caption\"\n        };\n    }\n\n    /**\n     * Ui statuses:\n     * - empty\n     * - filled\n     *\n     * @returns {{EMPTY: string, UPLOADING: string, FILLED: string}}\n     */\n    static get status(): UiStatus {\n        return {\n            EMPTY: \"empty\",\n            FILLED: \"filled\"\n        };\n    }\n\n    /**\n     * Renders tool UI\n     *\n     * @param {ImageToolData} toolData - saved tool data\n     * @returns {Element}\n     */\n    render(toolData: ImageToolData) {\n        if (!toolData.file || Object.keys(toolData.file).length === 0) {\n            this.toggleStatus(Ui.status.EMPTY);\n        }\n\n        return this.nodes.wrapper;\n    }\n\n    /**\n     * Creates upload-file button\n     *\n     * @returns {Element}\n     */\n    createFileButton() {\n        const button = make(\"div\", [this.CSS.button]);\n\n        button.innerHTML = this.api.i18n.t(\"Select an Image\");\n\n        button.addEventListener(\"click\", () => {\n            this.onSelectFile();\n        });\n\n        return button;\n    }\n\n    /**\n     * Shows an image\n     *\n     * @param {string} url - image source\n     * @returns {void}\n     */\n    public fillImage(url: string): void {\n        /**\n         * Check for a source extension to compose element correctly: video tag for mp4, img — for others\n         */\n        const tag = /\\.mp4$/.test(url) ? \"VIDEO\" : \"IMG\";\n\n        const attributes: any = {\n            src: url\n        };\n\n        /**\n         * We use eventName variable because IMG and VIDEO tags have different event to be called on source load\n         * - IMG: load\n         * - VIDEO: loadeddata\n         *\n         * @type {string}\n         */\n        let eventName = \"load\";\n\n        /**\n         * Update attributes and eventName if source is a mp4 video\n         */\n        if (tag === \"VIDEO\") {\n            /**\n             * Add attributes for playing muted mp4 as a gif\n             *\n             * @type {boolean}\n             */\n            attributes.autoplay = true;\n            attributes.loop = true;\n            attributes.muted = true;\n            attributes.playsinline = true;\n\n            /**\n             * Change event to be listened\n             *\n             * @type {string}\n             */\n            eventName = \"loadeddata\";\n        }\n\n        /**\n         * Compose tag with defined attributes\n         *\n         * @type {Element}\n         */\n        this.nodes.imageEl = make(tag, this.CSS.imageEl, attributes);\n\n        /**\n         * Add load event listener\n         */\n        this.nodes.imageEl.addEventListener(eventName, () => {\n            this.toggleStatus(Ui.status.FILLED);\n        });\n\n        this.nodes.imageContainer.appendChild(this.nodes.imageEl);\n    }\n\n    /**\n     * Shows caption input\n     *\n     * @param {string} text - caption text\n     * @returns {void}\n     */\n    public fillCaption(text: string): void {\n        if (!this.nodes.caption) {\n            return;\n        }\n        this.nodes.caption.innerHTML = text;\n    }\n\n    /**\n     * Changes UI status\n     *\n     * @param {string} status - see {@link Ui.status} constants\n     * @returns {void}\n     */\n    public toggleStatus(status: string): void {\n        for (const statusType in Ui.status) {\n            if (Object.prototype.hasOwnProperty.call(Ui.status, statusType) === false) {\n                continue;\n            }\n            const newStatus = Ui.status[statusType];\n            this.nodes.wrapper.classList.toggle(\n                `${this.CSS.wrapper}--${newStatus}`,\n                status === newStatus\n            );\n        }\n    }\n\n    /**\n     * Apply visual representation of activated tune\n     *\n     * @param {string} tuneName - one of available tunes {@link Tunes.tunes}\n     * @param {boolean} status - true for enable, false for disable\n     * @returns {void}\n     */\n    public applyTune(tuneName: string, status: boolean) {\n        this.nodes.wrapper.classList.toggle(`${this.CSS.wrapper}--${tuneName}`, status);\n    }\n}\n\n/**\n * Helper for making Elements with attributes\n *\n * @param  {string} tagName           - new Element tag name\n * @param  {Array|string} classNames  - list or name of CSS class\n * @param  {object} attributes        - any attributes\n * @returns {HTMLElement}\n */\nexport const make = function make(\n    tagName: string,\n    classNames: string[] | string | null = null,\n    attributes?: Record<string, string | number | boolean>\n): HTMLElement {\n    const element: HTMLElement = document.createElement(tagName);\n\n    if (Array.isArray(classNames)) {\n        element.classList.add(...classNames);\n    } else if (classNames) {\n        element.classList.add(classNames);\n    }\n\n    if (!attributes) {\n        return element;\n    }\n    for (const attrName in attributes) {\n        /**\n         * Unfortunately it is a problem to map attributes to element because element is complaining\n         * that attrName is a string, which cannot index the HTMLElement\n         */\n        const key = attrName as keyof HTMLElement;\n        /**\n         * Error says that each key is a read-only property.\n         */\n        // @ts-expect-error\n        element[key] = attributes[attrName];\n    }\n\n    return element;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Ui","constructor","api","config","onSelectFile","readOnly","nodes","wrapper","make","CSS","baseClass","imageContainer","fileButton","createFileButton","imageEl","undefined","caption","input","contentEditable","dataset","captionPlaceholder","appendChild","styles","block","button","status","EMPTY","FILLED","render","toolData","file","Object","keys","length","toggleStatus","innerHTML","i18n","t","addEventListener","fillImage","url","tag","test","attributes","src","eventName","autoplay","loop","muted","playsinline","fillCaption","text","statusType","prototype","hasOwnProperty","call","newStatus","classList","toggle","applyTune","tuneName","tagName","classNames","element","document","createElement","Array","isArray","add","attrName","key"],"sources":["ui.ts"],"sourcesContent":["import { API } from \"@editorjs/editorjs\";\nimport { ImageToolConfig, ImageToolData } from \"./types\";\n\ninterface OnSelectFileCallable {\n    (): void;\n}\ninterface UiStatus {\n    EMPTY: \"empty\";\n    FILLED: \"filled\";\n    [key: string]: string;\n}\ninterface UiParams {\n    api: API;\n    config: ImageToolConfig;\n    onSelectFile: OnSelectFileCallable;\n    readOnly: boolean;\n}\n/**\n * Class for working with UI:\n *  - rendering base structure\n *  - show/hide preview\n *  - apply tune view\n */\nexport default class Ui {\n    private api: API;\n    private config: ImageToolConfig;\n    private readonly readOnly: boolean;\n    private readonly onSelectFile: OnSelectFileCallable;\n\n    public readonly nodes: {\n        wrapper: HTMLElement;\n        imageContainer: HTMLElement;\n        fileButton: HTMLElement;\n        imageEl?: HTMLElement;\n        caption: HTMLElement;\n    };\n\n    /**\n     * @param ui - image tool Ui module\n     * @param ui.api - Editor.js API\n     * @param ui.config - user config\n     * @param ui.onSelectFile - callback for clicks on Select file button\n     * @param ui.readOnly - read-only mode flag\n     */\n    constructor({ api, config, onSelectFile, readOnly }: UiParams) {\n        this.api = api;\n        this.config = config;\n        this.onSelectFile = onSelectFile;\n        this.readOnly = readOnly;\n        this.nodes = {\n            wrapper: make(\"div\", [this.CSS.baseClass, this.CSS.wrapper]),\n            imageContainer: make(\"div\", [this.CSS.imageContainer]),\n            fileButton: this.createFileButton(),\n            imageEl: undefined,\n            caption: make(\"div\", [this.CSS.input, this.CSS.caption], {\n                contentEditable: !this.readOnly\n            })\n        };\n\n        /**\n         * Create base structure\n         *  <wrapper>\n         *    <image-container/>\n         *    <caption />\n         *  </wrapper>\n         */\n        this.nodes.caption.dataset[\"placeholder\"] = this.config.captionPlaceholder;\n        this.nodes.wrapper.appendChild(this.nodes.imageContainer);\n        this.nodes.wrapper.appendChild(this.nodes.caption);\n        this.nodes.wrapper.appendChild(this.nodes.fileButton);\n    }\n\n    /**\n     * CSS classes\n     *\n     * @returns {object}\n     */\n    get CSS() {\n        return {\n            baseClass: this.api.styles.block,\n            input: this.api.styles.input,\n            button: this.api.styles.button,\n\n            /**\n             * Tool's classes\n             */\n            wrapper: \"image-tool\",\n            imageContainer: \"image-tool__image\",\n            imageEl: \"image-tool__image-picture\",\n            caption: \"image-tool__caption\"\n        };\n    }\n\n    /**\n     * Ui statuses:\n     * - empty\n     * - filled\n     *\n     * @returns {{EMPTY: string, UPLOADING: string, FILLED: string}}\n     */\n    static get status(): UiStatus {\n        return {\n            EMPTY: \"empty\",\n            FILLED: \"filled\"\n        };\n    }\n\n    /**\n     * Renders tool UI\n     *\n     * @param {ImageToolData} toolData - saved tool data\n     * @returns {Element}\n     */\n    render(toolData: ImageToolData) {\n        if (!toolData.file || Object.keys(toolData.file).length === 0) {\n            this.toggleStatus(Ui.status.EMPTY);\n        }\n\n        return this.nodes.wrapper;\n    }\n\n    /**\n     * Creates upload-file button\n     *\n     * @returns {Element}\n     */\n    createFileButton() {\n        const button = make(\"div\", [this.CSS.button]);\n\n        button.innerHTML = this.api.i18n.t(\"Select an Image\");\n\n        button.addEventListener(\"click\", () => {\n            this.onSelectFile();\n        });\n\n        return button;\n    }\n\n    /**\n     * Shows an image\n     *\n     * @param {string} url - image source\n     * @returns {void}\n     */\n    public fillImage(url: string): void {\n        /**\n         * Check for a source extension to compose element correctly: video tag for mp4, img — for others\n         */\n        const tag = /\\.mp4$/.test(url) ? \"VIDEO\" : \"IMG\";\n\n        const attributes: any = {\n            src: url\n        };\n\n        /**\n         * We use eventName variable because IMG and VIDEO tags have different event to be called on source load\n         * - IMG: load\n         * - VIDEO: loadeddata\n         *\n         * @type {string}\n         */\n        let eventName = \"load\";\n\n        /**\n         * Update attributes and eventName if source is a mp4 video\n         */\n        if (tag === \"VIDEO\") {\n            /**\n             * Add attributes for playing muted mp4 as a gif\n             *\n             * @type {boolean}\n             */\n            attributes.autoplay = true;\n            attributes.loop = true;\n            attributes.muted = true;\n            attributes.playsinline = true;\n\n            /**\n             * Change event to be listened\n             *\n             * @type {string}\n             */\n            eventName = \"loadeddata\";\n        }\n\n        /**\n         * Compose tag with defined attributes\n         *\n         * @type {Element}\n         */\n        this.nodes.imageEl = make(tag, this.CSS.imageEl, attributes);\n\n        /**\n         * Add load event listener\n         */\n        this.nodes.imageEl.addEventListener(eventName, () => {\n            this.toggleStatus(Ui.status.FILLED);\n        });\n\n        this.nodes.imageContainer.appendChild(this.nodes.imageEl);\n    }\n\n    /**\n     * Shows caption input\n     *\n     * @param {string} text - caption text\n     * @returns {void}\n     */\n    public fillCaption(text: string): void {\n        if (!this.nodes.caption) {\n            return;\n        }\n        this.nodes.caption.innerHTML = text;\n    }\n\n    /**\n     * Changes UI status\n     *\n     * @param {string} status - see {@link Ui.status} constants\n     * @returns {void}\n     */\n    public toggleStatus(status: string): void {\n        for (const statusType in Ui.status) {\n            if (Object.prototype.hasOwnProperty.call(Ui.status, statusType) === false) {\n                continue;\n            }\n            const newStatus = Ui.status[statusType];\n            this.nodes.wrapper.classList.toggle(\n                `${this.CSS.wrapper}--${newStatus}`,\n                status === newStatus\n            );\n        }\n    }\n\n    /**\n     * Apply visual representation of activated tune\n     *\n     * @param {string} tuneName - one of available tunes {@link Tunes.tunes}\n     * @param {boolean} status - true for enable, false for disable\n     * @returns {void}\n     */\n    public applyTune(tuneName: string, status: boolean) {\n        this.nodes.wrapper.classList.toggle(`${this.CSS.wrapper}--${tuneName}`, status);\n    }\n}\n\n/**\n * Helper for making Elements with attributes\n *\n * @param  {string} tagName           - new Element tag name\n * @param  {Array|string} classNames  - list or name of CSS class\n * @param  {object} attributes        - any attributes\n * @returns {HTMLElement}\n */\nexport const make = function make(\n    tagName: string,\n    classNames: string[] | string | null = null,\n    attributes?: Record<string, string | number | boolean>\n): HTMLElement {\n    const element: HTMLElement = document.createElement(tagName);\n\n    if (Array.isArray(classNames)) {\n        element.classList.add(...classNames);\n    } else if (classNames) {\n        element.classList.add(classNames);\n    }\n\n    if (!attributes) {\n        return element;\n    }\n    for (const attrName in attributes) {\n        /**\n         * Unfortunately it is a problem to map attributes to element because element is complaining\n         * that attrName is a string, which cannot index the HTMLElement\n         */\n        const key = attrName as keyof HTMLElement;\n        /**\n         * Error says that each key is a read-only property.\n         */\n        // @ts-expect-error\n        element[key] = attributes[attrName];\n    }\n\n    return element;\n};\n"],"mappings":"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","ignoreList":[]}