@solcre-org/core-ui 2.13.4 → 2.13.6

package/assets/css/inc/components/placeholder.css

@@ -2,21 +2,46 @@
 /** COMPONENT: PLACEHOLDER
 /* ******************************************** */
 
-/* Provisorio */
-
 .c-placeholder{
     --_color-main-hsl: var(--color-neutral-800-hsl);
     --_color-text-hsl: var(--color-neutral-800-hsl);
 
     --_padd-y: 1.5em;
     --_padd-x: 1.5em;
-    --_br: var(--app-main-br, 8px);
+    --_br: var(--app-main-br);
     --_fz: var(--fz-100);
+    --_fw: 700;
 
     padding: var(--_padd-y) var(--_padd-x);
     background-color: hsl(var(--_color-main-hsl)/4%);
     border-radius: var(--_br);
     font-size: var(--_fz);
+    font-weight: var(--_fw);
+    letter-spacing: 0.05em;
+    line-height: 1.2;
+    color: hsl(var(--_color-main-hsl) / 40%);
+}
+
+.c-placeholder--centered{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1em;
+    text-align: center;
+}
+
+.c-placeholder__img{
+    min-width: 5rem;
+    width: 20%;
+}
+
+.c-placeholder--centered .c-placeholder__img{
+    margin-inline: auto
+}
+
+/* In sidenav */
+.c-sidenav__heading + .c-placeholder{
+    margin-top: 2rem;
 }
 
 

package/assets/css/inc/components/switch.css

@@ -0,0 +1,136 @@
+/* ******************************************** */
+/** COMPONENT: SWITCH
+/* ******************************************** */
+
+.c-switch {
+    --_color-main-hsl: var(--btn-color-main-hsl, var(--color-primary-400-hsl));
+    --_color-active-bg: var(--color-primary-600);
+    --_color-active-text: var(--color-neutral-100);
+
+    --_border-w: 1px;
+    --_br: var(--app-main-br);
+    --_border-color-hsl: var(--color-alternative-100-hsl);
+
+    display: flex;
+    border: var(--_border-w) solid hsl(var(--_border-color-hsl));
+    border-radius: var(--_br);
+    width: fit-content;
+}
+
+.c-switch>* {
+    border: none;
+    pointer-events: none;
+}
+
+.c-switch>*.is-active {
+    background-color: var(--_color-active-bg);
+    color: var(--_color-active-text);
+}
+
+
+.c-switch:hover {
+    --_bg: hsl(from hsl(var(--_color-main-hsl)) h s l / 0.05);
+    --_current-color-hsl: from hsl(var(--_color-main-hsl)) h s calc(l - 12);
+    background-color: var(--_bg);
+}
+
+
+
+
+/* ********************** SHORT MOBILE ********************** */
+
+@media (max-width: 22.4375rem) {
+    /* 359px */
+}
+
+
+
+
+
+/* ********************** TALL MOBILE PORTRAIT ********************** */
+
+@media (max-width: 47.9375rem) and (min-height: 45.625rem) {
+    /* 767px, 730px */
+}
+
+
+
+
+
+/* ********************** MOBILE LANDSCAPE ********************** */
+
+@media (orientation: landscape) and (min-width: 31.25rem) and (max-width: 47.9375rem) {
+    /* 500px, 767px */
+}
+
+
+
+
+
+/* ********************** de Mobile a TABLET ********************** */
+
+@media (min-width: 48rem) {
+    /* 768px */
+}
+
+@media (min-width: 48rem) and (orientation: portrait) {}
+
+
+
+
+/* ********************** de Tablet a DESKTOP ********************** */
+
+@media (min-width: 61.25rem) {
+    /* 980px */
+}
+
+
+
+
+/* ********************** de Desktop a DESKTOP 2 ********************** */
+
+@media (min-width: 75rem) {
+    /* 1200px */
+}
+
+@media (min-width: 75rem) and (min-height: 45rem) {
+    /* 1200, 720 */
+}
+
+
+
+
+/* ********************** de Desktop 2 a HD ********************** */
+
+@media (min-width: 87.5rem) {
+    /* 1400px */
+}
+
+@media (min-width: 87.5rem) and (min-height: 49.375rem) {
+    /* 1400px, 790px */
+}
+
+
+
+
+/* ********************** de Hd a FULL HD ********************** */
+
+@media (min-width: 100rem) {
+    /* 1600px */
+}
+
+@media (min-width: 100rem) and (min-height: 49.375rem) {
+    /* 1600px, 790px */
+}
+
+@media (min-width: 100rem) and (min-height: 56.25rem) {
+    /* 1600px, 900px */
+}
+
+@media (min-width: 112.5rem) {
+    /* 1800px */
+}
+
+@media (min-width: 112.5rem) and (min-height: 56.25rem) {
+    /* 1800px, 900px */
+}

package/assets/css/inc/utilities/layout.css

@@ -30,6 +30,9 @@
 .u-flex--inline{
     display: inline-flex
 }
+.u-flex--space-between{
+    justify-content: space-between;
+}
 [class*="u-flex"].u-align-center{
     justify-content: center;
 }

package/fesm2022/solcre-org-core-ui.mjs

@@ -7853,8 +7853,11 @@ class FileTemplateType {
     }
 }
 
-dayjs.extend(utc);
-dayjs.extend(timezone);
+// Safely extend dayjs with plugins (check if extend exists for Jest compatibility)
+if (dayjs.extend) {
+    dayjs.extend(utc);
+    dayjs.extend(timezone);
+}
 class DateUtility {
     static fromUTCtoUruguay(date, outputFormat = 'DD/MM/YYYY HH:mm') {
         try {
@@ -11929,7 +11932,8 @@ class GenericTableComponent {
             if (this.currentSortColumn() === null && this.currentSortDirection() === null) {
                 this.originalUnsortedData.set([...inputData]);
             }
-            const visibleData = this.applyRowVisibilityFilter(inputData);
+            let visibleData = this.applyRowVisibilityFilter(inputData);
+            visibleData = this.moveDisabledRowsToEnd(visibleData);
             this.displayedData.set([...visibleData]);
             this.loadingStates.mainData = false;
             this.loadingStates.filterData = false;
@@ -12096,7 +12100,8 @@ class GenericTableComponent {
         if (this.currentSortColumn() === null && this.currentSortDirection() === null) {
             this.originalUnsortedData.set([...data]);
         }
-        const visibleData = this.applyRowVisibilityFilter(data);
+        let visibleData = this.applyRowVisibilityFilter(data);
+        visibleData = this.moveDisabledRowsToEnd(visibleData);
         if (this.endpoint() && this.endpoint() !== '') {
             this.displayedData.set([...visibleData]);
             if (this.enablePagination() && visibleData.length !== data.length) {
@@ -12105,7 +12110,8 @@ class GenericTableComponent {
         }
         else {
             this.tableDataService.updateDisplayedData(visibleData, this.enablePagination(), this.paginationService, this.tableId, this.itemsLoaded());
-            const displayed = this.tableDataService.getDisplayedData();
+            let displayed = this.tableDataService.getDisplayedData();
+            displayed = this.moveDisabledRowsToEnd(displayed);
             this.displayedData.set([...displayed]);
         }
     }
@@ -12193,11 +12199,13 @@ class GenericTableComponent {
     resetToOriginalOrder() {
         const originalData = this.originalUnsortedData();
         if (originalData.length > 0) {
-            this.displayedData.set([...originalData]);
+            const orderedData = this.moveDisabledRowsToEnd([...originalData]);
+            this.displayedData.set(orderedData);
         }
         else if (!this.endpoint()) {
             const inputData = this.dataInput();
-            this.displayedData.set([...inputData]);
+            const orderedData = this.moveDisabledRowsToEnd([...inputData]);
+            this.displayedData.set(orderedData);
         }
         else if (this.endpoint() && originalData.length === 0) {
             this.tableDataService.refreshWithFilters();
@@ -12219,7 +12227,8 @@ class GenericTableComponent {
             const comparison = valueA < valueB ? -1 : valueA > valueB ? 1 : 0;
             return sortDirection === 'asc' ? comparison : -comparison;
         });
-        this.displayedData.set(sorted);
+        const orderedData = this.moveDisabledRowsToEnd(sorted);
+        this.displayedData.set(orderedData);
     }
     isAllSelected() {
         return this.displayedData().every(row => this.selectedRows().includes(row));
@@ -12676,6 +12685,23 @@ class GenericTableComponent {
         }
         return data.filter(row => this.isRowVisible(row));
     }
+    moveDisabledRowsToEnd(data) {
+        const disabledConfigs = this.columnDisabledConfigs();
+        if (!disabledConfigs || disabledConfigs.length === 0) {
+            return data;
+        }
+        const enabledRows = [];
+        const disabledRows = [];
+        data.forEach(row => {
+            if (this.isRowDisabled(row)) {
+                disabledRows.push(row);
+            }
+            else {
+                enabledRows.push(row);
+            }
+        });
+        return [...enabledRows, ...disabledRows];
+    }
     generateActiveFilters() {
         const activeFilters = [];
         const currentFilters = this.currentFilterValues();
@@ -13088,7 +13114,8 @@ class GenericTableComponent {
                 const stringB = String(refB).toLowerCase();
                 return stringA.localeCompare(stringB);
             });
-            this.displayedData.set(sortedData);
+            const orderedData = this.moveDisabledRowsToEnd(sortedData);
+            this.displayedData.set(orderedData);
         }
         catch (error) {
             console.warn('Error al ordenar por getReference():', error);
@@ -14725,12 +14752,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 // Este archivo es generado automáticamente por scripts/update-version.js
 // No edites manualmente este archivo
 const VERSION = {
-    full: '2.13.4',
+    full: '2.13.6',
     major: 2,
     minor: 13,
-    patch: 4,
-    timestamp: '2025-09-26T13:18:16.891Z',
-    buildDate: '26/9/2025'
+    patch: 6,
+    timestamp: '2025-10-01T14:08:19.539Z',
+    buildDate: '1/10/2025'
 };
 
 class MainNavComponent {