@solcre-org/core-ui 2.13.5 → 2.14.0

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

@@ -0,0 +1,143 @@
+/* ******************************************** */
+/** 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;
+    transition: background-color 0.3s ease;
+}
+
+.c-switch>* {
+    border: none;
+    cursor: pointer;
+    transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;
+}
+
+.c-switch>*.is-active {
+    background-color: var(--_color-active-bg);
+    color: var(--_color-active-text);
+}
+
+.c-switch>*.is-disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+
+.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/assets/css/main.css

@@ -74,6 +74,7 @@
  @import url(inc/components/gallery.css); 
  @import url(inc/components/refresh.css); /* !(new) */
  @import url(inc/components/area-code.css); /* !(new) */
+ @import url(inc/components/switch.css); /* !(new) */
  
 /* Utilities */
  @import url(inc/utilities/headings.css);

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.5',
+    full: '2.14.0',
     major: 2,
-    minor: 13,
-    patch: 5,
-    timestamp: '2025-09-29T18:27:57.345Z',
-    buildDate: '29/9/2025'
+    minor: 14,
+    patch: 0,
+    timestamp: '2025-10-01T18:14:51.221Z',
+    buildDate: '1/10/2025'
 };
 
 class MainNavComponent {
@@ -17521,6 +17548,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
             args: [{ selector: 'core-generic-gallery', standalone: true, imports: [CommonModule, GenericSkeletonComponent], providers: [], template: "<div [class]=\"containerClasses()\" \n     [ngStyle]=\"containerStyles()\">\n  \n  @if (finalConfig().layoutType === 'main-left') {\n    @if (mainImage()) {\n      <div class=\"c-gallery-grid__img\" \n           [class.c-gallery-grid__img--loading]=\"isImageLoading(mainImage()!, 0)\"\n           [class.c-gallery-grid__img--error]=\"hasImageError(mainImage()!, 0)\">\n        \n        @if (isImageLoading(mainImage()!, 0)) {\n          <div class=\"c-gallery-grid__skeleton\">\n            <core-generic-skeleton \n              [type]=\"SkeletonType.IMAGE\"\n              width=\"100%\"\n              height=\"100%\"\n              [animation]=\"SkeletonAnimation.SHIMMER\"\n              [ariaLabel]=\"'Loading image: ' + (mainImage()!.alt || 'Main image')\">\n            </core-generic-skeleton>\n          </div>\n        }\n        \n        @if (!isImageLoading(mainImage()!, 0) && !hasImageError(mainImage()!, 0)) {\n          <img\n            [src]=\"mainImage()!.src\"\n            [alt]=\"mainImage()!.alt || ''\"\n            [title]=\"mainImage()!.title || ''\"\n            [loading]=\"getImageLoading(true)\"\n            (click)=\"onImageClick(mainImage()!, 0)\">\n        }\n        \n        @if (isImageLoading(mainImage()!, 0)) {\n          <img \n            [src]=\"mainImage()!.src\"\n            [alt]=\"mainImage()!.alt || ''\"\n            style=\"display: none;\"\n            (load)=\"onImageLoad(mainImage()!, 0)\"\n            (error)=\"onImageError(mainImage()!, 0)\">\n        }\n        \n        @if (hasImageError(mainImage()!, 0)) {\n          <div class=\"c-gallery-grid__error\">\n            <div class=\"c-gallery-grid__error-content\">\n              <span class=\"c-gallery-grid__error-icon\">\uD83D\uDCF7</span>\n              <span class=\"c-gallery-grid__error-text\">Error al cargar imagen</span>\n            </div>\n          </div>\n        }\n      </div>\n    }\n    \n    @if (thumbnailImages().length > 0) {\n      <div class=\"c-gallery-grid__imgs-xs\">\n        @for (image of thumbnailImages(); track image.id || $index; let i = $index) {\n          <div class=\"c-gallery-grid__img\" \n               [class.c-gallery-grid__img--loading]=\"isImageLoading(image, i + 1)\"\n               [class.c-gallery-grid__img--error]=\"hasImageError(image, i + 1)\">\n            \n            @if (isImageLoading(image, i + 1)) {\n              <div class=\"c-gallery-grid__skeleton\">\n                <core-generic-skeleton \n                  [type]=\"SkeletonType.IMAGE\"\n                  width=\"100%\"\n                  height=\"100%\"\n                  [animation]=\"SkeletonAnimation.SHIMMER\"\n                  [ariaLabel]=\"'Loading thumbnail: ' + (image.alt || 'Thumbnail')\">\n                </core-generic-skeleton>\n              </div>\n            }\n            \n            @if (!isImageLoading(image, i + 1) && !hasImageError(image, i + 1)) {\n              <img\n                [src]=\"image.thumbnail || image.src\"\n                [alt]=\"image.alt || ''\"\n                [title]=\"image.title || ''\"\n                [loading]=\"getImageLoading(false)\"\n                (click)=\"onImageClick(image, i + 1)\">\n            }\n            \n            @if (isImageLoading(image, i + 1)) {\n              <img \n                [src]=\"image.thumbnail || image.src\"\n                [alt]=\"image.alt || ''\"\n                style=\"display: none;\"\n                (load)=\"onImageLoad(image, i + 1)\"\n                (error)=\"onImageError(image, i + 1)\">\n            }\n            \n            @if (hasImageError(image, i + 1)) {\n              <div class=\"c-gallery-grid__error\">\n                <div class=\"c-gallery-grid__error-content\">\n                  <span class=\"c-gallery-grid__error-icon\">\uD83D\uDCF7</span>\n                  <span class=\"c-gallery-grid__error-text\">Error</span>\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n  }\n  \n  @if (finalConfig().layoutType === 'main-right') {\n    @if (thumbnailImages().length > 0) {\n      <div class=\"c-gallery-grid__imgs-xs\">\n        @for (image of thumbnailImages(); track image.id || $index; let i = $index) {\n          <div class=\"c-gallery-grid__img\" \n               [class.c-gallery-grid__img--loading]=\"isImageLoading(image, i + 1)\"\n               [class.c-gallery-grid__img--error]=\"hasImageError(image, i + 1)\">\n            \n            @if (isImageLoading(image, i + 1)) {\n              <div class=\"c-gallery-grid__skeleton\">\n                <core-generic-skeleton \n                  [type]=\"SkeletonType.IMAGE\"\n                  width=\"100%\"\n                  height=\"100%\"\n                  [animation]=\"SkeletonAnimation.SHIMMER\"\n                  [ariaLabel]=\"'Loading thumbnail: ' + (image.alt || 'Thumbnail')\">\n                </core-generic-skeleton>\n              </div>\n            }\n            \n            @if (!isImageLoading(image, i + 1) && !hasImageError(image, i + 1)) {\n              <img\n                [src]=\"image.thumbnail || image.src\"\n                [alt]=\"image.alt || ''\"\n                [title]=\"image.title || ''\"\n                [loading]=\"getImageLoading(false)\"\n                (click)=\"onImageClick(image, i + 1)\">\n            }\n            \n            @if (isImageLoading(image, i + 1)) {\n              <img \n                [src]=\"image.thumbnail || image.src\"\n                [alt]=\"image.alt || ''\"\n                style=\"display: none;\"\n                (load)=\"onImageLoad(image, i + 1)\"\n                (error)=\"onImageError(image, i + 1)\">\n            }\n            \n            @if (hasImageError(image, i + 1)) {\n              <div class=\"c-gallery-grid__error\">\n                <div class=\"c-gallery-grid__error-content\">\n                  <span class=\"c-gallery-grid__error-icon\">\uD83D\uDCF7</span>\n                  <span class=\"c-gallery-grid__error-text\">Error</span>\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n    \n    @if (mainImage()) {\n      <div class=\"c-gallery-grid__img\" \n           [class.c-gallery-grid__img--loading]=\"isImageLoading(mainImage()!, 0)\"\n           [class.c-gallery-grid__img--error]=\"hasImageError(mainImage()!, 0)\">\n        \n        @if (isImageLoading(mainImage()!, 0)) {\n          <div class=\"c-gallery-grid__skeleton\">\n            <core-generic-skeleton \n              [type]=\"SkeletonType.IMAGE\"\n              width=\"100%\"\n              height=\"100%\"\n              [animation]=\"SkeletonAnimation.SHIMMER\"\n              [ariaLabel]=\"'Loading image: ' + (mainImage()!.alt || 'Main image')\">\n            </core-generic-skeleton>\n          </div>\n        }\n        \n        @if (!isImageLoading(mainImage()!, 0) && !hasImageError(mainImage()!, 0)) {\n          <img\n            [src]=\"mainImage()!.src\"\n            [alt]=\"mainImage()!.alt || ''\"\n            [title]=\"mainImage()!.title || ''\"\n            [loading]=\"getImageLoading(true)\"\n            (click)=\"onImageClick(mainImage()!, 0)\">\n        }\n        \n        @if (isImageLoading(mainImage()!, 0)) {\n          <img \n            [src]=\"mainImage()!.src\"\n            [alt]=\"mainImage()!.alt || ''\"\n            style=\"display: none;\"\n            (load)=\"onImageLoad(mainImage()!, 0)\"\n            (error)=\"onImageError(mainImage()!, 0)\">\n        }\n        \n        @if (hasImageError(mainImage()!, 0)) {\n          <div class=\"c-gallery-grid__error\">\n            <div class=\"c-gallery-grid__error-content\">\n              <span class=\"c-gallery-grid__error-icon\">\uD83D\uDCF7</span>\n              <span class=\"c-gallery-grid__error-text\">Error al cargar imagen</span>\n            </div>\n          </div>\n        }\n      </div>\n    }\n  }\n  \n  @if (finalConfig().layoutType === 'main-top') {\n    @if (mainImage()) {\n      <div class=\"c-gallery-grid__img\" \n           [class.c-gallery-grid__img--loading]=\"isImageLoading(mainImage()!, 0)\"\n           [class.c-gallery-grid__img--error]=\"hasImageError(mainImage()!, 0)\">\n        \n        @if (isImageLoading(mainImage()!, 0)) {\n          <div class=\"c-gallery-grid__skeleton\">\n            <core-generic-skeleton \n              [type]=\"SkeletonType.IMAGE\"\n              width=\"100%\"\n              height=\"100%\"\n              [animation]=\"SkeletonAnimation.SHIMMER\"\n              [ariaLabel]=\"'Loading image: ' + (mainImage()!.alt || 'Main image')\">\n            </core-generic-skeleton>\n          </div>\n        }\n        \n        @if (!isImageLoading(mainImage()!, 0) && !hasImageError(mainImage()!, 0)) {\n          <img\n            [src]=\"mainImage()!.src\"\n            [alt]=\"mainImage()!.alt || ''\"\n            [title]=\"mainImage()!.title || ''\"\n            [loading]=\"getImageLoading(true)\"\n            (click)=\"onImageClick(mainImage()!, 0)\">\n        }\n        \n        @if (isImageLoading(mainImage()!, 0)) {\n          <img \n            [src]=\"mainImage()!.src\"\n            [alt]=\"mainImage()!.alt || ''\"\n            style=\"display: none;\"\n            (load)=\"onImageLoad(mainImage()!, 0)\"\n            (error)=\"onImageError(mainImage()!, 0)\">\n        }\n        \n        @if (hasImageError(mainImage()!, 0)) {\n          <div class=\"c-gallery-grid__error\">\n            <div class=\"c-gallery-grid__error-content\">\n              <span class=\"c-gallery-grid__error-icon\">\uD83D\uDCF7</span>\n              <span class=\"c-gallery-grid__error-text\">Error al cargar imagen</span>\n            </div>\n          </div>\n        }\n      </div>\n    }\n    \n    @if (thumbnailImages().length > 0) {\n      <div class=\"c-gallery-grid__imgs-xs\">\n        @for (image of thumbnailImages(); track image.id || $index; let i = $index) {\n          <div class=\"c-gallery-grid__img\" \n               [class.c-gallery-grid__img--loading]=\"isImageLoading(image, i + 1)\"\n               [class.c-gallery-grid__img--error]=\"hasImageError(image, i + 1)\">\n            \n            @if (isImageLoading(image, i + 1)) {\n              <div class=\"c-gallery-grid__skeleton\">\n                <core-generic-skeleton \n                  [type]=\"SkeletonType.IMAGE\"\n                  width=\"100%\"\n                  height=\"100%\"\n                  [animation]=\"SkeletonAnimation.SHIMMER\"\n                  [ariaLabel]=\"'Loading thumbnail: ' + (image.alt || 'Thumbnail')\">\n                </core-generic-skeleton>\n              </div>\n            }\n            \n            @if (!isImageLoading(image, i + 1) && !hasImageError(image, i + 1)) {\n              <img\n                [src]=\"image.thumbnail || image.src\"\n                [alt]=\"image.alt || ''\"\n                [title]=\"image.title || ''\"\n                [loading]=\"getImageLoading(false)\"\n                (click)=\"onImageClick(image, i + 1)\">\n            }\n            \n            @if (isImageLoading(image, i + 1)) {\n              <img \n                [src]=\"image.thumbnail || image.src\"\n                [alt]=\"image.alt || ''\"\n                style=\"display: none;\"\n                (load)=\"onImageLoad(image, i + 1)\"\n                (error)=\"onImageError(image, i + 1)\">\n            }\n            \n            @if (hasImageError(image, i + 1)) {\n              <div class=\"c-gallery-grid__error\">\n                <div class=\"c-gallery-grid__error-content\">\n                  <span class=\"c-gallery-grid__error-icon\">\uD83D\uDCF7</span>\n                  <span class=\"c-gallery-grid__error-text\">Error</span>\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n  }\n\n  @if (finalConfig().layoutType === 'single') {\n    @if (mainImage()) {\n      <div class=\"c-gallery-grid__img\" \n           [class.c-gallery-grid__img--loading]=\"isImageLoading(mainImage()!, 0)\"\n           [class.c-gallery-grid__img--error]=\"hasImageError(mainImage()!, 0)\">\n        \n        @if (isImageLoading(mainImage()!, 0)) {\n          <div class=\"c-gallery-grid__skeleton\">\n            <core-generic-skeleton \n              [type]=\"SkeletonType.IMAGE\"\n              width=\"100%\"\n              height=\"100%\"\n              [animation]=\"SkeletonAnimation.SHIMMER\"\n              [ariaLabel]=\"'Loading image: ' + (mainImage()!.alt || 'Single image')\">\n            </core-generic-skeleton>\n          </div>\n        }\n        \n        @if (!isImageLoading(mainImage()!, 0) && !hasImageError(mainImage()!, 0)) {\n          <img\n            [src]=\"mainImage()!.src\"\n            [alt]=\"mainImage()!.alt || ''\"\n            [title]=\"mainImage()!.title || ''\"\n            [loading]=\"getImageLoading(true)\"\n            (click)=\"onImageClick(mainImage()!, 0)\">\n        }\n        \n        @if (isImageLoading(mainImage()!, 0)) {\n          <img \n            [src]=\"mainImage()!.src\"\n            [alt]=\"mainImage()!.alt || ''\"\n            style=\"display: none;\"\n            (load)=\"onImageLoad(mainImage()!, 0)\"\n            (error)=\"onImageError(mainImage()!, 0)\">\n        }\n        \n        @if (hasImageError(mainImage()!, 0)) {\n          <div class=\"c-gallery-grid__error\">\n            <div class=\"c-gallery-grid__error-content\">\n              <span class=\"c-gallery-grid__error-icon\">\uD83D\uDCF7</span>\n              <span class=\"c-gallery-grid__error-text\">Error al cargar imagen</span>\n            </div>\n          </div>\n        }\n      </div>\n    }\n  }\n</div>\n" }]
         }], ctorParameters: () => [] });
 
+class GenericSwitchComponent {
+    options = input.required();
+    selectedValue = input();
+    ariaLabel = input('Switch options');
+    valueChange = output();
+    isSelected(value) {
+        return this.selectedValue() === value;
+    }
+    onOptionClick(option) {
+        if (option.disabled || this.isSelected(option.value)) {
+            return;
+        }
+        this.valueChange.emit(option.value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericSwitchComponent, isStandalone: true, selector: "core-generic-switch", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, selectedValue: { classPropertyName: "selectedValue", publicName: "selectedValue", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<button \n  class=\"c-switch\"\n  [attr.aria-label]=\"ariaLabel()\"\n  role=\"group\">\n  @for (option of options(); track option.value) {\n    <span \n      class=\"c-icon-btn\"\n      [class]=\"option.icon || ''\"\n      [class.is-active]=\"isSelected(option.value)\"\n      [class.is-disabled]=\"option.disabled\"\n      [attr.title]=\"option.tooltip || option.label\"\n      [attr.aria-pressed]=\"isSelected(option.value)\"\n      [attr.aria-disabled]=\"option.disabled\"\n      [attr.data-value]=\"option.value\"\n      (click)=\"onOptionClick(option)\">\n      @if (option.label && !option.icon) {\n        {{ option.label }}\n      }\n    </span>\n  }\n</button>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericSwitchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'core-generic-switch', standalone: true, imports: [CommonModule], template: "<button \n  class=\"c-switch\"\n  [attr.aria-label]=\"ariaLabel()\"\n  role=\"group\">\n  @for (option of options(); track option.value) {\n    <span \n      class=\"c-icon-btn\"\n      [class]=\"option.icon || ''\"\n      [class.is-active]=\"isSelected(option.value)\"\n      [class.is-disabled]=\"option.disabled\"\n      [attr.title]=\"option.tooltip || option.label\"\n      [attr.aria-pressed]=\"isSelected(option.value)\"\n      [attr.aria-disabled]=\"option.disabled\"\n      [attr.data-value]=\"option.value\"\n      (click)=\"onOptionClick(option)\">\n      @if (option.label && !option.icon) {\n        {{ option.label }}\n      }\n    </span>\n  }\n</button>\n" }]
+        }] });
+
 class CacheBustingInterceptor {
     intercept(req, next) {
         if (req.url.includes('/assets/i18n/') && req.url.endsWith('.json')) {
@@ -17802,5 +17851,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ALL_COUNTRY_CODES, ActiveFiltersComponent, AgeValidationHelper, AlertComponent, AlertContainerComponent, AlertService, AlertType, ApiConfigurationProvider, BaseFieldComponent, ButtonContext, ButtonSize, ButtonType, COMMON_COUNTRIES, CacheBustingInterceptor, CardComponent, CarouselComponent, ChatMessagePosition, ChatMessageType, CheckboxFieldComponent, ConfigurationModel, ConfirmationDialogComponent, ConfirmationDialogService, CoreHostDirective, CoreManualRefreshComponent, CoreUiHttpLoaderFactory, CoreUiTranslateLoader, CoreUiTranslateService, CountryCode, DEFAULT_COUNTRIES, DataListComponent, DataListItemComponent, DateFieldComponent, DateUtility, DatetimeFieldComponent, DialogActions, DocumentAction, DocumentDisplayMode, DocumentFieldComponent, DocumentFieldValidators, DocumentPayloadMode, DropdownComponent, DropdownDirection, DropdownService, DynamicFieldDirective, DynamicFieldsHelper, FieldErrorsComponent, FieldType, FileFieldComponent, FileModel, FilePreviewActionType, FileTemplateModel, FileTemplateType, FileType, FileTypeModel, FileUploadService, FilterModalComponent, FilterService, FilterType, GalleryAnimationType, GalleryLayoutType, GalleryModalComponent, GalleryModalGlobalService, GenericButtonComponent, GenericChatComponent, GenericChatService, GenericDocumentationComponent, GenericGalleryComponent, GenericModalComponent, GenericPaginationComponent, GenericRatingComponent, GenericSidebarComponent, GenericSkeletonComponent, GenericStepsComponent, GenericTableComponent, GenericTabsComponent, GenericTimelineComponent, GlobalApiConfigService, HeaderComponent, HeaderConfigurationService, HeaderElementType, HeaderService, HttpLoaderFactory, ImageModalComponent, ImageModalService, ImagePreviewComponent, LATIN_AMERICA_COUNTRIES, LayoutAuth, LayoutBreakpoint, LayoutComponent, LayoutService, LayoutStateService, LayoutType, LoaderComponent, LoaderService, MainNavComponent, MainNavService, ManualRefreshService, ModalMode, ModelApiService, MultiEntryFieldComponent, MultiEntryOutputFormat, NumberFieldComponent, NumberFieldConfigType, NumberFieldType, NumberRange, PERMISSION_ACTIONS_PROVIDER, PERMISSION_PROVIDER, PERMISSION_RESOURCES_PROVIDER, PaginationService, PasswordFieldComponent, PermissionEnumsService, PermissionModel, PermissionService, PermissionWrapperService, PermissionsActions, PermissionsInterceptor, PermissionsResources, PhoneFieldComponent, ProgressBarComponent, ProgressBarSize, RatingService, RatingSize, RatingType, ResetPasswordModel, RoleModel, SOUTH_AMERICA_COUNTRIES, SelectFieldComponent, ServerSelectFieldComponent, ServerSelectService, SidebarCustomModalComponent, SidebarCustomModalService, SidebarHeight, SidebarMobileModalService, SidebarMobileType, SidebarPosition, SidebarService, SidebarState, SidebarTemplateRegistryService, SidebarVisibility, SidebarWidth, SkeletonAnimation, SkeletonService, SkeletonSize, SkeletonType, SmartFieldComponent, SortDirection, SortMode, StepSize, StepStatus, StepType, StepsService, SwitchFieldComponent, TableAction, TableActionService, TableDataService, TableSortService, TextAreaFieldComponent, TextFieldComponent, TimeFieldComponent, TimeInterval, TimelineService, TimelineStatus, TimelineType, TranslationMergeService, UruguayanDocumentValidationHelper, UsersModel, VERSION, ageValidator, calculateAge, equalToValidator, generateRandomUruguayanDocument, getCountryCodeStrings, getLatestBirthDateForAge, getRandomCi, getUruguayanDocumentValidationDigit, getValidationDigit, isSameDate, isValidCountryCode, provideCoreUiTranslateLoader, providePermissionActions, providePermissionEnums, providePermissionResources, providePermissionService, providePermissionServiceFactory, provideTranslateLoader, random, transform, transformUruguayanDocument, uruguayanDocumentValidator, validate, validateAge, validateCi, validateUruguayanDocument, validationDigit };
+export { ALL_COUNTRY_CODES, ActiveFiltersComponent, AgeValidationHelper, AlertComponent, AlertContainerComponent, AlertService, AlertType, ApiConfigurationProvider, BaseFieldComponent, ButtonContext, ButtonSize, ButtonType, COMMON_COUNTRIES, CacheBustingInterceptor, CardComponent, CarouselComponent, ChatMessagePosition, ChatMessageType, CheckboxFieldComponent, ConfigurationModel, ConfirmationDialogComponent, ConfirmationDialogService, CoreHostDirective, CoreManualRefreshComponent, CoreUiHttpLoaderFactory, CoreUiTranslateLoader, CoreUiTranslateService, CountryCode, DEFAULT_COUNTRIES, DataListComponent, DataListItemComponent, DateFieldComponent, DateUtility, DatetimeFieldComponent, DialogActions, DocumentAction, DocumentDisplayMode, DocumentFieldComponent, DocumentFieldValidators, DocumentPayloadMode, DropdownComponent, DropdownDirection, DropdownService, DynamicFieldDirective, DynamicFieldsHelper, FieldErrorsComponent, FieldType, FileFieldComponent, FileModel, FilePreviewActionType, FileTemplateModel, FileTemplateType, FileType, FileTypeModel, FileUploadService, FilterModalComponent, FilterService, FilterType, GalleryAnimationType, GalleryLayoutType, GalleryModalComponent, GalleryModalGlobalService, GenericButtonComponent, GenericChatComponent, GenericChatService, GenericDocumentationComponent, GenericGalleryComponent, GenericModalComponent, GenericPaginationComponent, GenericRatingComponent, GenericSidebarComponent, GenericSkeletonComponent, GenericStepsComponent, GenericSwitchComponent, GenericTableComponent, GenericTabsComponent, GenericTimelineComponent, GlobalApiConfigService, HeaderComponent, HeaderConfigurationService, HeaderElementType, HeaderService, HttpLoaderFactory, ImageModalComponent, ImageModalService, ImagePreviewComponent, LATIN_AMERICA_COUNTRIES, LayoutAuth, LayoutBreakpoint, LayoutComponent, LayoutService, LayoutStateService, LayoutType, LoaderComponent, LoaderService, MainNavComponent, MainNavService, ManualRefreshService, ModalMode, ModelApiService, MultiEntryFieldComponent, MultiEntryOutputFormat, NumberFieldComponent, NumberFieldConfigType, NumberFieldType, NumberRange, PERMISSION_ACTIONS_PROVIDER, PERMISSION_PROVIDER, PERMISSION_RESOURCES_PROVIDER, PaginationService, PasswordFieldComponent, PermissionEnumsService, PermissionModel, PermissionService, PermissionWrapperService, PermissionsActions, PermissionsInterceptor, PermissionsResources, PhoneFieldComponent, ProgressBarComponent, ProgressBarSize, RatingService, RatingSize, RatingType, ResetPasswordModel, RoleModel, SOUTH_AMERICA_COUNTRIES, SelectFieldComponent, ServerSelectFieldComponent, ServerSelectService, SidebarCustomModalComponent, SidebarCustomModalService, SidebarHeight, SidebarMobileModalService, SidebarMobileType, SidebarPosition, SidebarService, SidebarState, SidebarTemplateRegistryService, SidebarVisibility, SidebarWidth, SkeletonAnimation, SkeletonService, SkeletonSize, SkeletonType, SmartFieldComponent, SortDirection, SortMode, StepSize, StepStatus, StepType, StepsService, SwitchFieldComponent, TableAction, TableActionService, TableDataService, TableSortService, TextAreaFieldComponent, TextFieldComponent, TimeFieldComponent, TimeInterval, TimelineService, TimelineStatus, TimelineType, TranslationMergeService, UruguayanDocumentValidationHelper, UsersModel, VERSION, ageValidator, calculateAge, equalToValidator, generateRandomUruguayanDocument, getCountryCodeStrings, getLatestBirthDateForAge, getRandomCi, getUruguayanDocumentValidationDigit, getValidationDigit, isSameDate, isValidCountryCode, provideCoreUiTranslateLoader, providePermissionActions, providePermissionEnums, providePermissionResources, providePermissionService, providePermissionServiceFactory, provideTranslateLoader, random, transform, transformUruguayanDocument, uruguayanDocumentValidator, validate, validateAge, validateCi, validateUruguayanDocument, validationDigit };
 //# sourceMappingURL=solcre-org-core-ui.mjs.map