qms-angular 1.1.33 → 1.1.35

package/src/assets/qms-ckeditor-plugin/src/plugins/anchor/autoanchor.js

@@ -82,7 +82,7 @@ export default class AutoAnchor extends Plugin {
 	 * @inheritDoc
 	 */
 	afterInit() {
-		this._enableEnterHandling();
+		// this._enableEnterHandling(); // 'Enter' keyboard shortcut use for autoLink.
 		this._enableShiftEnterHandling();
 	}
 
@@ -133,27 +133,27 @@ export default class AutoAnchor extends Plugin {
 	 *
 	 * @private
 	 */
-	_enableEnterHandling() {
-		const editor = this.editor;
-		const model = editor.model;
-		const enterCommand = editor.commands.get( 'enter' );
+	// _enableEnterHandling() {
+	// 	const editor = this.editor;
+	// 	const model = editor.model;
+	// 	const enterCommand = editor.commands.get( 'enter' );
 
-		if ( !enterCommand ) {
-			return;
-		}
+	// 	if ( !enterCommand ) {
+	// 		return;
+	// 	}
 
-		enterCommand.on( 'execute', () => {
-			const position = model.document.selection.getFirstPosition();
+	// 	enterCommand.on( 'execute', () => {
+	// 		const position = model.document.selection.getFirstPosition();
 
-			if ( !position.parent.previousSibling ) {
-				return;
-			}
+	// 		if ( !position.parent.previousSibling ) {
+	// 			return;
+	// 		}
 
-			const rangeToCheck = model.createRangeIn( position.parent.previousSibling );
+	// 		const rangeToCheck = model.createRangeIn( position.parent.previousSibling );
 
-			this._checkAndApplyAutoAnchorOnRange( rangeToCheck );
-		} );
-	}
+	// 		this._checkAndApplyAutoAnchorOnRange( rangeToCheck );
+	// 	} );
+	// }
 
 	/**
 	 * Enables autoanchoring on the <kbd>Shift</kbd>+<kbd>Enter</kbd> keyboard shortcut.

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

@@ -96,7 +96,7 @@ export default class AutoLink extends Plugin {
 	 */
 	afterInit() {
 		this._enableEnterHandling();
-		this._enableShiftEnterHandling();
+		// this._enableShiftEnterHandling(); // 'Shift + Enter' keyboard shortcut use for autoAnchor.
 	}
 
 	/**
@@ -173,27 +173,27 @@ export default class AutoLink extends Plugin {
 	 *
 	 * @private
 	 */
-	_enableShiftEnterHandling() {
-		const editor = this.editor;
-		const model = editor.model;
+	// _enableShiftEnterHandling() {
+	// 	const editor = this.editor;
+	// 	const model = editor.model;
 
-		const shiftEnterCommand = editor.commands.get( 'shiftEnter' );
+	// 	const shiftEnterCommand = editor.commands.get( 'shiftEnter' );
 
-		if ( !shiftEnterCommand ) {
-			return;
-		}
+	// 	if ( !shiftEnterCommand ) {
+	// 		return;
+	// 	}
 
-		shiftEnterCommand.on( 'execute', () => {
-			const position = model.document.selection.getFirstPosition();
+	// 	shiftEnterCommand.on( 'execute', () => {
+	// 		const position = model.document.selection.getFirstPosition();
 
-			const rangeToCheck = model.createRange(
-				model.createPositionAt( position.parent, 0 ),
-				position.getShiftedBy( -1 )
-			);
+	// 		const rangeToCheck = model.createRange(
+	// 			model.createPositionAt( position.parent, 0 ),
+	// 			position.getShiftedBy( -1 )
+	// 		);
 
-			this._checkAndApplyAutoLinkOnRange( rangeToCheck );
-		} );
-	}
+	// 		this._checkAndApplyAutoLinkOnRange( rangeToCheck );
+	// 	} );
+	// }
 
 	/**
 	 * Checks if the passed range contains a linkable text.

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

@@ -144,7 +144,7 @@ export default class LinkUI extends Plugin {
 	
 				parentLink = this._getSelectedLinkElement();
 				
-				const linkOption = parentLink.getAttribute('url');
+				let linkOption = parentLink.getAttribute('url') || parentLink.getAttribute('option');
 				link.typeId = QMSCKEditorUtil.getLinkType(linkOption);
 				link.targetId = parentLink.getAttribute('target') ? QMSCKEditorEnum.targetEnum[parentLink.getAttribute('target')] : 0;
 				if (parentLink._children.length > 0) {

package/src/assets/qms-ckeditor-plugin/src/plugins/table/converters/downcast.js

@@ -39,8 +39,8 @@ export function downcastInsertTable( options = {} ) {
 		const tableBorder = table.getAttribute( 'border-top' ) || table.getAttribute( 'border-bottom' ) || table.getAttribute( 'border-left' ) || table.getAttribute( 'border-right' ) || '';
 		const borderAttr = tableBorder === '' ? 'border: 1px solid rgb(0, 0, 0)' : null;
 		
-		const figureElement = conversionApi.writer.createContainerElement( 'figure', { class: 'table', style: `height: ${tableHeight}` } );
-		const tableElement = conversionApi.writer.createContainerElement( 'table', { style: `width: ${tableWidth}; height: ${tableHeight}; ${borderAttr}` } );
+		const figureElement = conversionApi.writer.createContainerElement( 'figure', { class: 'table', style: `width: ${tableWidth}; height: fit-content;` } );
+		const tableElement = conversionApi.writer.createContainerElement( 'table', { style: ` height: ${tableHeight}; ${borderAttr}` } );
 
 		conversionApi.writer.insert( conversionApi.writer.createPositionAt( figureElement, 0 ), tableElement );
 

package/src/assets/qms-ckeditor-plugin/src/plugins/table/tableproperties/tablepropertiesediting.js

@@ -96,12 +96,13 @@ export default class TablePropertiesEditing extends Plugin {
 // @param {module:engine/conversion/conversion~Conversion} conversion
 function enableBorderProperties( schema, conversion ) {
 	schema.extend( 'table', {
-		allowAttributes: [ 'borderWidth', 'borderColor', 'borderStyle' ]
+		allowAttributes: [ 'borderWidth', 'borderColor', 'borderStyle', 'height' ]
 	} );
 	upcastBorderStyles( conversion, 'table' );
 	downcastTableAttribute( conversion, 'borderColor', 'border-color' );
 	downcastTableAttribute( conversion, 'borderStyle', 'border-style' );
 	downcastTableAttribute( conversion, 'borderWidth', 'border-width' );
+	downcastTableAttribute( conversion, 'height', 'height' );
 }
 
 // Enables the `'alignment'` attribute for table.

package/src/lib/components/qms-stepper/qms-stepper.component.scss

@@ -174,4 +174,11 @@
     max-width: 22px !important;
   }
 
+  .is-mandatory-field {
+    color: #002E68 !important;
+  }
+
+  .is-deleted-field {
+    color: #ef1d34 !important;
+  }
 }

package/src/lib/components/select-department/select-department.component.scss

@@ -208,6 +208,23 @@
       color: unset !important;
   }
 }
+.qms-spinner-wrapper{
+  display: inline-block;
+  width: 22px;
+  height: 22px;
+  .qms-spinner {
+    font-size: 20px;
+    width: 1em;
+    height: 1em;
+    position: absolute;
+    right: 5px;
+    top: 50%;
+    transform: translateY(-50%);
+    .mat-progress-spinner circle, .mat-spinner circle{
+      stroke: #1b75be !important;
+    }
+  }
+}
 
 @media screen and (max-width: 600px) {
   ::ng-deep .cdk-global-overlay-wrapper{

package/src/lib/components/select-department-tree/select-department-tree.component.scss

@@ -167,7 +167,7 @@
 
   .mask-overlay{
     z-index: 1000;
-    background-color: rgba(0,0,0,0.1);
+    background-color: rgba(34, 33, 33, 0.1);
     position: absolute;
     top: 0;
     left: 0;
@@ -177,45 +177,6 @@
     overflow: hidden;
     display: grid;
     place-items: center;
-    &> .qms-load-more-row {
-      // height: 0;
-      line-height: 35px;
-      text-align: center;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      gap: 4px;
-      transform: translateY(-15px);
-      span {
-        display: inline-block;
-        width: 10px;
-        height: 10px;
-        background: theme-apply($primary-light-12-opacity);
-        border-radius: 50px;
-        animation: up-down-animate 0.5s ease-in-out infinite alternate;
-        &:nth-child(2) {
-          background: theme-apply($primary-light-24-opacity);
-          animation-delay: 0.16s;
-        }
-        &:nth-child(3) {
-          background: theme-apply($primary-light-32-opacity);
-          animation-delay: 0.32s;
-        }
-        &:nth-child(4) {
-          background: theme-apply($primary-light-38-opacity);
-          animation-delay: 0.48s;
-        }
-      }
-      @keyframes up-down-animate {
-        0% {
-          transform: translateY(-8px);
-        }
-
-        100% {
-          transform: translateY(8px);
-        }
-      }
-    }
   }
   //Custom tree
   .select-department-tree{
@@ -375,6 +336,12 @@
         }
       }
     }
+    &> .no-result{
+      height: 100%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
     &__wrapper{
       height: calc(100% - 50px);
       &.active-external{
@@ -389,18 +356,6 @@
         &.active-paging{
           max-height: calc(100% - 40px);
         }
-        &.no-result{
-          height: 100%;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-        }
-        &.no-result{
-          height: 100%;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-        }
       }
       .result-item{
         border-radius: 4px;
@@ -462,7 +417,7 @@
     overflow: hidden;
     transition: color .3s ease;
     &:not(:last-child):hover{
-      color : theme-apply($primary)
+      // color : theme-apply($primary)
     }
   }
 
@@ -586,112 +541,9 @@
       bottom: 0;
       margin: auto;
     }
-    &> .qms-spinner-blade {
-      position: absolute;
-      left: 0.4629em;
-      bottom: 0;
-      width: 0.074em;
-      height: 0.2777em;
-      border-radius: 0.0555em;
-      background-color: transparent;
-      -webkit-transform-origin: center -0.2222em;
-      -ms-transform-origin: center -0.2222em;
-      transform-origin: center -0.2222em;
-      animation: spinner-animation 1s infinite linear;
-      &:nth-child(1) {
-        -webkit-animation-delay: 0s;
-        animation-delay: 0s;
-        -webkit-transform: rotate(0deg);
-        -ms-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-      &:nth-child(2) {
-        -webkit-animation-delay: 0.083s;
-        animation-delay: 0.083s;
-        -webkit-transform: rotate(30deg);
-        -ms-transform: rotate(30deg);
-        transform: rotate(30deg);
-      }
-      &:nth-child(3) {
-        -webkit-animation-delay: 0.166s;
-        animation-delay: 0.166s;
-        -webkit-transform: rotate(60deg);
-        -ms-transform: rotate(60deg);
-        transform: rotate(60deg);
-      }
-      &:nth-child(4) {
-        -webkit-animation-delay: 0.249s;
-        animation-delay: 0.249s;
-        -webkit-transform: rotate(90deg);
-        -ms-transform: rotate(90deg);
-        transform: rotate(90deg);
-      }
-      &:nth-child(5) {
-        -webkit-animation-delay: 0.332s;
-        animation-delay: 0.332s;
-        -webkit-transform: rotate(120deg);
-        -ms-transform: rotate(120deg);
-        transform: rotate(120deg);
-      }
-      &:nth-child(6) {
-        -webkit-animation-delay: 0.415s;
-        animation-delay: 0.415s;
-        -webkit-transform: rotate(150deg);
-        -ms-transform: rotate(150deg);
-        transform: rotate(150deg);
-      }
-      &:nth-child(7) {
-        -webkit-animation-delay: 0.498s;
-        animation-delay: 0.498s;
-        -webkit-transform: rotate(180deg);
-        -ms-transform: rotate(180deg);
-        transform: rotate(180deg);
-      }
-      &:nth-child(8) {
-        -webkit-animation-delay: 0.581s;
-        animation-delay: 0.581s;
-        -webkit-transform: rotate(210deg);
-        -ms-transform: rotate(210deg);
-        transform: rotate(210deg);
-      }
-      &:nth-child(9) {
-        -webkit-animation-delay: 0.664s;
-        animation-delay: 0.664s;
-        -webkit-transform: rotate(240deg);
-        -ms-transform: rotate(240deg);
-        transform: rotate(240deg);
-      }
-      &:nth-child(10) {
-        -webkit-animation-delay: 0.747s;
-        animation-delay: 0.747s;
-        -webkit-transform: rotate(270deg);
-        -ms-transform: rotate(270deg);
-        transform: rotate(270deg);
-      }
-      &:nth-child(11) {
-        -webkit-animation-delay: 0.83s;
-        animation-delay: 0.83s;
-        -webkit-transform: rotate(300deg);
-        -ms-transform: rotate(300deg);
-        transform: rotate(300deg);
-      }
-      &:nth-child(12) {
-        -webkit-animation-delay: 0.913s;
-        animation-delay: 0.913s;
-        -webkit-transform: rotate(330deg);
-        -ms-transform: rotate(330deg);
-        transform: rotate(330deg);
-      }
-      @keyframes spinner-animation {
-        0% {
-          background-color: theme-apply($primary-light-32-opacity);
-        }
-
-        100% {
-          background-color: transparent;
-        }
-      }
-    }
+  }
+  ::ng-deep .mat-progress-spinner circle, .mat-spinner circle{
+    stroke: #1b75be !important;
   }
   // Responsive
   @media screen and (max-width: 600px) {

package/src/lib/components/select-process-document/select-process-document.component.scss

@@ -51,6 +51,8 @@
   }
 
   .panel-tree {
+    overflow: auto;
+    width: fit-content;
     .mat-expansion-panel-body {
       padding: 0 12px 12px;
     }
@@ -310,3 +312,4 @@ cdk-virtual-scroll-viewport {
     min-height: 300px;
   }
 }
+

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

@@ -17,6 +17,32 @@
     border: solid;
     border-width: 0px 1px 1px 0px;
     overflow-y: auto;
+
+    .textarea-field {
+      display: flex;
+			justify-content: space-between;
+    }
+
+    .range-field {
+      height: 40px;
+      margin-bottom: 15px;
+    }
+
+    .units {
+      font-size: 12px;
+    }
+
+    .connection-wrapper {
+      padding-bottom: 1.34375em;
+
+      .mat-card-wrapper {
+        padding-right: 0px;
+      }
+      .connection-content {
+        display: flex;
+			  justify-content: space-between;
+      }
+    }
   }
 
   #toolbarpanel {

package/src/lib/qms-ckeditor-components/components/qms-ckeditor-load-template/qms-ckeditor-load-template.component.scss

@@ -7,4 +7,9 @@
     .option {
         padding-left: 15px;
     }
+
+    .image-template {
+        width: 100%;
+        height: 100%;
+    }
 }

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

@@ -11,4 +11,25 @@
     .template-checkbox{
         padding-top: 20px;
     }
+
+    .selected-image {
+        display: flex;
+        align-items: center;
+        padding-bottom: 10px;
+    
+        .input-upload {
+          height: 60px;
+        }
+    }
+
+    .form-content-height {
+        min-height: 350px;
+        max-height: 410px;
+    }
+
+    .template-button-group {
+        padding-top: 10px;
+        padding-right: 0.5rem;
+        padding-left: 0.5rem;
+    }
 }