@mediusinc/mng-commons 0.2.4 → 0.2.8

package/scss/common/theme/designer/_mixins.scss

@@ -1,85 +1,85 @@
 @mixin icon-override($icon) {
-	&:before {
-		content: $icon;
-	}
+    &:before {
+        content: $icon;
+    }
 }
 
 @mixin focused() {
-	outline: $focusOutline;
+    outline: $focusOutline;
     outline-offset: $focusOutlineOffset;
     box-shadow: $focusShadow;
 }
 
 @mixin focused-input() {
-	@include focused();
-	border-color: $inputFocusBorderColor;
+    @include focused();
+    border-color: $inputFocusBorderColor;
 }
 
 @mixin focused-listitem() {
-	outline: $focusOutline;
+    outline: $focusOutline;
     outline-offset: $focusOutlineOffset;
     box-shadow: $inputListItemFocusShadow;
 }
 
 @mixin invalid-input() {
-	border-color: $inputErrorBorderColor;
+    border-color: $inputErrorBorderColor;
 }
 
 @mixin menuitem-link {
-	padding: $menuitemPadding;
-	color: $menuitemTextColor;
+    padding: $menuitemPadding;
+    color: $menuitemTextColor;
     border-radius: $menuitemBorderRadius;
     transition: $listItemTransition;
     user-select: none;
 
-	.p-menuitem-text {
+    .p-menuitem-text {
         color: $menuitemTextColor;
-	}
+    }
 
-	.p-menuitem-icon {
-		color: $menuitemIconColor;
-		margin-right: $inlineSpacing;
+    .p-menuitem-icon {
+        color: $menuitemIconColor;
+        margin-right: $inlineSpacing;
     }
 
     .p-submenu-icon {
         color: $menuitemIconColor;
     }
 
-	&:not(.p-disabled):hover {
-		background: $menuitemHoverBg;
+    &:not(.p-disabled):hover {
+        background: $menuitemHoverBg;
 
-		.p-menuitem-text {
-			color: $menuitemTextHoverColor;
-		}
+        .p-menuitem-text {
+            color: $menuitemTextHoverColor;
+        }
 
-		.p-menuitem-icon {
-			color: $menuitemIconHoverColor;
+        .p-menuitem-icon {
+            color: $menuitemIconHoverColor;
         }
 
         .p-submenu-icon {
             color: $menuitemIconHoverColor;
         }
-	}
+    }
 
-	&:focus {
-		@include focused-listitem();
-	}
+    &:focus {
+        @include focused-listitem();
+    }
 }
 
 @mixin horizontal-rootmenuitem-link {
-	padding: $horizontalMenuRootMenuitemPadding;
-	color: $horizontalMenuRootMenuitemTextColor;
+    padding: $horizontalMenuRootMenuitemPadding;
+    color: $horizontalMenuRootMenuitemTextColor;
     border-radius: $horizontalMenuRootMenuitemBorderRadius;
     transition: $listItemTransition;
     user-select: none;
 
-	.p-menuitem-text {
+    .p-menuitem-text {
         color: $horizontalMenuRootMenuitemTextColor;
-	}
+    }
 
-	.p-menuitem-icon {
-		color: $horizontalMenuRootMenuitemIconColor;
-		margin-right: $inlineSpacing;
+    .p-menuitem-icon {
+        color: $horizontalMenuRootMenuitemIconColor;
+        margin-right: $inlineSpacing;
     }
 
     .p-submenu-icon {
@@ -87,40 +87,40 @@
         margin-left: $inlineSpacing;
     }
 
-	&:not(.p-disabled):hover {
-		background: $horizontalMenuRootMenuitemHoverBg;
+    &:not(.p-disabled):hover {
+        background: $horizontalMenuRootMenuitemHoverBg;
 
-		.p-menuitem-text {
-			color: $horizontalMenuRootMenuitemTextHoverColor;
-		}
+        .p-menuitem-text {
+            color: $horizontalMenuRootMenuitemTextHoverColor;
+        }
 
-		.p-menuitem-icon {
-			color: $horizontalMenuRootMenuitemIconHoverColor;
+        .p-menuitem-icon {
+            color: $horizontalMenuRootMenuitemIconHoverColor;
         }
 
         .p-submenu-icon {
             color: $horizontalMenuRootMenuitemIconHoverColor;
         }
-	}
+    }
 
-	&:focus {
-		@include focused-listitem();
-	}
+    &:focus {
+        @include focused-listitem();
+    }
 }
 
 @mixin placeholder {
-	::-webkit-input-placeholder {
-		@content
-	}
-	:-moz-placeholder {
-		@content
-	}
-	::-moz-placeholder {
-		@content
-	}
-	:-ms-input-placeholder {
-		@content
-	}
+    ::-webkit-input-placeholder {
+        @content;
+    }
+    :-moz-placeholder {
+        @content;
+    }
+    ::-moz-placeholder {
+        @content;
+    }
+    :-ms-input-placeholder {
+        @content;
+    }
 }
 
 @mixin scaledPadding($val, $scale) {

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;
         }