@mediusinc/mng-commons 0.2.6 → 0.2.11

package/scss/common/theme/designer/components/button/_button.scss

@@ -44,7 +44,7 @@
                 background: $plainButtonHoverBgColor;
                 color: $plainButtonTextColor;
             }
-    
+
             &:enabled:active {
                 background: $plainButtonActiveBgColor;
                 color: $plainButtonTextColor;
@@ -76,7 +76,7 @@
                 background: $plainButtonHoverBgColor;
                 color: $plainButtonTextColor;
             }
-    
+
             &:enabled:active {
                 background: $plainButtonActiveBgColor;
                 color: $plainButtonTextColor;
@@ -89,7 +89,7 @@
     }
 
     .p-button-icon-left {
-         margin-right: $inlineSpacing;
+        margin-right: $inlineSpacing;
     }
 
     .p-button-icon-right {
@@ -101,7 +101,7 @@
     }
 
     .p-button-icon-top {
-       margin-bottom: $inlineSpacing;
+        margin-bottom: $inlineSpacing;
     }
 
     .p-badge {
@@ -110,7 +110,7 @@
         height: $fontSize;
         line-height: $fontSize;
         color: $buttonBg;
-        background-color: $buttonTextColor; 
+        background-color: $buttonTextColor;
     }
 
     &.p-button-raised {
@@ -169,21 +169,23 @@
     .p-button {
         width: 100%;
     }
-    
+
     .p-button-icon-only {
         width: $buttonIconOnlyWidth;
     }
 
     .p-buttonset {
         display: flex;
-        
+
         .p-button {
             flex: 1;
         }
     }
 }
 
-.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+.p-button.p-button-secondary,
+.p-buttonset.p-button-secondary > .p-button,
+.p-splitbutton.p-button-secondary > .p-button {
     color: $secondaryButtonTextColor;
     background: $secondaryButtonBg;
     border: $secondaryButtonBorder;
@@ -203,7 +205,7 @@
         color: $secondaryButtonTextActiveColor;
         border-color: $secondaryButtonActiveBorderColor;
     }
-    
+
     &.p-button-outlined {
         background-color: transparent;
         color: $secondaryButtonBg;
@@ -241,7 +243,9 @@
     }
 }
 
-.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+.p-button.p-button-info,
+.p-buttonset.p-button-info > .p-button,
+.p-splitbutton.p-button-info > .p-button {
     color: $infoButtonTextColor;
     background: $infoButtonBg;
     border: $infoButtonBorder;
@@ -299,7 +303,9 @@
     }
 }
 
-.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+.p-button.p-button-success,
+.p-buttonset.p-button-success > .p-button,
+.p-splitbutton.p-button-success > .p-button {
     color: $successButtonTextColor;
     background: $successButtonBg;
     border: $successButtonBorder;
@@ -357,11 +363,13 @@
     }
 }
 
-.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+.p-button.p-button-warning,
+.p-buttonset.p-button-warning > .p-button,
+.p-splitbutton.p-button-warning > .p-button {
     color: $warningButtonTextColor;
     background: $warningButtonBg;
     border: $warningButtonBorder;
-    
+
     &:enabled:hover {
         background: $warningButtonHoverBg;
         color: $warningButtonTextHoverColor;
@@ -415,7 +423,9 @@
     }
 }
 
-.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+.p-button.p-button-help,
+.p-buttonset.p-button-help > .p-button,
+.p-splitbutton.p-button-help > .p-button {
     color: $helpButtonTextColor;
     background: $helpButtonBg;
     border: $helpButtonBorder;
@@ -473,7 +483,9 @@
     }
 }
 
-.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+.p-button.p-button-danger,
+.p-buttonset.p-button-danger > .p-button,
+.p-splitbutton.p-button-danger > .p-button {
     color: $dangerButtonTextColor;
     background: $dangerButtonBg;
     border: $dangerButtonBorder;
@@ -537,9 +549,9 @@
     border: transparent;
 
     &:enabled:hover {
-        background:  transparent;
+        background: transparent;
         color: $linkButtonHoverColor;
-        border-color:  transparent;
+        border-color: transparent;
 
         .p-button-label {
             text-decoration: $linkButtonTextHoverDecoration;
@@ -549,12 +561,12 @@
     &:enabled:focus {
         background: transparent;
         box-shadow: $linkButtonFocusShadow;
-        border-color:  transparent;
+        border-color: transparent;
     }
 
     &:enabled:active {
-        background:  transparent;
+        background: transparent;
         color: $linkButtonColor;
-        border-color:  transparent;
+        border-color: transparent;
     }
 }

package/scss/common/theme/designer/components/button/_speeddial.scss

@@ -76,4 +76,4 @@
 
 .p-speeddial-mask {
     background-color: $maskBg;
-}
+}

package/scss/common/theme/designer/components/button/_splitbutton.scss

@@ -1 +1,2 @@
-.p-splitbutton {}
+.p-splitbutton {
+}

package/scss/common/theme/designer/components/data/_carousel.scss

@@ -13,7 +13,7 @@
         .p-carousel-indicator {
             margin-right: $inlineSpacing;
             margin-bottom: $inlineSpacing;
-           
+
             button {
                 background-color: $carouselIndicatorBg;
                 width: $carouselIndicatorWidth;

package/scss/common/theme/designer/components/data/_datatable.scss

@@ -84,7 +84,7 @@
             &:hover {
                 background: $tableHeaderCellHighlightHoverBg;
                 color: $tableHeaderCellHighlightTextColor;
-    
+
                 .p-sortable-column-icon {
                     color: $tableHeaderCellHighlightTextColor;
                 }
@@ -177,7 +177,7 @@
         .p-datatable-thead {
             > tr {
                 > th {
-                    border-width: 1px 1px nth($tableHeaderCellBorderWidth,3) 1px;
+                    border-width: 1px 1px nth($tableHeaderCellBorderWidth, 3) 1px;
                 }
             }
         }
@@ -203,14 +203,14 @@
         .p-datatable-tbody {
             > tr:nth-child(even) {
                 background: $tableBodyRowEvenBg;
-    
+
                 &.p-highlight {
                     background: $highlightBg;
                     color: $highlightTextColor;
-    
+
                     .p-row-toggler {
                         color: $highlightTextColor;
-    
+
                         &:hover {
                             color: $highlightTextColor;
                         }

package/scss/common/theme/designer/components/data/_filter.scss

@@ -35,7 +35,6 @@
     &:focus {
         @include focused();
     }
-
 }
 
 .p-column-filter-clear-button {
@@ -134,5 +133,5 @@
 
     .p-column-filter-buttonbar {
         padding: $panelContentPadding;
-    } 
-}
+    }
+}

package/scss/common/theme/designer/components/data/_fullcalendar.scss

@@ -64,16 +64,16 @@
                 }
 
                 .fc-icon-chevron-left {
-                    font-family: "PrimeIcons" !important;
+                    font-family: 'PrimeIcons' !important;
                     text-indent: 0;
-                    @include icon_override("\e900");
+                    @include icon_override('\e900');
                     font-size: $primeIconFontSize;
                 }
 
                 .fc-icon-chevron-right {
-                    font-family: "PrimeIcons" !important;
+                    font-family: 'PrimeIcons' !important;
                     text-indent: 0;
-                    @include icon_override("\e901");
+                    @include icon_override('\e901');
                     font-size: $primeIconFontSize;
                 }
 
@@ -170,8 +170,8 @@
                         align-items: center;
                         justify-content: center;
                         overflow: hidden;
-                        font-family: "PrimeIcons" !important;
-                        @include icon_override("\e90b");
+                        font-family: 'PrimeIcons' !important;
+                        @include icon_override('\e90b');
                         font-size: $primeIconFontSize;
                         @include action-icon(false);
                     }
@@ -248,16 +248,16 @@
                 }
 
                 .fc-icon-chevron-left {
-                    font-family: "PrimeIcons" !important;
+                    font-family: 'PrimeIcons' !important;
                     text-indent: 0;
-                    @include icon_override("\e900");
+                    @include icon_override('\e900');
                     font-size: $primeIconFontSize;
                 }
 
                 .fc-icon-chevron-right {
-                    font-family: "PrimeIcons" !important;
+                    font-family: 'PrimeIcons' !important;
                     text-indent: 0;
-                    @include icon_override("\e901");
+                    @include icon_override('\e901');
                     font-size: $primeIconFontSize;
                 }
 

package/scss/common/theme/designer/components/data/_orderlist.scss

@@ -35,7 +35,7 @@
             right: nth($inputPadding, 2);
             color: $inputIconColor;
         }
-    }      
+    }
 
     .p-orderlist-list {
         border: $panelContentBorder;
@@ -88,4 +88,4 @@
         background: $panelContentBg;
         margin: 0;
     }
-}
+}

package/scss/common/theme/designer/components/data/_paginator.scss

@@ -30,7 +30,7 @@
         border-top-left-radius: $borderRadius;
         border-bottom-left-radius: $borderRadius;
     }
-    
+
     .p-paginator-last {
         border-top-right-radius: $borderRadius;
         border-bottom-right-radius: $borderRadius;

package/scss/common/theme/designer/components/data/_picklist.scss

@@ -88,4 +88,4 @@
         background: $panelContentBg;
         margin: 0;
     }
-}
+}

package/scss/common/theme/designer/components/data/_timeline.scss

@@ -1,6 +1,6 @@
 .p-timeline {
     .p-timeline-event-marker {
-        border: $timelineEventMarkerBorder; 
+        border: $timelineEventMarkerBorder;
         border-radius: $timelineEventMarkerBorderRadius;
         width: $timelineEventMarkerWidth;
         height: $timelineEventMarkerHeight;
@@ -13,7 +13,7 @@
 
     &.p-timeline-vertical {
         .p-timeline-event-opposite,
-        .p-timeline-event-content  {
+        .p-timeline-event-content {
             padding: $timelineVerticalEventContentPadding;
         }
 
@@ -24,7 +24,7 @@
 
     &.p-timeline-horizontal {
         .p-timeline-event-opposite,
-        .p-timeline-event-content  {
+        .p-timeline-event-content {
             padding: $timelineHorizontalEventContentPadding;
         }
 
@@ -33,6 +33,3 @@
         }
     }
 }
-
-
-

package/scss/common/theme/designer/components/data/_tree.scss

@@ -91,7 +91,7 @@
         &.p-treenode-droppoint-active {
             background-color: scale-color($highlightBg, $lightness: -20%);
         }
-    } 
+    }
 
     &.p-tree-horizontal {
         .p-treenode {
@@ -134,7 +134,7 @@
                     background: $inputListItemHoverBg;
                     color: $inputListItemTextHoverColor;
                 }
-                
+
                 &:focus {
                     @include focused();
                 }

package/scss/common/theme/designer/components/data/_treetable.scss

@@ -9,7 +9,7 @@
         border-radius: 0;
     }
 
-   .p-treetable-header {
+    .p-treetable-header {
         background: $tableHeaderBg;
         color: $tableHeaderTextColor;
         border: $tableHeaderBorder;
@@ -105,7 +105,7 @@
 
                 p-treetablecheckbox .p-checkbox {
                     margin-right: $inlineSpacing;
-                    
+
                     .p-indeterminate {
                         .p-checkbox-icon {
                             color: $textColor;
@@ -124,7 +124,6 @@
                     &:hover {
                         color: $highlightTextColor;
                     }
-                    
                 }
             }
         }

package/scss/common/theme/designer/components/input/_autocomplete.scss

@@ -1,6 +1,6 @@
 .p-autocomplete {
     .p-autocomplete-loader {
-        right: nth($inputPadding, 2); 
+        right: nth($inputPadding, 2);
     }
 
     &.p-autocomplete-dd {
@@ -8,9 +8,9 @@
             right: nth($inputPadding, 2) + $buttonIconOnlyWidth;
         }
     }
-    
+
     .p-autocomplete-multiple-container {
-        padding: nth($inputPadding, 1)/2 nth($inputPadding, 2);
+        padding: nth($inputPadding, 1) / 2 nth($inputPadding, 2);
 
         &:not(.p-disabled):hover {
             border-color: $inputHoverBorderColor;
@@ -21,8 +21,8 @@
         }
 
         .p-autocomplete-input-token {
-            padding: nth($inputPadding, 1)/2 0;
-            
+            padding: nth($inputPadding, 1) / 2 0;
+
             input {
                 font-family: $fontFamily;
                 font-size: $fontSize;
@@ -33,7 +33,7 @@
         }
 
         .p-autocomplete-token {
-            padding: nth($inputPadding, 1)/2 nth($inputPadding, 2);
+            padding: nth($inputPadding, 1) / 2 nth($inputPadding, 2);
             margin-right: $inlineSpacing;
             background: $highlightBg;
             color: $highlightTextColor;
@@ -58,7 +58,7 @@ p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
     box-shadow: $inputOverlayShadow;
 
     .p-autocomplete-items {
-        &:not(.p-autocomplete-virtualscroll) { 
+        &:not(.p-autocomplete-virtualscroll) {
             padding: $inputListPadding;
         }
 
@@ -100,4 +100,4 @@ p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
             font-weight: $submenuHeaderFontWeight;
         }
     }
-}
+}

package/scss/common/theme/designer/components/input/_calendar.scss

@@ -78,7 +78,7 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
                     color: $highlightTextColor;
                     background: $highlightBg;
                 }
-                
+
                 &:focus {
                     @include focused();
                 }
@@ -114,9 +114,9 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
 
         button {
             @include action-icon();
-            
+
             &:last-child {
-                margin-top: .2em;
+                margin-top: 0.2em;
             }
         }
 
@@ -198,15 +198,15 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
             }
         }
     }
-
 }
 
 @media screen and (max-width: $calendarBreakpoint) {
     .p-datepicker {
         table {
-            th, td {
+            th,
+            td {
                 padding: $calendarCellDatePaddingSM;
             }
         }
     }
-}
+}

package/scss/common/theme/designer/components/input/_cascadeselect.scss

@@ -90,7 +90,7 @@ p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
         &:not(.p-disabled):hover {
             background-color: $inputFilledHoverBg;
         }
-    
+
         &:not(.p-disabled).p-focus {
             background-color: $inputFilledFocusBg;
         }

package/scss/common/theme/designer/components/input/_checkbox.scss

@@ -33,7 +33,7 @@
                 @include focused-input();
             }
 
-            &.p-highlight:hover {    
+            &.p-highlight:hover {
                 border-color: $checkboxActiveHoverBorderColor;
                 background: $checkboxActiveHoverBg;
                 color: $checkboxIconActiveHoverColor;
@@ -61,8 +61,8 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
                 &:hover {
                     background-color: $inputFilledHoverBg;
                 }
-        
-                &.p-highlight:hover {    
+
+                &.p-highlight:hover {
                     background: $checkboxActiveHoverBg;
                 }
             }
@@ -82,4 +82,4 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
             }
         }
     }
-} 
+}

package/scss/common/theme/designer/components/input/_chips.scss

@@ -1,6 +1,6 @@
 .p-chips {
     .p-chips-multiple-container {
-        padding: nth($inputPadding, 1)/2 nth($inputPadding, 2);
+        padding: nth($inputPadding, 1) / 2 nth($inputPadding, 2);
 
         &:not(.p-disabled):hover {
             border-color: $inputHoverBorderColor;
@@ -11,7 +11,7 @@
         }
 
         .p-chips-token {
-            padding: nth($inputPadding, 1)/2 nth($inputPadding, 2);
+            padding: nth($inputPadding, 1) / 2 nth($inputPadding, 2);
             margin-right: $inlineSpacing;
             background: $highlightBg;
             color: $highlightTextColor;
@@ -23,8 +23,8 @@
         }
 
         .p-chips-input-token {
-            padding: nth($inputPadding, 1)/2 0;
-                
+            padding: nth($inputPadding, 1) / 2 0;
+
             input {
                 font-family: $fontFamily;
                 font-size: $fontSize;

package/scss/common/theme/designer/components/input/_colorpicker.scss

@@ -1,5 +1,5 @@
 .p-colorpicker-preview,
-.p-fluid .p-colorpicker-preview.p-inputtext  {
+.p-fluid .p-colorpicker-preview.p-inputtext {
     width: $colorPickerPreviewWidth;
     height: $colorPickerPreviewHeight;
 }
@@ -16,4 +16,4 @@
 
 .p-colorpicker-overlay-panel {
     box-shadow: $inputOverlayShadow;
-}
+}

package/scss/common/theme/designer/components/input/_dropdown.scss

@@ -73,7 +73,7 @@
     }
 
     .p-dropdown-items {
-        &:not(.p-dropdown-virtualscroll) { 
+        &:not(.p-dropdown-virtualscroll) {
             padding: $inputListPadding;
         }
 
@@ -128,7 +128,7 @@ p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
         &:not(.p-disabled):hover {
             background-color: $inputFilledHoverBg;
         }
-    
+
         &:not(.p-disabled).p-focus {
             background-color: $inputFilledFocusBg;
         }

package/scss/common/theme/designer/components/input/_editor.scss

@@ -10,11 +10,11 @@
             .ql-stroke {
                 stroke: $editorToolbarIconColor;
             }
-    
+
             .ql-fill {
                 fill: $editorToolbarIconColor;
             }
-    
+
             .ql-picker {
                 .ql-picker-label {
                     border: 0 none;
@@ -26,7 +26,7 @@
                         .ql-stroke {
                             stroke: $editorToolbarIconHoverColor;
                         }
-                
+
                         .ql-fill {
                             fill: $editorToolbarIconHoverColor;
                         }
@@ -40,7 +40,7 @@
                         .ql-stroke {
                             stroke: $editorToolbarIconHoverColor;
                         }
-                
+
                         .ql-fill {
                             fill: $editorToolbarIconHoverColor;
                         }
@@ -48,14 +48,14 @@
 
                     .ql-picker-options {
                         background: $inputOverlayBg;
-                        border:$inputOverlayBorder;
-                        box-shadow:$inputOverlayShadow;
+                        border: $inputOverlayBorder;
+                        box-shadow: $inputOverlayShadow;
                         border-radius: $borderRadius;
                         padding: $inputListPadding;
 
                         .ql-picker-item {
                             color: $inputListItemTextColor;
-                            
+
                             &:hover {
                                 color: $inputListItemTextHoverColor;
                                 background: $inputListItemHoverBg;

package/scss/common/theme/designer/components/input/_inputgroup.scss

@@ -46,7 +46,7 @@
 
 .p-inputgroup-addon:last-child,
 .p-inputgroup button:last-child,
-.p-inputgroup input:last-child  {
+.p-inputgroup input:last-child {
     border-top-right-radius: $borderRadius;
     border-bottom-right-radius: $borderRadius;
 }

package/scss/common/theme/designer/components/input/_inputmask.scss

@@ -1,3 +1,3 @@
 p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
     @include invalid-input();
-}
+}

package/scss/common/theme/designer/components/input/_inputnumber.scss

@@ -1,3 +1,3 @@
 p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
     @include invalid-input();
-}
+}

package/scss/common/theme/designer/components/input/_inputswitch.scss

@@ -42,7 +42,7 @@
 
             &:before {
                 background: $inputSwitchHandleOnBg;
-             }
+            }
         }
 
         &:not(.p-disabled):hover {
@@ -55,4 +55,4 @@
 
 p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
     @include invalid-input();
-}
+}