@ckeditor/ckeditor5-media-embed 34.2.0 → 35.1.0

package/lang/translations/ms.po

@@ -0,0 +1,53 @@
+# Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+#
+#                                     !!! IMPORTANT !!!
+#
+#         Before you edit this file, please keep in mind that contributing to the project
+#                translations is possible ONLY via the Transifex online service.
+#
+#         To submit your translations, visit https://www.transifex.com/ckeditor/ckeditor5.
+#
+#                   To learn more, check out the official contributor's guide:
+#     https://ckeditor.com/docs/ckeditor5/latest/framework/guides/contributing/contributing.html
+#
+msgid ""
+msgstr ""
+"Language-Team: Malay (https://www.transifex.com/ckeditor/teams/11143/ms/)\n"
+"Language: ms\n"
+"Plural-Forms: nplurals=1; plural=0;\n"
+
+msgctxt "Label for the media widget."
+msgid "media widget"
+msgstr "widget media"
+
+msgctxt "Label for the URL input in the Media Embed URL editing balloon."
+msgid "Media URL"
+msgstr "URL Media"
+
+msgctxt "The help text displayed under the media URL input helping users to discover the interface."
+msgid "Paste the media URL in the input."
+msgstr "Tampal URL media dalam input."
+
+msgctxt "The tip displayed next to the media URL input informing about an easier way of embedding."
+msgid "Tip: Paste the URL into the content to embed faster."
+msgstr "Petua: Tampal URL kedalam kandungan untuk   membenam dengan lebih pantas."
+
+msgctxt "An error message that informs about an empty value in the URL input."
+msgid "The URL must not be empty."
+msgstr "URL tidak boleh ditinggalkan kosong."
+
+msgctxt "An error message that informs about unsupported media URL."
+msgid "This media URL is not supported."
+msgstr "URL media ini tidak disokong."
+
+msgctxt "Toolbar button tooltip for the Media Embed feature."
+msgid "Insert media"
+msgstr "Masukkan media"
+
+msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
+msgid "Media toolbar"
+msgstr "Bar alat capaian media"
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
+msgstr ""

package/lang/translations/ne.po

@@ -47,3 +47,7 @@ msgstr "मिडिया सम्मिलित गर्नुहोस्
 msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
 msgid "Media toolbar"
 msgstr ""
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
+msgstr ""

package/lang/translations/nl.po

@@ -47,3 +47,7 @@ msgstr "Voer media in"
 msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
 msgid "Media toolbar"
 msgstr "Media werkbalk"
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
+msgstr ""

package/lang/translations/no.po

@@ -47,3 +47,7 @@ msgstr "Sett inn media"
 msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
 msgid "Media toolbar"
 msgstr "Media verktøy "
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
+msgstr ""

package/lang/translations/pl.po

@@ -47,3 +47,7 @@ msgstr "Wstaw media"
 msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
 msgid "Media toolbar"
 msgstr "Pasek narzędzi mediów"
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
+msgstr ""

package/lang/translations/pt-br.po

@@ -47,3 +47,7 @@ msgstr "Inserir mídia"
 msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
 msgid "Media toolbar"
 msgstr "Ferramentas de Mídia"
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
+msgstr ""

package/lang/translations/pt.po

@@ -0,0 +1,53 @@
+# Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+#
+#                                     !!! IMPORTANT !!!
+#
+#         Before you edit this file, please keep in mind that contributing to the project
+#                translations is possible ONLY via the Transifex online service.
+#
+#         To submit your translations, visit https://www.transifex.com/ckeditor/ckeditor5.
+#
+#                   To learn more, check out the official contributor's guide:
+#     https://ckeditor.com/docs/ckeditor5/latest/framework/guides/contributing/contributing.html
+#
+msgid ""
+msgstr ""
+"Language-Team: Portuguese (https://www.transifex.com/ckeditor/teams/11143/pt/)\n"
+"Language: pt\n"
+"Plural-Forms: nplurals=3; plural=(n == 0 || n == 1) ? 0 : n != 0 && n % 1000000 == 0 ? 1 : 2;\n"
+
+msgctxt "Label for the media widget."
+msgid "media widget"
+msgstr "widget de média"
+
+msgctxt "Label for the URL input in the Media Embed URL editing balloon."
+msgid "Media URL"
+msgstr "URL de média"
+
+msgctxt "The help text displayed under the media URL input helping users to discover the interface."
+msgid "Paste the media URL in the input."
+msgstr "Cole o URL de média no input."
+
+msgctxt "The tip displayed next to the media URL input informing about an easier way of embedding."
+msgid "Tip: Paste the URL into the content to embed faster."
+msgstr "Dica: Cole o URL no conteúdo para incorporar mais rapidamente."
+
+msgctxt "An error message that informs about an empty value in the URL input."
+msgid "The URL must not be empty."
+msgstr "O URL não pode estar vazio."
+
+msgctxt "An error message that informs about unsupported media URL."
+msgid "This media URL is not supported."
+msgstr "Este URL de média não é suportado."
+
+msgctxt "Toolbar button tooltip for the Media Embed feature."
+msgid "Insert media"
+msgstr "Inserir média"
+
+msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
+msgid "Media toolbar"
+msgstr "Barra de ferramentas de média"
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
+msgstr ""

package/lang/translations/ro.po

@@ -47,3 +47,7 @@ msgstr "Inserează media"
 msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
 msgid "Media toolbar"
 msgstr "Bară media"
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
+msgstr ""

package/lang/translations/ru.po

@@ -47,3 +47,7 @@ msgstr "Вставить медиа"
 msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
 msgid "Media toolbar"
 msgstr "Панель инструментов медиа"
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
+msgstr ""

package/lang/translations/sk.po

@@ -47,3 +47,7 @@ msgstr "Vložiť média"
 msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
 msgid "Media toolbar"
 msgstr "Nástroje pre médiá"
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
+msgstr ""

package/lang/translations/sq.po

@@ -47,3 +47,7 @@ msgstr "Shto Medie"
 msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
 msgid "Media toolbar"
 msgstr ""
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
+msgstr ""

package/lang/translations/sr-latn.po

@@ -47,3 +47,7 @@ msgstr "Dodaj media"
 msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
 msgid "Media toolbar"
 msgstr "Mediji traka sa alatkama"
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
+msgstr ""

package/lang/translations/sr.po

@@ -47,3 +47,7 @@ msgstr "Додај медиа"
 msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
 msgid "Media toolbar"
 msgstr "Медији трака са алаткама"
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
+msgstr ""

package/lang/translations/sv.po

@@ -18,27 +18,27 @@ msgstr ""
 
 msgctxt "Label for the media widget."
 msgid "media widget"
-msgstr ""
+msgstr "mediewidget"
 
 msgctxt "Label for the URL input in the Media Embed URL editing balloon."
 msgid "Media URL"
-msgstr ""
+msgstr "Medie-URL"
 
 msgctxt "The help text displayed under the media URL input helping users to discover the interface."
 msgid "Paste the media URL in the input."
-msgstr ""
+msgstr "Klistra in medie-URL:en i indata."
 
 msgctxt "The tip displayed next to the media URL input informing about an easier way of embedding."
 msgid "Tip: Paste the URL into the content to embed faster."
-msgstr ""
+msgstr "Tips: Klistra in URL:en i innehållet för snabbare inbäddning."
 
 msgctxt "An error message that informs about an empty value in the URL input."
 msgid "The URL must not be empty."
-msgstr ""
+msgstr "URL:en får inte vara tom."
 
 msgctxt "An error message that informs about unsupported media URL."
 msgid "This media URL is not supported."
-msgstr ""
+msgstr "Medie-URL:en stöds inte."
 
 msgctxt "Toolbar button tooltip for the Media Embed feature."
 msgid "Insert media"
@@ -46,4 +46,8 @@ msgstr "Lägg in media"
 
 msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
 msgid "Media toolbar"
+msgstr "Medieverktygsfält"
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
 msgstr ""

package/lang/translations/th.po

@@ -0,0 +1,53 @@
+# Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+#
+#                                     !!! IMPORTANT !!!
+#
+#         Before you edit this file, please keep in mind that contributing to the project
+#                translations is possible ONLY via the Transifex online service.
+#
+#         To submit your translations, visit https://www.transifex.com/ckeditor/ckeditor5.
+#
+#                   To learn more, check out the official contributor's guide:
+#     https://ckeditor.com/docs/ckeditor5/latest/framework/guides/contributing/contributing.html
+#
+msgid ""
+msgstr ""
+"Language-Team: Thai (https://www.transifex.com/ckeditor/teams/11143/th/)\n"
+"Language: th\n"
+"Plural-Forms: nplurals=1; plural=0;\n"
+
+msgctxt "Label for the media widget."
+msgid "media widget"
+msgstr "วิดเจ็ตสื่อ"
+
+msgctxt "Label for the URL input in the Media Embed URL editing balloon."
+msgid "Media URL"
+msgstr "URL สื่อ"
+
+msgctxt "The help text displayed under the media URL input helping users to discover the interface."
+msgid "Paste the media URL in the input."
+msgstr "วาง URL สื่อในอินพุต"
+
+msgctxt "The tip displayed next to the media URL input informing about an easier way of embedding."
+msgid "Tip: Paste the URL into the content to embed faster."
+msgstr "เคล็ดลับ: การวาง URL ลงในเนื้อหาจะช่วยให้ฝังได้เร็วขึ้น"
+
+msgctxt "An error message that informs about an empty value in the URL input."
+msgid "The URL must not be empty."
+msgstr "URL ต้องไม่ว่างเปล่า"
+
+msgctxt "An error message that informs about unsupported media URL."
+msgid "This media URL is not supported."
+msgstr "ไม่รองรับ URL ของสื่อนี้"
+
+msgctxt "Toolbar button tooltip for the Media Embed feature."
+msgid "Insert media"
+msgstr "แทรกสื่อ"
+
+msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
+msgid "Media toolbar"
+msgstr "แถบเครื่องมือสื่อ"
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
+msgstr ""

package/lang/translations/tk.po

@@ -47,3 +47,7 @@ msgstr "Mediýa goýuň"
 msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
 msgid "Media toolbar"
 msgstr "Mediýa gurallar paneli"
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
+msgstr ""

package/lang/translations/tr.po

@@ -47,3 +47,7 @@ msgstr "Medya Ekle"
 msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
 msgid "Media toolbar"
 msgstr "Medya araç çubuğu"
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
+msgstr ""

package/lang/translations/uk.po

@@ -47,3 +47,7 @@ msgstr "Вставити медіа"
 msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
 msgid "Media toolbar"
 msgstr "Панель інструментів медіа"
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
+msgstr ""

package/lang/translations/ur.po

@@ -26,11 +26,11 @@ msgstr "میڈیا یو آر ایل"
 
 msgctxt "The help text displayed under the media URL input helping users to discover the interface."
 msgid "Paste the media URL in the input."
-msgstr ""
+msgstr "میڈیا یو آر ایل کو چسپاں کریں"
 
 msgctxt "The tip displayed next to the media URL input informing about an easier way of embedding."
 msgid "Tip: Paste the URL into the content to embed faster."
-msgstr ""
+msgstr "نکتہ : یو آر ایل کو جلد ضم کرنے کے لیے ربط مواد میں چسپاں کریں"
 
 msgctxt "An error message that informs about an empty value in the URL input."
 msgid "The URL must not be empty."
@@ -47,3 +47,7 @@ msgstr "میڈیا نصب کریں"
 msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
 msgid "Media toolbar"
 msgstr "آلہ جات برائے میڈیا"
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
+msgstr ""

package/lang/translations/uz.po

@@ -47,3 +47,7 @@ msgstr "Mediani joylashtiring"
 msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
 msgid "Media toolbar"
 msgstr "Media asboblar paneli"
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
+msgstr ""

package/lang/translations/vi.po

@@ -47,3 +47,7 @@ msgstr "Chèn đa phương tiện"
 msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
 msgid "Media toolbar"
 msgstr "Thanh công cụ đa phương tiện"
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
+msgstr ""

package/lang/translations/zh-cn.po

@@ -47,3 +47,7 @@ msgstr "插入媒体"
 msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
 msgid "Media toolbar"
 msgstr "媒体工具栏"
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
+msgstr ""

package/lang/translations/zh.po

@@ -47,3 +47,7 @@ msgstr "插入影音"
 msgctxt "The label used by assistive technologies describing an image toolbar attached to an image widget."
 msgid "Media toolbar"
 msgstr "影音工具"
+
+msgctxt "A tooltip displayed when the user hovers a non-previewable media URL in the editor content."
+msgid "Open media in new tab"
+msgstr ""

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-media-embed",
-  "version": "34.2.0",
+  "version": "35.1.0",
   "description": "Media embed feature for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -12,28 +12,29 @@
   ],
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-ui": "^34.2.0",
-    "ckeditor5": "^34.2.0"
+    "@ckeditor/ckeditor5-ui": "^35.1.0",
+    "ckeditor5": "^35.1.0"
   },
   "devDependencies": {
-    "@ckeditor/ckeditor5-basic-styles": "^34.2.0",
-    "@ckeditor/ckeditor5-clipboard": "^34.2.0",
-    "@ckeditor/ckeditor5-core": "^34.2.0",
+    "@ckeditor/ckeditor5-basic-styles": "^35.1.0",
+    "@ckeditor/ckeditor5-clipboard": "^35.1.0",
+    "@ckeditor/ckeditor5-core": "^35.1.0",
     "@ckeditor/ckeditor5-dev-utils": "^30.0.0",
-    "@ckeditor/ckeditor5-editor-balloon": "^34.2.0",
-    "@ckeditor/ckeditor5-editor-classic": "^34.2.0",
-    "@ckeditor/ckeditor5-engine": "^34.2.0",
-    "@ckeditor/ckeditor5-image": "^34.2.0",
-    "@ckeditor/ckeditor5-link": "^34.2.0",
-    "@ckeditor/ckeditor5-paragraph": "^34.2.0",
-    "@ckeditor/ckeditor5-table": "^34.2.0",
-    "@ckeditor/ckeditor5-theme-lark": "^34.2.0",
-    "@ckeditor/ckeditor5-typing": "^34.2.0",
-    "@ckeditor/ckeditor5-undo": "^34.2.0",
-    "@ckeditor/ckeditor5-utils": "^34.2.0",
-    "@ckeditor/ckeditor5-widget": "^34.2.0",
+    "@ckeditor/ckeditor5-editor-balloon": "^35.1.0",
+    "@ckeditor/ckeditor5-editor-classic": "^35.1.0",
+    "@ckeditor/ckeditor5-engine": "^35.1.0",
+    "@ckeditor/ckeditor5-image": "^35.1.0",
+    "@ckeditor/ckeditor5-link": "^35.1.0",
+    "@ckeditor/ckeditor5-paragraph": "^35.1.0",
+    "@ckeditor/ckeditor5-table": "^35.1.0",
+    "@ckeditor/ckeditor5-theme-lark": "^35.1.0",
+    "@ckeditor/ckeditor5-typing": "^35.1.0",
+    "@ckeditor/ckeditor5-undo": "^35.1.0",
+    "@ckeditor/ckeditor5-utils": "^35.1.0",
+    "@ckeditor/ckeditor5-widget": "^35.1.0",
     "webpack": "^5.58.1",
-    "webpack-cli": "^4.9.0"
+    "webpack-cli": "^4.9.0",
+    "lodash-es": "^4.17.15"
   },
   "engines": {
     "node": ">=14.0.0",
@@ -53,7 +54,8 @@
     "src",
     "theme",
     "build",
-    "ckeditor5-metadata.json"
+    "ckeditor5-metadata.json",
+    "CHANGELOG.md"
   ],
   "scripts": {
     "dll:build": "webpack"

package/src/mediaembedediting.js

@@ -80,17 +80,18 @@ export default class MediaEmbedEditing extends Plugin {
 				{
 					name: 'youtube',
 					url: [
-						/^(?:m\.)?youtube\.com\/watch\?v=([\w-]+)/,
-						/^(?:m\.)?youtube\.com\/v\/([\w-]+)/,
-						/^youtube\.com\/embed\/([\w-]+)/,
-						/^youtu\.be\/([\w-]+)/
+						/^(?:m\.)?youtube\.com\/watch\?v=([\w-]+)(?:&t=(\d+))?/,
+						/^(?:m\.)?youtube\.com\/v\/([\w-]+)(?:\?t=(\d+))?/,
+						/^youtube\.com\/embed\/([\w-]+)(?:\?start=(\d+))?/,
+						/^youtu\.be\/([\w-]+)(?:\?t=(\d+))?/
 					],
 					html: match => {
 						const id = match[ 1 ];
+						const time = match[ 2 ];
 
 						return (
 							'<div style="position: relative; padding-bottom: 100%; height: 0; padding-bottom: 56.2493%;">' +
-								`<iframe src="https://www.youtube.com/embed/${ id }" ` +
+								`<iframe src="https://www.youtube.com/embed/${ id }${ time ? `?start=${ time }` : '' }" ` +
 									'style="position: absolute; width: 100%; height: 100%; top: 0; left: 0;" ' +
 									'frameborder="0" allow="autoplay; encrypted-media" allowfullscreen>' +
 								'</iframe>' +

package/src/mediaembedui.js

@@ -87,7 +87,6 @@ export default class MediaEmbedUI extends Plugin {
 			// command.
 			form.url = command.value || '';
 			form.urlInputView.fieldView.select();
-			form.focus();
 			form.enableCssTransitions();
 		}, { priority: 'low' } );
 

package/src/mediaregistry.js

@@ -7,7 +7,7 @@
  * @module media-embed/mediaregistry
  */
 
-import { TooltipView, IconView, Template } from 'ckeditor5/src/ui';
+import { IconView, Template } from 'ckeditor5/src/ui';
 import { logWarning, toArray } from 'ckeditor5/src/utils';
 
 import mediaPlaceholderIcon from '../theme/icons/media-placeholder.svg';
@@ -185,7 +185,7 @@ class Media {
 		 * @see module:utils/locale~Locale#t
 		 * @method
 		 */
-		this._t = locale.t;
+		this._locale = locale;
 
 		/**
 		 * The output of the `RegExp.match` which validated the {@link #url} of this media.
@@ -271,10 +271,9 @@ class Media {
 	 * @returns {String}
 	 */
 	_getPlaceholderHtml() {
-		const tooltip = new TooltipView();
 		const icon = new IconView();
+		const t = this._locale.t;
 
-		tooltip.text = this._t( 'Open media in new tab' );
 		icon.content = mediaPlaceholderIcon;
 		icon.viewBox = mediaPlaceholderIconViewBox;
 
@@ -297,7 +296,8 @@ class Media {
 						class: 'ck-media__placeholder__url',
 						target: '_blank',
 						rel: 'noopener noreferrer',
-						href: this.url
+						href: this.url,
+						'data-cke-tooltip-text': t( 'Open media in new tab' )
 					},
 					children: [
 						{
@@ -306,8 +306,7 @@ class Media {
 								class: 'ck-media__placeholder__url__text'
 							},
 							children: [ this.url ]
-						},
-						tooltip
+						}
 					]
 				}
 			]

package/theme/mediaembedediting.css

@@ -3,8 +3,6 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 
-@import "@ckeditor/ckeditor5-ui/theme/components/tooltip/mixins/_tooltip.css";
-
 .ck-media__wrapper {
 	& .ck-media__placeholder {
 		display: flex;
@@ -12,17 +10,11 @@
 		align-items: center;
 
 		& .ck-media__placeholder__url {
-			@mixin ck-tooltip_enabled;
-
 			/* Otherwise the URL will overflow when the content is very narrow. */
 			max-width: 100%;
 
 			position: relative;
 
-			&:hover {
-				@mixin ck-tooltip_visible;
-			}
-
 			& .ck-media__placeholder__url__text {
 				overflow: hidden;
 				display: block;