@soyfri/template 1.0.1 → 1.0.4

package/dist/assets/sass/core/vendors/plugins/_fullcalendar.scss

@@ -0,0 +1,297 @@
+//
+// Fullcalendar plugin customization: https://fullcalendar.io/
+//
+
+body {    
+    --fc-event-border-color: var(--#{$prefix}primary);
+    --fc-event-bg-color: var(--#{$prefix}primary);
+    --fc-event-text-color: var(--#{$prefix}primary-inverse);
+}
+
+// Base
+.fc {
+    // Border color
+    --fc-border-color: #{var(--#{$prefix}gray-200)};
+    --fc-page-bg-color: #{$white};
+    --fc-small-font-size: 0.95rem;
+
+    // General
+    --fc-highlight-color: var(--#{$prefix}light);
+    //--fc-non-business-color: 
+    //--fc-bg-event-color:
+    --fc-bg-event-opacity: 0.3;
+    --fc-neutral-bg-color: var(--#{$prefix}light);
+    //--fc-event-selected-overlay-color: 
+    --fc-today-bg-color: var(--#{$prefix}success-light);
+    //--fc-neutral-bg-color:
+    //--fc-neutral-text-color:
+    //--fc-more-link-text-color:
+    //--fc-more-link-bg-color:
+    --fc-now-indicator-color: var(--#{$prefix}danger);
+    --fc-list-event-hover-bg-color: var(--#{$prefix}light);
+
+    // Buttons
+    --fc-button-text-color: var(--#{$prefix}gray-600);
+    --fc-button-bg-color: var(--#{$prefix}gray-100);
+    --fc-button-border-color: var(--#{$prefix}gray-100);
+    
+    --fc-button-hover-bg-color:  var(--#{$prefix}gray-100);
+    --fc-button-hover-border-color:  var(--#{$prefix}gray-100);
+
+    --fc-button-active-bg-color: var(--#{$prefix}gray-200);
+    --fc-button-active-border-color: var(--#{$prefix}gray-200);
+
+    // Table
+    table {
+        font-size: 1rem;
+    }     
+
+    // Button
+    .fc-button { 
+        padding: 0.75rem 1.25rem;
+        box-shadow: none !important;
+        border: 0 !important;
+        border-radius: $btn-border-radius;
+        vertical-align: middle;
+        font-weight: $font-weight-semibold;
+        text-transform: capitalize;
+    }
+
+    // Primary button
+    .fc-button-primary {
+        margin: 0;
+
+        // Icon
+        .fc-icon {
+            font-size: 1.35rem;
+            margin-bottom: 0.15rem;
+        }
+
+        &:not(:disabled):not(.fc-button-active) {
+            &:focus,
+            &:hover,
+            &:active {
+                color: var(--#{$prefix}gray-900);
+
+                .fc-icon {
+                    color: var(--#{$prefix}gray-900);
+                }
+            }
+        }
+        
+        &:not(:disabled).fc-button-active {
+            color: var(--#{$prefix}gray-900);
+
+            .fc-icon {
+                color: var(--#{$prefix}gray-900);
+            }
+        }
+    }
+
+    // Button group
+    .fc-button-group {
+        .fc-button {
+            margin: 0 !important;
+        }
+    }
+
+    // Toolbar title
+    .fc-toolbar-title {
+        font-size: 1.5rem;
+        font-weight: $font-weight-bold;
+        color: var(--#{$prefix}gray-800);
+    }
+
+    // Header cell
+    .fc-col-header-cell {
+        padding: 0.75rem 0.5rem;
+
+        .fc-col-header-cell-cushion  {            
+            font-size: 1.1rem;
+            font-weight: $font-weight-semibold;
+            color: var(--#{$prefix}gray-800);
+        }
+    }    
+
+    // Border radius
+    .fc-scrollgrid {
+        @include border-radius($border-radius);
+
+        thead > tr {
+            td:first-child {
+                @include border-top-start-radius($border-radius);
+            }
+
+            td:last-child {
+                @include border-top-end-radius($border-radius);
+            }
+        }
+
+        tbody > tr:last-child {
+            td:first-child {
+                @include border-bottom-start-radius($border-radius);
+            }
+
+            td:last-child {
+                @include border-bottom-end-radius($border-radius);
+            }
+        }
+    }
+
+    // Event
+    .fc-daygrid-event {
+        margin-top: 3px;
+    }
+
+    // Event title
+    .fc-daygrid-dot-event,
+    .fc-daygrid-block-event {
+        .fc-event-title,
+        .fc-event-time {
+            padding: 0.25rem 0.25rem;
+        }
+    }
+
+    // Day number
+    .fc-daygrid-day-number {
+        color: var(--#{$prefix}gray-800);
+    }
+
+    // Dot event
+    .fc-daygrid-dot-event {
+        background-color: var(--#{$prefix}light);
+        color: var(--#{$prefix}gray-600);
+
+        .fc-event-title {
+            font-weight: $font-weight-semibold;
+        }
+
+        &:hover,
+        &.fc-event-mirror {
+            background-color: var(--#{$prefix}light);
+            color: var(--#{$prefix}primary);
+        }
+    }
+
+    // Event dot
+    .fc-daygrid-event-dot {
+        margin-left: 0.5rem;
+        margin-right: 0.1rem;
+    }        
+
+    // Popover
+    .fc-popover {
+        border: 0 !important;
+        background-color: $tooltip-bg;
+        box-shadow: var(--#{$prefix}dropdown-box-shadow);
+        @include border-radius($dropdown-border-radius);
+
+        .fc-popover-header {
+            @include border-top-radius($dropdown-border-radius);
+            padding: 0.65rem 0.75rem;
+            background-color: var(--#{$prefix}tooltip-bg);
+            
+            .fc-popover-title {
+                color: var(--#{$prefix}gray-800);
+                font-size: 1rem;
+                font-weight: $font-weight-semibold;
+            }
+
+            .fc-popover-close {
+                font-size: 1rem;
+                color: var(--#{$prefix}gray-600);
+
+                &:hover {
+                    color: var(--#{$prefix}primary);
+                }
+            }
+        }
+
+        .fc-popover-body  {
+            padding: 0.5rem 0.75rem 0.75rem 0.75rem;
+        }
+    }
+
+    // More link
+    .fc-daygrid-more-link {
+        font-weight: $font-weight-semibold;
+    }
+
+    // Slot
+    .fc-timegrid-slot {
+        height: 2rem;
+        font-size: 0.95rem;
+    }
+
+    // List
+    .fc-list-day-cushion, 
+    .fc-list-table td {
+        padding: 0.85rem 1.15rem;
+    }
+
+    .fc-list-day-text,
+    .fc-list-day-side-text {
+        font-size: 1.1rem;
+        color: var(--#{$prefix}gray-900);
+        font-weight: $font-weight-bold;
+    }
+
+    .fc-list,
+    //.fc-scroller,
+    .fc-list-table {
+        @include border-radius($border-radius);
+    }
+
+    .fc-list {
+        overflow: hidden;
+        position: relative;
+    }
+
+    // Week
+    .fc-timegrid-axis {
+        padding-left: 0rem;
+        padding-right: 0;
+    }
+
+    // Main 
+    .fc-timegrid-event .fc-event-main {
+        padding: 0.25rem 0.25rem;
+    }
+
+    // Indicator arrow
+    .fc-timegrid-now-indicator-arrow {
+        margin-top: -1px;
+    }
+}
+
+// Event
+.fc-h-event {
+    font-weight: $font-weight-normal;
+}
+
+// Mobile mode
+@include media-breakpoint-down(md) {
+    .fc {
+        // Header toolbar
+        .fc-header-toolbar {   
+            flex-direction: column;
+            align-items: flex-start;
+
+            .fc-toolbar-chunk {
+                &:nth-child(1),
+                &:nth-child(3) {
+                    order: 2;
+                }
+
+                &:nth-child(2) {
+                    order: 1;
+                }
+
+                &:nth-child(2),
+                &:nth-child(1) {
+                    margin-bottom: 1rem;
+                } 
+            }            
+        }
+    }
+}

package/dist/assets/sass/core/vendors/plugins/_gmaps.scss

@@ -0,0 +1,18 @@
+//
+// Gmaps Plugin
+//
+
+.gmaps {
+    /* important!  bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
+    img {
+        max-width: none;
+    }
+
+    &.gmaps-static {
+        > div {
+            background-repeat: no-repeat ;
+            background-position: 50% 50% ;
+            display:block;
+        }
+    }
+}

package/dist/assets/sass/core/vendors/plugins/_jkanban.scss

@@ -0,0 +1,94 @@
+//
+// Kanban Board
+//
+
+// Variables
+$kanban-spacer-y: 1.25rem;
+$kanban-spacer-x: 1.25rem;
+
+.kanban-container {
+	width: 100% !important;
+	display: flex;
+	flex-wrap: wrap;
+
+	.kanban-board {
+		float: none;
+		flex-shrink: 0;
+		margin-bottom: $kanban-spacer-y;
+		margin-right: $kanban-spacer-x !important;
+		background-color: var(--#{$prefix}gray-100);
+		@include border-radius($border-radius);
+
+		&:last-child {
+			margin-right: 0 !important;
+		}
+
+		.kanban-board-header {
+			@include border-top-start-radius($border-radius);
+			@include border-top-end-radius($border-radius);
+
+			.kanban-title-board {
+				font-size: 1.2rem;
+				font-weight: 500;
+				color: var(--#{$prefix}gray-900);
+			}
+
+			@each $name, $color in $theme-colors {
+				&.#{$name} {
+					background-color: var(--#{$prefix}#{$name});
+					box-shadow: none;
+
+					.kanban-title-board {
+						color: var(--#{$prefix}#{$name}-inverse);
+					}
+				}
+
+				&.light-#{$name} {
+					color: rgba(var(--#{$prefix}#{$name}), 0.1);
+					box-shadow: none;
+
+					.kanban-title-board {
+						color: var(--#{$prefix}#{$name});
+					}
+				}
+			}
+		}
+
+		.kanban-drag {
+			.kanban-item {
+				@include border-radius($border-radius);
+				box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.05);
+				background: var(--#{$prefix}body-bg);
+
+				@each $name, $color in $theme-colors {
+					&[data-class="#{$name}"] {
+						background-color: var(--#{$prefix}#{$name});
+						color: var(--#{$prefix}#{$name}-inverse);
+						box-shadow: none;
+					}
+
+					&[data-class="light-#{$name}"] {
+						background-color: var(--#{$prefix}#{$name}-light);
+						color: var(--#{$prefix}#{$name});
+						box-shadow: none;
+					}
+				}
+			}
+		}
+
+		footer {
+		}
+	}
+}
+
+// Fixed height
+.kanban-fixed-height {
+	.kanban-container {
+		.kanban-board {
+			.kanban-drag {
+				position: relative;
+				overflow-y: auto;
+			}
+		}
+	}
+}

package/dist/assets/sass/core/vendors/plugins/_jstree.scss

@@ -0,0 +1,150 @@
+//
+// jsTree
+//
+
+.jstree-default {
+    .jstree-anchor {
+        color: var(--#{$prefix}gray-700);
+        padding: 0 8px 0 4px;
+    }
+
+    .jstree-icon {
+        color: var(--#{$prefix}gray-700);
+
+        font-size: 1.3rem;
+
+        &.la {
+            font-size: 1.5rem;
+        }
+        &.fa {
+            font-size: 1.2rem;
+        }
+    }
+
+    .jstree-disabled {
+        cursor: not-allowed;
+        line-height: auto;
+        height: auto;
+        opacity: 0.7;
+
+        .jstree-icon {
+            color: var(--#{$prefix}gray-700);
+        }
+    }
+
+    .jstree-clicked {
+        border: 0;
+        background: var(--#{$prefix}gray-100);
+        box-shadow: none;
+    }
+
+    .jstree-hovered {
+        border: 0;
+        background-color: var(--#{$prefix}gray-100);
+        box-shadow: none;
+    }
+
+    .jstree-wholerow-clicked,
+    .jstree-wholerow-clicked {
+        background: var(--#{$prefix}gray-200);
+        box-shadow: none;
+    }
+
+    .jstree-wholerow-hovered,
+    &.jstree-wholerow .jstree-wholerow-hovered {
+        border: 0;
+        background-color: var(--#{$prefix}gray-100);
+        box-shadow: none;
+    }
+}
+
+.jstree-open>.jstree-anchor>.fa-folder:before {
+    margin-left: 2px;
+    content: "\f07c";
+}
+
+.jstree-open>.jstree-anchor>.la-folder:before {
+    margin-left: 2px;
+    content: "\f200";
+}
+
+.jstree-default.jstree-rtl .jstree-node {
+    background-position: 100% 1px#{'/*rtl:ignore*/'} !important;
+}
+
+.jstree-default.jstree-rtl .jstree-last {
+    background: transparent #{'/*rtl:ignore*/'};
+    background-repeat: no-repeat;
+}
+
+.jstree-rtl .jstree-anchor {
+    padding: 0 4px 0 8px#{'/*rtl:ignore*/'};
+}
+
+// context menu
+.vakata-context,
+.vakata-context ul {
+    padding: 0.5rem 0;
+    min-width: 150px;
+    font-size: 1rem;
+    font-family: $font-family-base;
+    background: var(--#{$prefix}body-bg);
+    box-shadow: var(--#{$prefix}dropdown-box-shadow);
+    border: 0;
+    @include border-radius($border-radius);
+
+    li {
+        padding: 0;
+        border: 0;
+
+        a {
+            padding: 0rem 1.2rem;
+            border: 0;
+            //line-height: 2.2em;
+
+            i {
+                display: none;
+            }
+
+            .vakata-contextmenu-sep {
+                display: none;
+            }
+
+            span,
+            ins {
+                display: none;
+                border: 0 !important;
+            }
+        }
+    }
+
+    .vakata-context-hover>a,
+    li a:hover {
+        margin: 0;
+        background-color: var(--#{$prefix}gray-100);
+        color: var(--#{$prefix}primary);
+        box-shadow: none;
+
+        .span,
+        .ins {
+            border: 0 !important;
+        }
+    }
+}
+
+.vakata-context .vakata-context-separator a,
+.vakata-context-rtl .vakata-context-separator a {
+    margin: 0;
+    border: 0;
+    height: 2px;
+    background-color: var(--#{$prefix}gray-200);
+}
+
+.jstree-rename-input {
+    outline: none !important;
+    padding: 2px 6px !important;
+    margin-right: -4px !important;
+    background-color: var(--#{$prefix}gray-100) !important;
+    border: 1px solid var(--#{$prefix}gray-100) !important;
+    @include border-radius($border-radius);
+}

package/dist/assets/sass/core/vendors/plugins/_keenicons.scss

@@ -0,0 +1,12 @@
+//
+// Keenicons
+//
+
+.ki-duotone,
+.ki-outline,
+.ki-solid {
+	line-height: 1;
+    font-size: 1rem;
+	color: var(--#{$prefix}text-muted);
+}
+	

package/dist/assets/sass/core/vendors/plugins/_leaflet.scss

@@ -0,0 +1,23 @@
+//
+// leaflet
+//
+
+.leaflet-container {
+    .leaflet-pane,
+    .leaflet-top,
+    .leaflet-bottom,
+    .leaflet-control {
+        z-index: 1 !important;
+    }
+
+    .leaflet-popup-content-wrapper {
+        border-radius: $border-radius !important;
+        text-align: center;
+        box-shadow: var(--#{$prefix}box-shadow) !important;
+
+        .leaflet-popup-content {
+            font-family: $font-family-sans-serif;
+            font-size: $font-size-base;
+        }
+    }
+}

package/dist/assets/sass/core/vendors/plugins/_mixins.scss

@@ -0,0 +1,5 @@
+//
+// Mixins
+//
+
+@import "mixins/nouislider";

package/dist/assets/sass/core/vendors/plugins/_nouislider.scss

@@ -0,0 +1,103 @@
+//
+// NoUiSlider
+//
+
+
+// Base
+.noUi-target {
+    border: 0;
+    background: var(--#{$prefix}gray-100);
+    box-shadow:none;
+
+    &.noUi-horizontal {
+        height: 15px;
+
+        .noUi-handle {
+            width: 24px;
+            height: 24px;
+            top: -4.5px;
+            border-radius: 50%;
+            outline: none;
+
+            &::before {
+                display: none;
+            }
+
+            &::after {
+                display: none;
+            }
+        }
+    }
+
+    &.noUi-vertical {
+        height: 150px;
+        width: 15px;
+
+        .noUi-handle {
+            width: 24px;
+            height: 24px;
+            right: -4.5px;
+            border-radius: 50%;
+            outline: none;
+
+            &::before {
+                display: none;
+            }
+
+            &::after {
+                display: none;
+            }
+        }
+    }
+
+    .noUi-connect {
+        background: var(--#{$prefix}component-active-bg);
+    }
+
+    .noUi-handle {
+        background-color: $white; //var(--#{$prefix}body-bg);
+        border: 1px solid var(--#{$prefix}gray-200);
+        box-shadow:var(--#{$prefix}box-shadow-sm)
+    }
+
+    // Small size
+    &.noUi-sm {
+       @include nouislider-size(6px, 20px, 20px, 7px);
+    }
+
+    // Large size
+    &.noUi-lg {
+        @include nouislider-size(18px, 30px, 30px, 6px);
+    }
+}
+    
+// Theme colors
+@each $name, $value in $theme-colors {
+    // NoUiSlider success color option
+    .noUi-target.noUi-target-#{$name} {
+        .noUi-connects {
+            background-color: var(--#{$prefix}#{$name}-light);
+
+            .noUi-connect {
+                background-color: var(--#{$prefix}#{$name});
+            }
+        }
+
+        .noUi-handle {
+            border: 1px solid var(--#{$prefix}#{$name});
+            box-shadow: 0 3px 6px -3px rgba(var(--#{$prefix}#{$name}), 0.7);
+            background-color: var(--#{$prefix}#{$name});
+        }
+    }
+}
+
+// Tooltip
+.noUi-tooltip {
+    box-shadow: var(--#{$prefix}tooltip-box-shadow);
+    background: var(--#{$prefix}tooltip-bg);
+    color: var(--#{$prefix}tooltip-color);
+    font-size: $tooltip-font-size;
+    border: 0;
+    padding: 0.5rem 0.75rem;
+    @include border-radius($tooltip-border-radius);
+}

package/dist/assets/sass/core/vendors/plugins/_plugins.angular.scss

@@ -0,0 +1,12 @@
+//
+// Plugins
+//
+
+// Import Dependencies
+@import "root";
+@import "prismjs";
+@import "nouislider";
+@import "apexcharts";
+@import "fslightbox";
+@import "tiny-slider";
+@import "fullcalendar";