qms-angular 1.1.42 → 1.1.43

package/src/assets/qms-ckeditor-plugin/build/translations/no.js

@@ -1 +1 @@
-!function(e){const t=e.no=e.no||{};t.dictionary=Object.assign(t.dictionary||{},{"%0 of %1":"%0 av %1","Align center":"Midtstill","Align left":"Venstrejuster","Align right":"Høyrejuster",Aquamarine:"Akvamarin",Big:"Stor",Black:"Svart","Block quote":"Blokksitat",Blue:"Blå",Bold:"Fet","Bulleted List":"Punktliste",Cancel:"Avbryt","Cannot upload file:":"Kan ikke laste opp fil:","Centered image":"Midtstilt bilde","Change image text alternative":"Endre tekstalternativ til bildet","Characters: %0":"Tegn: %0","Could not insert image at the current position.":"Kunne ikke sette inn bilde på gjeldende posisjon.","Could not obtain resized image URL.":"Kunne ikke finne URL for bilde med endret størrelse.","Decrease indent":"Reduser innrykk",Default:"Standard","Dim grey":"Svak grå","Document colors":"Dokumentfarger","Dropdown toolbar":"Verktøylinje for nedtrekksliste","Edit block":"Rediger blokk","Editor toolbar":"Verktøylinje for redigeringsverktøy","Enter image caption":"Skriv inn bildetekst","Font Background Color":"Uthevingsfarge for tekst","Font Color":"Skriftfarge","Font Family":"Skrifttypefamilie","Font Size":"Skriftstørrelse","Full size image":"Bilde i full størrelse",Green:"Grønn",Grey:"Grå","Horizontal line":"Horisontal linje",Huge:"Veldig stor","Image resize list":"","Image toolbar":"Verktøylinje for bilde","image widget":"Bilde-widget","Increase indent":"Øk innrykk","Insert image":"Sett inn bilde","Insert image or file":"Sett inn bilde eller fil","Insert paragraph after block":"","Insert paragraph before block":"","Inserting image failed":"Innsetting av bilde mislyktes",Italic:"Kursiv",Justify:"Blokkjuster","Left aligned image":"Venstrejustert bilde","Light blue":"Lyseblå","Light green":"Lysegrønn","Light grey":"Lysegrå",Next:"Neste","Numbered List":"Nummerert liste",Orange:"Oransje",Original:"","Page break":"Sideskift ",Previous:"Forrige",Purple:"Lilla",Red:"Rød",Redo:"Gjør om","Remove color":"Fjern farge","Remove Format":"Fjern formatering","Resize image":"","Resize image to %0":"","Resize image to the original size":"","Rich Text Editor":"Tekstredigeringsverktøy for rik tekst","Rich Text Editor, %0":"Tekstredigeringsverktøy for rik tekst, %0","Right aligned image":"Høyrejustert bilde",Save:"Lagre","Select all":"Velg alt ","Selecting resized image failed":"Kunne ikke velge bilde med endret størrelse","Show more items":"Vis flere elementer","Side image":"Sidestilt bilde",Small:"Liten",Strikethrough:"Gjennomstreket",Subscript:"Senket skrift",Superscript:"Hevet skrift","Text alignment":"Tekstjustering","Text alignment toolbar":"Verktøylinje for tekstjustering","Text alternative":"Tekstalternativ",Tiny:"Veldig liten",Turquoise:"Turkis",Underline:"Understreket",Undo:"Angre","Upload failed":"Kunne ikke laste opp","Upload in progress":"Laster opp fil",White:"Hvit","Widget toolbar":"Widget verktøylinje ","Words: %0":"Ord: %0",Yellow:"Gul"}),t.getPluralForm=function(e){return 1!=e}}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));
+!function(e){const t=e.no=e.no||{};t.dictionary=Object.assign(t.dictionary||{},{"%0 of %1":"%0 av %1","Align center":"Midtstill","Align left":"Venstrejuster","Align right":"Høyrejuster",Aquamarine:"Akvamarin",Big:"Stor",Black:"Svart","Block quote":"Blokksitat",Blue:"Blå",Bold:"Fet","Bulleted List":"Punktliste",Cancel:"Avbryt","Cannot upload file:":"Kan ikke laste opp fil:","Centered image":"Midtstilt bilde","Change image text alternative":"Endre tekstalternativ til bildet","Characters: %0":"Tegn: %0","Could not insert image at the current position.":"Kunne ikke sette inn bilde på gjeldende posisjon.","Could not obtain resized image URL.":"Kunne ikke finne URL for bilde med endret størrelse.","Decrease indent":"Reduser innrykk",Default:"Standard","Dim grey":"Svak grå","Document colors":"Dokumentfarger","Dropdown toolbar":"Verktøylinje for nedtrekksliste","Edit block":"Rediger blokk","Editor toolbar":"Verktøylinje for redigeringsverktøy","Enter image caption":"Skriv inn bildetekst","Font Background Color":"Uthevingsfarge for tekst","Font Color":"Skriftfarge","Font Family":"Skrifttypefamilie","Font Size":"Skriftstørrelse","Full size image":"Bilde i full størrelse",Green:"Grønn",Grey:"Grå","Horizontal line":"Horisontal linje",Huge:"Veldig stor","Image resize list":"","Image toolbar":"Verktøylinje for bilde","image widget":"Bilde-widget","Increase indent":"Øk innrykk","Insert image":"Sett inn bilde","Insert image or file":"Sett inn bilde eller fil","Insert paragraph after block":"","Insert paragraph before block":"","Inserting image failed":"Innsetting av bilde mislyktes",Italic:"Kursiv",Justify:"Blokkjuster","Left aligned image":"Venstrejustert bilde","Light blue":"Lyseblå","Light green":"Lysegrønn","Light grey":"Lysegrå",Next:"Neste","Numbered List":"Nummerert liste",Orange:"Oransje",Original:"","Page break":"Sideskift ",Previous:"Forrige",Purple:"Lilla",Red:"Rød",Redo:"Gjør om","Remove color":"Fjern farge","Remove Format":"Fjern formatering","Resize image":"","Resize image to %0":"","Resize image to the original size":"","Rich Text Editor":"Tekstredigeringsverktøy for rik tekst","Rich Text Editor, %0":"Tekstredigeringsverktøy for rik tekst, %0","Right aligned image":"Høyrejustert bilde",Save:"Lagre","Select all":"Velg alt ","Selecting resized image failed":"Kunne ikke velge bilde med endret størrelse","Show more items":"Vis flere elementer","Side image":"Sidestilt bilde",Small:"Liten",Source:"Kilde",Strikethrough:"Gjennomstreket",Subscript:"Senket skrift",Superscript:"Hevet skrift","Text alignment":"Tekstjustering","Text alignment toolbar":"Verktøylinje for tekstjustering","Text alternative":"Tekstalternativ",Tiny:"Veldig liten",Turquoise:"Turkis",Underline:"Understreket",Undo:"Angre","Upload failed":"Kunne ikke laste opp","Upload in progress":"Laster opp fil",White:"Hvit","Widget toolbar":"Widget verktøylinje ","Words: %0":"Ord: %0",Yellow:"Gul"}),t.getPluralForm=function(e){return 1!=e}}(window.CKEDITOR_TRANSLATIONS||(window.CKEDITOR_TRANSLATIONS={}));

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/src/findandreplaceui.js

@@ -1,223 +1,223 @@
-/**
- * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-
-/**
- * @module find-and-replace/findandreplaceui
- */
-
-import { Plugin } from '@ckeditor/ckeditor5-core';
-import { createDropdown, SplitButtonView } from '@ckeditor/ckeditor5-ui';
-import FindAndReplaceFormView from './ui/findandreplaceformview';
-// See: #8833.
-// eslint-disable-next-line ckeditor5-rules/ckeditor-imports
-import '@ckeditor/ckeditor5-ui/theme/components/responsive-form/responsiveform.css';
-import '../theme/findandreplaceform.css';
-
-import loupeIcon from '../theme/icons/find-replace.svg';
-
-/**
- * The default find and replace UI. It introduces:
- *
- * * The `'Find and replace'` dropdown button.
- *
- * It registers the `'findAndReplace'` UI button in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}.
- * that uses the {@link module:find-and-replace/findandreplace~FindAndReplace FindAndReplace} plugin API.
- *
- * It emits events depending on user search/replace intents.
- *
- * @extends module:core/plugin~Plugin
- */
-export default class FindAndReplaceUI extends Plugin {
-	/**
-	 * @inheritDoc
-	 */
-	static get pluginName() {
-		return 'FindAndReplaceUI';
-	}
-
-	constructor( editor ) {
-		super( editor );
-
-		this.set( 'searchText' );
-		this.set( 'replaceText' );
-
-		this.set( 'isSearching', false );
-
-		this.set( 'matchCount', null );
-		this.set( 'highlightOffset', null );
-
-		this.bind( 'isSearching' ).to( this, 'matchCount', count => count > 0 );
-
-		/**
-		 * The form view will only be assigned if the find and replace toolbar button was added.
-		 *
-		 * @member {module:find-and-replace/ui/findandreplaceformview~FindAndReplaceFormView|null} #formView
-		 */
-		this.formView = null;
-	}
-
-	/**
-	 * @inheritDoc
-	 */
-	init() {
-		this.findAndReplacePlugin = this.editor.plugins.get( 'FindAndReplace' );
-
-		const editor = this.editor;
-
-		editor.ui.componentFactory.add( 'findAndReplace', locale => {
-			const dropdown = createDropdown( locale, SplitButtonView );
-
-			const formView = new FindAndReplaceFormView( editor.locale );
-
-			formView.delegate( 'findNext' ).to( this );
-			formView.delegate( 'findPrevious' ).to( this );
-			formView.delegate( 'replace' ).to( this );
-			formView.delegate( 'replaceAll' ).to( this );
-
-			formView.bind( 'matchCount' ).to( this );
-			formView.bind( 'highlightOffset' ).to( this );
-
-			formView.bind( 'isSearching' ).to( this );
-
-			this._createToolbarDropdown( dropdown, loupeIcon, formView );
-
-			dropdown.panelView.children.add( formView );
-
-			dropdown.on( 'change:isOpen', ( event, name, value ) => {
-				if ( !value ) {
-					this.fire( 'dropdown:closed' );
-				}
-			} );
-
-			this.formView = formView;
-
-			if ( this._state ) {
-				this.unbind( 'isSearching' );
-
-				const findTextInputView = formView.findInputView.fieldView;
-
-				// Searching should only be active if there's more than 1 result matched and
-				// the user has not changed any search criteria.
-				this.bind( 'isSearching' ).to( this, 'matchCount',
-					findTextInputView, 'value', this._state, 'searchText',
-					formView.matchCaseView, 'isChecked', this._state, 'matchCase',
-					formView.matchWholeWordsView, 'isChecked', this._state, 'matchWholeWords',
-					( count,
-						viewSearchText, modelSearchText,
-						viewMatchCase, modelMatchCase,
-						viewWholeWords, modelWholeWords
-					) => {
-						return count > 0 &&
-							viewSearchText == modelSearchText &&
-							viewMatchCase == modelMatchCase &&
-							viewWholeWords == modelWholeWords;
-					} );
-			}
-
-			editor.keystrokes.set( 'Ctrl+F', ( data, cancelEvent ) => {
-				dropdown.buttonView.actionView.fire( 'execute' );
-
-				cancelEvent();
-			} );
-
-			return dropdown;
-		} );
-	}
-
-	/**
-	 * Sets the observed state object. It is used to display search result count etc.
-	 *
-	 * @protected
-	 * @param {module:find-and-replace/findandreplaceediting~FindAndReplaceState} state State object to be tracked.
-	 */
-	_setState( state ) {
-		this._state = state;
-
-		this.listenTo( state.results, 'change', () => {
-			this.set( 'matchCount', state.results.length );
-		} );
-
-		this.bind( 'highlightOffset' ).to( state, 'highlightedResult', highlightedResult => {
-			if ( !highlightedResult ) {
-				return null;
-			}
-
-			const sortedResults = Array.from( state.results ).sort( ( a, b ) => {
-				const mapping = {
-					before: -1,
-					same: 0,
-					after: 1
-				};
-
-				return mapping[ a.marker.getStart().compareWith( b.marker.getStart() ) ];
-			} );
-
-			const index = sortedResults.indexOf( highlightedResult );
-
-			return index === -1 ?
-				null : index + 1;
-		} );
-	}
-
-	/**
-	 * @private
-	 * @param {module:ui/dropdown/dropdownview~DropdownView} dropdown
-	 * @param {String} icon An icon to be assigned to the button.
-	 * @param {module:find-and-replace/ui/findandreplaceformview~FindAndReplaceFormView} formView A related form view.
-	 */
-	_createToolbarDropdown( dropdown, icon, formView ) {
-		const t = this.editor.locale.t;
-		const buttonView = dropdown.buttonView;
-
-		// Configure the dropdown's button properties:
-		buttonView.set( {
-			icon,
-			tooltip: this.editor.config._config.getTranslateLabel('FIND_AND_REPLACE', t( 'Find and replace' ))
-		} );
-
-		// Clicking the main button has the same effect as clicking the dropdown arrow.
-		buttonView.actionView.delegate( 'execute' ).to( buttonView.arrowView );
-
-		// Each time a dropdown is opened, the search text field should get focused.
-		buttonView.on( 'open', () => {
-			formView.findInputView.fieldView.select();
-			formView.focus();
-		}, { priority: 'low' } );
-	}
-}
-
-/**
- * Fired when the find next button is triggered.
- *
- * @event findNext
- * @param {String} searchText Search text.
- */
-
-/**
- * Fired when the find previous button is triggered.
- *
- * @event findPrevious
- * @param {String} searchText Search text.
- */
-
-/**
- * Fired when the replace button is triggered.
- *
- * @event replace
- * @param {String} replaceText Replacement text.
- */
-
-/**
- * Fired when the replaceAll button is triggered.
- *
- * @event replaceAll
- * @param {String} replaceText Replacement text.
- */
-
-/**
- * Fired when the toolbar dropdown gets closed.
- *
- * @event dropdown:closed
- */
+/**
+ * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+/**
+ * @module find-and-replace/findandreplaceui
+ */
+
+import { Plugin } from '@ckeditor/ckeditor5-core';
+import { createDropdown, SplitButtonView } from '@ckeditor/ckeditor5-ui';
+import FindAndReplaceFormView from './ui/findandreplaceformview';
+// See: #8833.
+// eslint-disable-next-line ckeditor5-rules/ckeditor-imports
+import '@ckeditor/ckeditor5-ui/theme/components/responsive-form/responsiveform.css';
+import '../theme/findandreplaceform.css';
+
+import loupeIcon from '../theme/icons/find-replace.svg';
+
+/**
+ * The default find and replace UI. It introduces:
+ *
+ * * The `'Find and replace'` dropdown button.
+ *
+ * It registers the `'findAndReplace'` UI button in the editor's {@link module:ui/componentfactory~ComponentFactory component factory}.
+ * that uses the {@link module:find-and-replace/findandreplace~FindAndReplace FindAndReplace} plugin API.
+ *
+ * It emits events depending on user search/replace intents.
+ *
+ * @extends module:core/plugin~Plugin
+ */
+export default class FindAndReplaceUI extends Plugin {
+	/**
+	 * @inheritDoc
+	 */
+	static get pluginName() {
+		return 'FindAndReplaceUI';
+	}
+
+	constructor( editor ) {
+		super( editor );
+
+		this.set( 'searchText' );
+		this.set( 'replaceText' );
+
+		this.set( 'isSearching', false );
+
+		this.set( 'matchCount', null );
+		this.set( 'highlightOffset', null );
+
+		this.bind( 'isSearching' ).to( this, 'matchCount', count => count > 0 );
+
+		/**
+		 * The form view will only be assigned if the find and replace toolbar button was added.
+		 *
+		 * @member {module:find-and-replace/ui/findandreplaceformview~FindAndReplaceFormView|null} #formView
+		 */
+		this.formView = null;
+	}
+
+	/**
+	 * @inheritDoc
+	 */
+	init() {
+		this.findAndReplacePlugin = this.editor.plugins.get( 'FindAndReplace' );
+
+		const editor = this.editor;
+
+		editor.ui.componentFactory.add( 'findAndReplace', locale => {
+			const dropdown = createDropdown( locale, SplitButtonView );
+
+			const formView = new FindAndReplaceFormView( editor.locale );
+
+			formView.delegate( 'findNext' ).to( this );
+			formView.delegate( 'findPrevious' ).to( this );
+			formView.delegate( 'replace' ).to( this );
+			formView.delegate( 'replaceAll' ).to( this );
+
+			formView.bind( 'matchCount' ).to( this );
+			formView.bind( 'highlightOffset' ).to( this );
+
+			formView.bind( 'isSearching' ).to( this );
+
+			this._createToolbarDropdown( dropdown, loupeIcon, formView );
+
+			dropdown.panelView.children.add( formView );
+
+			dropdown.on( 'change:isOpen', ( event, name, value ) => {
+				if ( !value ) {
+					this.fire( 'dropdown:closed' );
+				}
+			} );
+
+			this.formView = formView;
+
+			if ( this._state ) {
+				this.unbind( 'isSearching' );
+
+				const findTextInputView = formView.findInputView.fieldView;
+
+				// Searching should only be active if there's more than 1 result matched and
+				// the user has not changed any search criteria.
+				this.bind( 'isSearching' ).to( this, 'matchCount',
+					findTextInputView, 'value', this._state, 'searchText',
+					formView.matchCaseView, 'isChecked', this._state, 'matchCase',
+					formView.matchWholeWordsView, 'isChecked', this._state, 'matchWholeWords',
+					( count,
+						viewSearchText, modelSearchText,
+						viewMatchCase, modelMatchCase,
+						viewWholeWords, modelWholeWords
+					) => {
+						return count > 0 &&
+							viewSearchText == modelSearchText &&
+							viewMatchCase == modelMatchCase &&
+							viewWholeWords == modelWholeWords;
+					} );
+			}
+
+			editor.keystrokes.set( 'Ctrl+F', ( data, cancelEvent ) => {
+				dropdown.buttonView.actionView.fire( 'execute' );
+
+				cancelEvent();
+			} );
+
+			return dropdown;
+		} );
+	}
+
+	/**
+	 * Sets the observed state object. It is used to display search result count etc.
+	 *
+	 * @protected
+	 * @param {module:find-and-replace/findandreplaceediting~FindAndReplaceState} state State object to be tracked.
+	 */
+	_setState( state ) {
+		this._state = state;
+
+		this.listenTo( state.results, 'change', () => {
+			this.set( 'matchCount', state.results.length );
+		} );
+
+		this.bind( 'highlightOffset' ).to( state, 'highlightedResult', highlightedResult => {
+			if ( !highlightedResult ) {
+				return null;
+			}
+
+			const sortedResults = Array.from( state.results ).sort( ( a, b ) => {
+				const mapping = {
+					before: -1,
+					same: 0,
+					after: 1
+				};
+
+				return mapping[ a.marker.getStart().compareWith( b.marker.getStart() ) ];
+			} );
+
+			const index = sortedResults.indexOf( highlightedResult );
+
+			return index === -1 ?
+				null : index + 1;
+		} );
+	}
+
+	/**
+	 * @private
+	 * @param {module:ui/dropdown/dropdownview~DropdownView} dropdown
+	 * @param {String} icon An icon to be assigned to the button.
+	 * @param {module:find-and-replace/ui/findandreplaceformview~FindAndReplaceFormView} formView A related form view.
+	 */
+	_createToolbarDropdown( dropdown, icon, formView ) {
+		const t = this.editor.locale.t;
+		const buttonView = dropdown.buttonView;
+
+		// Configure the dropdown's button properties:
+		buttonView.set( {
+			icon,
+			tooltip: t( 'Find and replace' )
+		} );
+
+		// Clicking the main button has the same effect as clicking the dropdown arrow.
+		buttonView.actionView.delegate( 'execute' ).to( buttonView.arrowView );
+
+		// Each time a dropdown is opened, the search text field should get focused.
+		buttonView.on( 'open', () => {
+			formView.findInputView.fieldView.select();
+			formView.focus();
+		}, { priority: 'low' } );
+	}
+}
+
+/**
+ * Fired when the find next button is triggered.
+ *
+ * @event findNext
+ * @param {String} searchText Search text.
+ */
+
+/**
+ * Fired when the find previous button is triggered.
+ *
+ * @event findPrevious
+ * @param {String} searchText Search text.
+ */
+
+/**
+ * Fired when the replace button is triggered.
+ *
+ * @event replace
+ * @param {String} replaceText Replacement text.
+ */
+
+/**
+ * Fired when the replaceAll button is triggered.
+ *
+ * @event replaceAll
+ * @param {String} replaceText Replacement text.
+ */
+
+/**
+ * Fired when the toolbar dropdown gets closed.
+ *
+ * @event dropdown:closed
+ */

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-source-editing/lang/translations/no.po

@@ -0,0 +1,21 @@
+# Copyright (c) 2003-2021, CKSource - Frederico Knabben. 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: Norwegian (https://www.transifex.com/ckeditor/teams/11143/no/)\n"
+"Language: no\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+
+msgctxt "The label of the source editing feature toolbar button."
+msgid "Source"
+msgstr "Kilde"

package/src/assets/qms-ckeditor-plugin/src/plugins/fullscreen/qmsCKEditorFullscreenPlugin.js

@@ -1,50 +1,52 @@
-import Plugin from '@ckeditor/ckeditor5-core/src/plugin';
-import ButtonView from '@ckeditor/ckeditor5-ui/src/button/buttonview';
-import fullscreenIcon from '../../themes/icons/fullscreen.svg';
-import fullscreenExitIcon from '../../themes/icons/fullscreen_exit.svg'
-import * as QMSCKEditorService from '../common/qmsCKEditorService';
-import * as constant from '../common/qmsCKEditorConstant';
-
-export default class QMSCKEditorFullscreenPlugin extends Plugin {
-    init() {
-        const editor = this.editor;
-        editor.ui.componentFactory.add('qmsFullscreen', locale => {
-            const view = new ButtonView(locale);
-
-            view.set({
-                label: editor.config._config.getTranslateLabel('MAXIMIZE', 'Maximize'),
-                icon: fullscreenIcon,
-                tooltip: true
-            });
-            const fullscreenClass = this.editor.config.get('fullScreenConfig.class') || 'qmsckeditor__fullscreen';
-
-            view.on('execute', () => {
-                
-                const containerId = editor.config._config.containerId;
-                const ck = window.document.getElementById(containerId);
-                const isFullscreen = ck && ck.classList.contains(fullscreenClass);
-                if (!isFullscreen) {
-                    view.set({
-                        label: editor.config._config.getTranslateLabel('MINIMIZE', 'Minimize'),
-                        icon: fullscreenExitIcon,
-                        tooltip: true
-                    });
-                    ck.classList.add(fullscreenClass);
-                }
-                else {
-                    view.set({
-                        label: editor.config._config.getTranslateLabel('MAXIMIZE', 'Maximize'),
-                        icon: fullscreenIcon,
-                        tooltip: true
-                    });
-                    if (ck.classList.contains(fullscreenClass)) {
-                        ck.classList.remove(fullscreenClass);
-                    }
-                }
-                QMSCKEditorService.fullscreenNotify(isFullscreen);
-            })
-
-            return view;
-        })
-    }
-}
+import Plugin from '@ckeditor/ckeditor5-core/src/plugin';
+import ButtonView from '@ckeditor/ckeditor5-ui/src/button/buttonview';
+import fullscreenIcon from '../../themes/icons/fullscreen.svg';
+import fullscreenExitIcon from '../../themes/icons/fullscreen_exit.svg'
+import * as QMSCKEditorService from '../common/qmsCKEditorService';
+import * as constant from '../common/qmsCKEditorConstant';
+
+export default class QMSCKEditorFullscreenPlugin extends Plugin {
+    init() {
+        const editor = this.editor;
+        const t = this.editor.locale.t;
+
+        editor.ui.componentFactory.add('qmsFullscreen', locale => {
+            const view = new ButtonView(locale);
+
+            view.set({
+                label: t('Maximize'),
+                icon: fullscreenIcon,
+                tooltip: true
+            });
+            const fullscreenClass = this.editor.config.get('fullScreenConfig.class') || 'qmsckeditor__fullscreen';
+
+            view.on('execute', () => {
+                
+                const containerId = editor.config._config.containerId;
+                const ck = window.document.getElementById(containerId);
+                const isFullscreen = ck && ck.classList.contains(fullscreenClass);
+                if (!isFullscreen) {
+                    view.set({
+                        label: t('Minimize'),
+                        icon: fullscreenExitIcon,
+                        tooltip: true
+                    });
+                    ck.classList.add(fullscreenClass);
+                }
+                else {
+                    view.set({
+                        label: t('Maximize'),
+                        icon: fullscreenIcon,
+                        tooltip: true
+                    });
+                    if (ck.classList.contains(fullscreenClass)) {
+                        ck.classList.remove(fullscreenClass);
+                    }
+                }
+                QMSCKEditorService.fullscreenNotify(isFullscreen);
+            })
+
+            return view;
+        })
+    }
+}