qms-angular 1.0.30 → 1.0.34

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/theme/findandreplaceform.css

@@ -0,0 +1,226 @@
+/*
+ * Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+/* stylelint-disable no-descending-specificity */
+
+/* disabled buttons bg color: #C3C3C3 */
+/* button color #4E8AE4 */
+
+@import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
+
+.ck .ck-find-and-replace-form .ck-find-form__wrapper,
+.ck .ck-find-and-replace-form .ck-replace-form__wrapper {
+	display: flex;
+	align-items: flex-start;
+	flex-direction: row;
+	flex-wrap: wrap;
+
+	& .ck-button {
+		margin-top: var(--ck-spacing-standard);
+		background-color: var(--ck-color-base-active);
+		padding: 5px 10px;
+		text-transform: uppercase;
+
+		&.ck-disabled {
+			background-color: var(--ck-color-switch-button-off-background);
+		}
+
+		&:not(.ck-disabled) {
+			color: var(--ck-color-base-background);
+
+			&:hover {
+				background-color: var(--ck-color-base-focus);
+				cursor: pointer;
+			}
+		}
+	}
+
+	& .ck-labeled-field-view__input-wrapper .ck.ck-input-text{
+		padding: var(--ck-spacing-extra-tiny) calc(var(--ck-spacing-medium) * 8) var(--ck-spacing-extra-tiny) var(--ck-spacing-medium);
+	}
+
+	@mixin ck-media-phone {
+		flex-wrap: wrap;
+
+		& .ck-labeled-field-view {
+			flex-basis: 100%;
+		}
+
+		& .ck-button {
+			flex-basis: 50%;
+		}
+	}
+}
+
+.ck .ck-find-and-replace-form  .ck-replace-form__wrapper {
+	justify-content: flex-end;
+	border-top: 1px solid var(--ck-color-base-border);
+
+	& .ck-labeled-field-view__input-wrapper .ck.ck-input-text{
+		padding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium) var(--ck-spacing-extra-tiny) var(--ck-spacing-medium);
+	}
+
+	& .ck-button {
+		border-radius: 5px;
+		font-size: calc(var(--ck-font-size-normal) * 0.9);
+
+		&:last-child {
+			margin-left: var(--ck-spacing-standard)
+		}
+
+		& .ck.ck-button__label {
+			line-height: 20px;
+		}
+	}
+}
+
+.ck .ck-find-and-replace-form .ck-find-form__wrapper {
+	justify-content: space-between;
+
+	& .ck-button.ck-button-prev,
+	& .ck-button.ck-button-next {
+		margin-left: 1px;
+	}
+
+	& span.ck-results-counter {
+		position: absolute;
+		top: calc(var(--ck-spacing-standard) * 2);
+		right: calc(var(--ck-spacing-standard) * 3);
+		color: var(--ck-color-base-border)
+	}
+
+	& .ck-find-buttons {
+		display: flex;
+		align-items: center;
+
+		& .ck-button {
+			border-radius: 5px;
+			padding: 5px;
+
+			& svg.ck-button__icon {
+				margin: 0;
+			}
+
+			&.ck-button-find {
+				padding: 4px 16px;
+			}
+
+			&.ck-button-prev {
+				border-radius: 5px 0 0 5px;
+
+				& svg {
+					transform: rotate(180deg) translateY(-2px);
+				}
+			}
+
+			&.ck-button-next {
+				border-radius: 0 5px 5px 0;
+
+				& svg {
+					transform: translateY(-1px);
+				}
+			}
+		}
+	}
+
+	&.ck-is-searching {
+		& .ck-button.ck-button-find {
+			display: none;
+		}
+	}
+
+	&:not(.ck-is-searching) {
+		& .ck-button.ck-button-prev,
+		& .ck-button.ck-button-next {
+			display: none;
+		}
+
+		& .ck-button.ck-button-find {
+			display: flex;
+		}
+	}
+
+	&.ck-responsive-form .ck-find-checkboxes {
+		margin: 0;
+
+		& .ck-find-checkboxes__box {
+			display: flex;
+			align-items: center;
+			max-width: 150px;
+			overflow: hidden;
+
+			& label {
+				margin-left: 5px;
+				line-height: calc(var(--ck-spacing-standard) * 2.2);
+				overflow: hidden;
+				text-overflow: ellipsis;
+			}
+
+			& label:hover,
+			& input[type=checkbox]:hover
+			 {
+				cursor: pointer;
+			}
+
+			&:first-child {
+				margin-top: var(--ck-spacing-medium);
+			}
+
+			& input[type=checkbox]:disabled+label {
+				color: var(--ck-color-switch-button-off-background);
+			}
+		}
+	}
+}
+
+.ck[dir='rtl'] {
+	& .ck .ck-find-and-replace-form .ck-find-form__wrapper .ck-labeled-field-view__input-wrapper .ck.ck-input-text {
+		padding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium) var(--ck-spacing-extra-tiny) calc(var(--ck-spacing-medium) * 8);
+	}
+
+	& .ck .ck-find-and-replace-form .ck-replace-form__wrapper {
+		& .ck-replace-buttons {
+			display: flex;
+			flex-flow: row-reverse;
+
+			& .ck-button:last-child {
+				margin-left: var(--ck-spacing-standard);
+			}
+		}
+		& .ck-labeled-field-view__input-wrapper .ck.ck-input-text{
+			padding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium);
+		}
+	}
+
+	& .ck.ck-responsive-form > :not(:last-child) {
+		margin-left: 0;
+	}
+
+	& .ck .ck-find-and-replace-form .ck-find-form__wrapper {
+		& .ck-button.ck-button-prev,
+		& .ck-button.ck-button-next {
+			margin-right: 1px;
+			margin-left: 0;
+		}
+
+		& span.ck-results-counter {
+			left: calc(var(--ck-spacing-standard) * 3);
+		}
+
+		& .ck-find-buttons {
+			flex-flow: row-reverse;
+		}
+
+		&.ck-responsive-form .ck-find-checkboxes {
+			margin: 0;
+
+			& .ck-find-checkboxes__box label {
+				margin-right: 5px;
+			}
+		}
+	}
+}
+
+/* stylelint-enable no-descending-specificity */

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-find-and-replace/theme/icons/find-replace.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m12.87 13.786 1.532-1.286 3.857 4.596a1 1 0 1 1-1.532 1.286l-3.857-4.596z"/><path d="M16.004 8.5a6.5 6.5 0 0 1-9.216 5.905c-1.154-.53-.863-1.415-.663-1.615.194-.194.564-.592 1.635-.141a4.5 4.5 0 0 0 5.89-5.904l-.104-.227 1.332-1.331c.045-.046.196-.041.224.007a6.47 6.47 0 0 1 .902 3.306zm-3.4-5.715c.562.305.742 1.106.354 1.494-.388.388-.995.414-1.476.178a4.5 4.5 0 0 0-6.086 5.882l.114.236-1.348 1.349c-.038.037-.17.022-.198-.023a6.5 6.5 0 0 1 5.54-9.9 6.469 6.469 0 0 1 3.1.784z"/><path d="M4.001 11.93.948 8.877a.2.2 0 0 1 .141-.341h6.106a.2.2 0 0 1 .141.341L4.283 11.93a.2.2 0 0 1-.282 0zm11.083-6.789 3.053 3.053a.2.2 0 0 1-.14.342H11.89a.2.2 0 0 1-.14-.342l3.052-3.053a.2.2 0 0 1 .282 0z"/></svg>

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-special-characters/src/specialcharacters.js

@@ -7,10 +7,10 @@
  * @module special-characters/specialcharacters
  */
 
-import { Plugin } from 'ckeditor5/src/core';
-import { Typing } from 'ckeditor5/src/typing';
-import { createDropdown } from 'ckeditor5/src/ui';
-import { CKEditorError } from 'ckeditor5/src/utils';
+import { Plugin } from '@ckeditor/ckeditor5-core';
+import { Typing } from '@ckeditor/ckeditor5-typing';
+import { createDropdown } from '@ckeditor/ckeditor5-ui';
+import { CKEditorError } from '@ckeditor/ckeditor5-utils';
 import SpecialCharactersNavigationView from './ui/specialcharactersnavigationview';
 import CharacterGridView from './ui/charactergridview';
 import CharacterInfoView from './ui/characterinfoview';

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-special-characters/src/specialcharactersarrows.js

@@ -7,7 +7,7 @@
  * @module special-characters/specialcharactersarrows
  */
 
-import { Plugin } from 'ckeditor5/src/core';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 
 /**
  * A plugin that provides special characters for the "Arrows" category.

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-special-characters/src/specialcharacterscurrency.js

@@ -7,7 +7,7 @@
  * @module special-characters/specialcharacterscurrency
  */
 
-import { Plugin } from 'ckeditor5/src/core';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 
 /**
  * A plugin that provides special characters for the "Currency" category.

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-special-characters/src/specialcharactersessentials.js

@@ -7,7 +7,7 @@
  * @module special-characters/specialcharactersessentials
  */
 
-import { Plugin } from 'ckeditor5/src/core';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 
 import SpecialCharactersCurrency from './specialcharacterscurrency';
 import SpecialCharactersMathematical from './specialcharactersmathematical';

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-special-characters/src/specialcharacterslatin.js

@@ -7,7 +7,7 @@
  * @module special-characters/specialcharacterslatin
  */
 
-import { Plugin } from 'ckeditor5/src/core';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 
 /**
  * A plugin that provides special characters for the "Latin" category.

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-special-characters/src/specialcharactersmathematical.js

@@ -7,7 +7,7 @@
  * @module special-characters/specialcharactersmathematical
  */
 
-import { Plugin } from 'ckeditor5/src/core';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 
 /**
  * A plugin that provides special characters for the "Mathematical" category.

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-special-characters/src/specialcharacterstext.js

@@ -7,7 +7,7 @@
  * @module special-characters/specialcharacterstext
  */
 
-import { Plugin } from 'ckeditor5/src/core';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 
 /**
  * A plugin that provides special characters for the "Text" category.

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-special-characters/src/ui/charactergridview.js

@@ -7,7 +7,7 @@
  * @module special-characters/ui/charactergridview
  */
 
-import { View, ButtonView } from 'ckeditor5/src/ui';
+import { View, ButtonView } from '@ckeditor/ckeditor5-ui';
 
 import '../../theme/charactergrid.css';
 

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-special-characters/src/ui/characterinfoview.js

@@ -7,7 +7,7 @@
  * @module special-characters/ui/characterinfoview
  */
 
-import { View } from 'ckeditor5/src/ui';
+import { View } from '@ckeditor/ckeditor5-ui';
 
 import '../../theme/characterinfo.css';
 

package/src/assets/qms-ckeditor-plugin/src/plugins/ckeditor5-special-characters/src/ui/specialcharactersnavigationview.js

@@ -7,8 +7,8 @@
  * @module special-characters/ui/specialcharactersnavigationview
  */
 
-import { Collection } from 'ckeditor5/src/utils';
-import { Model, FormHeaderView, createDropdown, addListToDropdown } from 'ckeditor5/src/ui';
+import { Collection } from '@ckeditor/ckeditor5-utils';
+import { Model, FormHeaderView, createDropdown, addListToDropdown } from '@ckeditor/ckeditor5-ui';
 
 /**
  * A class representing the navigation part of the special characters UI. It is responsible

package/src/assets/qms-ckeditor-plugin/src/plugins/common/qmsCKEditorConstant.js

@@ -9,3 +9,7 @@ export const QMSCK_LINKED = 'LINKED'
 export const QMSCK_LINK_PLUGIN_MSG = 'QMSCK_LINK_PLUGIN_MSG';
 export const QMSCK_LINK_PLUGIN_RESP = 'QMSCK_LINK_PLUGIN_RESP';
 export const QMSCK_LINK_OPTION = 'LINK_OPTION'
+/* Tooltip */
+export const QMSCK_TOOLTIP_PLUGIN_MSG = 'QMSCK_TOOLTIP_PLUGIN_MSG';
+export const QMSCK_TOOLTIP_PLUGIN_RESP = 'QMSCK_TOOLTIP_PLUGIN_RESP';
+export const QMSCK_TOOLTIP_IS_PROCESSING = 'QMSCK_TOOLTIP_IS_PROCESSING';

package/src/assets/qms-ckeditor-plugin/src/plugins/common/qmsCKEditorService.js

@@ -39,3 +39,13 @@ export function linkNotify(value){
         '*'
     );
 }
+
+export function tooltipNotify(value) {
+    window.postMessage(
+        {
+            eventName: constant.QMSCK_TOOLTIP_PLUGIN_MSG,
+            value
+        },
+        '*'
+    );
+}

package/src/assets/qms-ckeditor-plugin/src/plugins/common/qmsCKEditorUtil.js

@@ -32,11 +32,12 @@ function twoDigitPad(num) {
 }
 
 /**
- * Get a formatted date for a date and time pattern
+ * Get a  DateTime output based on a DateTime pattern
  *
- * Example: MM/dd/yyy HH:mm:ss aaa
+ * The default DateTime pattern is dd/MM/yyyy hh:mm:ss aaa
  *
- * Date and Time Patterns:
+ * DateTime Patterns:
+ * 
  * yy = 2-digit year; yyyy = full year
  * 
  * M = digit month; MM = 2-digit month

package/src/assets/qms-ckeditor-plugin/src/plugins/timestamp/timestamp.js

@@ -4,6 +4,27 @@ import timestampIcon from '../../themes/icons/timestamp.svg';
 import { formatDate } from '../common/qmsCKEditorUtil';
 import { toMap } from '@ckeditor/ckeditor5-utils';
 
+/**
+ * Users can format the DateTime output based on a DateTime pattern
+ *
+ * The default DateTime pattern is dd/MM/yyyy hh:mm:ss aaa
+ *
+ * DateTime Patterns:
+ * 
+ * yy = 2-digit year; yyyy = full year
+ * 
+ * M = digit month; MM = 2-digit month
+ * 
+ * d = digit day; dd = 2-digit day
+ * 
+ * h = hours am/pm; hh = 2-digit hours am/pm; H = hours; HH = 2-digit hours
+ * 
+ * m = minutes; mm = 2-digit minutes; aaa = AM/PM
+ * 
+ * s = seconds; ss = 2-digit seconds
+ * 
+ * S = miliseconds
+ */
 export default class Timestamp extends Plugin {
     init() {
         const editor = this.editor;

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

@@ -0,0 +1,98 @@
+import { Command } from '@ckeditor/ckeditor5-core';
+import { findAttributeRange } from '@ckeditor/ckeditor5-typing';
+import { first, toMap } from '@ckeditor/ckeditor5-utils';
+import * as QMSCKEditorConstant from '../common/qmsCKEditorConstant';
+import * as QMSCKEditorService from '../common/qmsCKEditorService';
+import { isTooltipAllowed, TOOLTIP_ATTRIBUTE, findTooltipElementAncestor } from './utils';
+
+export default class InsertTooltipCommand extends Command {
+    refresh() {
+        const model = this.editor.model;
+        const doc = model.document;
+        const selectedElement = first(doc.selection.getSelectedBlocks() );
+
+        // A check for the `LinkImage` plugin. If the selection contains an element, get values from the element.
+        // Currently the selection reads attributes from text nodes only. See #7429 and #7465.
+        if (isTooltipAllowed(selectedElement, model.schema ) ) {
+            this.value = selectedElement.getAttribute(TOOLTIP_ATTRIBUTE);
+            this.isEnabled = model.schema.checkAttribute(selectedElement, TOOLTIP_ATTRIBUTE);
+        } else {
+            this.value = doc.selection.getAttribute(TOOLTIP_ATTRIBUTE);
+            this.isEnabled = model.schema.checkAttributeInSelection(doc.selection, TOOLTIP_ATTRIBUTE);
+        }
+    }
+
+    execute() {
+        const model = this.editor.model;
+        const selection = model.document.selection;
+        let text= '';
+        let content = '';
+        if(selection.isCollapsed){
+            if(selection.hasAttribute(TOOLTIP_ATTRIBUTE)){
+                const view = this.editor.editing.view;
+		        const viewSelection = view.document.selection;
+                const selectedElement = findTooltipElementAncestor(viewSelection.getFirstPosition());
+                if(selectedElement){
+                    text = selectedElement.getChild(0).data;
+                    content = selectedElement.getAttribute(TOOLTIP_ATTRIBUTE);
+                }
+            }
+        }
+        else
+        {
+            const ranges = selection.getFirstRange();
+            if(ranges)
+            {
+                for (const item of ranges.getItems()) {
+                    if (item.data) {
+                        text = text + item.data;
+                    }
+                }
+            }
+        }
+
+        QMSCKEditorService.tooltipNotify({'text': text, 'content': content});
+        window[QMSCKEditorConstant.QMSCK_TOOLTIP_IS_PROCESSING] = false;
+        window.addEventListener(QMSCKEditorConstant.QMSCK_TOOLTIP_PLUGIN_RESP, function (evt) {
+            if (window[QMSCKEditorConstant.QMSCK_TOOLTIP_IS_PROCESSING]) { 
+                return; 
+            }
+            window[QMSCKEditorConstant.QMSCK_TOOLTIP_IS_PROCESSING] = true;             
+            console.log(evt.detail);
+            model.change(writer => {
+                const position = selection.getFirstPosition();
+                const attributes = toMap(selection.getAttributes());     
+                attributes.set(TOOLTIP_ATTRIBUTE, evt.detail.content);
+                
+                if (selection.isCollapsed) {                
+                    // When selection is inside text with `data-tooltip` attribute.
+                    if (selection.hasAttribute(TOOLTIP_ATTRIBUTE)) {
+                        // Then update `data-tooltip` value.
+                        const linkRange = findAttributeRange(position, TOOLTIP_ATTRIBUTE, selection.getAttribute(TOOLTIP_ATTRIBUTE), model);
+                        writer.remove(linkRange);
+                        const newPosition = selection.getFirstPosition();
+                        const { end: positionAfter } = model.insertContent(writer.createText(evt.detail.text, attributes), newPosition);
+                        writer.setSelection(positionAfter);
+                    }
+                    // If not then insert text node with `data-tooltip` attribute in place of caret.
+                    // However, since selection is collapsed, attribute value will be used as data for text node.
+                    // So, if `evt.detail.content` is empty, do not create text node.
+                    else if (!!evt.detail.content && evt.detail.content !== '') {
+                        const { end: positionAfter } = model.insertContent(writer.createText(evt.detail.text, attributes), position);
+                        // Put the selection at the end of the inserted link.
+                        // Using end of range returned from insertContent in case nodes with the same attributes got merged.
+                        writer.setSelection(positionAfter);
+                    }
+                } else {
+                    
+                    const { end: positionAfter } = model.insertContent(writer.createText(evt.detail.text, attributes), selection);
+                    // Put the selection at the end of the inserted link.
+                    writer.setSelection(positionAfter);
+                }
+                // Remove the `data-tooltip` attribute from the selection.
+                // It stops adding a new content into the link element.
+                writer.removeSelectionAttribute(TOOLTIP_ATTRIBUTE);
+            });
+        });
+    }
+}

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

@@ -0,0 +1,41 @@
+import { Command } from 'ckeditor5/src/core';
+import { findAttributeRange } from 'ckeditor5/src/typing';
+import { first } from 'ckeditor5/src/utils';
+import { isTooltipAllowed, TOOLTIP_ATTRIBUTE } from './utils';
+
+export default class RemoveTooltipCommand extends Command {
+    refresh() {
+        const model = this.editor.model;
+        const doc = model.document;
+        const selectedElement = first(doc.selection.getSelectedBlocks());
+
+        // A check for the `LinkImage` plugin. If the selection contains an image element, get values from the element.
+        // Currently the selection reads attributes from text nodes only. See #7429 and #7465.
+        if (isTooltipAllowed(selectedElement, model.schema)) {
+            this.isEnabled = model.schema.checkAttribute(selectedElement, TOOLTIP_ATTRIBUTE);
+        } else {
+            this.isEnabled = model.schema.checkAttributeInSelection(doc.selection, TOOLTIP_ATTRIBUTE);
+        }
+    }
+
+    execute() {
+        const editor = this.editor;
+        const model = editor.model;
+        const selection = model.document.selection;
+
+        model.change(writer => {
+            const selectedRanges = selection.isCollapsed ?
+                [findAttributeRange(
+                    selection.getFirstPosition(),
+                    TOOLTIP_ATTRIBUTE,
+                    selection.getAttribute(TOOLTIP_ATTRIBUTE),
+                    model
+                )] :
+                model.schema.getValidRanges(selection.getRanges(), TOOLTIP_ATTRIBUTE);
+
+            for (const range of selectedRanges) {
+                writer.removeAttribute(TOOLTIP_ATTRIBUTE, range);
+            }
+        });
+    }
+}

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

@@ -0,0 +1,14 @@
+
+import { Plugin } from '@ckeditor/ckeditor5-core';
+import TooltipEditing from './tooltipediting';
+import TooltipUI from './tooltipui';
+ 
+export default class Tooltip extends Plugin {
+	static get requires() {
+		return [TooltipEditing, TooltipUI];
+	}
+ 
+	static get pluginName() {
+		return 'Tooltip';
+	}
+}