coer-elements 2.0.17 → 2.0.18

package/styles/index.scss

@@ -4,7 +4,8 @@
 @use "./containers.scss";
 @use "./cursores.scss";
 @use "./scroll-bar.scss"; 
-@use "./layout.scss";
+@use "./layout-flex.scss";
+@use "./layout-grid.scss";
 @use "./animations.scss";
 @use "./position.scss";
 @use "./font.scss";

package/styles/{layout.scss → layout-flex.scss}

@@ -92,24 +92,56 @@
 
 @for $i from 1 through 10 { 
     @if($i == 1) {
-        .flex-wrap-item-50 {
+        .flex-item-50px {
+            flex-basis: 50px;
+        } 
+
+        .flex-item-grow-50px {
             flex-grow: 1;
-            flex-basis: 50px ;
+            flex-basis: 50px;
         } 
     } 
 
-    .flex-wrap-item-#{$i * 100} {
+    .flex-item-#{$i * 10} {
+        flex-basis: $i * 10%;
+    }
+
+    .flex-item-#{$i * 100}px {
+        flex-basis: $i * 100px;
+    }
+
+    .flex-item-grow-#{$i * 10} {
+        flex-grow: 1;
+        flex-basis: $i * 10%;
+    } 
+
+    .flex-item-grow-#{$i * 100}px {
         flex-grow: 1;
         flex-basis: $i * 100px;
     } 
     
-    @if($i * 100px + 50px < 1000px) {
-        .flex-wrap-item-#{$i * 100 + 50} {
+    @if($i * 100 + 50 < 1000) {
+        .flex-item-#{$i * 100 + 50}px {
+            flex-basis: $i * 100px + 50px;
+        } 
+
+        .flex-item-grow-#{$i * 100 + 50}px {
             flex-grow: 1;
             flex-basis: $i * 100px + 50px;
         } 
-    } 
-} 
+    }  
+
+    @if($i * 10 + 5 < 100) {
+        .flex-item-#{$i * 10 + 5} {
+            flex-basis: $i * 10%;
+        } 
+
+        .flex-item-grow-#{$i * 10 + 5} {
+            flex-grow: 1;
+            flex-basis: $i * 10% + 5%;
+        }
+    }   
+}   
 
 
 @each $key, $value in (

package/styles/layout-grid.scss

@@ -0,0 +1,14 @@
+.grid { 
+    margin: 15px 30px;
+    display: grid; 
+    gap: 15px;  
+}
+
+@for $i from 1 through 12 {  
+    .grid-columns-#{$i} { 
+        grid-template-columns: repeat($i, 1fr);
+    } 
+} 
+
+
+

package/styles/space.scss

@@ -1,65 +1,65 @@
 @for $i from 0 through 30 {  
     //padding
-    .padding-#{$i} {
+    .padding-#{$i}px {
         padding: $i * 1px;
     }
 
-    .padding-top-#{$i} {
+    .padding-top-#{$i}px {
         padding-top: $i * 1px;
     } 
     
-    .padding-right-#{$i} {
+    .padding-right-#{$i}px {
         padding-right: $i * 1px;
     }  
 
-    .padding-bottom-#{$i} {
+    .padding-bottom-#{$i}px {
         padding-bottom: $i * 1px;
     }  
 
-    .padding-left-#{$i} {
+    .padding-left-#{$i}px {
         padding-left: $i * 1px;
     } 
     
     //margin
-    .margin-#{$i} {
+    .margin-#{$i}px {
         margin: $i * 1px;
     }
 
-    .margin-top-#{$i} {
+    .margin-top-#{$i}px {
         margin-top: $i * 1px;
     } 
     
-    .margin-right-#{$i} {
+    .margin-right-#{$i}px {
         margin-right: $i * 1px;
     }  
 
-    .margin-bottom-#{$i} {
+    .margin-bottom-#{$i}px {
         margin-bottom: $i * 1px;
     }  
 
-    .margin-left-#{$i} {
+    .margin-left-#{$i}px {
         margin-left: $i * 1px;
     }  
 
     //position
-    .top-#{$i} {
+    .top-#{$i}px {
         top: $i * 1px;
     } 
     
-    .right-#{$i} {
+    .right-#{$i}px {
         right: $i * 1px;
     }   
  
-    .bottom-#{$i} {
+    .bottom-#{$i}px {
         bottom: $i * 1px;
     }   
 
-    .left-#{$i} {
+    .left-#{$i}px {
         left: $i * 1px;
     } 
 
     //gap
-    .gap-#{$i} {
+    .gap-#{$i}px {
         gap: $i * 1px;
     } 
 } 

package/tools/lib/string.tools.d.ts

@@ -0,0 +1,16 @@
+export declare class StringTools {
+    /** Sets the first character to lowercase */
+    static FirstCharToLower(value: string | number | null | undefined): string;
+    /** Sets the first character to uppercase */
+    static FirstCharToUpper(value: string | number | null | undefined): string;
+    /** Clean extra whitespaces */
+    static CleanUpBlanks(value: string | number | null | undefined): string;
+    /** Apply title formatting */
+    static ToTitle(value: string | number | null | undefined): string;
+    /** Removes the last character */
+    static RemoveLastChar(value: string | number | null | undefined): string;
+    /** Removes accents and special characters */
+    static RemoveAccents(value: string | number | null | undefined, onlyAlphaNumeric?: boolean): string;
+    /** Validates if both strings are equal */
+    static Equals(value: string | number | null | undefined, value2: string | number | null | undefined, sensitive?: boolean): boolean;
+}

package/tools/lib/tools.d.ts

@@ -11,22 +11,14 @@ export declare const Tools: {
     IsNotOnlyWhiteSpace: (value: any) => boolean;
     /** Avoid Null value */
     AvoidNull: <T>(value: T | null | undefined, type?: "string" | "number" | "boolean" | null) => T;
-    /** */
-    RemoveAccents: (value: string | null | undefined) => string;
     /** Break reference of a object or array */
     BreakReference: <T>(object: T) => T;
-    /** Clean extra whitespaces */
-    CleanUpBlanks: (text: string | number) => string;
     /** Get properties of an object */
     GetPropertyList: <T>(object: T | null | undefined) => string[];
     /**
      * Set an index and merge more arrays of the same type
      * */
     SetIndex: <T>(array: T[], ...args: T[][]) => T[];
-    /** Set First Char To Lower */
-    FirstCharToLower: (text: string | null | undefined) => string;
-    /** Set First Char To Upper */
-    FirstCharToUpper: (text: string | null | undefined) => string;
     /** Sort an array in ascending order by property */
     SortBy: <T>(array: T[], property: string, propertyType?: "string" | "number") => T[];
     /** Sort an array in descending order by property */
@@ -43,6 +35,4 @@ export declare const Tools: {
     IsNumber: (value: any) => boolean;
     /** */
     Clipboard: (text: string, message?: string, title?: string) => void;
-    /** */
-    RemoveLastChar: (text: string) => string;
 };

package/tools/public-api.d.ts

@@ -1,17 +1,18 @@
 export * from './lib/coer-alert/coer-alert.component';
-export * from './lib/breadcrumbs.class';
+export * from './lib/breadcrumbs.tools';
 export * from './lib/coer-grid.templates';
-export * from './lib/colors.class';
-export * from './lib/control-value.class';
-export * from './lib/date-time.class';
-export * from './lib/elements-html.class';
-export * from './lib/files.class';
+export * from './lib/colors.tools';
+export * from './lib/control-value.tools';
+export * from './lib/date-time.tools';
+export * from './lib/elements-html.tools';
+export * from './lib/files.tools';
 export * from './lib/user.class';
-export * from './lib/filters.class';
-export * from './lib/menu.class';
-export * from './lib/page.class';
-export * from './lib/screen.class';
-export * from './lib/section.class';
-export * from './lib/service.class';
-export * from './lib/source.class';
+export * from './lib/filters.tools';
+export * from './lib/menu.tools';
+export * from './lib/page.tools';
+export * from './lib/screen.tools';
+export * from './lib/section.tools';
+export * from './lib/service.tools';
+export * from './lib/source.tools';
+export * from './lib/string.tools';
 export * from './lib/tools';