@soyfri/template 1.0.9 → 1.0.10-beta.1

package/dist/assets/sass/core/components/components.scss

@@ -3,79 +3,70 @@
 //
 
 // Extended bootstrap utilities
-@use "utilities" as *; // Using `as *` to merge utilities directly into this scope
+@import "utilities";
 
 // Bootstrap components
-// Bootstrap's main SCSS file is designed to be @used.
-// By default, it exposes a lot of things globally if you import it this way,
-// but for a cleaner approach, you could import specific modules and use their functions/mixins.
-// However, for simplicity and common usage, importing the main bootstrap.scss and then other components
-// often means you still want some level of global access for standard Bootstrap elements.
-// If you encounter issues, you might need to import specific bootstrap modules (e.g., @use "bootstrap/scss/mixins" as bs-mixins;)
-// or configure Bootstrap's own @use statements in its entry point.
-@use "bootstrap/scss/bootstrap" as *; // Assuming you want all Bootstrap components globally available
+@import "bootstrap/scss/bootstrap";
 
 // Custom components
-// Using `as *` for each custom component to make their styles, variables, and mixins
-// available directly without needing a prefix like `root.$variable`.
-@use "root" as *;
-@use "reboot" as *;
-@use "type" as *;
-@use "theme-mode" as *;
-@use "animation" as *;
-@use "alert" as *;
-@use "dropdown" as *;
-@use "toasts" as *;
-@use "nav" as *;
-@use "nav-line-tabs" as *;
-@use "nav-pills-custom" as *;
-@use "pagination" as *;
-@use "separator" as *;
-@use "carousel" as *;
-@use "menu" as *;
-@use "anchor" as *;
-@use "card" as *;
-@use "breadcrumb" as *;
-@use "buttons" as *;
-@use "modal" as *;
-@use "code" as *;
-@use "forms" as *;
-@use "progress" as *;
-@use "tables" as *;
-@use "popover" as *;
-@use "tooltip" as *;
-@use "accordion" as *;
-@use "image-input" as *;
-@use "symbol" as *;
-@use "pulse" as *;
-@use "page-loader" as *;
-@use "scrolltop" as *;
-@use "svg-icon" as *;
-@use "fixed" as *;
-@use "timeline" as *;
-@use "timeline-label" as *;
-@use "overlay" as *;
-@use "bullet" as *;
-@use "drawer" as *;
-@use "badge" as *;
-@use "indicator" as *;
-@use "hover" as *;
-@use "rotate" as *;
-@use "scroll" as *;
-@use "rating" as *;
-@use "stepper" as *;
-@use "toggle" as *;
-@use "shape" as *;
-@use "ribbon" as *;
-@use "blockui" as *;
-@use "explore" as *;
-@use "engage" as *;
-@use "cookiealert" as *;
-@use "print" as *;
-@use "helpers" as *;
-@use "tree" as *;
-@use "testimonials-slider" as *;
-@use "bootstrap-icon" as *;
-@use "wizard" as *;
-@use "title-reports" as *;
-@use "image.scss" as *;
+@import "root";
+@import "reboot";
+@import "type";
+@import "theme-mode";
+@import "animation";
+@import "alert";
+@import "dropdown";
+@import "toasts";
+@import "nav";
+@import "nav-line-tabs";
+@import "nav-pills-custom";
+@import "pagination";
+@import "separator";
+@import "carousel";
+@import "menu";
+@import "anchor";
+@import "card";
+@import "breadcrumb";
+@import "buttons";
+@import "modal";
+@import "code";
+@import "forms";
+@import "progress";
+@import "tables";
+@import "popover";
+@import "tooltip";
+@import "accordion";
+@import "image-input";
+@import "symbol";
+@import "pulse";
+@import "page-loader";
+@import "scrolltop";
+@import "svg-icon";
+@import "fixed";
+@import "timeline";
+@import "timeline-label";
+@import "overlay";
+@import "bullet";
+@import "drawer";
+@import "badge";
+@import "indicator";
+@import "hover";
+@import "rotate";
+@import "scroll";
+@import "rating";
+@import "stepper";
+@import "toggle";
+@import "shape";
+@import "ribbon";
+@import "blockui";
+@import "explore";
+@import "engage";
+@import "cookiealert";
+@import "print";
+@import "helpers";
+@import "tree";
+@import "testimonials-slider";
+@import "bootstrap-icon";
+@import "wizard";
+@import "title-reports";
+@import "image.scss"

package/dist/assets/sass/core/components/helpers/_background.scss

@@ -1,4 +1,3 @@
-@use "sass:map";
 //
 // Custom background helpers
 //
@@ -217,7 +216,7 @@
 }
 
 // Responsive helpers
-@each $breakpoint in map.keys($grid-breakpoints) {
+@each $breakpoint in map-keys($grid-breakpoints) {
     @include media-breakpoint-up($breakpoint) {
 		$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
 		

package/dist/assets/sass/core/components/helpers/_flex.scss

@@ -1,10 +1,9 @@
-@use "sass:map";
 //
 // Flex Utilities
 //
 
 
-@each $breakpoint in map.keys($grid-breakpoints) {
+@each $breakpoint in map-keys($grid-breakpoints) {
     @include media-breakpoint-up($breakpoint) {
         $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
 

package/dist/assets/sass/core/components/menu/_base.scss

@@ -1,4 +1,3 @@
-@use "sass:map";
 //
 // Menu Base
 //
@@ -148,7 +147,7 @@
 
 // Responsive 
 @each $direction in (up, down) {
-    @each $breakpoint in map.keys($grid-breakpoints) {
+    @each $breakpoint in map-keys($grid-breakpoints) {
         $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
 
         @if $infix and $direction == down {

package/dist/assets/sass/core/components/mixins/_menu.scss

@@ -1,5 +1,3 @@
-@use "svg-bg-icon";
-
 //
 // Label
 //
@@ -168,9 +166,9 @@
 	@if ( $arrow-color != null ) {
 		// Arrow
 		.menu-arrow:after {
-			@include svg-bg-icon.svg-bg-icon(arrow-start, $arrow-color);
+			@include svg-bg-icon(arrow-start, $arrow-color);
 			/*rtl:begin:remove*/
-			@include svg-bg-icon.svg-bg-icon(arrow-end, $arrow-color);
+			@include svg-bg-icon(arrow-end, $arrow-color);
 			/*rtl:end:remove*/
 		}
 	}

package/dist/assets/sass/core/components/wizard.scss

@@ -3,4 +3,4 @@
 //
 
 // Import Dependencies
-@use "wizard/wizard";
+@import "wizard/wizard";

package/dist/assets/sass/core/layout/base/_layout.scss

@@ -2,28 +2,28 @@
 // App Layout
 //
 
-@use "mixins/layout-minimize";
-@use "mixins/layout-transition";
-@use "root";
-@use "reboot";
-@use "page";
-@use "page-loader";
-@use "container";
-@use "print";
-@use "navbar";
-@use "header/header";
-@use "header/header-primary";
-@use "header/header-secondary";
-@use "header/header-tertiary";
-@use "toolbar";
-@use "hero";
-@use "sidebar/sidebar";
-@use "sidebar/sidebar-primary";
-@use "sidebar/sidebar-secondary";
-@use "sidebar/sidebar-panel";
-@use "aside/aside";
-@use "wrapper";
-@use "main";
-@use "content";
-@use "footer";
-@use "layout-builder";
+@import "mixins/layout-minimize";
+@import "mixins/layout-transition";
+@import "root";
+@import "reboot";
+@import "page";
+@import "page-loader";
+@import "container";
+@import "print";
+@import "navbar";
+@import "header/header";
+@import "header/header-primary";
+@import "header/header-secondary";
+@import "header/header-tertiary";
+@import "toolbar";
+@import "hero";
+@import "sidebar/sidebar";
+@import "sidebar/sidebar-primary";
+@import "sidebar/sidebar-secondary";
+@import "sidebar/sidebar-panel";
+@import "aside/aside";
+@import "wrapper";
+@import "main";
+@import "content";
+@import "footer";
+@import "layout-builder";

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

@@ -2,4 +2,4 @@
 // Mixins
 //
 
-@use "mixins/nouislider";
+@import "mixins/nouislider";

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

@@ -3,10 +3,10 @@
 //
 
 // Import Dependencies
-@use "root";
-@use "prismjs";
-@use "nouislider";
-@use "apexcharts";
-@use "fslightbox";
-@use "tiny-slider";
-@use "fullcalendar";
+@import "root";
+@import "prismjs";
+@import "nouislider";
+@import "apexcharts";
+@import "fslightbox";
+@import "tiny-slider";
+@import "fullcalendar";

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

@@ -3,10 +3,10 @@
 //
 
 // Import Dependencies
-@use "root";
-@use "prismjs";
-@use "nouislider";
-@use "apexcharts";
-@use "fslightbox";
-@use "tiny-slider";
-@use "fullcalendar";
+@import "root";
+@import "prismjs";
+@import "nouislider";
+@import "apexcharts";
+@import "fslightbox";
+@import "tiny-slider";
+@import "fullcalendar";

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

@@ -3,32 +3,32 @@
 //
 
 // Import Dependencies
-@use "root";
-@use "prismjs";
-@use "fslightbox";
-@use "select2";
-@use "formvalidation";
-@use "daterangepicker";
-@use "flatpickr";
-@use "tagify";
-@use "bootstrap-maxlength";
-@use "ckeditor";
-@use "datatables";
-@use "dropzone";
-@use "gmaps";
-@use "nouislider";
-@use "quill";
-@use "recaptcha";
-@use "sweetalert2";
-@use "tinymce";
-@use "toastr";
-@use "draggable";
-@use "apexcharts";
-@use "leaflet";
-@use "tiny-slider";
-@use "fullcalendar";
-@use "jkanban";
-@use "jstree";
-@use "vis-timeline";
-@use "tempus-dominus";
-@use "keenicons";
+@import "root";
+@import "prismjs";
+@import "fslightbox";
+@import "select2";
+@import "formvalidation";
+@import "daterangepicker";
+@import "flatpickr";
+@import "tagify";
+@import "bootstrap-maxlength";
+@import "ckeditor";
+@import "datatables";
+@import "dropzone";
+@import "gmaps";
+@import "nouislider";
+@import "quill";
+@import "recaptcha";
+@import "sweetalert2";
+@import "tinymce";
+@import "toastr";
+@import "draggable";
+@import "apexcharts";
+@import "leaflet";
+@import "tiny-slider";
+@import "fullcalendar";
+@import "jkanban";
+@import "jstree";
+@import "vis-timeline";
+@import "tempus-dominus";
+@import "keenicons";

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

@@ -3,10 +3,10 @@
 //
 
 // Import Dependencies
-@use "root";
-@use "prismjs";
-@use "nouislider";
-@use "apexcharts";
-@use "fslightbox";
-@use "tiny-slider";
-@use "fullcalendar";
+@import "root";
+@import "prismjs";
+@import "nouislider";
+@import "apexcharts";
+@import "fslightbox";
+@import "tiny-slider";
+@import "fullcalendar";

package/dist/assets/sass/core/vendors/plugins/_variables-dark.scss

@@ -1,4 +1,3 @@
-@use "sass:color";
 //
 // 3rd-party config
 //
@@ -9,11 +8,11 @@ $prismjs-bg-dark: #151521;
 
 $prismjs-border-dark: rgba($white, 0.1);
 
-$prismjs-btn-bg-dark: color.adjust($prismjs-bg-dark, $lightness: 9%);
-$prismjs-btn-bg-hover-dark: color.adjust($prismjs-bg-dark, $lightness: 9%);
+$prismjs-btn-bg-dark: lighten($prismjs-bg-dark, 9%);
+$prismjs-btn-bg-hover-dark: lighten($prismjs-bg-dark, 9%);
 
 $prismjs-btn-color-dark: rgba($white, 0.75);
 $prismjs-btn-color-hover-dark: $primary;
 
-$prismjs-scrollbar-color-dark: color.adjust($prismjs-bg-dark, $lightness: 12%);
-$prismjs-scrollbar-color-hover-dark: color.adjust($prismjs-bg-dark, $lightness: 15%);
+$prismjs-scrollbar-color-dark: lighten($prismjs-bg-dark, 12%);
+$prismjs-scrollbar-color-hover-dark: lighten($prismjs-bg-dark, 15%);

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

@@ -1,4 +1,3 @@
-@use "sass:color";
 //
 // 3rd-party config
 //
@@ -9,14 +8,14 @@ $prismjs-bg: #1e1e3f;
 
 $prismjs-border: rgba($white, 0.1);
 
-$prismjs-btn-bg: color.adjust($prismjs-bg, $lightness: 9%);
-$prismjs-btn-bg-hover: color.adjust($prismjs-bg, $lightness: 9%);
+$prismjs-btn-bg: lighten($prismjs-bg, 9%);
+$prismjs-btn-bg-hover: lighten($prismjs-bg, 9%);
 
 $prismjs-btn-color: rgba($white, 0.75);
 $prismjs-btn-color-hover: $primary;
 
-$prismjs-scrollbar-color: color.adjust($prismjs-bg, $lightness: 12%);
-$prismjs-scrollbar-color-hover: color.adjust($prismjs-bg, $lightness: 15%);
+$prismjs-scrollbar-color: lighten($prismjs-bg, 12%);
+$prismjs-scrollbar-color-hover: lighten($prismjs-bg, 15%);
 
 // Bootstrap Maxlength
 $bootstrap-maxlength-z-index: 1040;

package/dist/assets/sass/layout/_layout.scss

@@ -2,16 +2,16 @@
 // Layout
 //
 
-@use "root";
-@use "sidebar/sidebar";
-@use "sidebar/sidebar-minimize";
-@use "sidebar/sidebar-dark";
-@use "sidebar/sidebar-light";
-@use "aside";
-@use "header/header";
-@use "header/header-dark";
-@use "header/header-sidebar-light";
-@use "content";
-@use "toolbar";
-@use "main";
-@use "page-title";
+@import "root";
+@import "sidebar/sidebar";
+@import "sidebar/sidebar-minimize";
+@import "sidebar/sidebar-dark";
+@import "sidebar/sidebar-light";
+@import "aside";
+@import "header/header";
+@import "header/header-dark";
+@import "header/header-sidebar-light";
+@import "content";
+@import "toolbar";
+@import "main";
+@import "page-title";

package/dist/assets/sass/layout/_variables.custom.scss

@@ -1,4 +1,3 @@
-@use "sass:color";
 //
 // Variables
 //
@@ -44,7 +43,7 @@ $app-header-light-separator-color-dark: $border-color-dark;
 $app-header-dark-bg-color:$coal-600;
 $app-header-dark-separator-color: #282a3d;
 $app-header-dark-scrollbar-color: #3b3b64;
-$app-header-dark-scrollbar-color-hover: color.adjust($app-header-dark-scrollbar-color, $lightness: 3%);
+$app-header-dark-scrollbar-color-hover: lighten($app-header-dark-scrollbar-color, 3%);
 $app-header-dark-menu-active-link-bg-color: #242424;
 
 // Sidebar base
@@ -89,7 +88,7 @@ $app-sidebar-light-header-menu-link-bg-color-active-dark: $gray-100-dark;
 // Sidebar dark
 $app-sidebar-dark-bg-color: $coal-500;
 $app-sidebar-dark-separator-color: $light-light-dark;
-$app-sidebar-dark-scrollbar-color-hover: color.adjust($app-sidebar-dark-separator-color, $lightness: 2%);
+$app-sidebar-dark-scrollbar-color-hover: lighten($app-sidebar-dark-separator-color, 2%);
 $app-sidebar-dark-menu-heading-color: $gray-500-dark;
 $app-sidebar-dark-menu-sub-link-color: $gray-600-dark;;
 $app-sidebar-dark-menu-link-bg-color-active: #1C1C21;

package/dist/assets/sass/style.react.scss

@@ -17,16 +17,12 @@
 ////////////////////////////////////////////////////////////////
 
 // Initialize
-// Asumimos que 'init' no expone miembros para ser usados con prefijo, o que Metronic los espera globales.
-// Si expone mixins/variables que usas directamente en otros archivos sin prefijo, podrías necesitar `as *`.
-@use "init"; 
+@import "init";
 
 // Plugins
-// Similar al anterior, si no usas explícitamente sus miembros con prefijo.
-// 'react-select.scss' es un buen candidato para usar `as *` si sus estilos no tienen prefijos únicos.
-@use "./core/vendors/plugins/plugins";
-@use "vendors/react-select.scss" as *; // Usamos `as *` para importar sus estilos sin prefijo.
+@import "./core/vendors/plugins/plugins";
+@import "vendors/react-select.scss";
 
 #root {
   display: contents;
-}
+}

package/dist/assets/sass/style.scss

@@ -3,12 +3,12 @@
 //
 
 // Initialize
-@use "init"; // Cambiado de @import "init";
+@import "init";
 
 // Components
-@use "./core/components/components"; // Cambiado de @import "./core/components/components";
-@use "components/components"; // Cambiado de @import "components/components";
+@import "./core/components/components";
+@import "components/components";
 
 // Layout
-@use "./core/layout/base/layout"; // Cambiado de @import "./core/layout/base/layout";
-@use "layout/layout"; // Cambiado de @import "layout/layout";
+@import "./core/layout/base/layout";
+@import "layout/layout";

package/dist/assets/ts/_utils/DomHelpers.d.ts

@@ -4,7 +4,7 @@ declare function getCSS(el: HTMLElement, styleProp: string): string;
 declare function getCSSVariableValue(variableName: string): string;
 declare function getElementActualCss(el: HTMLElement, prop: any, cache: boolean): number | undefined;
 declare function getElementActualHeight(el: HTMLElement): number | undefined;
-declare function getElementActualWidth(el: HTMLElement, cache?: boolean): number | undefined;
+declare function getElementActualWidth(el: HTMLElement, _cache?: boolean): number | undefined;
 declare function getElementIndex(element: HTMLElement): number;
 declare function getElementMatches(element: HTMLElement, selector: string): boolean;
 declare function getElementOffset(el: HTMLElement): OffsetModel;

package/dist/assets/ts/_utils/DomHelpers.js

@@ -52,7 +52,7 @@ function getElementActualCss(el, prop, cache) {
 function getElementActualHeight(el) {
     return getElementActualCss(el, 'height', false);
 }
-function getElementActualWidth(el, cache) {
+function getElementActualWidth(el, _cache) {
     return getElementActualCss(el, 'width', false);
 }
 function getElementIndex(element) {

package/dist/assets/ts/_utils/DomHelpers.ts

@@ -66,7 +66,7 @@ function getElementActualHeight(el: HTMLElement) {
   return getElementActualCss(el, 'height', false)
 }
 
-function getElementActualWidth(el: HTMLElement, cache?: boolean) {
+function getElementActualWidth(el: HTMLElement, _cache?: boolean) {
   return getElementActualCss(el, 'width', false)
 }
 

package/dist/assets/ts/_utils/EventHandlerUtil.d.ts

@@ -10,14 +10,10 @@ export declare class EventHandlerUtil {
             [handlerId: string]: EventMeta;
         };
     };
-    private static setEventMetasByName;
-    private static getEventMetaByName;
     private static setEventMetaByNameAndHandlerId;
-    private static getEventMetaByHandlerId;
-    private static setFiredByNameAndHandlerId;
     private static addEvent;
     private static removeEvent;
-    static trigger(element: HTMLElement, name: string, target?: any, e?: Event): boolean;
+    static trigger(element: HTMLElement, name: string, target?: any, _e?: Event): boolean;
     static on: (element: HTMLElement, name: string, callBack: Function) => void;
     static one(element: HTMLElement, name: string, callBack: Function): void;
     static off(element: HTMLElement, name: string, handerId: string): void;

package/dist/assets/ts/_utils/EventHandlerUtil.js

@@ -2,12 +2,6 @@ import { DataUtil } from './_DataUtil';
 import { getUniqueIdWithPrefix } from './_TypesHelpers';
 export class EventHandlerUtil {
     static store = {};
-    static setEventMetasByName(name, handlers) {
-        EventHandlerUtil.store[name] = handlers;
-    }
-    static getEventMetaByName(name) {
-        return EventHandlerUtil.store[name];
-    }
     static setEventMetaByNameAndHandlerId(name, handlerId, meta) {
         if (EventHandlerUtil.store[name]) {
             EventHandlerUtil.store[name][handlerId] = meta;
@@ -16,21 +10,6 @@ export class EventHandlerUtil {
         EventHandlerUtil.store[name] = {};
         EventHandlerUtil.store[name][handlerId] = meta;
     }
-    static getEventMetaByHandlerId(name, handlerId) {
-        const handlersIds = EventHandlerUtil.store[name];
-        if (!handlersIds) {
-            return;
-        }
-        return handlersIds[handlerId];
-    }
-    static setFiredByNameAndHandlerId(name, handerId, fired) {
-        const meta = EventHandlerUtil.getEventMetaByHandlerId(name, handerId);
-        if (!meta) {
-            return;
-        }
-        meta.fired = fired;
-        EventHandlerUtil.setEventMetaByNameAndHandlerId(name, handerId, meta);
-    }
     static addEvent(element, name, callback, one = false) {
         const handlerId = getUniqueIdWithPrefix('event');
         const data = DataUtil.get(element, name);
@@ -54,7 +33,7 @@ export class EventHandlerUtil {
         }
         delete EventHandlerUtil.store[name][handerId];
     }
-    static trigger(element, name, target, e) {
+    static trigger(element, name, target, _e) {
         let returnValue = true;
         if (!DataUtil.has(element, name)) {
             return returnValue;