@mediusinc/mng-commons 4.2.0 → 5.0.0-rc.0

package/scss/mng-overrides/_theme_dialog.scss

@@ -1,108 +0,0 @@
-@import 'variables';
-
-.p-dialog {
-    &.mng-action-editor-dialog,
-    &.mng-formly-field-table-multiselect-dialog {
-        .p-dialog-content {
-            border-bottom-left-radius: $dialogBorderRadius;
-            border-bottom-right-radius: $dialogBorderRadius;
-        }
-    }
-
-    &.mng-formly-field-table-multiselect-dialog {
-        .p-dialog-content {
-            padding: 0;
-            overflow-y: hidden;
-        }
-
-        .formly-field-table-multiselect-dialog-form-container {
-            padding: $mngDialogContentPadding;
-            overflow: auto;
-        }
-
-        .mng-formly-field-table-multiselect-dialog-footer {
-            padding: $mngDialogFooterPadding;
-
-            button {
-                width: initial;
-                margin: 0.15rem 0.15rem;
-            }
-        }
-    }
-
-    &.mng-formly-field-lookup-dialog {
-        .p-dialog-content {
-            padding-bottom: 0;
-        }
-
-        .mng-formly-field-table-multiselect-dialog-table {
-            padding: $mngDialogContentPadding;
-        }
-
-        .p-dialog-footer {
-            padding: $mngDialogFooterPadding;
-
-            button {
-                margin: 0.15rem 0.15rem;
-            }
-        }
-    }
-
-    &.mng-action-editor-dialog {
-        .p-dialog-content {
-            padding: 0;
-            overflow-y: hidden;
-        }
-
-        .mng-action-editor-form-container {
-            padding: $mngDialogContentPadding;
-            overflow-y: auto;
-        }
-
-        .mng-action-editor-footer-container {
-            padding: $mngDialogFooterPadding;
-        }
-    }
-}
-
-.mng-message-detail-dialog {
-    overflow: hidden;
-
-    .p-dialog-header,
-    .p-dialog-content {
-        border-left: 12px solid transparent;
-        border-radius: 0 !important;
-    }
-
-    &-info {
-        .p-dialog-header,
-        .p-dialog-content {
-            border-left-color: $infoButtonBg;
-        }
-    }
-    &-success {
-        .p-dialog-header,
-        .p-dialog-content {
-            border-left-color: $successButtonBg;
-        }
-    }
-    &-warning {
-        .p-dialog-header,
-        .p-dialog-content {
-            border-left-color: $warningButtonBg;
-        }
-    }
-    &-error {
-        .p-dialog-header,
-        .p-dialog-content {
-            border-left-color: $errorColor;
-        }
-    }
-}
-
-.p-confirm-dialog {
-    .p-confirm-dialog-accept i,
-    .p-confirm-dialog-reject i {
-        margin-right: 0.5rem;
-    }
-}

package/scss/mng-overrides/_theme_dropdown.scss

@@ -1,22 +0,0 @@
-.mng-filter-lookup-dropdown {
-    .p-dropdown-items-wrapper {
-        max-width: 350px;
-    }
-}
-
-.mng-dropdown-dialog {
-    position: relative;
-
-    .mng-dropdown-clear-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-        color: $textSecondaryColor;
-        right: calc(65px + 0.5rem);
-        cursor: pointer;
-    }
-
-    .p-button.mng-dropdown-dialog-search-button {
-        width: 65px;
-    }
-}

package/scss/mng-overrides/_theme_fileupload.scss

@@ -1,24 +0,0 @@
-.p-fileupload {
-    .p-fileupload-buttonbar {
-        span.p-fileupload-choose {
-            width: auto;
-        }
-
-        p-button button {
-            width: auto;
-        }
-    }
-
-    .p-fileupload-content {
-        padding: $panelHeaderPadding;
-
-        .dropdown-area {
-            height: 5rem;
-            display: flex;
-            border: dashed;
-            border-radius: 8px;
-            align-items: center;
-            justify-content: center;
-        }
-    }
-}

package/scss/mng-overrides/_theme_forms.scss

@@ -1,29 +0,0 @@
-@import 'mixins';
-
-form {
-    .p-fileupload {
-        .p-fileupload-row > div:first-child {
-            flex-grow: 0;
-            flex-shrink: 0;
-            width: 50px;
-            padding: 0;
-
-            img {
-                max-width: 100%;
-            }
-        }
-
-        .p-fileupload-row .p-button {
-            @include scaledWidth($buttonIconOnlyWidth, $scaleSM);
-            @include scaledPadding($buttonIconOnlyPadding, $scaleSM);
-        }
-    }
-
-    // This makes the border of input field orange. It is used for localized fields, where the translation is missing and default value is displayed.
-    .localized-input-border-orange {
-        input,
-        textarea {
-            border-color: $warningButtonBg;
-        }
-    }
-}

package/scss/mng-overrides/_theme_image.scss

@@ -1,27 +0,0 @@
-.mng-image {
-    &.p-image-preview-container {
-        height: 150px;
-
-        img {
-            max-height: 100%;
-        }
-
-        &.no-image {
-            width: 150px;
-
-            .p-image-preview-indicator {
-                background-color: $imagePreviewIndicatorBg;
-                height: 100%;
-                opacity: 1;
-                cursor: default;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-
-                .p-image-preview-icon {
-                    font-size: 1.5rem;
-                }
-            }
-        }
-    }
-}

package/scss/mng-overrides/_theme_input.scss

@@ -1,27 +0,0 @@
-// This makes number input fields have the same height as the other input fields inside filter row in tables
-.p-inputnumber.p-inputnumber-buttons-stacked .p-inputnumber-button-group {
-    & .p-button.p-inputnumber-button {
-        flex-basis: 0;
-    }
-
-    // The following two class overrides change button radius so it looks like the buttons are merged together with input field
-    & .p-inputnumber-button-up {
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0;
-    }
-
-    & .p-inputnumber-button-down {
-        border-top-left-radius: 0;
-        border-top-right-radius: 0;
-        border-bottom-left-radius: 0;
-    }
-}
-
-// Margin is used to hide default miter joint for border, we also hide the right border, so it does not look like the button width changes when we click on the field
-p-columnfilterformelement .p-inputnumber-input {
-    margin-right: -1px;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-    border-right-color: transparent !important;
-}

package/scss/mng-overrides/_theme_menu.scss

@@ -1,5 +0,0 @@
-.p-menu {
-    &.mng-action-menu.p-menu-overlay {
-        border: $menuBorder;
-    }
-}

package/scss/mng-overrides/_theme_multiselect.scss

@@ -1,20 +0,0 @@
-@use 'sass:math';
-
-.p-multiselect-panel {
-    .p-multiselect-items {
-        .p-multiselect-item {
-            &.p-highlight {
-                color: $multiselectHighlightTextColor;
-                background: $multiselectHighlightBg;
-            }
-
-            .p-checkbox {
-                .p-checkbox-box {
-                    &.p-highlight {
-                        border-color: $checkboxActiveBorderColor;
-                    }
-                }
-            }
-        }
-    }
-}

package/scss/mng-overrides/_theme_styles.scss

@@ -1,17 +0,0 @@
-/* Add your customizations of the theme here */
-@import './_theme_button';
-@import './_theme_datatable';
-@import './_theme_dropdown';
-@import './_theme_tableview';
-@import './_theme_dialog';
-@import './_theme_forms';
-@import './_theme_datepicker';
-@import './_theme_toolbar';
-@import './_theme_autocomplete';
-@import './_theme_image';
-@import './theme_toast';
-@import './theme_menu';
-@import './_theme_input';
-@import './theme_multiselect';
-@import './theme_tabview';
-@import './theme_fileupload';

package/scss/mng-overrides/_theme_tableview.scss

@@ -1,79 +0,0 @@
-.mng-tableview {
-    .p-paginator {
-        .p-paginator-current {
-            margin-left: auto;
-        }
-    }
-
-    .p-progressbar {
-        height: 0.5rem;
-        background-color: #d8dadc;
-
-        .p-progressbar-value {
-            background-color: #607d8b;
-        }
-    }
-
-    .table-header {
-        display: flex;
-        justify-content: space-between;
-    }
-
-    .p-datatable {
-        .p-datatable-scrollable-table > .p-datatable-thead {
-            z-index: 2;
-        }
-        .p-datatable-loading-overlay {
-            z-index: 3;
-        }
-
-        .p-datatable-header {
-            text-align: left;
-            font-size: 1.5rem;
-        }
-
-        .p-datatable-thead > tr > th {
-            text-align: left;
-        }
-    }
-
-    /* Responsive */
-    //.p-datatable-tbody > tr > td .p-column-title {
-    //    display: none;
-    //}
-}
-
-.p-datatable:not(.p-datatable-gridlines) {
-    .p-datatable-tbody > tr > td {
-        cursor: auto;
-    }
-
-    .p-datatable-tbody > tr > td.clickable {
-        cursor: pointer;
-    }
-}
-
-.mng-table-header {
-    & > th {
-        &:not(:first-child):not(:last-child) {
-            border-radius: 0 !important;
-        }
-
-        &:first-child {
-            border-top-right-radius: 0 !important;
-            border-bottom-right-radius: 0 !important;
-        }
-
-        &:last-child {
-            border-radius: 0 8px 8px 0 !important;
-        }
-    }
-}
-
-.mng-table-columns-multiselect {
-    width: 36px;
-
-    .p-multiselect-label-container {
-        width: 0;
-    }
-}

package/scss/mng-overrides/_theme_tabview.scss

@@ -1,11 +0,0 @@
-.p-tabview-title-error {
-    color: $errorColor !important;
-}
-
-.p-tabview-nav-btn.p-link {
-    background: $primaryTextColor;
-    color: $primaryColor;
-    border-radius: 0;
-    width: 3rem;
-    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-}

package/scss/mng-overrides/_theme_toast.scss

@@ -1,3 +0,0 @@
-.p-toast .p-toast-message .p-toast-detail {
-    word-break: break-word;
-}

package/scss/mng-overrides/_theme_toolbar.scss

@@ -1,5 +0,0 @@
-.p-toolbar {
-    &.mng-action-editor-toolbar {
-        border: none;
-    }
-}

package/scss/mng-overrides/_variables.scss

@@ -1,15 +0,0 @@
-$mediaSmWidthMin: 576px !default;
-$mediaMdWidthMin: 768px !default;
-$mediaLgWidthMin: 992px !default;
-$mediaXlWidthMin: 1200px !default;
-
-$mediaXsWidthMax: #{$mediaSmWidthMin - 1} !default;
-$mediaSmWidthMax: #{$mediaMdWidthMin - 1} !default;
-$mediaMdWidthMax: #{$mediaLgWidthMin - 1} !default;
-$mediaLgWidthMax: #{$mediaXlWidthMin - 1} !default;
-
-$scaleXS: 0.8 !default;
-$scaleLG: 1.4 !default;
-
-$mngDialogContentPadding: 0 1.714rem !default;
-$mngDialogFooterPadding: 1.286rem 1.714rem !default;

package/scss/theme/default/_mng-variables-theme-dark.scss

@@ -1,11 +0,0 @@
-@import '../../mng-overrides/variables';
-
-$primaryColor: #0f8bfd;
-$primaryLightColor: scale-color($primaryColor, $lightness: 60%) !default;
-$primaryDarkColor: scale-color($primaryColor, $lightness: -10%) !default;
-$primaryDarkerColor: scale-color($primaryColor, $lightness: -20%) !default;
-$primaryTextColor: #ffffff;
-
-$highlightBg: $primaryColor;
-$highlightTextColor: $primaryTextColor;
-$calendarHeaderTextColor: #ffffff; // white in light theme, black in dark theme

package/scss/theme/default/_mng-variables-theme-light.scss

@@ -1,13 +0,0 @@
-@import '../../mng-overrides/variables';
-
-$primaryColor: #397289 !default;
-$primaryLightColor: scale-color($primaryColor, $lightness: 60%) !default;
-$primaryDarkColor: scale-color($primaryColor, $lightness: -10%) !default;
-$primaryDarkerColor: scale-color($primaryColor, $lightness: -20%) !default;
-$primaryTextColor: #ffffff !default;
-
-$highlightBg: $primaryColor !default;
-$highlightTextColor: $primaryTextColor !default;
-$calendarHeaderTextColor: #000000; // black in light theme, white in dark theme
-
-$solidSurfaceColor: white !default;

package/scss/theme/default/theme-dark.scss

@@ -1,2 +0,0 @@
-@import './mng-variables-theme-dark';
-@import '../../common/theme/_theme_dark';

package/scss/theme/default/theme-light.scss

@@ -1,2 +0,0 @@
-@import './mng-variables-theme-light';
-@import '../../common/theme/_theme_light';

package/scss/v2/layout/_animation.scss

@@ -1,53 +0,0 @@
-@keyframes px-mask-in {
-    from {
-        background-color: transparent;
-    }
-
-    to {
-        background-color: var(--maskbg);
-    }
-}
-
-@keyframes px-scalein {
-    0% {
-        opacity: 0;
-        transform: scaleY(0.8);
-    }
-
-    100% {
-        opacity: 1;
-        transform: scaleY(1);
-    }
-}
-
-@keyframes px-fadein {
-    0% {
-        opacity: 0;
-    }
-
-    100% {
-        opacity: 1;
-    }
-}
-
-@keyframes px-fadeout {
-    0% {
-        opacity: 1;
-    }
-
-    100% {
-        opacity: 0;
-    }
-}
-
-.px-scalein {
-    animation: px-scalein .12s cubic-bezier(0, 0, 0.2, 1);
-}
-
-.px-fadein {
-    animation: px-fadein .15s linear;
-}
-
-.px-fadeout {
-    animation: px-fadeout .15s linear;
-}

package/scss/v2/layout/_breadcrumb.scss

@@ -1,97 +0,0 @@
-.layout-breadcrumb {
-    ol {
-        display: flex;
-        align-items: center;
-        margin: 0;
-        padding: 0;
-        list-style: none;
-        gap: 1rem;
-        flex-wrap: wrap;
-        color: var(--text-color-secondary);
-
-        li {
-            font-weight: 600;
-        }
-    }
-    .breadcrumb-menu {
-        margin: 0;
-        padding: 0 1.15rem 0 0.85rem;
-        padding-right: 0;
-        list-style: none;
-        flex-grow: 1;
-        color: var(--topbar-item-text-color);
-        margin-right: -2rem;
-
-        li {
-            margin-left: 1.5rem;
-            .breadcrumb-search {
-                display: flex;
-                align-items: center;
-                flex-shrink: 0;
-                width: 100%;
-                margin-left: 0rem;
-
-                .breadcrumb-searchbutton {
-                    display: flex;
-                    opacity: 1;
-                }
-
-                .search-input-wrapper {
-                    position: relative;
-                    width: 0;
-                    opacity: 0;
-                    visibility: hidden;
-                    transition: 400ms cubic-bezier(0.86, 0, 0.07, 1);
-
-                    span {
-                        width: 100%;
-
-                        .p-inputtext {
-                            width: 100%;
-                            position: relative;
-                            border-radius: 40px;
-                            padding: 9px;
-                        }
-
-                        i {
-                            font-size: 18px;
-                            margin-top: -9px;
-                            margin-right: 9px;
-                        }
-                    }
-                }
-
-                &.breadcrumb-search-active {
-                    .breadcrumb-searchbutton {
-                        opacity: 0;
-                        display: none;
-                        pointer-events: none;
-                        cursor: default;
-                    }
-
-                    .search-input-wrapper {
-                        width: 100%;
-                        opacity: 1;
-                        visibility: visible;
-                        border-radius: var(--border-radius);
-                        i {
-                            display: block;
-                        }
-                        .p-input-icon-right {
-                            input {
-                                border-radius: var(--border-radius);
-                                width: 100%;
-                                background: var(--surface-ground);
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}
-
-.content-breadcrumb {
-    margin-bottom: 2rem;
-    padding: 0 0.5rem;
-}

package/scss/v2/layout/_config.scss

@@ -1,42 +0,0 @@
-.layout-config-button {
-    display: block;
-    position: fixed;
-    width: 3rem;
-    height: 3rem;
-    line-height: 3rem;
-    background: var(--primary-color);
-    color: var(--primary-color-text);
-    text-align: center;
-    top: 50%;
-    right: 0;
-    margin-top: -1.5rem;
-    border-top-left-radius: var(--border-radius);
-    border-bottom-left-radius: var(--border-radius);
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-    transition: background-color var(--transition-duration);
-    overflow: hidden;
-    cursor: pointer;
-    z-index: 999;
-    box-shadow: -.25rem 0 1rem rgba(0,0,0,.15);
-
-    i {
-        font-size: 2rem;
-        line-height: inherit;
-        transform: rotate(0deg);
-        transition: transform 1s;
-    }
-
-    &:hover {
-        background: var(--primary-400);
-    }
-}
-
-.layout-config-sidebar {
-    &.p-sidebar {
-        .p-sidebar-content {
-            padding-left: 2rem;
-            padding-right: 2rem;
-        }
-    }
-}

package/scss/v2/layout/_content.scss

@@ -1,3 +0,0 @@
-.layout-content-wrapper {
-    padding: 2rem;
-}

package/scss/v2/layout/_fonts.scss

@@ -1,32 +0,0 @@
-/* poppins-regular - latin */
-@font-face {
-    font-family: 'Poppins';
-    font-style: normal;
-    font-weight: 400;
-    src: local(''), url('../../../assets/fonts/poppins-v20-latin-regular.woff2') format('woff2'),
-        /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../assets/fonts/poppins-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-/* poppins-500 - latin */
-@font-face {
-    font-family: 'Poppins';
-    font-style: normal;
-    font-weight: 500;
-    src: local(''), url('../../../assets/fonts/poppins-v20-latin-500.woff2') format('woff2'),
-        /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../assets/fonts/poppins-v20-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-/* poppins-600 - latin */
-@font-face {
-    font-family: 'Poppins';
-    font-style: normal;
-    font-weight: 600;
-    src: local(''), url('../../../assets/fonts/poppins-v20-latin-600.woff2') format('woff2'),
-        /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../assets/fonts/poppins-v20-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-/* poppins-700 - latin */
-@font-face {
-    font-family: 'Poppins';
-    font-style: normal;
-    font-weight: 700;
-    src: local(''), url('../../../assets/fonts/poppins-v20-latin-700.woff2') format('woff2'),
-        /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../assets/fonts/poppins-v20-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}

package/scss/v2/layout/_layout_dark.scss

@@ -1,12 +0,0 @@
-$breakpoint: 992px !default;
-$scale: 14px !default;
-
-.layout-dark {
-    --sidebar-shadow: none;
-    --sidebar-border: 1px solid var(--surface-border);
-    --card-shadow: none;
-    --body-bg: linear-gradient(180deg, #2e323f 0%, #0a061a 100%);
-    --body-image: url('#{$baseHref}assets/images/mng/effect-ondark.png');
-    --root-menu-item-hover-bg: rgba(255, 255, 255, 0.05);
-    --exception-pages-image: url('#{$baseHref}assets/images/mng/pages/exception-ondark.png');
-}