@mediusinc/mng-commons-layout 6.0.0-rc.4 → 6.0.0-rc.6

package/scss/layout/preloading.scss

@@ -1,84 +0,0 @@
-.layout-preloader-container {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100vh;
-    width: 100vw;
-    background-color: #111417;
-
-    .layout-preloader {
-        position: relative;
-        width: 75px;
-        height: 75px;
-        background: transparent;
-        border: 3px solid #161a1f;
-        border-radius: 50%;
-        text-align: center;
-        line-height: 150px;
-        font-family: sans-serif;
-        font-size: 20px;
-        color: #6366f1;
-        letter-spacing: 4px;
-        text-transform: uppercase;
-        text-shadow: 0 0 10px #6366f1;
-        box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
-
-        &:before {
-            content: '';
-            position: absolute;
-            top: -3px;
-            left: -3px;
-            width: 100%;
-            height: 100%;
-            border: 3px solid transparent;
-            border-top: 3px solid #6366f1;
-            border-right: 3px solid #6366f1;
-            border-radius: 50%;
-            animation: preloader-rotate-c 1s linear infinite;
-        }
-
-        span {
-            display: block;
-            position: absolute;
-            top: calc(50% - 2px);
-            left: 50%;
-            width: 50%;
-            height: 4px;
-            background: transparent;
-            transform-origin: left;
-            animation: preloader-rotate 1s linear infinite;
-        }
-
-        span:before {
-            content: '';
-            position: absolute;
-            width: 16px;
-            height: 16px;
-            border-radius: 50%;
-            background: #6366f1;
-            top: -6px;
-            right: -8px;
-            box-shadow: 0 0 20px #6366f1;
-        }
-    }
-}
-
-@keyframes preloader-rotate-c {
-    0% {
-        transform: rotate(0deg);
-    }
-
-    100% {
-        transform: rotate(360deg);
-    }
-}
-
-@keyframes preloader-rotate {
-    0% {
-        transform: rotate(45deg);
-    }
-
-    100% {
-        transform: rotate(405deg);
-    }
-}

package/scss/theme/extensions/_fullcalendar.scss

@@ -1,328 +0,0 @@
-.fc {
-    /* FullCalendar 4 */
-    &.fc-unthemed {
-        .fc-view-container {
-            th {
-                background: $panelHeaderBg;
-                border: $panelHeaderBorder;
-                color: $panelHeaderTextColor;
-            }
-
-            td {
-                &.fc-widget-content {
-                    border: $panelContentBorder;
-                    color: $panelContentTextColor;
-                }
-
-                &.fc-head-container {
-                    border: $panelHeaderBorder;
-                }
-            }
-
-            .fc-view {
-                background: $panelContentBg;
-            }
-
-            .fc-row {
-                border-right: $panelHeaderBorder;
-            }
-
-            .fc-event {
-                background: $fullCalendarEventBg;
-                border: $fullCalendarEventBorder;
-                color: $fullCalendarEventTextColor;
-            }
-
-            .fc-divider {
-                background: $panelHeaderBg;
-                border: $panelHeaderBorder;
-            }
-        }
-
-        .fc-toolbar {
-            .fc-button {
-                color: $buttonTextColor;
-                background: $buttonBg;
-                border: $buttonBorder;
-                font-size: $fontSize;
-                transition: $formElementTransition;
-                border-radius: $borderRadius;
-                display: flex;
-                align-items: center;
-
-                &:enabled:hover {
-                    background: $buttonHoverBg;
-                    color: $buttonTextHoverColor;
-                    border-color: $buttonHoverBorderColor;
-                }
-
-                &:enabled:active {
-                    background: $buttonActiveBg;
-                    color: $buttonTextActiveColor;
-                    border-color: $buttonActiveBorderColor;
-
-                    &:focus {
-                        @include focused();
-                    }
-                }
-
-                .fc-icon-chevron-left {
-                    font-family: 'PrimeIcons' !important;
-                    text-indent: 0;
-                    @include icon_override('\e900');
-                    font-size: $primeIconFontSize;
-                }
-
-                .fc-icon-chevron-right {
-                    font-family: 'PrimeIcons' !important;
-                    text-indent: 0;
-                    @include icon_override('\e901');
-                    font-size: $primeIconFontSize;
-                }
-
-                &:focus {
-                    @include focused();
-                }
-
-                &.fc-dayGridMonth-button,
-                &.fc-timeGridWeek-button,
-                &.fc-timeGridDay-button {
-                    background: $toggleButtonBg;
-                    border: $toggleButtonBorder;
-                    color: $toggleButtonTextColor;
-                    transition: $formElementTransition;
-
-                    &:hover {
-                        background: $toggleButtonHoverBg;
-                        border-color: $toggleButtonHoverBorderColor;
-                        color: $toggleButtonTextHoverColor;
-                    }
-
-                    &.fc-button-active {
-                        background: $toggleButtonActiveBg;
-                        border-color: $toggleButtonActiveBorderColor;
-                        color: $toggleButtonTextActiveColor;
-
-                        &:hover {
-                            background: $toggleButtonActiveHoverBg;
-                            border-color: $toggleButtonActiveHoverBorderColor;
-                            color: $toggleButtonTextActiveHoverColor;
-                        }
-                    }
-
-                    &:focus {
-                        @include focused();
-                        z-index: 1;
-                    }
-                }
-            }
-
-            .fc-button-group {
-                .fc-button {
-                    border-radius: 0;
-
-                    &:first-child {
-                        border-top-left-radius: $borderRadius;
-                        border-bottom-left-radius: $borderRadius;
-                    }
-
-                    &:last-child {
-                        border-top-right-radius: $borderRadius;
-                        border-bottom-right-radius: $borderRadius;
-                    }
-                }
-            }
-        }
-    }
-
-    /* FullCalendar 5 */
-    &.fc-theme-standard {
-        .fc-view-harness {
-            .fc-scrollgrid {
-                border-color: $panelContentBorderColor;
-            }
-
-            th {
-                background: $panelHeaderBg;
-                border-color: $panelHeaderBorderColor;
-                color: $panelHeaderTextColor;
-            }
-
-            td {
-                color: $panelContentTextColor;
-                border-color: $panelContentBorderColor;
-            }
-
-            .fc-view {
-                background: $panelContentBg;
-            }
-
-            .fc-popover {
-                background: none;
-                border: 0 none;
-
-                .fc-popover-header {
-                    border: $panelHeaderBorder;
-                    padding: $panelHeaderPadding;
-                    background: $panelHeaderBg;
-                    color: $panelHeaderTextColor;
-
-                    .fc-popover-close {
-                        opacity: 1;
-                        display: flex;
-                        align-items: center;
-                        justify-content: center;
-                        overflow: hidden;
-                        font-family: 'PrimeIcons' !important;
-                        @include icon_override('\e90b');
-                        font-size: $primeIconFontSize;
-                        @include action-icon(false);
-                    }
-                }
-
-                .fc-popover-body {
-                    padding: $panelContentPadding;
-                    border: $panelContentBorder;
-                    background: $panelContentBg;
-                    color: $panelContentTextColor;
-                    border-top: 0 none;
-                }
-            }
-
-            .fc-event {
-                &.fc-daygrid-block-event {
-                    color: $fullCalendarEventTextColor;
-                    background: $fullCalendarEventBg;
-                    border-color: $fullCalendarEventBorderColor;
-
-                    .fc-event-main {
-                        color: $fullCalendarEventTextColor;
-                    }
-                }
-
-                &.fc-daygrid-dot-event {
-                    .fc-daygrid-event-dot {
-                        background: $fullCalendarEventBg;
-                        border-color: $fullCalendarEventBorderColor;
-                    }
-
-                    &:hover {
-                        background: $inputListItemHoverBg;
-                        color: $inputListItemTextHoverColor;
-                    }
-                }
-            }
-
-            .fc-cell-shaded {
-                background: $panelHeaderBg;
-            }
-        }
-
-        .fc-toolbar {
-            .fc-button {
-                color: $buttonTextColor;
-                background: $buttonBg;
-                border: $buttonBorder;
-                font-size: $fontSize;
-                transition: $formElementTransition;
-                border-radius: $borderRadius;
-
-                &:enabled:hover {
-                    background: $buttonHoverBg;
-                    color: $buttonTextHoverColor;
-                    border-color: $buttonHoverBorderColor;
-                }
-
-                &:enabled:active {
-                    background: $buttonActiveBg;
-                    color: $buttonTextActiveColor;
-                    border-color: $buttonActiveBorderColor;
-
-                    &:focus {
-                        @include focused();
-                    }
-                }
-
-                &:disabled {
-                    opacity: $disabledOpacity;
-                    color: $buttonTextColor;
-                    background: $buttonBg;
-                    border: $buttonBorder;
-                }
-
-                .fc-icon-chevron-left {
-                    font-family: 'PrimeIcons' !important;
-                    text-indent: 0;
-                    @include icon_override('\e900');
-                    font-size: $primeIconFontSize;
-                }
-
-                .fc-icon-chevron-right {
-                    font-family: 'PrimeIcons' !important;
-                    text-indent: 0;
-                    @include icon_override('\e901');
-                    font-size: $primeIconFontSize;
-                }
-
-                &:focus {
-                    @include focused();
-                }
-
-                &.fc-dayGridMonth-button,
-                &.fc-timeGridWeek-button,
-                &.fc-timeGridDay-button {
-                    background: $toggleButtonBg;
-                    border: $toggleButtonBorder;
-                    color: $toggleButtonTextColor;
-                    transition: $formElementTransition;
-
-                    &:hover {
-                        background: $toggleButtonHoverBg;
-                        border-color: $toggleButtonHoverBorderColor;
-                        color: $toggleButtonTextHoverColor;
-                    }
-
-                    &.fc-button-active {
-                        background: $toggleButtonActiveBg;
-                        border-color: $toggleButtonActiveBorderColor;
-                        color: $toggleButtonTextActiveColor;
-
-                        &:hover {
-                            background: $toggleButtonActiveHoverBg;
-                            border-color: $toggleButtonActiveHoverBorderColor;
-                            color: $toggleButtonTextActiveHoverColor;
-                        }
-                    }
-
-                    &:not(:disabled) {
-                        &:focus {
-                            @include focused();
-                            z-index: 1;
-                        }
-                    }
-                }
-            }
-
-            .fc-button-group {
-                .fc-button {
-                    border-radius: 0;
-
-                    &:first-child {
-                        border-top-left-radius: $borderRadius;
-                        border-bottom-left-radius: $borderRadius;
-                    }
-
-                    &:last-child {
-                        border-top-right-radius: $borderRadius;
-                        border-bottom-right-radius: $borderRadius;
-                    }
-                }
-            }
-        }
-
-        .fc-highlight {
-            color: $highlightTextColor;
-            background: $highlightBg;
-        }
-    }
-}

package/scss/theme/theme-base/_colors.scss

@@ -1,17 +0,0 @@
-:root {
-    @if variable-exists(colors) {
-        @each $name, $color in $colors {
-            @for $i from 0 through 5 {
-                @if ($i == 0) {
-                    --#{$name}-50: #{tint($color, (5 - $i) * 19%)};
-                } @else {
-                    --#{$name}-#{$i * 100}: #{tint($color, (5 - $i) * 19%)};
-                }
-            }
-
-            @for $i from 1 through 4 {
-                --#{$name}-#{($i + 5) * 100}: #{shade($color, $i * 15%)};
-            }
-        }
-    }
-}

package/scss/theme/theme-base/_common.scss

@@ -1,76 +0,0 @@
-* {
-    box-sizing: border-box;
-}
-
-.p-component {
-    font-family: var(--font-family);
-    font-feature-settings: var(--font-feature-settings, normal);
-    font-size: $fontSize;
-    font-weight: $fontWeight;
-}
-
-.p-component-overlay {
-    background-color: $maskBg;
-    transition-duration: $transitionDuration;
-}
-
-.p-disabled,
-.p-component:disabled {
-    opacity: $disabledOpacity;
-}
-
-.p-error {
-    color: $errorColor;
-}
-
-.p-text-secondary {
-    color: $textSecondaryColor;
-}
-
-.pi {
-    font-size: $primeIconFontSize;
-}
-
-.p-icon {
-    width: $primeIconFontSize;
-    height: $primeIconFontSize;
-}
-
-.p-link {
-    font-family: var(--font-family);
-    font-feature-settings: var(--font-feature-settings, normal);
-    font-size: $fontSize;
-    border-radius: $borderRadius;
-
-    &:focus-visible {
-        @include focused();
-    }
-}
-
-.p-component-overlay-enter {
-    animation: p-component-overlay-enter-animation 150ms forwards;
-}
-
-.p-component-overlay-leave {
-    animation: p-component-overlay-leave-animation 150ms forwards;
-}
-
-.p-component-overlay {
-    @keyframes p-component-overlay-enter-animation {
-        from {
-            background-color: transparent;
-        }
-        to {
-            background-color: var(--maskbg);
-        }
-    }
-
-    @keyframes p-component-overlay-leave-animation {
-        from {
-            background-color: var(--maskbg);
-        }
-        to {
-            background-color: transparent;
-        }
-    }
-}

package/scss/theme/theme-base/_components.scss

@@ -1,110 +0,0 @@
-@import '_mixins';
-@import '_colors';
-
-@import './components/input/_editor';
-
-@layer primeng {
-    @import '_common';
-
-    //Input
-    @import './components/input/_autocomplete';
-    @import './components/input/_calendar';
-    //@import './components/input/_cascadeselect';
-    @import './components/input/_checkbox';
-    @import './components/input/_chips';
-    //@import './components/input/_colorpicker';
-    @import './components/input/_dropdown';
-
-    @import './components/input/_inputgroup';
-    @import './components/input/_inputmask';
-    @import './components/input/_inputnumber';
-    @import './components/input/_inputswitch';
-    @import './components/input/_inputtext';
-    //@import './components/input/_listbox';
-    @import './components/input/_multiselect';
-    //@import './components/input/_password';
-    @import './components/input/_radiobutton';
-    //@import './components/input/_rating';
-    @import './components/input/_selectbutton';
-    //@import './components/input/_slider';
-    @import './components/input/_togglebutton';
-    //@import './components/input/_treeselect';
-
-    //Button
-    @import './components/button/_button';
-    //@import './components/button/_speeddial';
-    @import './components/button/_splitbutton';
-
-    //Data
-    //@import './components/data/_carousel';
-    @import './components/data/_datatable';
-    //@import './components/data/_dataview';
-    @import './components/data/_filter';
-    //@import './components/data/_orderlist';
-    //@import './components/data/_organizationchart';
-    @import './components/data/_paginator';
-    //@import './components/data/_picklist';
-    //@import './components/data/_timeline';
-    //@import './components/data/_tree';
-    //@import './components/data/_treetable';
-    //@import './components/data/_virtualscroller';
-
-    //Panel
-    //@import './components/panel/_accordion';
-    //@import './components/panel/_card';
-    //@import './components/panel/_divider';
-    @import './components/panel/_fieldset';
-    //@import './components/panel/_panel';
-    //@import './components/panel/_scrollpanel';
-    //@import './components/panel/_splitter';
-    @import './components/panel/_tabview';
-    @import './components/panel/_toolbar';
-
-    //Overlay
-    @import './components/overlay/_confirmpopup';
-    @import './components/overlay/_dialog';
-    @import './components/overlay/_overlaypanel';
-    //@import './components/overlay/_sidebar';
-    @import './components/overlay/_tooltip';
-
-    //File
-    @import './components/file/_fileupload';
-
-    //Menu
-    //@import './components/menu/_breadcrumb';
-    //@import './components/menu/_contextmenu';
-    //@import './components/menu/_dock';
-    //@import './components/menu/_megamenu';
-    @import './components/menu/_menu';
-    //@import './components/menu/_menubar';
-    //@import './components/menu/_panelmenu';
-    //@import './components/menu/_slidemenu';
-    //@import './components/menu/_steps';
-    //@import './components/menu/_tabmenu';
-    //@import './components/menu/_tieredmenu';
-
-    //Messages
-    @import './components/messages/_inlinemessage';
-    @import './components/messages/_message';
-    @import './components/messages/toast';
-
-    //MultiMedia
-    //@import './components/multimedia/_galleria';
-    @import './components/multimedia/_image';
-
-    //Misc
-    //@import './components/misc/_avatar';
-    //@import './components/misc/_badge';
-    //@import './components/misc/_blockui';
-    //@import './components/misc/_chip';
-    //@import './components/misc/_inplace';
-    //@import './components/misc/_progressbar';
-    //@import './components/misc/_scrolltop';
-    @import './components/misc/_skeleton';
-    @import './components/misc/_tag';
-    //@import './components/misc/_terminal';
-}
-
-@import './mng/mng_variables';
-@import './mng/mng_mixins';
-@import './mng/mng_theme_styles';