qms-angular 1.0.39 → 1.0.40

package/src/assets/qms-ckeditor-plugin/src/plugins/link/ui/linkactionsview.js

@@ -14,7 +14,7 @@ import { icons } from '@ckeditor/ckeditor5-core';
 import { ensureSafeUrl } from '../utils';
 
 import '@ckeditor/ckeditor5-ui/theme/components/responsive-form/responsiveform.css';
-import '../../../themes/tyles/linkactions.css';
+import '../../../themes/styles/linkactions.css';
 
 import unlinkIcon from '../../../themes/icons/unlink.svg';
 

package/src/assets/qms-ckeditor-plugin/src/plugins/link/ui/linkformview.js

@@ -22,7 +22,7 @@ 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/tyles/linkform.css';
+import '../../../themes/styles/linkform.css';
 
 /**
  * The link form view controller class.

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

@@ -58,7 +58,7 @@ export default class InsertTooltipCommand extends Command {
                 return; 
             }
             window[QMSCKEditorConstant.QMSCK_TOOLTIP_IS_PROCESSING] = true;             
-            console.log(evt.detail);
+          
             model.change(writer => {
                 const position = selection.getFirstPosition();
                 const attributes = toMap(selection.getAttributes());     

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

@@ -1,5 +1,5 @@
 import Plugin from '@ckeditor/ckeditor5-core/src/plugin';
-import '../../themes/tyles/tooltip.css';
+import '../../themes/styles/tooltip.css';
 import { TOOLTIP_CUSTOM_PROPERTY, TOOLTIP_ATTRIBUTE, INSERT_TOOLTIP_COMMAND, REMOVE_TOOLTIP_COMMAND, isTyping, shouldCopyAttributes} from './utils';
 import InsertTooltipCommand from './inserttooltipcommand';
 import RemoveTooltipCommand from './removetooltipcommand';

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

@@ -2,7 +2,7 @@ import { ButtonView, View, ViewCollection, FocusCycler } from '@ckeditor/ckedito
 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/tyles/linkactions.css';
+import '../../../themes/styles/linkactions.css';
 import { TOOLTIP_ATTRIBUTE } from '../utils';
 export default class ActionsView extends View {
 	constructor( locale ) {

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

@@ -0,0 +1,56 @@
+<?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.001 512.001" style="enable-background:new 0 0 512.001 512.001;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M511.307,478.536l-60.831-241.023c-2.558-10.131-11.671-17.229-22.118-17.229h-33.836
+			c6.497-20.56,10.376-42.692,10.376-66.3c0-82.11-66.794-148.912-148.894-148.912c-82.098,0-148.891,66.802-148.891,148.912
+			c0,23.644,3.91,45.8,10.402,66.3H83.644c-10.448,0-19.56,7.098-22.118,17.229L0.694,478.536
+			c-1.722,6.819-0.201,14.052,4.123,19.601c4.322,5.549,10.962,8.793,17.995,8.793h466.376c7.034,0,13.673-3.244,17.995-8.793
+			C511.508,492.588,513.029,485.356,511.307,478.536z M256.004,50.694c56.943,0,103.271,46.335,103.271,103.289
+			c0,28.306-7.157,54.31-18.129,77.565c-0.622,1.055-1.16,2.161-1.607,3.317c-16.437,33.349-40.57,60.862-62.297,81.102
+			c-8.092,7.539-15.444,13.649-21.204,18.17c-29.934-23.612-103.301-90.633-103.301-180.155
+			C152.736,97.03,199.062,50.694,256.004,50.694z M52.097,461.307l49.318-195.4h35.807
+			c38.993,70.887,102.46,113.131,106.301,115.644c3.791,2.477,8.136,3.717,12.481,3.717c4.345,0,8.691-1.239,12.483-3.718
+			c0.722-0.473,17.983-11.826,39.854-32.198c22.699-21.145,47.625-49.257,66.475-83.444h35.772l49.318,195.4H52.097z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path d="M272.135,137.835c-4.243-4.243-10.127-6.676-16.134-6.676s-11.879,2.433-16.122,6.676
+			c-4.258,4.243-6.69,10.113-6.69,16.12s2.433,11.893,6.69,16.136c4.245,4.243,10.115,6.691,16.122,6.691s11.877-2.448,16.134-6.691
+			c4.243-4.243,6.678-10.128,6.678-16.136C278.812,147.964,276.378,142.078,272.135,137.835z"/>
+	</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/lib/qms-ckeditor-components/components/qms-ckeditor-imagemap/qms-ckeditor-imagemap.component.scss

@@ -0,0 +1,27 @@
+@import '../../styles/style.scss';
+.qmsckeditor__imagemap__container {
+    .mat-form-field {
+        width: 100%;
+    }
+ 
+    .qmsckeditor__imagemap__information{
+        position: relative;
+    }
+
+    .qmsckeditor__imagemap__map {
+        overflow: auto;
+        width: 800px;
+        min-height: 371px;
+        position: relative;
+        max-height: 460px;
+    }
+ 
+    .mat-button-toggle-checked {
+        border: 1px solid #000000 !important;
+    }
+
+    .hidden {
+        visibility: hidden;
+    }
+}
+

package/src/themes/_color.scss

@@ -51,3 +51,11 @@ $button-green-background:  #00804C;
 $text-not-accepted: #B00020;
 $text-considered: #726729;
 $text-accepted: #005935;
+$tab-hover-background: #F2F7FD;
+$tab-focus-background: #E5EEFB;
+$tab-border: #666666;
+$tab-primary-label: rgba(255, 255, 255, 0.24);
+$tab-primary-icon: rgba(255, 255, 255, 0.6);
+$tab-primary-background-hover: rgba(255, 255, 255, 0.08);
+$tab-primary-border: rgba(255, 255, 255, 0.38);
+$tab-disable-background: rgba(25, 84, 169, 0.12);

package/src/themes/core/_colors.scss

@@ -46,6 +46,8 @@ $risk-yellow-dark: #726729;
 $risk-green-dark: #005935;
 
 
+$tab-dark-background: #00324e;
+
 @function black($opacity) {
     @return rgba(black, $opacity)
 };

package/src/themes/core/_tab.scss

@@ -1,11 +1,12 @@
 @import "colors";
+@import "./colors";
 .mat-tab-group{
     &.qms-tab-group{
         .qms-tab-label{
             display: flex;
             flex-direction: column;
             align-items: center;
-            color: #323232;
+            color: $tab-dark-background;
             font-family: Open Sans, Arial, Sans-Serif;
         }
 
@@ -33,7 +34,7 @@
             &.cdk-keyboard-focused:not(.mat-tab-disabled), 
             &.cdk-program-focused:not(.mat-tab-disabled),
             .mat-ripple-element{
-                background: rgba(25, 84, 169, 0.12); ;
+                background: $tab-disable-background;
             }
         }
 
@@ -46,7 +47,7 @@
 
         .mat-tab-header-pagination{
             .mat-tab-header-pagination-chevron{
-                border-color: #666666;
+                border-color: $tab-border;
             }
         }
     }
@@ -56,7 +57,7 @@
             display: flex;
             flex-direction: column;
             align-items: center;
-            color: #323232;
+            color: $popup-title-color;
             font-family: Open Sans, Arial, Sans-Serif;
             font-weight: 400;
             .mat-icon{
@@ -93,31 +94,31 @@
 
         .mat-ripple.mat-tab-label{
             &:hover{
-                background: black(0.04);
+                background: $tab-hover-background;
             }
 
             &:focus-visible{
-                background-color: black(0.12);
+                background-color: $tab-hover-background;
             }
 
             &.cdk-keyboard-focused:not(.mat-tab-disabled), 
             &.cdk-program-focused:not(.mat-tab-disabled){
-                background: black(0.12);
+                background: $tab-hover-background;
             }
 
             .mat-ripple-element{
-                background-color:rgba(0, 0, 0, 0.12)
+                background-color: $tab-hover-background
             }
             
             &.mat-tab-label-active{
                 &:hover{
-                    background: #F2F7FD;
+                    background: $tab-hover-background;
                 }
                 
                 &:focus-visible, .mat-ripple-element,
                 &.cdk-keyboard-focused:not(.mat-tab-disabled), 
                 &.cdk-program-focused:not(.mat-tab-disabled){
-                    background: rgba(25, 84, 169, 0.12);
+                    background: $tab-disable-background;
                 }
             }
         }
@@ -130,16 +131,16 @@
 
         .mat-tab-header-pagination{
             .mat-tab-header-pagination-chevron{
-                border-color: #666666;
+                border-color: $tab-border;
             }
         }
     }
 
     &.qms-tab-group-advanced.primary{
-        background: #00324E;
+        background: $tab-dark-background;
 
         .mat-tab-labels{
-            border-bottom: 1px solid rgba(255, 255, 255, 0.24);
+            border-bottom: 1px solid $tab-primary-label;
         }
         .qms-tab-label{
             display: flex;
@@ -148,16 +149,16 @@
             color: white;
             font-weight: 400;
             .mat-icon{
-                color: rgba(255, 255, 255, 0.6);
+                color: $tab-primary-icon;
             }
         }
 
 
         .mat-tab-disabled{
             .qms-tab-label{
-                color: rgba(255, 255, 255, 0.24);
+                color: $tab-primary-label;
                 .mat-icon{
-                    color: rgba(255, 255, 255, 0.24);
+                    color: $tab-primary-label;
                 }
             }
         }
@@ -174,38 +175,38 @@
 
         .mat-ripple.mat-tab-label{
             &:hover{
-                background: rgba(255, 255, 255, 0.08);
+                background: $tab-primary-background-hover;
             }
 
             &:focus-visible{
-                background-color: rgba(255, 255, 255, 0.24);
+                background-color: $tab-primary-label;
             }
 
             &.cdk-keyboard-focused:not(.mat-tab-disabled), 
             &.cdk-program-focused:not(.mat-tab-disabled){
-                background-color: rgba(255, 255, 255, 0.24);
+                background-color: $tab-primary-label;
             }
 
             .mat-ripple-element{
-                background-color: rgba(255, 255, 255, 0.24);
+                background-color: $tab-primary-label;
             }
             
             &.mat-tab-label-active{
                 &:hover{
-                    background: rgba(255, 255, 255, 0.08);
+                    background: $tab-primary-background-hover;
                 }
                 
                 &:focus-visible{
-                    background-color: rgba(255, 255, 255, 0.24);
+                    background-color: $tab-primary-label;
                 }
 
                 .mat-ripple-element{
-                    background-color:rgba(255, 255, 255, 0.24);;
+                    background-color:$tab-primary-label;;
                 }
             }
             
             &.mat-tab-disabled:hover{
-                background: #00324E;
+                background: $tab-dark-background;
             }
         }
 
@@ -217,7 +218,7 @@
 
         .mat-tab-header-pagination.mat-tab-header-pagination-disabled{
             .mat-tab-header-pagination-chevron{
-                border-color: rgba(255, 255, 255, 0.38);
+                border-color: $tab-primary-border;
             }
             
         }
@@ -248,7 +249,7 @@
             display: flex;
             flex-direction: column;
             align-items: center;
-            color: #323232;
+            color: $tab-dark-background;
             font-family: Open Sans, Arial, Sans-Serif;
         }
 
@@ -274,7 +275,7 @@
             &.cdk-keyboard-focused:not(.mat-tab-disabled), 
             &.cdk-program-focused:not(.mat-tab-disabled),
             .mat-ripple-element{
-                background: rgba(25, 84, 169, 0.12); ;
+                background: $tab-disable-background;
             }
         }
 
@@ -287,7 +288,7 @@
 
         .mat-tab-header-pagination{
             .mat-tab-header-pagination-chevron{
-                border-color: #666666;
+                border-color: $tab-border;
             }
         }
     }
@@ -297,7 +298,7 @@
             display: flex;
             flex-direction: column;
             align-items: center;
-            color: #323232;
+            color: $tab-dark-background;
             font-family: Open Sans, Arial, Sans-Serif;
             font-weight: 600;
             .mat-icon{
@@ -333,31 +334,31 @@
 
         .mat-tab-link{
             &:hover{
-                background: black(0.04);
+                background: $tab-hover-background;
             }
 
             &:focus-visible{
-                background-color: black(0.12);
+                background-color: $tab-hover-background;
             }
 
             &.cdk-keyboard-focused:not(.mat-tab-disabled), 
             &.cdk-program-focused:not(.mat-tab-disabled){
-                background: black(0.12);
+                background: $tab-hover-background;
             }
 
             .mat-ripple-element{
-                background-color:rgba(0, 0, 0, 0.12)
+                background-color: $tab-hover-background
             }
             
             &.mat-tab-label-active{
                 &:hover{
-                    background: #F2F7FD;
+                    background: $tab-hover-background;
                 }
                 
                 &:focus-visible, .mat-ripple-element,
                 &.cdk-keyboard-focused:not(.mat-tab-disabled), 
                 &.cdk-program-focused:not(.mat-tab-disabled){
-                    background: rgba(25, 84, 169, 0.12);
+                    background: $tab-disable-background;
                 }
             }
         }
@@ -370,13 +371,13 @@
 
         .mat-tab-header-pagination{
             .mat-tab-header-pagination-chevron{
-                border-color: #666666;
+                border-color: $tab-border;
             }
         }
     }
 
     &.qms-tab-group-advanced.primary{
-        background: #00324E;
+        background: $tab-dark-background;
         
         .qms-tab-label{
             display: flex;
@@ -385,15 +386,15 @@
             color: white;
             font-weight: 400;
             .mat-icon{
-                color: rbga(255,255,255, 0.6);
+                color: $tab-primary-icon;
             }
         }
         
         .mat-tab-disabled{
             &.qms-tab-label{
-                color: rgba(255, 255, 255, 0.24);
+                color: $tab-primary-label;
                 .mat-icon{
-                    color: rgba(255, 255, 255, 0.24);
+                    color: $tab-primary-label;
                 }
             }
         }
@@ -409,38 +410,38 @@
 
         .mat-tab-link{
             &:hover{
-                background: rgba(255, 255, 255, 0.08);
+                background: $tab-primary-background-hover;
             }
 
             &:focus-visible{
-                background-color: rgba(255, 255, 255, 0.24);
+                background-color: $tab-primary-label;
             }
 
             &.cdk-keyboard-focused:not(.mat-tab-disabled), 
             &.cdk-program-focused:not(.mat-tab-disabled){
-                background-color: rgba(255, 255, 255, 0.24);
+                background-color: $tab-primary-label;
             }
 
             .mat-ripple-element{
-                background-color: #00324E;
+                background-color: $tab-dark-background;
             }
             
             &.mat-tab-label-active{
                 &:hover{
-                    background: rgba(255, 255, 255, 0.08);
+                    background: $tab-primary-background-hover;
                 }
                 
                 &:focus-visible{
-                    background-color: rgba(255, 255, 255, 0.24);
+                    background-color: $tab-primary-label;
                 }
 
                 .mat-ripple-element{
-                    background-color:rgba(255, 255, 255, 0.24);;
+                    background-color:$tab-primary-label;;
                 }
             }
             
             &.mat-tab-disabled:hover{
-                background: #00324E;
+                background: $tab-dark-background;
             }
         }
 
@@ -452,7 +453,7 @@
 
         .mat-tab-header-pagination.mat-tab-header-pagination-disabled{
             .mat-tab-header-pagination-chevron{
-                border-color: rgba(255, 255, 255, 0.38);
+                border-color: $tab-primary-border;
             }
             
         }