@tinya-code/gas-admin-ui 0.2.0-alpha.2 → 0.2.0-alpha.4

package/fesm2022/tinya-code-gas-admin-ui.mjs

@@ -1,23 +1,23 @@
 import { t as __exportAll } from "./tinya-code-gas-admin-ui-rolldown-runtime-DpJrqANO.mjs";
-import { _ as FIREBASE_AUTH_ADAPTER, a as provideFirebaseAdapter, b as renewedTokenOf, c as ConfigService, d as AuthService, f as LOGIN_PATH, g as API_URL, h as API_DRIVER, i as getSchema, l as ApiService, m as SESSION_USER_KEY, n as allSchemas, o as provideGasAdmin, p as SESSION_TOKEN_KEY, r as getAuth, s as setSchemaCatalog, t as GAS_SCHEMAS, u as apiErrorInterceptor, v as VALUE_SOURCES, y as ApiError } from "./tinya-code-gas-admin-ui-schema-catalog-CL4IZDce.mjs";
-import { a as register, c as unregister, d as SUPPORTED_FIELD_TYPE_LIST, f as fieldDescriptors, i as provideRenderDescriptors, l as viewDescriptors, m as columnFormatDescriptors, n as get, o as renderKinds, p as COLUMN_FORMAT_TYPES, r as isSupported, u as layoutDescriptors } from "./tinya-code-gas-admin-ui-render-registry-ghv7Mb1x.mjs";
-import { n as ViewNavigationService, t as evaluateCondition } from "./tinya-code-gas-admin-ui-condition-evaluator-DmvlAP9z.mjs";
+import { _ as DEFAULT_RESPONSE_UNWRAP, a as provideFirebaseAdapter, b as ApiError, c as ConfigService, d as AuthService, f as LOGIN_PATH, g as API_URL, h as API_DRIVER, i as getSchema, l as ApiService, m as SESSION_USER_KEY, n as allSchemas, o as provideGasAdmin, p as SESSION_TOKEN_KEY, r as getAuth, s as setSchemaCatalog, t as GAS_SCHEMAS, u as apiErrorInterceptor, v as FIREBASE_AUTH_ADAPTER, x as renewedTokenOf, y as VALUE_SOURCES } from "./tinya-code-gas-admin-ui-schema-catalog-CsB26qUM.mjs";
+import { a as register, c as unregister, d as SUPPORTED_FIELD_TYPE_LIST, f as fieldDescriptors, i as provideRenderDescriptors, l as viewDescriptors, m as columnFormatDescriptors, n as get, o as renderKinds, p as COLUMN_FORMAT_TYPES, r as isSupported, u as layoutDescriptors } from "./tinya-code-gas-admin-ui-render-registry-B7mmgFSW.mjs";
+import { n as ViewNavigationService, t as evaluateCondition } from "./tinya-code-gas-admin-ui-condition-evaluator-CHzJuOx2.mjs";
 import { t as Button } from "./tinya-code-gas-admin-ui-button-BQjNW8KB.mjs";
 import { t as NotificationService } from "./tinya-code-gas-admin-ui-notification.service-LjSULER6.mjs";
 import { t as interpolateTemplate } from "./tinya-code-gas-admin-ui-template-interpolator-ewv7CkNX.mjs";
-import { t as DataSourceService } from "./tinya-code-gas-admin-ui-data-source.service-vAi2DYL9.mjs";
-import { t as ErrorMapperService } from "./tinya-code-gas-admin-ui-error-mapper.service-dKQNLNRJ.mjs";
-import { t as UploadService } from "./tinya-code-gas-admin-ui-upload.service-C7GzSmuL.mjs";
+import { t as DataSourceService } from "./tinya-code-gas-admin-ui-data-source.service-Cw1rdrWZ.mjs";
+import { t as ErrorMapperService } from "./tinya-code-gas-admin-ui-error-mapper.service-BQ--gSnT.mjs";
+import { t as UploadService } from "./tinya-code-gas-admin-ui-upload.service-BNvH04S3.mjs";
 import { t as EmptyState } from "./tinya-code-gas-admin-ui-empty-state-BMc0QtoT.mjs";
 import { a as stringItemTree, i as listTree, n as groupTree, r as itemTree, t as childTree } from "./tinya-code-gas-admin-ui-field-node-CIK6KNN_.mjs";
-import { _ as resolveShare, a as DrawerForm, c as buildFormSchema, d as actionTypes, f as actionsFor, g as isTriggerAction, h as isShareAction, i as CopyShare, l as FieldHost, m as registerAction, o as buildPayload, p as getAction, r as Modal, s as seedModel, t as FormView, u as actionType, v as RenderHost } from "./tinya-code-gas-admin-ui-form-view-_LpdZb15.mjs";
+import { _ as resolveShare, a as DrawerForm, c as buildFormSchema, d as actionTypes, f as actionsFor, g as isTriggerAction, h as isShareAction, i as CopyShare, l as FieldHost, m as registerAction, o as buildPayload, p as getAction, r as Modal, s as seedModel, t as FormView, u as actionType, v as RenderHost } from "./tinya-code-gas-admin-ui-form-view-BcjgVVKC.mjs";
 import { t as Skeleton } from "./tinya-code-gas-admin-ui-skeleton-DnWK0tcZ.mjs";
 import { t as getValue } from "./tinya-code-gas-admin-ui-field-path-B4-FTBGZ.mjs";
 import * as i0 from "@angular/core";
 import { ChangeDetectionStrategy, Component, EnvironmentInjector, Injector, Service, ViewContainerRef, computed, effect, inject, input, model, output, resource, signal, viewChild } from "@angular/core";
 import { catchError, combineLatest, distinctUntilChanged, firstValueFrom, map, of, switchMap } from "rxjs";
 import { ActivatedRoute, Router, RouterLink, RouterLinkActive, RouterOutlet, convertToParamMap } from "@angular/router";
-import { LucideArrowLeft, LucideChevronDown, LucideChevronRight, LucideChevronUp, LucideCircleCheck, LucideCircleX, LucideDynamicIcon, LucideExternalLink, LucideEye, LucideGripVertical, LucideInfo, LucideMonitor, LucideMoon, LucidePencil, LucidePlus, LucideRotateCw, LucideSun, LucideTrash2, LucideX, LucideZap } from "@lucide/angular";
+import { LucideArrowLeft, LucideChevronDown, LucideChevronRight, LucideChevronUp, LucideCircleCheck, LucideCircleX, LucideDynamicIcon, LucideExternalLink, LucideEye, LucideGripVertical, LucideInfo, LucideLogOut, LucideMonitor, LucideMoon, LucidePencil, LucidePlus, LucideRotateCw, LucideSun, LucideTrash2, LucideX, LucideZap } from "@lucide/angular";
 import { takeUntilDestroyed, toObservable, toSignal } from "@angular/core/rxjs-interop";
 import { CdkDrag, CdkDragHandle, CdkDropList } from "@angular/cdk/drag-drop";
 const authGuard = () => {
@@ -366,28 +366,19 @@ var Sidebar = class Sidebar {
 	auth = inject(AuthService);
 	notifications = inject(NotificationService);
 	isAuthenticated = this.auth.isAuthenticated;
-	closingAllSessions = signal(false, ...ngDevMode ? [{ debugName: "closingAllSessions" }] : /* istanbul ignore next */ []);
+	loggingOut = signal(false, ...ngDevMode ? [{ debugName: "loggingOut" }] : /* istanbul ignore next */ []);
 	menuItems = computed(() => allSchemas().filter((schema) => isVisible(schema) && this.auth.canAccess(schema.access)).map((schema) => ({
 		id: schema.id,
 		label: schema.labelPlural
 	})), ...ngDevMode ? [{ debugName: "menuItems" }] : /* istanbul ignore next */ []);
-	async closeAllSessions() {
+	async closeSession() {
 		if (!await this.notifications.confirm({
-			title: "Cerrar todas las sesiones",
-			message: "Se cerrarán las sesiones abiertas en todos tus dispositivos. ¿Continuar?",
-			confirmLabel: "Cerrar sesiones"
+			title: "Cerrar sesión",
+			message: "¿Seguro que querés cerrar tu sesión?",
+			confirmLabel: "Cerrar sesión"
 		})) return;
-		this.closingAllSessions.set(true);
-		this.auth.logoutAll().subscribe({
-			next: ({ effectiveWithinSeconds }) => {
-				this.notifications.success(`Sesiones revocadas. El cambio se aplica en un máximo de ${effectiveWithinSeconds} segundos.`);
-			},
-			error: () => {
-				this.closingAllSessions.set(false);
-				this.notifications.error("No se pudieron cerrar todas las sesiones. Inténtalo de nuevo.");
-			},
-			complete: () => this.closingAllSessions.set(false)
-		});
+		this.loggingOut.set(true);
+		this.auth.logout().subscribe({ complete: () => this.loggingOut.set(false) });
 	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
@@ -444,12 +435,16 @@ var Sidebar = class Sidebar {
       @if (isAuthenticated()) {
         <div class="border-t border-neutral/20 p-3">
           <button
+            app-button
             type="button"
-            class="w-full rounded-lg px-3 py-2 text-left text-sm text-neutral hover:bg-neutral/10 disabled:opacity-50"
-            [disabled]="closingAllSessions()"
-            (click)="closeAllSessions()"
+            variant="danger"
+            [loading]="loggingOut()"
+            [disabled]="loggingOut()"
+            (click)="closeSession()"
+            class="w-full"
           >
-            {{ closingAllSessions() ? 'Cerrando sesiones…' : 'Cerrar todas las sesiones' }}
+            <svg lucideLogOut size="16" />
+            Cerrar sesión
           </button>
         </div>
       }
@@ -492,6 +487,23 @@ var Sidebar = class Sidebar {
 				kind: "component",
 				type: ThemeToggle,
 				selector: "app-theme-toggle"
+			},
+			{
+				kind: "component",
+				type: Button,
+				selector: "button[app-button]",
+				inputs: [
+					"variant",
+					"size",
+					"type",
+					"disabled",
+					"loading"
+				]
+			},
+			{
+				kind: "component",
+				type: LucideLogOut,
+				selector: "svg[lucideLogOut]"
 			}
 		]
 	});
@@ -508,7 +520,9 @@ i0.ɵɵngDeclareClassMetadata({
 			imports: [
 				RouterLink,
 				RouterLinkActive,
-				ThemeToggle
+				ThemeToggle,
+				Button,
+				LucideLogOut
 			],
 			template: `
     <!-- Offcanvas en mobile (transform); las clases lg: la dejan estática
@@ -542,12 +556,16 @@ i0.ɵɵngDeclareClassMetadata({
       @if (isAuthenticated()) {
         <div class="border-t border-neutral/20 p-3">
           <button
+            app-button
             type="button"
-            class="w-full rounded-lg px-3 py-2 text-left text-sm text-neutral hover:bg-neutral/10 disabled:opacity-50"
-            [disabled]="closingAllSessions()"
-            (click)="closeAllSessions()"
+            variant="danger"
+            [loading]="loggingOut()"
+            [disabled]="loggingOut()"
+            (click)="closeSession()"
+            class="w-full"
           >
-            {{ closingAllSessions() ? 'Cerrando sesiones…' : 'Cerrar todas las sesiones' }}
+            <svg lucideLogOut size="16" />
+            Cerrar sesión
           </button>
         </div>
       }
@@ -991,19 +1009,46 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}]
 });
+const MOBILE_SPANS = {
+	1: "col-span-1",
+	2: "col-span-2",
+	3: "col-span-3",
+	4: "col-span-4",
+	5: "col-span-5",
+	6: "col-span-6",
+	7: "col-span-7",
+	8: "col-span-8",
+	9: "col-span-9",
+	10: "col-span-10",
+	11: "col-span-11",
+	12: "col-span-12"
+};
+const RESPONSIVE_SPANS = {
+	12: "",
+	11: "lg:col-span-11",
+	10: "lg:col-span-10",
+	9: "lg:col-span-9",
+	8: "lg:col-span-8",
+	7: "sm:col-span-6 lg:col-span-7",
+	6: "sm:col-span-6",
+	5: "sm:col-span-6 lg:col-span-5",
+	4: "sm:col-span-6 lg:col-span-4",
+	3: "sm:col-span-6 lg:col-span-3",
+	2: "sm:col-span-6 lg:col-span-2",
+	1: "sm:col-span-6 lg:col-span-1"
+};
 var WidgetHost = class WidgetHost {
 	widget = input.required(...ngDevMode ? [{ debugName: "widget" }] : /* istanbul ignore next */ []);
 	data = input(null, ...ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []);
 	loading = input(false, ...ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []);
 	gridSpanClass = computed(() => {
-		switch (this.widget().width) {
-			case 12: return "col-span-12 block";
-			case 8: return "col-span-12 lg:col-span-8 block";
-			case 6: return "col-span-12 sm:col-span-6 block";
-			case 4: return "col-span-12 sm:col-span-6 lg:col-span-4 block";
-			case 3: return "col-span-12 sm:col-span-6 lg:col-span-3 block";
-			default: return "col-span-12 sm:col-span-6 lg:col-span-4 block";
-		}
+		const w = this.widget().width ?? 4;
+		const mw = this.widget().mobileWidth ?? 12;
+		return [
+			MOBILE_SPANS[mw] ?? "col-span-12",
+			RESPONSIVE_SPANS[w] ?? "sm:col-span-6 lg:col-span-4",
+			"block"
+		].filter(Boolean).join(" ");
 	}, ...ngDevMode ? [{ debugName: "gridSpanClass" }] : /* istanbul ignore next */ []);
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
@@ -4452,6 +4497,6 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-export { API_DRIVER, API_URL, ApiError, ApiService, AuthService, COLUMN_FORMAT_TYPES, ComposerHost, ConfirmDialog, Dashboard, DataSourceService, ErrorMapperService, FIREBASE_AUTH_ADAPTER, FieldHost, FormView, GAS_SCHEMAS, ListView, Login, MAX_DEPTH, NotificationService, ResourcePage, SESSION_TOKEN_KEY, SESSION_USER_KEY, SUPPORTED_FIELD_TYPE_LIST, SchemaCompositionError, Sidebar, Toast, UploadService, VALUE_SOURCES, actionType, actionTypes, actionsFor, allSchemas, apiErrorInterceptor, authGuard, buildFormSchema, buildPayload, childTree, columnFormatDescriptors, fieldDescriptors, getAction, getAuth, get as getRenderDescriptor, getSchema, groupTree, interpolateTemplate, isSupported as isRenderSupported, isSupported, isShareAction, isTriggerAction, itemTree, layoutDescriptors, listTree, resource_page_exports as n, provideFirebaseAdapter, provideGasAdmin, provideRenderDescriptors, registerAction, register as registerRenderDescriptor, renderKinds, renewedTokenOf, resolveShare, resourceRoutes, seedModel, setSchemaCatalog, shellRoutes, stringItemTree, composer_host_exports as t, unregister as unregisterRenderDescriptor, validateComposition, viewDescriptors };
+export { API_DRIVER, API_URL, ApiError, ApiService, AuthService, COLUMN_FORMAT_TYPES, ComposerHost, ConfirmDialog, DEFAULT_RESPONSE_UNWRAP, Dashboard, DataSourceService, ErrorMapperService, FIREBASE_AUTH_ADAPTER, FieldHost, FormView, GAS_SCHEMAS, ListView, Login, MAX_DEPTH, NotificationService, ResourcePage, SESSION_TOKEN_KEY, SESSION_USER_KEY, SUPPORTED_FIELD_TYPE_LIST, SchemaCompositionError, Sidebar, Toast, UploadService, VALUE_SOURCES, actionType, actionTypes, actionsFor, allSchemas, apiErrorInterceptor, authGuard, buildFormSchema, buildPayload, childTree, columnFormatDescriptors, fieldDescriptors, getAction, getAuth, get as getRenderDescriptor, getSchema, groupTree, interpolateTemplate, isSupported as isRenderSupported, isSupported, isShareAction, isTriggerAction, itemTree, layoutDescriptors, listTree, resource_page_exports as n, provideFirebaseAdapter, provideGasAdmin, provideRenderDescriptors, registerAction, register as registerRenderDescriptor, renderKinds, renewedTokenOf, resolveShare, resourceRoutes, seedModel, setSchemaCatalog, shellRoutes, stringItemTree, composer_host_exports as t, unregister as unregisterRenderDescriptor, validateComposition, viewDescriptors };
 
 //# sourceMappingURL=tinya-code-gas-admin-ui.mjs.map