@manticsoftware/angular 21.1.1 → 21.1.3

package/assets/metronic/8.26/base/functions/_math.scss

@@ -0,0 +1,15 @@
+//
+// Math
+//
+
+@function sqrt($r) {
+    $x0: 1;
+    $x1: $x0;
+
+    @for $i from 1 through 10 {
+        $x1: $x0 - ($x0 * $x0 - abs($r)) / (2 * $x0);
+        $x0: $x1;
+    }
+
+    @return $x1;
+}

package/assets/metronic/8.26/base/functions/_set.scss

@@ -0,0 +1,43 @@
+/// Deep set function to set a value in nested maps
+
+@function set($map, $keys, $value) {
+	$maps: ($map,);
+	$result: null;
+	
+	// If the last key is a map already
+	// Warn the user we will be overriding it with $value
+	@if type-of(nth($keys, -1)) == "map" {
+		@warn "The last key you specified is a map; it will be overrided with `#{$value}`.";
+	}
+	
+	// If $keys is a single key
+	// Just merge and return
+	@if length($keys) == 1 {
+		@return map-merge($map, ($keys: $value));
+	}
+	
+	// Loop from the first to the second to last key from $keys
+	// Store the associated map to this key in the $maps list
+	// If the key doesn't exist, throw an error
+	@for $i from 1 through length($keys) - 1 {
+		$current-key: nth($keys, $i);
+		$current-map: nth($maps, -1);
+		$current-get: map-get($current-map, $current-key);
+		@if $current-get == null {
+		@error "Key `#{$key}` doesn't exist at current level in map.";
+		}
+		$maps: append($maps, $current-get);
+	}
+	
+	// Loop from the last map to the first one
+	// Merge it with the previous one
+	@for $i from length($maps) through 1 {
+		$current-map: nth($maps, $i);
+		$current-key: nth($keys, $i);
+		$current-val: if($i == length($maps), $value, $result);
+		$result: map-merge($current-map, ($current-key: $current-val));
+	}
+	
+	// Return result
+	@return $result;
+}

package/assets/metronic/8.26/base/functions/_theme-colors.scss

@@ -0,0 +1,15 @@
+//
+// Bootstrap extended functions
+//
+
+@function theme-inverse-color($key: "primary") {
+    @return get($theme-inverse-colors, $key);
+}
+
+@function theme-active-color($key: "primary") {
+    @return get($theme-active-colors, $key);
+}
+
+@function theme-light-color($key: "primary") {
+    @return get($theme-light-colors, $key);
+}

package/assets/metronic/8.26/base/functions/_valueif.scss

@@ -0,0 +1,13 @@
+//
+// valueif
+//
+
+@function valueif($check, $trueValue, $falseValue: null) {
+    @if $check {
+        @return $trueValue;
+    } @else if $falseValue != null {
+        @return $falseValue;
+    } @else {
+        @return null;
+    }
+}

package/assets/metronic/8.26/base/mixins/_breakpoints.scss

@@ -0,0 +1,25 @@
+// Media of at most the maximum and minimum breakpoint widths. No query for the largest breakpoint.
+// Makes the @content apply to the given breakpoint.
+
+@mixin media-breakpoint-direction($direction, $name, $breakpoints: $grid-breakpoints) {
+    @if $direction == up {
+        $min: breakpoint-min($name, $breakpoints);
+
+        @if $min {
+            @media (min-width: $min) {
+                @content;
+            }
+        } @else {
+            @content;
+        }
+
+    } @else if $direction == down {
+        $max: breakpoint-max($name, $breakpoints);
+
+        @if $max {
+            @media (max-width: $max) {
+                @content;
+            }
+        }
+    }
+}

package/assets/metronic/8.26/base/mixins/_browsers.scss

@@ -0,0 +1,23 @@
+//
+// Browsers
+//
+
+@mixin for-edge {
+    // Microsoft Edge
+	@supports (-ms-ime-align:auto) {
+		@content;
+	}
+}
+
+@mixin for-safari {
+	.safari {
+		@content;
+	}
+}
+
+@mixin for-firefox {
+	// Firefox
+    @-moz-document url-prefix() {
+		@content;
+	}
+}

package/assets/metronic/8.26/base/mixins/_fixes.scss

@@ -0,0 +1,15 @@
+//
+// Fixes
+//
+
+
+@mixin fix-fixed-position-lags() {
+	// webkit hack for smooth font view on fixed positioned elements
+	-webkit-backface-visibility:hidden;
+	backface-visibility:hidden;
+}
+
+@mixin fix-animation-lags() {
+    transform: translateZ(0);
+    -webkit-transform-style: preserve-3d;
+}

package/assets/metronic/8.26/base/mixins/_placeholder.scss

@@ -0,0 +1,16 @@
+//
+// Input placeholder color
+//
+
+@mixin placeholder($color) {
+    // Chrome, Firefox, Opera, Safari 10.1+
+    &::placeholder { 
+        color: $color;
+    }
+    
+    // Firefox
+    &::-moz-placeholder {
+        color: $color;
+        opacity: 1;
+    }
+}

package/assets/metronic/8.26/base/mixins/_property.scss

@@ -0,0 +1,9 @@
+//
+// CSS Property
+//
+
+@mixin property($attr, $value, $important: '') {
+    @if  $value != null and $value != false  {
+        #{$attr}: #{$value} #{$important};
+    }
+}

package/assets/metronic/8.26/base/mixins/_reset.scss

@@ -0,0 +1,23 @@
+//
+// Reset
+//
+
+@mixin button-reset() {
+    appearance: none;
+    box-shadow: none;
+    border-radius: 0;
+    border: none;
+    cursor: pointer;
+    background-color: transparent;
+    outline: none  !important;
+    margin: 0;
+    padding: 0;
+}
+
+@mixin input-reset() {
+	border: 0;
+	background-color: transparent;
+    outline: none !important;
+	box-shadow: none;
+    border-radius: 0;
+}

package/assets/metronic/8.26/components/_accordion.scss

@@ -0,0 +1,107 @@
+//
+// Accordion
+//
+
+// Base
+.accordion {
+	// According heading
+	.accordion-header {
+		cursor: pointer;
+	}
+
+	// Icon toggle mode
+	&.accordion-icon-toggle {
+		// Accordion icon expaned mode
+		.accordion-icon {
+			display: flex;
+			flex-shrink: 0;
+			transition: $transition-base;
+			transform: rotate(90deg);
+			align-items: center;
+			justify-content: center;
+
+			i,
+			.svg-icon {
+	    		color: var(--#{$prefix}primary);
+	    	}
+		}
+
+		// Accordion icon collapsed mode
+		.collapsed {
+			.accordion-icon {
+				transition: $transition-base;
+				transform: rotate(0);
+
+				i,
+				.svg-icon {
+		    		color: var(--#{$prefix}text-muted);
+		    	}
+			}
+		}
+	}
+
+	// Icon collapse mode
+	&.accordion-icon-collapse {
+		// Accordion icon expaned mode
+		.accordion-icon {
+			display: flex;
+			flex-shrink: 0;
+			align-items: center;
+			justify-content: center;
+			transition: $transition-base;
+
+			.accordion-icon-on {
+				display: inline-flex;	
+			}
+
+			.accordion-icon-off {
+				display: none;	
+			}
+
+			i,
+			.svg-icon {
+	    		color: var(--#{$prefix}primary);
+	    	}
+		}
+
+		// Accordion icon collapsed mode
+		.collapsed {
+			.accordion-icon {
+				transition: $transition-base;
+				
+				.accordion-icon-on {
+					display: none;	
+				}
+
+				.accordion-icon-off {
+					display: inline-flex;	
+				}
+
+				i,
+				.svg-icon {
+		    		color: var(--#{$prefix}text-muted);
+		    	}
+			}
+		}
+	}
+
+	// Reset accordion item border
+	&.accordion-borderless {
+		// According item
+		.accordion-item {
+			border: 0;
+		}
+	}
+
+	// Reset accordion item border, border radiues and background color
+	&.accordion-flush {
+		// According item
+		.accordion-item {
+			background-color: transparent;
+			border: 0;
+			border-radius: 0;
+			padding-left: 0;
+			padding-right: 0;
+		}
+	}	
+}

package/assets/metronic/8.26/components/_alert.scss

@@ -0,0 +1,15 @@
+//
+// Alert
+//
+	
+@each $name, $value in $theme-colors {
+	.alert-#{$name} {
+		color: var(--#{$prefix}#{$name});
+		border-color: var(--#{$prefix}#{$name});
+		background-color: var(--#{$prefix}#{$name}-light);
+
+		.alert-link {
+    		color: var(--#{$prefix}#{$name});
+  		}
+	}
+}

package/assets/metronic/8.26/components/_anchor.scss

@@ -0,0 +1,37 @@
+//
+// Anchor
+//
+
+.anchor {
+    display: flex;
+    align-items: center;
+
+    a {
+        position: relative;
+        display: none;
+        align-items: center;
+        justify-content:flex-start;
+        height: 1em;
+        width: 1.25em;
+        margin-left: -1.25em;
+        font-weight: 500;
+        font-size: 0.8em;
+        color: var(--#{$prefix}text-muted);
+        transition: $transition-base;
+
+        &:before {
+            content: '#';
+        }
+    }
+
+    &:hover {
+        a {
+            display: flex;
+
+            &:hover {
+                color: var(--#{$prefix}primary);
+                transition: $transition-base;
+            }
+        }
+    }
+}

package/assets/metronic/8.26/components/_animation.scss

@@ -0,0 +1,81 @@
+//
+// Animation
+//
+
+// Base
+.animation {
+  animation-duration: 1s;
+  animation-fill-mode: both;
+}
+
+// Slide In Down
+@keyframes animationSlideInDown {
+    from {
+        transform: translate3d(0, -100%, 0);
+        visibility: visible;
+    }
+
+    to {
+        transform: translate3d(0, 0, 0);
+    }
+}
+
+.animation-slide-in-down {
+    animation-name: animationSlideInDown;
+}
+
+// Slide In Up
+@keyframes animationSlideInUp {
+    from {
+        transform: translate3d(0, 100%, 0);
+        visibility: visible;
+    }
+
+    to {
+        transform: translate3d(0, 0, 0);
+    }
+}
+
+.animation-slide-in-up {
+    animation-name: animationSlideInUp;
+}
+
+// Fade In
+@keyframes animationFadeIn {
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}
+
+.animation-fade-in {
+    animation-name: animationFadeIn;
+}
+
+// Fade Out
+@keyframes animationFadeOut {
+    from {
+        opacity: 1;
+    }
+
+    to {
+        opacity: 0;
+    }
+}
+.animation-fade-out {
+    animation-name: animationFadeOut;
+}
+
+// Blink
+.animation-blink {
+    animation: animationBlink 1s steps(5, start) infinite;
+}
+
+@keyframes animationBlink {
+    to {
+        visibility: hidden;
+    }
+}

package/assets/metronic/8.26/components/_badge.scss

@@ -0,0 +1,85 @@
+//
+// Badge
+//
+
+.badge {
+    display: inline-flex;
+    align-items: center;
+    
+    // Fixed size
+    &.badge-circle,
+    &.badge-square {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        height: $badge-size;
+        min-width: $badge-size;
+        padding: 0 0.1rem;
+        line-height: 0;
+    }
+
+    // Circle
+    &.badge-circle {
+        border-radius: 50%;
+        padding: 0;
+        min-width: unset;
+        width: $badge-size;
+    }
+
+    // Sizes
+    &.badge-sm {
+        min-width: $badge-size-sm;
+        font-size: $badge-font-size-sm;
+
+        &.badge-square {
+            height: $badge-size-sm;
+        }
+
+        &.badge-circle {
+            width: $badge-size-sm;
+            height: $badge-size-sm;
+        }
+    }
+
+    &.badge-lg {
+        min-width: $badge-size-lg;
+        font-size: $badge-font-size-lg;
+
+        &.badge-square {
+            height: $badge-size-lg;
+        }
+
+        &.badge-circle {
+            width: $badge-size-lg;
+            height: $badge-size-lg;
+        }
+    }
+}
+
+@each $name, $value in $theme-colors {
+    .badge-#{$name} {
+        color: var(--#{$prefix}#{$name}-inverse);
+        background-color: var(--#{$prefix}#{$name});
+
+        &.badge-outline {
+            border: 1px solid var(--#{$prefix}#{$name});
+            background-color: transparent;
+
+            @if $name == 'secondary' {
+                color: var(--#{$prefix}#{$name}-inverse);
+            } @else {
+                color: var(--#{$prefix}#{$name});
+            }
+        }
+    }
+
+    .badge-light-#{$name} {        
+        background-color: var(--#{$prefix}#{$name}-light);
+
+        @if $name == 'secondary' {
+            color: var(--#{$prefix}#{$name}-inverse);
+        } @else {
+            color: var(--#{$prefix}#{$name});
+        }
+    }    
+}

package/assets/metronic/8.26/components/_blockui.scss

@@ -0,0 +1,53 @@
+//
+// BlockUI
+//
+
+
+.blockui  {
+    position: relative;
+
+    .blockui-overlay {
+        transition: all 0.3s ease;
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        background-color: var(--#{$prefix}blockui-overlay-bg);
+
+        .spinner-border {
+            height: 1.35rem;
+            width: 1.35rem;
+        }
+    }
+
+    .blockui-message {
+        display: flex;
+        align-items: center;
+        @include border-radius($border-radius);
+        box-shadow: var(--#{$prefix}blockui-message-box-shadow);
+        background-color: var(--#{$prefix}blockui-message-bg);
+        color: var(--#{$prefix}gray-700);
+        font-weight: $font-weight-bold;
+        margin: 0 !important;
+        width: auto;
+        padding: 0.85rem 1.75rem !important;
+
+        .spinner-border {
+            margin-right: 0.65rem;
+        }
+    }
+}
+
+@if $enable-dark-mode {
+    @include color-mode(dark) {
+        .blockui {
+            --#{$prefix}blockui-overlay-bg: #{$blockui-overlay-bg-dark};
+            --#{$prefix}blockui-message-bg: #{$blockui-message-bg-dark};
+            --#{$prefix}blockui-message-box-shadow: #{$blockui-message-box-shadow-dark};
+        }
+    }
+}

package/assets/metronic/8.26/components/_breadcrumb.scss

@@ -0,0 +1,69 @@
+//
+// Breadcrumb
+//
+
+// Breadcrumb
+.breadcrumb {
+    display: flex;
+    align-items: center;
+    background-color: transparent;
+    padding: 0;
+    margin: 0;    
+
+    // Item breadcrumb
+    .breadcrumb-item {
+        display: flex;
+        align-items: center;
+        padding-left: $breadcrumb-item-padding-x;
+
+        &:last-child {
+            padding-right: 0;
+        }
+
+        &:after {
+            padding-left: $breadcrumb-item-padding-x;
+            content: "/";
+        }
+
+        &:before {
+            display: none;
+        }
+
+        &:first-child {
+            padding-left: 0;
+        }
+
+        &:last-child {
+            &:after {
+                display: none;
+            }
+        }
+    }
+}
+
+// Breadcrumb line style
+.breadcrumb-line {
+    .breadcrumb-item {
+        &:after {
+            content: "-";
+        }
+    }
+}
+
+// Breadcrumb dot style
+.breadcrumb-dot {
+    .breadcrumb-item {
+        &:after {            
+            content: "\2022";
+        }
+    }
+}
+
+// Breadcrumb separatorless style
+.breadcrumb-separatorless {
+    .breadcrumb-item {
+        &:after {
+            display:none;
+        }
+    }
+}

package/assets/metronic/8.26/components/_btn-secondary.scss

@@ -0,0 +1,36 @@
+//
+// Secondary button
+//
+
+// Desktop mode
+@include media-breakpoint-up(lg) {
+    .btn.btn-secondary {
+        @include button-custom-variant(
+            $color: null, 
+            $icon-color: var(--#{$prefix}gray-600), 
+            $border-color: null, 
+            $bg-color: var(--#{$prefix}gray-200),
+            $color-active: null, 
+            $icon-color-active: var(--#{$prefix}primary), 
+            $border-color-active: null, 
+            $bg-color-active: var(--#{$prefix}gray-300),
+        );
+    }
+}
+
+@include color-mode(dark) {
+    // Secondary button
+    .btn.btn-secondary  {
+        @include button-custom-variant(
+            $color: null,
+            $icon-color: #878794,
+            $border-color: null, 
+            $bg-color: #1A1A1A,
+            $color-active: null,
+            $icon-color-active: null,
+            $border-color-active: null, 
+            $bg-color-active: #1A1A1A,
+        );
+    }
+}
+