qms-angular 1.0.72 → 1.0.73

package/src/assets/qms-ckeditor-plugin/src/plugins/tooltip/ui/actionsview.js

@@ -3,25 +3,62 @@ import { FocusTracker, KeystrokeHandler } from '@ckeditor/ckeditor5-utils';
 import { icons } from '@ckeditor/ckeditor5-core';
 import '@ckeditor/ckeditor5-ui/theme/components/responsive-form/responsiveform.css';
 import '../../../themes/styles/linkactions.css';
-import { TOOLTIP_ATTRIBUTE } from '../utils';
+ 
 export default class ActionsView extends View {
+	/**
+	 * @inheritDoc
+	 */
 	constructor( locale ) {
 		super( locale );
 
 		const t = locale.t;
- 
+
+		/**
+		 * Tracks information about DOM focus in the actions.
+		 *
+		 * @readonly
+		 * @member {module:utils/focustracker~FocusTracker}
+		 */
 		this.focusTracker = new FocusTracker();
- 
+
+		/**
+		 * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
+		 *
+		 * @readonly
+		 * @member {module:utils/keystrokehandler~KeystrokeHandler}
+		 */
 		this.keystrokes = new KeystrokeHandler();
-  
-		this.removeButtonView = this._createButton(t('Remove tooltip'), icons.eraser, 'remove');
- 
-		this.editButtonView = this._createButton(t('Edit tooltip'), icons.pencil, 'edit');
  
-		this.set(TOOLTIP_ATTRIBUTE);
-		 
+		/**
+		 * The unlink button view.
+		 *
+		 * @member {module:ui/button/buttonview~ButtonView}
+		 */
+		this.removeButtonView = this._createButton( t( 'Remove tooltip' ),  icons.eraser, 'remove' );
+
+		/**
+		 * The edit link button view.
+		 *
+		 * @member {module:ui/button/buttonview~ButtonView}
+		 */
+		this.editButtonView = this._createButton( t( 'Edit tooltip' ), icons.pencil, 'edit' );
+
+		/**
+		 * A collection of views that can be focused in the view.
+		 *
+		 * @readonly
+		 * @protected
+		 * @member {module:ui/viewcollection~ViewCollection}
+		 */
 		this._focusables = new ViewCollection();
- 
+
+		/**
+		 * Helps cycling over {@link #_focusables} in the view.
+		 *
+		 * @readonly
+		 * @protected
+		 * @member {module:ui/focuscycler~FocusCycler}
+		 */
 		this._focusCycler = new FocusCycler( {
 			focusables: this._focusables,
 			focusTracker: this.focusTracker,
@@ -29,6 +66,7 @@ export default class ActionsView extends View {
 			actions: {
 				// Navigate fields backwards using the Shift + Tab keystroke.
 				focusPrevious: 'shift + tab',
+
 				// Navigate fields forwards using the Tab key.
 				focusNext: 'tab'
 			}
@@ -43,6 +81,7 @@ export default class ActionsView extends View {
 					'ck-link-actions',
 					'ck-responsive-form'
 				],
+
 				// https://github.com/ckeditor/ckeditor5-link/issues/90
 				tabindex: '-1'
 			},
@@ -54,6 +93,9 @@ export default class ActionsView extends View {
 		} );
 	}
 
+	/**
+	 * @inheritDoc
+	 */
 	render() {
 		super.render();
 
@@ -74,10 +116,22 @@ export default class ActionsView extends View {
 		this.keystrokes.listenTo( this.element );
 	}
 
+	/**
+	 * Focuses the fist {@link #_focusables} in the actions.
+	 */
 	focus() {
 		this._focusCycler.focusFirst();
 	}
 
+	/**
+	 * Creates a button view.
+	 *
+	 * @private
+	 * @param {String} label The button label.
+	 * @param {String} icon The button icon.
+	 * @param {String} [eventName] An event name that the `ButtonView#execute` event will be delegated to.
+	 * @returns {module:ui/button/buttonview~ButtonView} The button view instance.
+	 */
 	_createButton( label, icon, eventName ) {
 		const button = new ButtonView( this.locale );
 
@@ -87,9 +141,10 @@ export default class ActionsView extends View {
 			tooltip: true
 		} );
 
-		button.delegate('execute').to(this, eventName);
+		button.delegate( 'execute' ).to( this, eventName );
 
 		return button;
 	}
+ 
 }
-	 
+ 

package/src/assets/qms-ckeditor-plugin/src/plugins/tooltip/utils.js

@@ -1,65 +1,27 @@
 
 export const TOOLTIP_CUSTOM_PROPERTY = 'tooltip';
-export const TOOLTIP_ATTRIBUTE = 'nptooltip';
-export const HTML_ATTRIBUTE = 'data-tooltip';
-export const HTML_CLASS = 'np-tooltip';
-export const INSERT_TOOLTIP_COMMAND = 'inserttooltip';
-export const REMOVE_TOOLTIP_COMMAND = 'removetooltip';
+export const TOOLTIP_ATTRIBUTE = 'qmstooltip';
+export const HTML_ATTRIBUTE = 'data-qmstooltip';
+export const HTML_CLASS = 'qms-tooltip';
+export const HTML_ELEMENT = 'abbr';
+ 
+export const TOOLTIP_COMMANDS = {
+	TOOLTIP_DIALOG: 'tooltipdialog',
+	TOOLTIP: 'tooltip',
+	REMOVE_TOOLTIP: 'removetooltip'
+}
+
 
 export function isTooltipElement(node) {
 	return node.is('attributeElement') && !!node.getCustomProperty(TOOLTIP_CUSTOM_PROPERTY);
 }
-
-export function findTooltipElementAncestor(position) {
-	return position.getAncestors().find(ancestor => isTooltipElement(ancestor));
-}
+  
  
-export function getSelectionParent(viewDocument) {
-	return viewDocument.selection.focus.getAncestors()
-		.reverse()
-		.find(node => node.is('element'));
-}
-
-export function isTyping(editor) {
-	const input = editor.plugins.get('Input');
-	return input.isInput(editor.model.change(writer => writer.batch));
-}
-
-
-export function shouldCopyAttributes(model) {
-	const selection = model.document.selection;
-	const firstPosition = selection.getFirstPosition();
-	const lastPosition = selection.getLastPosition();
-	const nodeAtFirstPosition = firstPosition.nodeAfter;
-
-	// The text tooltip node does not exist...
-	if (!nodeAtFirstPosition) {
+export function isImageAllowed(element, schema) {
+	if (!element) {
 		return false;
 	}
 
-	// ...or it isn't the text node...
-	if (!nodeAtFirstPosition.is('$text')) {
-		return false;
-	}
-
-	// ...or isn't the tooltip.
-	if (!nodeAtFirstPosition.hasAttribute(TOOLTIP_ATTRIBUTE)) {
-		return false;
-	}
-
-	// `textNode` = the position is inside the tooltip element.
-	// `nodeBefore` = the position is at the end of the tooltip element.
-	const nodeAtLastPosition = lastPosition.textNode || lastPosition.nodeBefore;
-
-	// If both references the same node selection contains a single text node.
-	if (nodeAtFirstPosition === nodeAtLastPosition) {
-		return true;
-	}
-
-	// If nodes are not equal, maybe the tooltip nodes has defined additional attributes inside.
-	// First, we need to find the entire tooltip range.
-	const tooltipRange = findAttributeRange(firstPosition, TOOLTIP_ATTRIBUTE, nodeAtFirstPosition.getAttribute(TOOLTIP_ATTRIBUTE), model);
-
-	// Then we can check whether selected range is inside the found tooltip range. If so, attributes should be preserved.
-	return tooltipRange.containsRange(model.createRange(firstPosition, lastPosition) , true);
-}
+	return element.is('element', 'image') && schema.checkAttribute('image', TOOLTIP_ATTRIBUTE);
+}
+ 

package/src/assets/qms-ckeditor-plugin/src/plugins/video/autovideo.js

@@ -7,11 +7,7 @@ import { global } from 'ckeditor5/src/utils';
 import { insertVideo } from './video/utils';
 
 // Implements the pattern: http(s)://(www.)example.com/path/to/resource.ext?query=params&maybe=too.
-const VIDEO_URL_REGEXP = new RegExp( String( /^(http(s)?:\/\/)?[\w-]+\.[\w.~:/[\]@!$&'()*+,;=%-]+/.source +
-    /\.(mp4|webm|ogg|ogv|avi|wmv|mkv|mpeg2|mov|MP4|WEBM|OGG|OGV|AVI|WMV|MKV|MPEG2|MOV)/.source +
-    /(\?[\w.~:/[\]@!$&'()*+,;=%-]*)?/.source +
-    /(#[\w.~:/[\]@!$&'()*+,;=%-]*)?$/.source ) );
-
+const VIDEO_URL_REGEXP = new RegExp( String( /^(http(s)?:\/\/)?[\w-]+\.[\w.~:/[\]@!$&'()*+,;=%-]+/.source + /(\/video\?id=[0-9]+)/.source));
 export default class AutoVideo extends Plugin {
     static get requires() {
         return [ Clipboard, Undo ];

package/src/assets/qms-ckeditor-plugin/src/plugins/video/video/videoediting.js

@@ -28,7 +28,7 @@ export default class VideoEditing extends Plugin {
 			isObject: true,
 			isBlock: true,
 			allowWhere: '$block',
-			allowAttributes: [ 'src' ]
+			allowAttributes: [ 'src', 'controls' ]
 		} );
 
 		conversion.for( 'dataDowncast' ).elementToElement( {
@@ -41,6 +41,7 @@ export default class VideoEditing extends Plugin {
 			view: ( modelElement, { writer } ) => toVideoWidget( createVideoViewElement( writer ), writer, t( 'video widget' ) )
 		} );
 
+    conversion.for( 'downcast' ).add( modelToViewAttributeConverter( 'controls' ) );
 		conversion.for( 'downcast' ).add( modelToViewAttributeConverter( 'src' ) );
 
 		conversion.for( 'upcast' )
@@ -51,7 +52,9 @@ export default class VideoEditing extends Plugin {
 						src: true
 					}
 				},
-				model: ( viewVideo, { writer } ) => writer.createElement( 'video', { src: viewVideo.getAttribute( 'src' ) } )
+				model: ( viewVideo, { writer } ) => writer.createElement( 'video', {
+          src: viewVideo.getAttribute( 'src' )
+        } )
 			} )
 			.add( viewFigureToModel() );
 

package/src/assets/qms-ckeditor-plugin/src/plugins/video/videoupload/browsevideodialogcommand.js

@@ -0,0 +1,25 @@
+import { Command } from 'ckeditor5/src/core';
+import { isVideoAllowed } from "../video/utils";
+import * as QMSCKEditorService from '../../common/qmsCKEditorService';
+import * as QMSCKEditorConstant from '../../common/qmsCKEditorConstant';
+
+export default class BrowseVideoDialogCommand extends Command {
+    refresh() {
+        const videoElement = this.editor.model.document.selection.getSelectedElement();
+        const isVideo = videoElement && videoElement.name === 'video' || false;
+        this.isEnabled = isVideoAllowed( this.editor.model ) || isVideo;
+    }
+
+    execute(options) {
+      const editor = this.editor;
+      QMSCKEditorService.uploadVideoNotify({...options});
+      window[QMSCKEditorConstant.QMSCK_BROWSE_VIDEO_IS_PROCESSING] = false;
+      window.addEventListener(QMSCKEditorConstant.QMSCK_BROWSE_VIDEO_RESP, (evt) => {
+            if(window[QMSCKEditorConstant.QMSCK_BROWSE_VIDEO_IS_PROCESSING] || !evt.detail){
+              return;
+            }
+            window[QMSCKEditorConstant.QMSCK_BROWSE_VIDEO_IS_PROCESSING] = true;
+            editor.commands.get('uploadVideo').execute(evt.detail);
+      }, { once: true});
+    }
+}

package/src/assets/qms-ckeditor-plugin/src/plugins/video/videoupload/uploadvideocommand.js

@@ -1,18 +1,7 @@
-import { FileRepository } from 'ckeditor5/src/upload';
 import { Command } from 'ckeditor5/src/core';
 import { toArray } from 'ckeditor5/src/utils';
 import { insertVideo, isVideoAllowed } from "../video/utils";
 
-function uploadVideo( model, fileRepository, file ) {
-    const loader = fileRepository.createLoader( file );
-
-    if ( !loader ) {
-        return;
-    }
-
-    insertVideo( model, { uploadId: loader.id } );
-}
-
 export default class UploadVideoCommand extends Command {
     refresh() {
         const videoElement = this.editor.model.document.selection.getSelectedElement();
@@ -25,10 +14,8 @@ export default class UploadVideoCommand extends Command {
         const editor = this.editor;
         const model = editor.model;
 
-        const fileRepository = editor.plugins.get( FileRepository );
-
-        for ( const file of toArray( options.files ) ) {
-            uploadVideo( model, fileRepository, file );
-        }
+        for ( const url of toArray( options.urls ) ) {
+          insertVideo(model, { src: url , controls: true } );
+      }
     }
 }

package/src/assets/qms-ckeditor-plugin/src/plugins/video/videoupload/videouploadediting.js

@@ -5,6 +5,7 @@ import { ClipboardPipeline } from 'ckeditor5/src/clipboard';
 import { FileRepository } from 'ckeditor5/src/upload';
 import { env } from 'ckeditor5/src/utils';
 import UploadVideoCommand from "./uploadvideocommand";
+import BrowseVideoDialogCommand from "./browsevideodialogcommand";
 import {
     createVideoMediaTypeRegExp,
     fetchLocalVideo,
@@ -49,6 +50,9 @@ export default class VideoUploadEditing extends Plugin {
         editor.commands.add( 'uploadVideo', uploadVideoCommand );
         editor.commands.add( 'videoUpload', uploadVideoCommand );
 
+        const browseVideoDialogCommand = new BrowseVideoDialogCommand( editor );
+        editor.commands.add( 'browseVideoDialog', browseVideoDialogCommand );
+
         // Register upcast converter for uploadId.
         conversion.for('upcast')
             .attributeToAttribute({

package/src/assets/qms-ckeditor-plugin/src/plugins/video/videoupload/videouploadui.js

@@ -1,7 +1,6 @@
 import { Plugin } from 'ckeditor5/src/core';
-import { FileDialogButtonView } from 'ckeditor5/src/upload';
 import videoUploadIcon from '../theme/icons/video.svg';
-import {createVideoMediaTypeRegExp} from "./utils";
+import ButtonView from '@ckeditor/ckeditor5-ui/src/button/buttonview';
 
 export default class VideoUploadUI extends Plugin {
     init() {
@@ -9,34 +8,24 @@ export default class VideoUploadUI extends Plugin {
         const t = editor.t;
 
         const componentCreator = locale => {
-            const view = new FileDialogButtonView( locale );
-            const command = editor.commands.get('uploadVideo');
-            const videoTypes = editor.config.get('video.upload.types');
-            const videoMediaTypesRegExp = createVideoMediaTypeRegExp(videoTypes);
+            const command = editor.commands.get('browseVideoDialog');
 
-            view.set({
-                acceptedType: videoTypes.map(type => `video/${type}`).join(','),
-                allowMultipleFiles: editor.config.get('video.upload.allowMultipleFiles')
-            });
+            const allowMultipleFiles=  editor.config.get('video.upload.allowMultipleFiles');
+            const videoTypes = editor.config.get('video.upload.types');
 
-            view.buttonView.set({
-                label: t('Upload Video'),
+            const buttonView = new ButtonView( locale );
+            buttonView.bind('isEnabled').to(command);
+            buttonView.set( {
+                label: t('Browse Video'),
                 icon: videoUploadIcon,
                 tooltip: true
-            });
-
-
-            view.buttonView.bind('isEnabled').to(command);
-
-            view.on('done', (evt, files) => {
-                const videosToUpload = Array.from(files).filter(file => videoMediaTypesRegExp.test(file.type));
+            } );
 
-                if (videosToUpload.length) {
-                    editor.execute('uploadVideo', { files: videosToUpload });
-                }
+            buttonView.on('execute', () => {
+              editor.execute('browseVideoDialog', { allowMultipleFiles, videoTypes });
             });
 
-            return view;
+            return buttonView;
         };
 
         editor.ui.componentFactory.add( 'uploadVideo', componentCreator );

package/src/assets/qms-ckeditor-plugin/src/themes/icons/information.svg

@@ -1,50 +1 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
-<g>
-	<g>
-		<g>
-			<path d="M256,85.333c-23.531,0-42.667,19.135-42.667,42.667s19.135,42.667,42.667,42.667s42.667-19.135,42.667-42.667
-				S279.531,85.333,256,85.333z M256,149.333c-11.76,0-21.333-9.573-21.333-21.333s9.573-21.333,21.333-21.333
-				s21.333,9.573,21.333,21.333S267.76,149.333,256,149.333z"/>
-			<path d="M288,192h-85.333c-5.896,0-10.667,4.771-10.667,10.667v42.667c0,5.896,4.771,10.667,10.667,10.667h10.667v160
-				c0,5.896,4.771,10.667,10.667,10.667h64c5.896,0,10.667-4.771,10.667-10.667V202.667C298.667,196.771,293.896,192,288,192z
-				 M277.333,405.333h-42.667v-160c0-5.896-4.771-10.667-10.667-10.667h-10.667v-21.333h64V405.333z"/>
-			<path d="M256,0C114.844,0,0,114.844,0,256s114.844,256,256,256s256-114.844,256-256S397.156,0,256,0z M256,490.667
-				C126.604,490.667,21.333,385.396,21.333,256S126.604,21.333,256,21.333S490.667,126.604,490.667,256S385.396,490.667,256,490.667
-				z"/>
-		</g>
-	</g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>

package/src/assets/qms-ckeditor-plugin/src/themes/icons/table-excel.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M0,22.261v467.478h512V22.261H0z M155.826,456.348H33.391v-77.913h122.435V456.348z M155.826,345.043H33.391V267.13
+			h122.435V345.043z M155.826,233.739H33.391v-77.913h122.435V233.739z M322.783,456.348H189.217v-77.913h133.565V456.348z
+			 M322.783,345.043H189.217V267.13h133.565V345.043z M322.783,233.739H189.217v-77.913h133.565V233.739z M478.609,456.348H356.174
+			v-77.913h122.435V456.348z M478.609,345.043H356.174V267.13h122.435V345.043z M478.609,233.739H356.174v-77.913h122.435V233.739z
+			 M478.609,122.435H33.391V55.652h445.217V122.435z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

package/src/assets/qms-ckeditor-plugin/src/themes/icons/timestamp.svg

@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" height="512" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512 1005.714286C241.371429 1005.714286 18.285714 782.628571 18.285714 512 18.285714 241.371429 241.371429 18.285714 512 18.285714c270.628571 0 493.714286 223.085714 493.714286 493.714286C1005.714286 782.628571 782.628571 1005.714286 512 1005.714286zM512 76.8C270.628571 76.8 76.8 270.628571 76.8 512S270.628571 947.2 512 947.2c241.371429 0 435.2-193.828571 435.2-435.2S753.371429 76.8 512 76.8zM709.485714 669.257143c-3.657143 0-10.971429 0-14.628571-3.657143l-215.771429-120.685714L479.085714 256c0-14.628571 14.628571-29.257143 29.257143-29.257143s29.257143 14.628571 29.257143 29.257143L537.6 512l182.857143 102.4c14.628571 7.314286 18.285714 25.6 10.971429 40.228571C731.428571 661.942857 720.457143 669.257143 709.485714 669.257143z" /></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"/></svg>

package/src/assets/qms-ckeditor-plugin/src/themes/icons/tooltip.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><rect fill="none" height="24" width="24"/><path d="M22,5.18L10.59,16.6l-4.24-4.24l1.41-1.41l2.83,2.83l10-10L22,5.18z M12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8 c1.57,0,3.04,0.46,4.28,1.25l1.45-1.45C16.1,2.67,14.13,2,12,2C6.48,2,2,6.48,2,12s4.48,10,10,10c1.73,0,3.36-0.44,4.78-1.22 l-1.5-1.5C14.28,19.74,13.17,20,12,20z M19,15h-3v2h3v3h2v-3h3v-2h-3v-3h-2V15z"/></svg>

package/src/assets/qms-ckeditor-plugin/src/themes/styles/heading.css

@@ -0,0 +1,54 @@
+/*https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.css*/
+
+.h6, .h5, .h4, .h3, .h2, .h1 {
+    font-weight: 500;
+    line-height: 1.2;
+}
+
+.h1 {
+    font-size: calc(1.375rem + 1.5vw);
+}
+
+@media (min-width: 1200px) {
+    .h1 {
+        font-size: 2.5rem;
+    }
+}
+
+.h2 {
+    font-size: calc(1.325rem + 0.9vw);
+}
+
+@media (min-width: 1200px) {
+    .h2 {
+        font-size: 2rem;
+    }
+}
+
+.h3 {
+    font-size: calc(1.3rem + 0.6vw);
+}
+
+@media (min-width: 1200px) {
+    .h3 {
+        font-size: 1.75rem;
+    }
+}
+
+.h4 {
+    font-size: calc(1.275rem + 0.3vw);
+}
+
+@media (min-width: 1200px) {
+    .h4 {
+        font-size: 1.5rem;
+    }
+}
+
+.h5 {
+    font-size: 1.25rem;
+}
+
+.h6 {
+    font-size: 1rem;
+}

package/src/assets/qms-ckeditor-plugin/src/themes/styles/tooltip.css

@@ -1,58 +1,24 @@
-.np-tooltip {
-    cursor: help !important;
-    font-style: italic;
+.qms-tooltip {
     position: relative;
-    display: inline-block;
-    border-bottom: 1px dotted black;
-}
-
-.np-tooltip .np-tooltip__content {
-    visibility: hidden;
-    font-size: .9em;
-    line-height: 1.5;
-    color: var(--ck-color-base-text);
-    padding: var(--ck-spacing-small) var(--ck-spacing-medium);
-    background: var(--ck-color-base-background);
-    border-radius: var(--ck-color-base-border);
-    position: absolute;
-    z-index: 1;
-    top: 150%;
-}
-
-.np-tooltip .np-tooltip__content::after {
-    content: "";
-    position: absolute;
-    bottom: 100%;
-    left: 50%;
-    transform: rotateX(180deg);
-    margin-left: -5px;
-    border-width: 5px;
-    border-style: solid;
-    border-color: var(--ck-color-base-background) transparent transparent transparent;
-}
-
-.np-tooltip:hover .np-tooltip__content {
-    visibility: visible;
+    font-style: italic;
+    text-decoration: underline dotted;
+    cursor: help;
+    -webkit-text-decoration-skip-ink: none;
+    text-decoration-skip-ink: none;
 }
 
-/*fssssssssssssssssssssssssssssssssssssssssssss*/
-
-.np-tooltip:before {
-    content: attr(data-tooltip);
-    min-width: 54px;
+.qms-tooltip:hover:before {
+    content: attr(data-qmstooltip);
+    width: auto;
     color: var(--ck-color-base-text);
     padding: var(--ck-spacing-small) var(--ck-spacing-medium);
     background: var(--ck-color-base-background);
     border-radius: var(--ck-color-base-border);
     position: absolute;
-    z-index: 1;
     top: 100%;
-    visibility: hidden;
-    opacity: 0;
-    transition: opacity 0.3s;
 }
 
-.np-tooltip:after {
+.qms-tooltip:hover:after {
     position: absolute;
     content: "";
     top: 60%;
@@ -62,13 +28,5 @@
     border-width: 5px;
     border-style: solid;
     border-color: var(--ck-color-base-background) transparent transparent transparent;
-    visibility: hidden;
-    opacity: 0;
-    transition: opacity 0.3s;
-}
-
-.np-tooltip:hover:before,
-.np-tooltip:hover:after{
-    visibility: visible;
-    opacity: 1;
 }
+  

package/src/lib/qms-ckeditor-components/components/qms-ckeditor-about/qms-ckeditor-about.component.scss

@@ -0,0 +1,16 @@
+@import '../../styles/style.scss';
+.qmsckeditor__about__container {
+    .qmsckeditor__about__logo__container {
+        display: flex; 
+        justify-content: center;
+        margin-bottom: 10px;
+    }
+
+    .qmsckeditor__about__logo {
+        height: 64px
+    }
+
+    .qmsckeditor__about__button {
+        float: right;
+    }
+}