@ckeditor/ckeditor5-media-embed 38.2.0-alpha.1 → 39.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -4,7 +4,6 @@ CKEditor 5 media embed feature
4
4
  [![npm version](https://badge.fury.io/js/%40ckeditor%2Fckeditor5-media-embed.svg)](https://www.npmjs.com/package/@ckeditor/ckeditor5-media-embed)
5
5
  [![Coverage Status](https://coveralls.io/repos/github/ckeditor/ckeditor5/badge.svg?branch=master)](https://coveralls.io/github/ckeditor/ckeditor5?branch=master)
6
6
  [![Build Status](https://travis-ci.com/ckeditor/ckeditor5.svg?branch=master)](https://app.travis-ci.com/github/ckeditor/ckeditor5)
7
- ![Dependency Status](https://img.shields.io/librariesio/release/npm/@ckeditor/ckeditor5-media-embed)
8
7
 
9
8
  This package implements the media embed feature for CKEditor 5. You can use it to insert embeddable media such as YouTube or Vimeo videos and tweets into your rich text content.
10
9
 
@@ -1 +1 @@
1
- !function(e){const i=e.gl=e.gl||{};i.dictionary=Object.assign(i.dictionary||{},{"Insert media":"Inserir elemento multimedia","Media toolbar":"Barra de ferramentas de multimedia","Media URL":"URL multimedia","media widget":"trebello multimedia","Open media in new tab":"","Paste the media URL in the input.":"Pegue o URL do medio na entrada.","The URL must not be empty.":"O URL non debe estar baleiro.","This media URL is not supported.":"Este URL multimedia non é compatible.","Tip: Paste the URL into the content to embed faster.":"Consello: Pegue o URL no contido para incrustalo máis rápido."})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
1
+ !function(e){const i=e.gl=e.gl||{};i.dictionary=Object.assign(i.dictionary||{},{"Insert media":"Inserir elemento multimedia","Media toolbar":"Barra de ferramentas de multimedia","Media URL":"URL multimedia","media widget":"Trebello multimedia","Open media in new tab":"Abrir multimedia nunha nova lapela","Paste the media URL in the input.":"Pegue o URL do medio na entrada.","The URL must not be empty.":"O URL non debe estar baleiro.","This media URL is not supported.":"Este URL multimedia non é compatible.","Tip: Paste the URL into the content to embed faster.":"Consello: Pegue o URL no contido para incrustalo máis rápido."})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
@@ -1 +1 @@
1
- !function(e){const t=e.sq=e.sq||{};t.dictionary=Object.assign(t.dictionary||{},{"Insert media":"Shto Medie","Media toolbar":"","Media URL":"URL e Medies","media widget":"Vegla e medies","Open media in new tab":"","Paste the media URL in the input.":"","The URL must not be empty.":"URL nuk duhet të jetë e zbrazët.","This media URL is not supported.":"URL e medies nuk mbështetet.","Tip: Paste the URL into the content to embed faster.":""})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
1
+ !function(e){const t=e.sq=e.sq||{};t.dictionary=Object.assign(t.dictionary||{},{"Insert media":"Shto Medie","Media toolbar":"Kokështrirja e mediave","Media URL":"URL e Medies","media widget":"Vegla e medies","Open media in new tab":"","Paste the media URL in the input.":"","The URL must not be empty.":"URL nuk duhet të jetë e zbrazët.","This media URL is not supported.":"URL e medies nuk mbështetet.","Tip: Paste the URL into the content to embed faster.":""})}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
@@ -18,7 +18,7 @@ msgstr ""
18
18
 
19
19
  msgctxt "Label for the media widget."
20
20
  msgid "media widget"
21
- msgstr "trebello multimedia"
21
+ msgstr "Trebello multimedia"
22
22
 
23
23
  msgctxt "Label for the URL input in the Media Embed URL editing balloon."
24
24
  msgid "Media URL"
@@ -50,4 +50,4 @@ msgstr "Barra de ferramentas de multimedia"
50
50
 
51
51
  msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
52
52
  msgid "Open media in new tab"
53
- msgstr ""
53
+ msgstr "Abrir multimedia nunha nova lapela"
@@ -46,7 +46,7 @@ msgstr "Shto Medie"
46
46
 
47
47
  msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
48
48
  msgid "Media toolbar"
49
- msgstr ""
49
+ msgstr "Kokështrirja e mediave"
50
50
 
51
51
  msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
52
52
  msgid "Open media in new tab"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ckeditor/ckeditor5-media-embed",
3
- "version": "38.2.0-alpha.1",
3
+ "version": "39.0.1",
4
4
  "description": "Media embed feature for CKEditor 5.",
5
5
  "keywords": [
6
6
  "ckeditor",
@@ -11,10 +11,9 @@
11
11
  "ckeditor5-dll"
12
12
  ],
13
13
  "main": "src/index.js",
14
- "type": "module",
15
14
  "dependencies": {
16
- "@ckeditor/ckeditor5-ui": "38.2.0-alpha.1",
17
- "ckeditor5": "38.2.0-alpha.1"
15
+ "@ckeditor/ckeditor5-ui": "39.0.1",
16
+ "ckeditor5": "39.0.1"
18
17
  },
19
18
  "engines": {
20
19
  "node": ">=16.0.0",
@@ -2,7 +2,7 @@
2
2
  * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
4
  */
5
- import type { MediaEmbedConfig, AutoMediaEmbed, MediaEmbed, MediaEmbedEditing, MediaEmbedToolbar, MediaEmbedUI, MediaEmbedCommand } from './index.js';
5
+ import type { MediaEmbedConfig, AutoMediaEmbed, MediaEmbed, MediaEmbedEditing, MediaEmbedToolbar, MediaEmbedUI, MediaEmbedCommand } from './index';
6
6
  declare module '@ckeditor/ckeditor5-core' {
7
7
  interface EditorConfig {
8
8
  /**
@@ -5,10 +5,10 @@
5
5
  /**
6
6
  * @module media-embed/automediaembed
7
7
  */
8
- import { type Editor, Plugin } from 'ckeditor5/src/core.js';
9
- import { Clipboard } from 'ckeditor5/src/clipboard.js';
10
- import { Delete } from 'ckeditor5/src/typing.js';
11
- import { Undo } from 'ckeditor5/src/undo.js';
8
+ import { type Editor, Plugin } from 'ckeditor5/src/core';
9
+ import { Clipboard } from 'ckeditor5/src/clipboard';
10
+ import { Delete } from 'ckeditor5/src/typing';
11
+ import { Undo } from 'ckeditor5/src/undo';
12
12
  /**
13
13
  * The auto-media embed plugin. It recognizes media links in the pasted content and embeds
14
14
  * them shortly after they are injected into the document.
@@ -5,14 +5,14 @@
5
5
  /**
6
6
  * @module media-embed/automediaembed
7
7
  */
8
- import { Plugin } from 'ckeditor5/src/core.js';
9
- import { LiveRange, LivePosition } from 'ckeditor5/src/engine.js';
10
- import { Clipboard } from 'ckeditor5/src/clipboard.js';
11
- import { Delete } from 'ckeditor5/src/typing.js';
12
- import { Undo } from 'ckeditor5/src/undo.js';
13
- import { global } from 'ckeditor5/src/utils.js';
14
- import MediaEmbedEditing from './mediaembedediting.js';
15
- import { insertMedia } from './utils.js';
8
+ import { Plugin } from 'ckeditor5/src/core';
9
+ import { LiveRange, LivePosition } from 'ckeditor5/src/engine';
10
+ import { Clipboard } from 'ckeditor5/src/clipboard';
11
+ import { Delete } from 'ckeditor5/src/typing';
12
+ import { Undo } from 'ckeditor5/src/undo';
13
+ import { global } from 'ckeditor5/src/utils';
14
+ import MediaEmbedEditing from './mediaembedediting';
15
+ import { insertMedia } from './utils';
16
16
  const URL_REGEXP = /^(?:http(s)?:\/\/)?[\w-]+\.[\w-.~:/?#[\]@!$&'()*+,;=%]+$/;
17
17
  /**
18
18
  * The auto-media embed plugin. It recognizes media links in the pasted content and embeds
@@ -2,9 +2,9 @@
2
2
  * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
4
  */
5
- import type { DowncastDispatcher } from 'ckeditor5/src/engine.js';
6
- import type MediaRegistry from './mediaregistry.js';
7
- import type { MediaOptions } from './utils.js';
5
+ import type { DowncastDispatcher } from 'ckeditor5/src/engine';
6
+ import type MediaRegistry from './mediaregistry';
7
+ import type { MediaOptions } from './utils';
8
8
  /**
9
9
  * Returns a function that converts the model "url" attribute to the view representation.
10
10
  *
package/src/index.d.ts CHANGED
@@ -5,11 +5,11 @@
5
5
  /**
6
6
  * @module media-embed
7
7
  */
8
- export { default as MediaEmbed } from './mediaembed.js';
9
- export { default as MediaEmbedEditing } from './mediaembedediting.js';
10
- export { default as MediaEmbedUI } from './mediaembedui.js';
11
- export { default as AutoMediaEmbed } from './automediaembed.js';
12
- export { default as MediaEmbedToolbar } from './mediaembedtoolbar.js';
13
- export type { MediaEmbedConfig } from './mediaembedconfig.js';
14
- export type { default as MediaEmbedCommand } from './mediaembedcommand.js';
15
- import './augmentation.js';
8
+ export { default as MediaEmbed } from './mediaembed';
9
+ export { default as MediaEmbedEditing } from './mediaembedediting';
10
+ export { default as MediaEmbedUI } from './mediaembedui';
11
+ export { default as AutoMediaEmbed } from './automediaembed';
12
+ export { default as MediaEmbedToolbar } from './mediaembedtoolbar';
13
+ export type { MediaEmbedConfig } from './mediaembedconfig';
14
+ export type { default as MediaEmbedCommand } from './mediaembedcommand';
15
+ import './augmentation';
package/src/index.js CHANGED
@@ -5,9 +5,9 @@
5
5
  /**
6
6
  * @module media-embed
7
7
  */
8
- export { default as MediaEmbed } from './mediaembed.js';
9
- export { default as MediaEmbedEditing } from './mediaembedediting.js';
10
- export { default as MediaEmbedUI } from './mediaembedui.js';
11
- export { default as AutoMediaEmbed } from './automediaembed.js';
12
- export { default as MediaEmbedToolbar } from './mediaembedtoolbar.js';
13
- import './augmentation.js';
8
+ export { default as MediaEmbed } from './mediaembed';
9
+ export { default as MediaEmbedEditing } from './mediaembedediting';
10
+ export { default as MediaEmbedUI } from './mediaembedui';
11
+ export { default as AutoMediaEmbed } from './automediaembed';
12
+ export { default as MediaEmbedToolbar } from './mediaembedtoolbar';
13
+ import './augmentation';
@@ -5,11 +5,11 @@
5
5
  /**
6
6
  * @module media-embed/mediaembed
7
7
  */
8
- import { Plugin } from 'ckeditor5/src/core.js';
9
- import { Widget } from 'ckeditor5/src/widget.js';
10
- import MediaEmbedEditing from './mediaembedediting.js';
11
- import AutoMediaEmbed from './automediaembed.js';
12
- import MediaEmbedUI from './mediaembedui.js';
8
+ import { Plugin } from 'ckeditor5/src/core';
9
+ import { Widget } from 'ckeditor5/src/widget';
10
+ import MediaEmbedEditing from './mediaembedediting';
11
+ import AutoMediaEmbed from './automediaembed';
12
+ import MediaEmbedUI from './mediaembedui';
13
13
  import '../theme/mediaembed.css';
14
14
  /**
15
15
  * The media embed plugin.
package/src/mediaembed.js CHANGED
@@ -5,11 +5,11 @@
5
5
  /**
6
6
  * @module media-embed/mediaembed
7
7
  */
8
- import { Plugin } from 'ckeditor5/src/core.js';
9
- import { Widget } from 'ckeditor5/src/widget.js';
10
- import MediaEmbedEditing from './mediaembedediting.js';
11
- import AutoMediaEmbed from './automediaembed.js';
12
- import MediaEmbedUI from './mediaembedui.js';
8
+ import { Plugin } from 'ckeditor5/src/core';
9
+ import { Widget } from 'ckeditor5/src/widget';
10
+ import MediaEmbedEditing from './mediaembedediting';
11
+ import AutoMediaEmbed from './automediaembed';
12
+ import MediaEmbedUI from './mediaembedui';
13
13
  import '../theme/mediaembed.css';
14
14
  /**
15
15
  * The media embed plugin.
@@ -2,7 +2,7 @@
2
2
  * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
4
  */
5
- import { Command } from 'ckeditor5/src/core.js';
5
+ import { Command } from 'ckeditor5/src/core';
6
6
  /**
7
7
  * The insert media command.
8
8
  *
@@ -2,9 +2,9 @@
2
2
  * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
4
  */
5
- import { Command } from 'ckeditor5/src/core.js';
6
- import { findOptimalInsertionRange } from 'ckeditor5/src/widget.js';
7
- import { getSelectedMediaModelWidget, insertMedia } from './utils.js';
5
+ import { Command } from 'ckeditor5/src/core';
6
+ import { findOptimalInsertionRange } from 'ckeditor5/src/widget';
7
+ import { getSelectedMediaModelWidget, insertMedia } from './utils';
8
8
  /**
9
9
  * The insert media command.
10
10
  *
@@ -2,8 +2,8 @@
2
2
  * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
4
  */
5
- import type { ToolbarConfigItem } from 'ckeditor5/src/core.js';
6
- import type { ArrayOrItem } from 'ckeditor5/src/utils.js';
5
+ import type { ToolbarConfigItem } from 'ckeditor5/src/core';
6
+ import type { ArrayOrItem } from 'ckeditor5/src/utils';
7
7
  /**
8
8
  * @module media-embed/mediaembedconfig
9
9
  */
@@ -5,8 +5,8 @@
5
5
  /**
6
6
  * @module media-embed/mediaembedediting
7
7
  */
8
- import { Plugin, type Editor } from 'ckeditor5/src/core.js';
9
- import MediaRegistry from './mediaregistry.js';
8
+ import { Plugin, type Editor } from 'ckeditor5/src/core';
9
+ import MediaRegistry from './mediaregistry';
10
10
  import '../theme/mediaembedediting.css';
11
11
  /**
12
12
  * The media embed editing feature.
@@ -5,12 +5,12 @@
5
5
  /**
6
6
  * @module media-embed/mediaembedediting
7
7
  */
8
- import { Plugin } from 'ckeditor5/src/core.js';
9
- import { first } from 'ckeditor5/src/utils.js';
10
- import { modelToViewUrlAttributeConverter } from './converters.js';
11
- import MediaEmbedCommand from './mediaembedcommand.js';
12
- import MediaRegistry from './mediaregistry.js';
13
- import { toMediaWidget, createMediaFigureElement } from './utils.js';
8
+ import { Plugin } from 'ckeditor5/src/core';
9
+ import { first } from 'ckeditor5/src/utils';
10
+ import { modelToViewUrlAttributeConverter } from './converters';
11
+ import MediaEmbedCommand from './mediaembedcommand';
12
+ import MediaRegistry from './mediaregistry';
13
+ import { toMediaWidget, createMediaFigureElement } from './utils';
14
14
  import '../theme/mediaembedediting.css';
15
15
  /**
16
16
  * The media embed editing feature.
@@ -5,9 +5,9 @@
5
5
  /**
6
6
  * @module media-embed/mediaembedtoolbar
7
7
  */
8
- import { Plugin } from 'ckeditor5/src/core.js';
9
- import { WidgetToolbarRepository } from 'ckeditor5/src/widget.js';
10
- import './mediaembedconfig.js';
8
+ import { Plugin } from 'ckeditor5/src/core';
9
+ import { WidgetToolbarRepository } from 'ckeditor5/src/widget';
10
+ import './mediaembedconfig';
11
11
  /**
12
12
  * The media embed toolbar plugin. It creates a toolbar for media embed that shows up when the media element is selected.
13
13
  *
@@ -5,10 +5,10 @@
5
5
  /**
6
6
  * @module media-embed/mediaembedtoolbar
7
7
  */
8
- import { Plugin } from 'ckeditor5/src/core.js';
9
- import { WidgetToolbarRepository } from 'ckeditor5/src/widget.js';
10
- import { getSelectedMediaViewWidget } from './utils.js';
11
- import './mediaembedconfig.js';
8
+ import { Plugin } from 'ckeditor5/src/core';
9
+ import { WidgetToolbarRepository } from 'ckeditor5/src/widget';
10
+ import { getSelectedMediaViewWidget } from './utils';
11
+ import './mediaembedconfig';
12
12
  /**
13
13
  * The media embed toolbar plugin. It creates a toolbar for media embed that shows up when the media element is selected.
14
14
  *
@@ -5,8 +5,8 @@
5
5
  /**
6
6
  * @module media-embed/mediaembedui
7
7
  */
8
- import { Plugin } from 'ckeditor5/src/core.js';
9
- import MediaEmbedEditing from './mediaembedediting.js';
8
+ import { Plugin } from 'ckeditor5/src/core';
9
+ import MediaEmbedEditing from './mediaembedediting';
10
10
  /**
11
11
  * The media embed UI plugin.
12
12
  */
@@ -5,10 +5,10 @@
5
5
  /**
6
6
  * @module media-embed/mediaembedui
7
7
  */
8
- import { Plugin } from 'ckeditor5/src/core.js';
9
- import { createDropdown, CssTransitionDisablerMixin } from 'ckeditor5/src/ui.js';
10
- import MediaFormView from './ui/mediaformview.js';
11
- import MediaEmbedEditing from './mediaembedediting.js';
8
+ import { Plugin } from 'ckeditor5/src/core';
9
+ import { createDropdown, CssTransitionDisablerMixin } from 'ckeditor5/src/ui';
10
+ import MediaFormView from './ui/mediaformview';
11
+ import MediaEmbedEditing from './mediaembedediting';
12
12
  import mediaIcon from '../theme/icons/media.svg';
13
13
  /**
14
14
  * The media embed UI plugin.
@@ -5,10 +5,10 @@
5
5
  /**
6
6
  * @module media-embed/mediaregistry
7
7
  */
8
- import type { DowncastWriter, ViewElement } from 'ckeditor5/src/engine.js';
9
- import { type Locale } from 'ckeditor5/src/utils.js';
10
- import type { MediaEmbedConfig, MediaEmbedProvider } from './mediaembedconfig.js';
11
- import type { MediaOptions } from './utils.js';
8
+ import type { DowncastWriter, ViewElement } from 'ckeditor5/src/engine';
9
+ import { type Locale } from 'ckeditor5/src/utils';
10
+ import type { MediaEmbedConfig, MediaEmbedProvider } from './mediaembedconfig';
11
+ import type { MediaOptions } from './utils';
12
12
  /**
13
13
  * A bridge between the raw media content provider definitions and the editor view content.
14
14
  *
@@ -2,8 +2,8 @@
2
2
  * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
4
  */
5
- import { IconView, Template } from 'ckeditor5/src/ui.js';
6
- import { logWarning, toArray } from 'ckeditor5/src/utils.js';
5
+ import { IconView, Template } from 'ckeditor5/src/ui';
6
+ import { logWarning, toArray } from 'ckeditor5/src/utils';
7
7
  import mediaPlaceholderIcon from '../theme/icons/media-placeholder.svg';
8
8
  const mediaPlaceholderIconViewBox = '0 0 64 42';
9
9
  /**
@@ -5,8 +5,8 @@
5
5
  /**
6
6
  * @module media-embed/ui/mediaformview
7
7
  */
8
- import { type InputTextView, ButtonView, LabeledFieldView, View } from 'ckeditor5/src/ui.js';
9
- import { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils.js';
8
+ import { type InputTextView, ButtonView, LabeledFieldView, View } from 'ckeditor5/src/ui';
9
+ import { FocusTracker, KeystrokeHandler, type Locale } from 'ckeditor5/src/utils';
10
10
  import '@ckeditor/ckeditor5-ui/theme/components/responsive-form/responsiveform.css';
11
11
  import '../../theme/mediaform.css';
12
12
  /**
@@ -5,9 +5,9 @@
5
5
  /**
6
6
  * @module media-embed/ui/mediaformview
7
7
  */
8
- import { ButtonView, FocusCycler, LabeledFieldView, View, ViewCollection, createLabeledInputText, submitHandler } from 'ckeditor5/src/ui.js';
9
- import { FocusTracker, KeystrokeHandler } from 'ckeditor5/src/utils.js';
10
- import { icons } from 'ckeditor5/src/core.js';
8
+ import { ButtonView, FocusCycler, LabeledFieldView, View, ViewCollection, createLabeledInputText, submitHandler } from 'ckeditor5/src/ui';
9
+ import { FocusTracker, KeystrokeHandler } from 'ckeditor5/src/utils';
10
+ import { icons } from 'ckeditor5/src/core';
11
11
  // See: #8833.
12
12
  // eslint-disable-next-line ckeditor5-rules/ckeditor-imports
13
13
  import '@ckeditor/ckeditor5-ui/theme/components/responsive-form/responsiveform.css';
package/src/utils.d.ts CHANGED
@@ -5,8 +5,8 @@
5
5
  /**
6
6
  * @module media-embed/utils
7
7
  */
8
- import type { ViewContainerElement, Element, Model, Selectable, Selection, DowncastWriter, ViewDocumentSelection, ViewElement, DocumentSelection } from 'ckeditor5/src/engine.js';
9
- import type MediaRegistry from './mediaregistry.js';
8
+ import type { ViewContainerElement, Element, Model, Selectable, Selection, DowncastWriter, ViewDocumentSelection, ViewElement, DocumentSelection } from 'ckeditor5/src/engine';
9
+ import type MediaRegistry from './mediaregistry';
10
10
  /**
11
11
  * Converts a given {@link module:engine/view/element~Element} to a media embed widget:
12
12
  * * Adds a {@link module:engine/view/element~Element#_setCustomProperty custom property} allowing to recognize the media widget element.
package/src/utils.js CHANGED
@@ -2,7 +2,7 @@
2
2
  * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
4
  */
5
- import { isWidget, toWidget } from 'ckeditor5/src/widget.js';
5
+ import { isWidget, toWidget } from 'ckeditor5/src/widget';
6
6
  /**
7
7
  * Converts a given {@link module:engine/view/element~Element} to a media embed widget:
8
8
  * * Adds a {@link module:engine/view/element~Element#_setCustomProperty custom property} allowing to recognize the media widget element.