qms-angular 1.0.71 → 1.0.72

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

@@ -1,7 +1,9 @@
 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() {
@@ -14,25 +16,34 @@ export default class QMSCKEditorFullscreenPlugin extends Plugin {
             const view = new ButtonView(locale);
 
             view.set({
-                label: 'Maximine/Minimine',
+                label: 'Maximine',
                 icon: fullscreenIcon,
                 tooltip: true
             });
-
+            const fullscreenClass = this.editor.config.get('fullScreenConfig.class') || 'qmsckeditor__fullscreen';
+             
             view.on('execute', () => {
-                const fullscreen = window.parent.document.getElementsByClassName('qmsckeditor__fullscreen');
-                if (fullscreen && fullscreen.length > 0) {
-                    editor.editing.view.change( writer => {
-                        writer.setStyle( 'height', 'calc(100vh - 180px)', editor.editing.view.document.getRoot() );
-                    } );
+                const ck = window.document.getElementById('qmsckeditor');
+                const isFullscreen = ck && ck.classList.contains(fullscreenClass);
+                if (!isFullscreen) {
+                    view.set({
+                        label: 'Minimine',
+                        icon: fullscreenExitIcon,
+                        tooltip: true
+                    });
+                    ck.classList.add(fullscreenClass);
                 }
                 else {
-                    editor.editing.view.change( writer => {
-                        writer.setStyle( 'height', 'calc(100vh - 150px)', editor.editing.view.document.getRoot() );
-                    } );
+                    view.set({
+                        label: 'Maximine',
+                        icon: fullscreenIcon,
+                        tooltip: true
+                    });
+                    if (ck.classList.contains(fullscreenClass)) {
+                        ck.classList.remove(fullscreenClass);
+                    }
                 }
-
-                QMSCKEditorService.fullscreenNotify(null);
+                QMSCKEditorService.fullscreenNotify(isFullscreen);
             })
 
             return view;

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

@@ -0,0 +1 @@
+<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="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/></svg>

package/src/lib/components/qms-navigation-drawer/qms-navigation-drawer.component.scss

@@ -117,7 +117,11 @@
       }
 
       .favorite {
-        color: #b13514 !important;
+        color: #b13514;
+      }
+
+      .not-favorite {
+        color: rgba(0, 0, 0, 0.6) !important;
       }
 
       .btn-favorite {

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

@@ -98,6 +98,30 @@
   }
 }
 
+.qmsckeditor__fullscreen {
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  overflow: auto;
+  background: white;
+}
+
+.qmsckeditor__fullscreen .qms-ckeditor {
+  height: 98%;
+display: inline-block;
+  width: 100%;
+}
+
+.qmsckeditor__fullscreen .ck.ck-editor__main {
+  height: 98%;
+}
+
+.qmsckeditor__fullscreen .ck.ck-editor__editable {
+  height: inherit;
+}
+
 .sub-container {
   display: flex;
   justify-content: space-between;

package/src/themes/core/_range-slider.scss

@@ -6,6 +6,7 @@
             .mat-slider-track-background{
                 background-color: $slider-background;
             }
+
             .mat-slider-track-fill{
                 background: $active;
             }
@@ -21,33 +22,6 @@
                 border: 3px solid transparent;
                 border-radius: 50%;
             }
-            
-            &.mat-slider-has-ticks .mat-slider-wrapper::after{
-                border-color: $slider-tick-color;
-            }
-
-            &.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover{
-                border-color: $slider-hover-border;
-            }
-
-            &:focus-visible{
-                border-color: $slider-focus-border;
-            }
-
-            &.cdk-mouse-focused, &.cdk-touch-focused, &.cdk-program-focused{
-                .mat-slider-thumb {
-                    border-width: 18px;
-                    border-color: $slider-pressed;
-                    transform: scale(0.7);
-                }
-            }
-
-            &.mat-slider-min-value:not(.mat-slider-thumb-label-showing){
-                .mat-slider-thumb {
-                    background-color: $active;
-                    border-color: $slider-hover-border;
-                }
-            }
 
             .mat-slider-thumb:after {
                 content: "";
@@ -68,6 +42,33 @@
                 transition: background 1s;
             }
 
+            &.mat-slider-min-value:not(.mat-slider-thumb-label-showing){
+                .mat-slider-thumb {
+                    background-color: $active;
+                    border-color: $slider-focus-border;
+                }
+            }
+            
+            &.mat-slider-has-ticks .mat-slider-wrapper::after{
+                border-color: $slider-tick-color;
+            }
+
+            &.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover{
+                border-color: $slider-hover-border;
+            }
+
+            &:focus-visible{
+                border-color: $slider-focus-border;
+            }
+
+            &.cdk-mouse-focused, &.cdk-touch-focused, &.cdk-program-focused{
+                .mat-slider-thumb {
+                    border-width: 18px;
+                    border-color: $slider-focus-border;
+                    transform: scale(0.7);
+                }
+            }
+
             &.qms-range-slider-active {
                 .mat-slider-thumb:after {
                     width: 48px;
@@ -88,12 +89,15 @@
 
         .mat-slider-ticks{
             background-image: repeating-linear-gradient(to right, $slider-tick-color, $slider-tick-color 2px, transparent 0, transparent);
-            // background-image: repeating-radial-gradient(circle at center, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0.38) 2px, transparent 0, transparent);
             opacity: 1;
         }
+
+        .mat-slider-focus-ring{
+           background-color: transparent; 
+        }
+
+
     }
-     
-    
 }
 
 
@@ -143,29 +147,47 @@
     }
 }
 
-.mat-slider:hover, .mat-slider:focus{
+.mat-slider{
     &.qms-range-slider{
-        &:not(.mat-slider-disabled){
+        &:not(.mat-slider-disabled):hover{
             &.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover{
-                border-color: $slider-hover-border;
+                .mat-slider-thumb{
+                    border-color: $slider-hover-border;
+                }
+                
             }
             .mat-slider-thumb {
                 height: 48px;
                 width: 48px;
+                border-color: $slider-hover-border;
                 border: solid 18px $slider-hover-border;
                 bottom: -24px;
                 right: -24px;
                 background-clip: padding-box;   
             }
-            .mat-slider-track-background{
-                background-color: $slider-background;
+        }
+
+        &.mat-slider-disabled{
+            .mat-slider-thumb{
+                border-color: transparent;
             }
+        }
+    }
+}
 
+.mat-slider{
+    &.qms-range-slider{
+        &:not(.mat-slider-disabled){
             &.cdk-mouse-focused, &.cdk-touch-focused, &.cdk-program-focused{
                 .mat-slider-thumb {
-                    border-width: 18px;
-                    border-color: $slider-pressed;
                     transform: scale(0.7);
+                    height: 48px;
+                    width: 48px;
+                    border-color: $slider-focus-border;
+                    border: solid 18px $slider-focus-border;
+                    bottom: -24px;
+                    right: -24px;
+                    background-clip: padding-box;   
                 }
             }
         }
@@ -178,4 +200,3 @@
     }
 }
 
-

package/esm2015/lib/directives/range-slider/range-slider-lockup.directive.js

@@ -1,20 +0,0 @@
-import { Directive, ElementRef } from "@angular/core";
-export class QMSRangeSliderLockUpDirective {
-    constructor(ele) {
-        this.ele = ele;
-    }
-    ngOnInit() {
-        if (this.ele) {
-            this.ele.nativeElement.classList.add('qms-range-slider-lockup');
-        }
-    }
-}
-QMSRangeSliderLockUpDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'mat-slider[qms-range-slider-lockup]',
-            },] }
-];
-QMSRangeSliderLockUpDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFuZ2Utc2xpZGVyLWxvY2t1cC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9xbXMtYW5ndWxhci9zcmMvbGliL2RpcmVjdGl2ZXMvcmFuZ2Utc2xpZGVyL3JhbmdlLXNsaWRlci1sb2NrdXAuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBSzlELE1BQU0sT0FBTyw2QkFBNkI7SUFDdEMsWUFBb0IsR0FBZTtRQUFmLFFBQUcsR0FBSCxHQUFHLENBQVk7SUFDbkMsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLElBQUksQ0FBQyxHQUFHLEVBQUU7WUFDVixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLHlCQUF5QixDQUFDLENBQUM7U0FDbkU7SUFDTCxDQUFDOzs7WUFYSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLHFDQUFxQzthQUNsRDs7O1lBSm1CLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIE9uSW5pdCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICAgIHNlbGVjdG9yOiAnbWF0LXNsaWRlcltxbXMtcmFuZ2Utc2xpZGVyLWxvY2t1cF0nLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUU1TUmFuZ2VTbGlkZXJMb2NrVXBEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGU6IEVsZW1lbnRSZWYpIHtcclxuICAgIH1cclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgICAgICBpZiAodGhpcy5lbGUpIHtcclxuICAgICAgICAgICAgdGhpcy5lbGUubmF0aXZlRWxlbWVudC5jbGFzc0xpc3QuYWRkKCdxbXMtcmFuZ2Utc2xpZGVyLWxvY2t1cCcpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxufVxyXG4iXX0=

package/esm2015/lib/directives/range-slider/range-slider.directive.js

@@ -1,36 +0,0 @@
-import { Directive, ElementRef, HostListener } from "@angular/core";
-export class QMSRangeSliderDirective {
-    constructor(ele) {
-        this.ele = ele;
-    }
-    ngOnInit() {
-        if (this.ele) {
-            this.ele.nativeElement.classList.add('qms-range-slider');
-        }
-    }
-    onMouseUp() {
-        clearTimeout(this.timerId);
-        this.timerId = setTimeout(() => {
-            this.ele.nativeElement.classList.remove('qms-range-slider-active');
-            this.ele.nativeElement.classList.remove('mat-slider-thumb-start');
-        }, 500);
-    }
-    onMouseDown() {
-        clearTimeout(this.timerId);
-        this.ele.nativeElement.classList.add('qms-range-slider-active');
-        this.ele.nativeElement.classList.add('mat-slider-thumb-start');
-    }
-}
-QMSRangeSliderDirective.decorators = [
-    { type: Directive, args: [{
-                selector: 'mat-slider[qms-range-slider]',
-            },] }
-];
-QMSRangeSliderDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-QMSRangeSliderDirective.propDecorators = {
-    onMouseUp: [{ type: HostListener, args: ['mouseup', [],] }],
-    onMouseDown: [{ type: HostListener, args: ['mousedown', [],] }]
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFuZ2Utc2xpZGVyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Ftcy1hbmd1bGFyL3NyYy9saWIvZGlyZWN0aXZlcy9yYW5nZS1zbGlkZXIvcmFuZ2Utc2xpZGVyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFLNUUsTUFBTSxPQUFPLHVCQUF1QjtJQUNoQyxZQUFvQixHQUFlO1FBQWYsUUFBRyxHQUFILEdBQUcsQ0FBWTtJQUNuQyxDQUFDO0lBR0QsUUFBUTtRQUNKLElBQUksSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNWLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsa0JBQWtCLENBQUMsQ0FBQztTQUM1RDtJQUNMLENBQUM7SUFHRCxTQUFTO1FBQ0wsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUMzQixJQUFJLENBQUMsT0FBTyxHQUFHLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDM0IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO1lBQ25FLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsd0JBQXdCLENBQUMsQ0FBQztRQUN0RSxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDWixDQUFDO0lBR0QsV0FBVztRQUNQLFlBQVksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDM0IsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO1FBQ2hFLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsd0JBQXdCLENBQUMsQ0FBQztJQUNuRSxDQUFDOzs7WUE1QkosU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSw4QkFBOEI7YUFDM0M7OztZQUptQixVQUFVOzs7d0JBZ0J6QixZQUFZLFNBQUMsU0FBUyxFQUFFLEVBQUU7MEJBUzFCLFlBQVksU0FBQyxXQUFXLEVBQUUsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgRWxlbWVudFJlZiwgSG9zdExpc3RlbmVyLCBPbkluaXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgICBzZWxlY3RvcjogJ21hdC1zbGlkZXJbcW1zLXJhbmdlLXNsaWRlcl0nLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUU1TUmFuZ2VTbGlkZXJEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGU6IEVsZW1lbnRSZWYpIHtcclxuICAgIH1cclxuXHJcbiAgICB0aW1lcklkOiBhbnk7XHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgICAgICBpZiAodGhpcy5lbGUpIHtcclxuICAgICAgICAgICAgdGhpcy5lbGUubmF0aXZlRWxlbWVudC5jbGFzc0xpc3QuYWRkKCdxbXMtcmFuZ2Utc2xpZGVyJyk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIEBIb3N0TGlzdGVuZXIoJ21vdXNldXAnLCBbXSlcclxuICAgIG9uTW91c2VVcCgpe1xyXG4gICAgICAgIGNsZWFyVGltZW91dCh0aGlzLnRpbWVySWQpO1xyXG4gICAgICAgIHRoaXMudGltZXJJZCA9IHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAgICAgICB0aGlzLmVsZS5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoJ3Ftcy1yYW5nZS1zbGlkZXItYWN0aXZlJyk7XHJcbiAgICAgICAgICAgIHRoaXMuZWxlLm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LnJlbW92ZSgnbWF0LXNsaWRlci10aHVtYi1zdGFydCcpO1xyXG4gICAgICAgIH0sIDUwMCk7XHJcbiAgICB9XHJcblxyXG4gICAgQEhvc3RMaXN0ZW5lcignbW91c2Vkb3duJywgW10pXHJcbiAgICBvbk1vdXNlRG93bigpe1xyXG4gICAgICAgIGNsZWFyVGltZW91dCh0aGlzLnRpbWVySWQpO1xyXG4gICAgICAgIHRoaXMuZWxlLm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LmFkZCgncW1zLXJhbmdlLXNsaWRlci1hY3RpdmUnKTtcclxuICAgICAgICB0aGlzLmVsZS5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5hZGQoJ21hdC1zbGlkZXItdGh1bWItc3RhcnQnKTtcclxuICAgIH1cclxufVxyXG4iXX0=