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

package/fesm2022/{tinya-code-gas-admin-ui-select-BaF4kSXl.mjs.map → tinya-code-gas-admin-ui-select-BwefyMVx.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tinya-code-gas-admin-ui-select-BaF4kSXl.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/select/select.ts"],"sourcesContent":["import { Component, computed, inject, input, resource, signal } from '@angular/core';\nimport { FormField } from '@angular/forms/signals';\n\nimport type { SelectField, SelectOption } from '../../core/models/schema.model';\nimport { DataSourceService, dataSourceKey } from '../../core/services/data-source.service';\nimport { optionsFromRows } from '../../core/utils/source-options';\nimport { getSchema } from '../../core/registry/schema-catalog';\nimport { FieldAria } from '../field-aria';\nimport { childTree, type RootTree } from '../field-node';\nimport { esGrupoRadio } from './radio-mode';\n\n/**\n * Desplegable de un solo valor (base.md §5.1).\n *\n * Sus opciones se declaran de dos formas y **exactamente una** (XOR, D62):\n * `options` estáticas en el schema o `source` — una fuente declarada que\n * pide `DataSourceService` con la misma caché que usan las relaciones y los\n * widgets (F8 · R6.5). Mientras la vuelta no llega se anuncia; sin anuncio\n * un desplegable vacío se confundiría con «esto no tiene opciones».\n */\n@Component({\n  selector: 'app-field-select',\n  imports: [FieldAria, FormField],\n  template: `\n    @if (fallo()) {\n      <p class=\"mb-1 text-xs text-danger\" role=\"alert\">No se pudieron cargar las opciones.</p>\n    } @else if (cargando()) {\n      <p class=\"mb-1 text-xs text-neutral\" role=\"status\">Cargando opciones…</p>\n    }\n    @if (useRadio()) {\n      <!-- Guía de control: 2–4 opciones estáticas → radio buttons, no un\n           desplegable. Cada opción es un label implícito (texto y control\n           juntos) y el grupo se nombra con aria-label: el rótulo del host\n           se dibuja como texto porque un grupo no es un único control con\n           el que emparejar un for. formField va en CADA input: Signal\n           Forms soporta radio (checked = value === element.value) y setea\n           name/disabled del grupo por estado de campo. -->\n      <div\n        class=\"mt-1 flex flex-col gap-1\"\n        role=\"radiogroup\"\n        [attr.aria-label]=\"field().label\"\n        data-testid=\"select-radios\"\n      >\n        @if (!field().required) {\n          <label class=\"flex w-fit items-center gap-2 text-sm\">\n            <input\n              type=\"radio\"\n              class=\"accent-primary\"\n              [id]=\"state().name() + '-__vacio'\"\n              value=\"\"\n              [formField]=\"node()\"\n            />\n            <span class=\"text-neutral\">{{ field().placeholder ?? '— Seleccionar —' }}</span>\n          </label>\n        }\n        @for (option of options(); track option.value) {\n          <label class=\"flex w-fit items-center gap-2 text-sm\">\n            <input\n              type=\"radio\"\n              class=\"accent-primary\"\n              [id]=\"state().name() + '-' + option.value\"\n              [value]=\"option.value\"\n              [formField]=\"node()\"\n            />\n            <span>{{ option.label }}</span>\n          </label>\n        }\n      </div>\n    } @else if (useSearch()) {\n      <!-- Guía §1: más de 7 opciones → dropdown con búsqueda. Se filtra el\n           select nativo en vez de construir un combobox: el teclado, el\n           anuncio de la opción activa y el valor elegido siguen siendo los\n           del navegador. -->\n      <input\n        type=\"search\"\n        class=\"mb-1 w-full rounded-lg border border-neutral/30 bg-surface px-2 py-1 text-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n        placeholder=\"Buscar…\"\n        aria-label=\"Buscar entre las opciones\"\n        [attr.aria-controls]=\"state().name()\"\n        [value]=\"query()\"\n        (input)=\"onQuery($event)\"\n      />\n    }\n    <select class=\"field-input\" [id]=\"state().name()\" [formField]=\"node()\">\n      @if (!field().required) {\n        <option value=\"\">{{ field().placeholder ?? '— Seleccionar —' }}</option>\n      }\n      @for (option of visibleOptions(); track option.value) {\n        <option [value]=\"option.value\" [disabled]=\"option.disabled ?? false\">\n          {{ option.label }}\n        </option>\n      }\n    </select>\n    @if (noMatches()) {\n      <p class=\"mt-1 text-xs text-neutral\" role=\"status\">Sin resultados para «{{ query() }}».</p>\n    }\n  `,\n})\nexport class FieldSelect {\n  readonly field = input.required<SelectField>();\n  readonly tree = input.required<RootTree>();\n\n  private readonly ds = inject(DataSourceService);\n\n  protected readonly node = computed(() => childTree<string>(this.tree(), this.field().key));\n  protected readonly state = computed(() => this.node()());\n\n  /** Texto escrito en el buscador (sólo se usa si supera el umbral). */\n  protected readonly query = signal('');\n\n  /**\n   * Registro del formulario, sólo para resolver `{campo}` en `source.params`.\n   * Sin parámetros declarados no se lee: el campo no depende del formulario.\n   */\n  private readonly registro = computed<Record<string, unknown> | undefined>(() => {\n    const source = this.field().source;\n    if (source === undefined || source.params === undefined) return undefined;\n    return this.tree()().value();\n  });\n\n  /** `undefined` sin fuente ⇒ `resource` queda idle y jamás llama al loader. */\n  private readonly claveFuente = computed(() => {\n    const source = this.field().source;\n    return source === undefined ? undefined : dataSourceKey(source, this.registro());\n  });\n\n  private readonly fuenteResource = resource({\n    params: () => this.claveFuente(),\n    loader: async () => {\n      const source = this.field().source;\n      if (source === undefined) return [];\n      return this.ds.rows(source, this.registro());\n    },\n  });\n\n  /**\n   * Opciones efectivas: las estáticas del schema o las filas de la fuente\n   * declarada, mapeadas con la misma regla que una relación (F8 · R6.5).\n   */\n  protected readonly options = computed<SelectOption[]>(() => {\n    const field = this.field();\n    if (field.source === undefined) return field.options ?? [];\n    // `value()` del resource TIRA en estado error (contract de Angular):\n    // se mira el estado antes de leerlo, o el propio render rompe en vez\n    // de pintar el aviso de fallo.\n    if (this.fuenteResource.status() === 'error') return [];\n    return optionsFromRows(this.fuenteResource.value() ?? [], {\n      source: field.source,\n      target: getSchema(field.source.resource),\n    });\n  });\n\n  /** Sólo aplica con `source`: una lista estática no tiene vuelta que esperar. */\n  protected readonly cargando = computed(\n    () => this.claveFuente() !== undefined && this.fuenteResource.status() === 'loading',\n  );\n\n  protected readonly fallo = computed(\n    () => this.claveFuente() !== undefined && this.fuenteResource.status() === 'error',\n  );\n\n  /** Umbral de la guía §1: 5–7 opciones dropdown simple, más de 7 con búsqueda. */\n  protected readonly useSearch = computed(() => this.options().length > 7);\n\n  /** Guía §1: 2–4 opciones estáticas → radio buttons (ver `radio-mode.ts`). */\n  protected readonly useRadio = computed(() => esGrupoRadio(this.field()));\n\n  protected onQuery(event: Event): void {\n    this.query.set((event.target as HTMLInputElement).value);\n  }\n\n  /**\n   * Opciones que coinciden con el término, SIN conservar la elegida: es la\n   * base del mensaje «Sin resultados».\n   */\n  protected readonly matches = computed<SelectOption[]>(() => {\n    const all = this.options();\n    const term = this.query().trim().toLowerCase();\n    if (term === '') {\n      return all;\n    }\n    return all.filter((option) => option.label.toLowerCase().includes(term));\n  });\n\n  /** El buscador está activo y no encontró nada nuevo (el elegido no cuenta). */\n  protected readonly noMatches = computed(\n    () => this.useSearch() && this.query().trim() !== '' && this.matches().length === 0,\n  );\n\n  /**\n   * Opciones que se dibujan. Con búsqueda activa se acotan por etiqueta, pero\n   * la opción elegida se conserva siempre aunque no coincida con el término:\n   * si desapareciera del DOM, el select dejaría de mostrar el valor actual\n   * (guía §1: «valor seleccionado siempre visible»).\n   */\n  protected readonly visibleOptions = computed<SelectOption[]>(() => {\n    const filtered = this.matches();\n    if (this.query().trim() === '') {\n      return filtered;\n    }\n    const selected = String(this.state().value() ?? '');\n    if (filtered.some((option) => option.value === selected)) {\n      return filtered;\n    }\n    const kept = this.options().find((option) => option.value === selected);\n    return kept === undefined ? filtered : [...filtered, kept];\n  });\n}\n"],"mappings":"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"}
+{"version":3,"file":"tinya-code-gas-admin-ui-select-BwefyMVx.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/fields/select/select.ts"],"sourcesContent":["import { Component, computed, inject, input, resource, signal } from '@angular/core';\nimport { FormField } from '@angular/forms/signals';\n\nimport type { SelectField, SelectOption } from '../../core/models/schema.model';\nimport { DataSourceService, dataSourceKey } from '../../core/services/data-source.service';\nimport { optionsFromRows } from '../../core/utils/source-options';\nimport { getSchema } from '../../core/registry/schema-catalog';\nimport { FieldAria } from '../field-aria';\nimport { childTree, type RootTree } from '../field-node';\nimport { esGrupoRadio } from './radio-mode';\n\n/**\n * Desplegable de un solo valor (base.md §5.1).\n *\n * Sus opciones se declaran de dos formas y **exactamente una** (XOR, D62):\n * `options` estáticas en el schema o `source` — una fuente declarada que\n * pide `DataSourceService` con la misma caché que usan las relaciones y los\n * widgets (F8 · R6.5). Mientras la vuelta no llega se anuncia; sin anuncio\n * un desplegable vacío se confundiría con «esto no tiene opciones».\n */\n@Component({\n  selector: 'app-field-select',\n  imports: [FieldAria, FormField],\n  template: `\n    @if (fallo()) {\n      <p class=\"mb-1 text-xs text-danger\" role=\"alert\">No se pudieron cargar las opciones.</p>\n    } @else if (cargando()) {\n      <p class=\"mb-1 text-xs text-neutral\" role=\"status\">Cargando opciones…</p>\n    }\n    @if (useRadio()) {\n      <!-- Guía de control: 2–4 opciones estáticas → radio buttons, no un\n           desplegable. Cada opción es un label implícito (texto y control\n           juntos) y el grupo se nombra con aria-label: el rótulo del host\n           se dibuja como texto porque un grupo no es un único control con\n           el que emparejar un for. formField va en CADA input: Signal\n           Forms soporta radio (checked = value === element.value) y setea\n           name/disabled del grupo por estado de campo. -->\n      <div\n        class=\"mt-1 flex flex-col gap-1\"\n        role=\"radiogroup\"\n        [attr.aria-label]=\"field().label\"\n        data-testid=\"select-radios\"\n      >\n        @if (!field().required) {\n          <label class=\"flex w-fit items-center gap-2 text-sm\">\n            <input\n              type=\"radio\"\n              class=\"accent-primary\"\n              [id]=\"state().name() + '-__vacio'\"\n              value=\"\"\n              [formField]=\"node()\"\n            />\n            <span class=\"text-neutral\">{{ field().placeholder ?? '— Seleccionar —' }}</span>\n          </label>\n        }\n        @for (option of options(); track option.value) {\n          <label class=\"flex w-fit items-center gap-2 text-sm\">\n            <input\n              type=\"radio\"\n              class=\"accent-primary\"\n              [id]=\"state().name() + '-' + option.value\"\n              [value]=\"option.value\"\n              [formField]=\"node()\"\n            />\n            <span>{{ option.label }}</span>\n          </label>\n        }\n      </div>\n    } @else if (useSearch()) {\n      <!-- Guía §1: más de 7 opciones → dropdown con búsqueda. Se filtra el\n           select nativo en vez de construir un combobox: el teclado, el\n           anuncio de la opción activa y el valor elegido siguen siendo los\n           del navegador. -->\n      <input\n        type=\"search\"\n        class=\"mb-1 w-full rounded-lg border border-neutral/30 bg-surface px-2 py-1 text-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary\"\n        placeholder=\"Buscar…\"\n        aria-label=\"Buscar entre las opciones\"\n        [attr.aria-controls]=\"state().name()\"\n        [value]=\"query()\"\n        (input)=\"onQuery($event)\"\n      />\n    }\n    <select class=\"field-input\" [id]=\"state().name()\" [formField]=\"node()\">\n      @if (!field().required) {\n        <option value=\"\">{{ field().placeholder ?? '— Seleccionar —' }}</option>\n      }\n      @for (option of visibleOptions(); track option.value) {\n        <option [value]=\"option.value\" [disabled]=\"option.disabled ?? false\">\n          {{ option.label }}\n        </option>\n      }\n    </select>\n    @if (noMatches()) {\n      <p class=\"mt-1 text-xs text-neutral\" role=\"status\">Sin resultados para «{{ query() }}».</p>\n    }\n  `,\n})\nexport class FieldSelect {\n  readonly field = input.required<SelectField>();\n  readonly tree = input.required<RootTree>();\n\n  private readonly ds = inject(DataSourceService);\n\n  protected readonly node = computed(() => childTree<string>(this.tree(), this.field().key));\n  protected readonly state = computed(() => this.node()());\n\n  /** Texto escrito en el buscador (sólo se usa si supera el umbral). */\n  protected readonly query = signal('');\n\n  /**\n   * Registro del formulario, sólo para resolver `{campo}` en `source.params`.\n   * Sin parámetros declarados no se lee: el campo no depende del formulario.\n   */\n  private readonly registro = computed<Record<string, unknown> | undefined>(() => {\n    const source = this.field().source;\n    if (source === undefined || source.params === undefined) return undefined;\n    return this.tree()().value();\n  });\n\n  /** `undefined` sin fuente ⇒ `resource` queda idle y jamás llama al loader. */\n  private readonly claveFuente = computed(() => {\n    const source = this.field().source;\n    return source === undefined ? undefined : dataSourceKey(source, this.registro());\n  });\n\n  private readonly fuenteResource = resource({\n    params: () => this.claveFuente(),\n    loader: async () => {\n      const source = this.field().source;\n      if (source === undefined) return [];\n      return this.ds.rows(source, this.registro());\n    },\n  });\n\n  /**\n   * Opciones efectivas: las estáticas del schema o las filas de la fuente\n   * declarada, mapeadas con la misma regla que una relación (F8 · R6.5).\n   */\n  protected readonly options = computed<SelectOption[]>(() => {\n    const field = this.field();\n    if (field.source === undefined) return field.options ?? [];\n    // `value()` del resource TIRA en estado error (contract de Angular):\n    // se mira el estado antes de leerlo, o el propio render rompe en vez\n    // de pintar el aviso de fallo.\n    if (this.fuenteResource.status() === 'error') return [];\n    return optionsFromRows(this.fuenteResource.value() ?? [], {\n      source: field.source,\n      target: getSchema(field.source.resource),\n    });\n  });\n\n  /** Sólo aplica con `source`: una lista estática no tiene vuelta que esperar. */\n  protected readonly cargando = computed(\n    () => this.claveFuente() !== undefined && this.fuenteResource.status() === 'loading',\n  );\n\n  protected readonly fallo = computed(\n    () => this.claveFuente() !== undefined && this.fuenteResource.status() === 'error',\n  );\n\n  /** Umbral de la guía §1: 5–7 opciones dropdown simple, más de 7 con búsqueda. */\n  protected readonly useSearch = computed(() => this.options().length > 7);\n\n  /** Guía §1: 2–4 opciones estáticas → radio buttons (ver `radio-mode.ts`). */\n  protected readonly useRadio = computed(() => esGrupoRadio(this.field()));\n\n  protected onQuery(event: Event): void {\n    this.query.set((event.target as HTMLInputElement).value);\n  }\n\n  /**\n   * Opciones que coinciden con el término, SIN conservar la elegida: es la\n   * base del mensaje «Sin resultados».\n   */\n  protected readonly matches = computed<SelectOption[]>(() => {\n    const all = this.options();\n    const term = this.query().trim().toLowerCase();\n    if (term === '') {\n      return all;\n    }\n    return all.filter((option) => option.label.toLowerCase().includes(term));\n  });\n\n  /** El buscador está activo y no encontró nada nuevo (el elegido no cuenta). */\n  protected readonly noMatches = computed(\n    () => this.useSearch() && this.query().trim() !== '' && this.matches().length === 0,\n  );\n\n  /**\n   * Opciones que se dibujan. Con búsqueda activa se acotan por etiqueta, pero\n   * la opción elegida se conserva siempre aunque no coincida con el término:\n   * si desapareciera del DOM, el select dejaría de mostrar el valor actual\n   * (guía §1: «valor seleccionado siempre visible»).\n   */\n  protected readonly visibleOptions = computed<SelectOption[]>(() => {\n    const filtered = this.matches();\n    if (this.query().trim() === '') {\n      return filtered;\n    }\n    const selected = String(this.state().value() ?? '');\n    if (filtered.some((option) => option.value === selected)) {\n      return filtered;\n    }\n    const kept = this.options().find((option) => option.value === selected);\n    return kept === undefined ? filtered : [...filtered, kept];\n  });\n}\n"],"mappings":"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"}

package/fesm2022/{tinya-code-gas-admin-ui-upload.service-C7GzSmuL.mjs → tinya-code-gas-admin-ui-upload.service-DRmKFrSH.mjs}

@@ -1,4 +1,4 @@
-import { l as ApiService } from "./tinya-code-gas-admin-ui-schema-catalog-CL4IZDce.mjs";
+import { l as ApiService } from "./tinya-code-gas-admin-ui-schema-catalog-DU_6_CtP.mjs";
 import * as i0 from "@angular/core";
 import { Service, inject } from "@angular/core";
 import { HttpClient, HttpEventType, HttpResponse } from "@angular/common/http";
@@ -57,4 +57,4 @@ i0.ɵɵngDeclareClassMetadata({
 });
 export { UploadService as t };
 
-//# sourceMappingURL=tinya-code-gas-admin-ui-upload.service-C7GzSmuL.mjs.map
+//# sourceMappingURL=tinya-code-gas-admin-ui-upload.service-DRmKFrSH.mjs.map

package/fesm2022/{tinya-code-gas-admin-ui-upload.service-C7GzSmuL.mjs.map → tinya-code-gas-admin-ui-upload.service-DRmKFrSH.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"tinya-code-gas-admin-ui-upload.service-C7GzSmuL.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/core/services/upload.service.ts"],"sourcesContent":["import { HttpClient, HttpEvent, HttpEventType, HttpResponse } from '@angular/common/http';\nimport { inject, Service } from '@angular/core';\nimport { map, Observable, switchMap } from 'rxjs';\n\nimport { ApiService } from './api.service';\n\n/** Firma que emite `/admin/upload-signature` (baseapi §11.3). NUNCA `api_secret`. */\ninterface UploadSignature {\n  cloud_name: string;\n  api_key: string;\n  timestamp: number;\n  signature: string;\n  folder: string;\n  allowed_formats: string;\n  upload_url: string;\n}\n\n/** Respuesta de Cloudinary en un upload normal (sólo interesa `secure_url`). */\ninterface CloudinaryResponse {\n  secure_url?: unknown;\n}\n\n/**\n * Subida de imágenes en DOS PASOS (baseapi §11.2, opción B):\n *  1. Firma firmada por el backend → `POST /admin/upload-signature`\n *     con `{ resource }` (mismo envelope text/plain que todo `/admin/*`).\n *  2. El navegador sube directo a Cloudinary (FormData a `upload_url`) con\n *     los parámetros que fijó y firmó el backend; el API secret jamás sale\n *     de acá (§11.1–§11.3).\n *\n * Se guarda SOLO `secure_url` (base.md §7: la URL pública es el valor del\n * campo; la imagen anterior no se borra al reemplazar — §11.6).\n *\n * Los errores (firma caducada, rate-limit 429, red) llegan por el canal de\n * error; el componente conserva la imagen anterior (§11.2 paso 6).\n */\n@Service()\nexport class UploadService {\n  private readonly http = inject(HttpClient);\n  private readonly api = inject(ApiService);\n\n  /**\n   * Misma subida con eventos de progreso (base.md §7, estado «Subiendo»):\n   * emite `UploadProgress` durante la subida a Cloudinary y termina con\n   * `Response` llevando la URL en el body. El campo sólo cambia cuando\n   * llega la respuesta.\n   */\n  uploadWithProgress(file: File, resource: string, field?: string): Observable<HttpEvent<string>> {\n    // `field` es opcional (R9.5.3): si el campo declara `formats`, esos son\n    // los formatos que el backend firma. Sin campo firma la lista global.\n    const payload: { resource: string; field?: string } = field\n      ? { resource, field }\n      : { resource };\n    return this.api.request<UploadSignature>('POST', '/admin/upload-signature', payload).pipe(\n      switchMap((signature) => {\n        const form = new FormData();\n        form.append('file', file, file.name);\n        form.append('api_key', signature.api_key);\n        form.append('timestamp', String(signature.timestamp));\n        form.append('signature', signature.signature);\n        form.append('folder', signature.folder);\n        form.append('allowed_formats', signature.allowed_formats);\n        return this.http.post<CloudinaryResponse>(signature.upload_url, form, {\n          reportProgress: true,\n          observe: 'events',\n        });\n      }),\n      map((event) => {\n        if (event.type !== HttpEventType.Response) {\n          return event;\n        }\n        const url = typeof event.body?.secure_url === 'string' ? event.body.secure_url : '';\n        return new HttpResponse({\n          body: url,\n          status: event.status,\n          statusText: event.statusText,\n        });\n      }),\n    );\n  }\n}\n"],"mappings":";;;;;AAqCA,IAAa,gBAAb,MAAa,cAAa;CACP,OAAO,OAAO,UAAU;CACxB,MAAM,OAAO,UAAU;CAQxC,mBAAmB,MAAY,UAAkB,OAAc;EAG7D,MAAM,UAAgD,QAClD;GAAE;GAAU;EAAK,IACjB,EAAE,SAAQ;EACd,OAAO,KAAK,IAAI,QAAyB,QAAQ,2BAA2B,OAAO,CAAC,CAAC,KACnF,WAAW,cAAa;GACtB,MAAM,OAAO,IAAI,SAAQ;GACzB,KAAK,OAAO,QAAQ,MAAM,KAAK,IAAI;GACnC,KAAK,OAAO,WAAW,UAAU,OAAO;GACxC,KAAK,OAAO,aAAa,OAAO,UAAU,SAAS,CAAC;GACpD,KAAK,OAAO,aAAa,UAAU,SAAS;GAC5C,KAAK,OAAO,UAAU,UAAU,MAAM;GACtC,KAAK,OAAO,mBAAmB,UAAU,eAAe;GACxD,OAAO,KAAK,KAAK,KAAyB,UAAU,YAAY,MAAM;IACpE,gBAAgB;IAChB,SAAS;GACV,CAAA;EACH,CAAC,GACD,KAAK,UAAS;GACZ,IAAI,MAAM,SAAS,cAAc,UAC/B,OAAO;GAET,MAAM,MAAM,OAAO,MAAM,MAAM,eAAe,WAAW,MAAM,KAAK,aAAa;GACjF,OAAO,IAAI,aAAa;IACtB,MAAM;IACN,QAAQ,MAAM;IACd,YAAY,MAAM;GACnB,CAAA;EACH,CAAC,CAAC;CAEN;CA1CW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAa,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAb,OAAA,QAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;CAAa,CAAA;;AAAb,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAa,YAAA,CAAA,EADzB,MAAA,QAAA,CAAA"}
+{"version":3,"file":"tinya-code-gas-admin-ui-upload.service-DRmKFrSH.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/core/services/upload.service.ts"],"sourcesContent":["import { HttpClient, HttpEvent, HttpEventType, HttpResponse } from '@angular/common/http';\nimport { inject, Service } from '@angular/core';\nimport { map, Observable, switchMap } from 'rxjs';\n\nimport { ApiService } from './api.service';\n\n/** Firma que emite `/admin/upload-signature` (baseapi §11.3). NUNCA `api_secret`. */\ninterface UploadSignature {\n  cloud_name: string;\n  api_key: string;\n  timestamp: number;\n  signature: string;\n  folder: string;\n  allowed_formats: string;\n  upload_url: string;\n}\n\n/** Respuesta de Cloudinary en un upload normal (sólo interesa `secure_url`). */\ninterface CloudinaryResponse {\n  secure_url?: unknown;\n}\n\n/**\n * Subida de imágenes en DOS PASOS (baseapi §11.2, opción B):\n *  1. Firma firmada por el backend → `POST /admin/upload-signature`\n *     con `{ resource }` (mismo envelope text/plain que todo `/admin/*`).\n *  2. El navegador sube directo a Cloudinary (FormData a `upload_url`) con\n *     los parámetros que fijó y firmó el backend; el API secret jamás sale\n *     de acá (§11.1–§11.3).\n *\n * Se guarda SOLO `secure_url` (base.md §7: la URL pública es el valor del\n * campo; la imagen anterior no se borra al reemplazar — §11.6).\n *\n * Los errores (firma caducada, rate-limit 429, red) llegan por el canal de\n * error; el componente conserva la imagen anterior (§11.2 paso 6).\n */\n@Service()\nexport class UploadService {\n  private readonly http = inject(HttpClient);\n  private readonly api = inject(ApiService);\n\n  /**\n   * Misma subida con eventos de progreso (base.md §7, estado «Subiendo»):\n   * emite `UploadProgress` durante la subida a Cloudinary y termina con\n   * `Response` llevando la URL en el body. El campo sólo cambia cuando\n   * llega la respuesta.\n   */\n  uploadWithProgress(file: File, resource: string, field?: string): Observable<HttpEvent<string>> {\n    // `field` es opcional (R9.5.3): si el campo declara `formats`, esos son\n    // los formatos que el backend firma. Sin campo firma la lista global.\n    const payload: { resource: string; field?: string } = field\n      ? { resource, field }\n      : { resource };\n    return this.api.request<UploadSignature>('POST', '/admin/upload-signature', payload).pipe(\n      switchMap((signature) => {\n        const form = new FormData();\n        form.append('file', file, file.name);\n        form.append('api_key', signature.api_key);\n        form.append('timestamp', String(signature.timestamp));\n        form.append('signature', signature.signature);\n        form.append('folder', signature.folder);\n        form.append('allowed_formats', signature.allowed_formats);\n        return this.http.post<CloudinaryResponse>(signature.upload_url, form, {\n          reportProgress: true,\n          observe: 'events',\n        });\n      }),\n      map((event) => {\n        if (event.type !== HttpEventType.Response) {\n          return event;\n        }\n        const url = typeof event.body?.secure_url === 'string' ? event.body.secure_url : '';\n        return new HttpResponse({\n          body: url,\n          status: event.status,\n          statusText: event.statusText,\n        });\n      }),\n    );\n  }\n}\n"],"mappings":";;;;;AAqCA,IAAa,gBAAb,MAAa,cAAa;CACP,OAAO,OAAO,UAAU;CACxB,MAAM,OAAO,UAAU;CAQxC,mBAAmB,MAAY,UAAkB,OAAc;EAG7D,MAAM,UAAgD,QAClD;GAAE;GAAU;EAAK,IACjB,EAAE,SAAQ;EACd,OAAO,KAAK,IAAI,QAAyB,QAAQ,2BAA2B,OAAO,CAAC,CAAC,KACnF,WAAW,cAAa;GACtB,MAAM,OAAO,IAAI,SAAQ;GACzB,KAAK,OAAO,QAAQ,MAAM,KAAK,IAAI;GACnC,KAAK,OAAO,WAAW,UAAU,OAAO;GACxC,KAAK,OAAO,aAAa,OAAO,UAAU,SAAS,CAAC;GACpD,KAAK,OAAO,aAAa,UAAU,SAAS;GAC5C,KAAK,OAAO,UAAU,UAAU,MAAM;GACtC,KAAK,OAAO,mBAAmB,UAAU,eAAe;GACxD,OAAO,KAAK,KAAK,KAAyB,UAAU,YAAY,MAAM;IACpE,gBAAgB;IAChB,SAAS;GACV,CAAA;EACH,CAAC,GACD,KAAK,UAAS;GACZ,IAAI,MAAM,SAAS,cAAc,UAC/B,OAAO;GAET,MAAM,MAAM,OAAO,MAAM,MAAM,eAAe,WAAW,MAAM,KAAK,aAAa;GACjF,OAAO,IAAI,aAAa;IACtB,MAAM;IACN,QAAQ,MAAM;IACd,YAAY,MAAM;GACnB,CAAA;EACH,CAAC,CAAC;CAEN;CA1CW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAa,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAb,OAAA,QAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;CAAa,CAAA;;AAAb,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAa,YAAA,CAAA,EADzB,MAAA,QAAA,CAAA"}

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

@@ -1,16 +1,16 @@
 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 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-DU_6_CtP.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-CcIgBsSl.mjs";
+import { n as ViewNavigationService, t as evaluateCondition } from "./tinya-code-gas-admin-ui-condition-evaluator-C1tjeb6D.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-BUoA9kBh.mjs";
+import { t as ErrorMapperService } from "./tinya-code-gas-admin-ui-error-mapper.service-BDA1dL5V.mjs";
+import { t as UploadService } from "./tinya-code-gas-admin-ui-upload.service-DRmKFrSH.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-CjC-GOQl.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";
@@ -367,6 +367,7 @@ var Sidebar = class Sidebar {
 	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
@@ -389,6 +390,15 @@ var Sidebar = class Sidebar {
 			complete: () => this.closingAllSessions.set(false)
 		});
 	}
+	async closeSession() {
+		if (!await this.notifications.confirm({
+			title: "Cerrar sesión",
+			message: "¿Seguro que querés cerrar tu sesión?",
+			confirmLabel: "Cerrar sesión"
+		})) return;
+		this.loggingOut.set(true);
+		this.auth.logout().subscribe({ complete: () => this.loggingOut.set(false) });
+	}
 	static ɵfac = i0.ɵɵngDeclareFactory({
 		minVersion: "12.0.0",
 		version: "22.2.3",
@@ -444,8 +454,20 @@ 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"
+            variant="danger"
+            [loading]="loggingOut()"
+            [disabled]="loggingOut()"
+            (click)="closeSession()"
+            class="w-full"
+          >
+            <svg lucideLogOut size="16" />
+            Cerrar sesión
+          </button>
+          <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 mt-2"
             [disabled]="closingAllSessions()"
             (click)="closeAllSessions()"
           >
@@ -492,6 +514,18 @@ 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"
+				]
 			}
 		]
 	});
@@ -508,7 +542,8 @@ i0.ɵɵngDeclareClassMetadata({
 			imports: [
 				RouterLink,
 				RouterLinkActive,
-				ThemeToggle
+				ThemeToggle,
+				Button
 			],
 			template: `
     <!-- Offcanvas en mobile (transform); las clases lg: la dejan estática
@@ -541,9 +576,21 @@ i0.ɵɵngDeclareClassMetadata({
       </nav>
       @if (isAuthenticated()) {
         <div class="border-t border-neutral/20 p-3">
+          <button
+            app-button
+            type="button"
+            variant="danger"
+            [loading]="loggingOut()"
+            [disabled]="loggingOut()"
+            (click)="closeSession()"
+            class="w-full"
+          >
+            <svg lucideLogOut size="16" />
+            Cerrar sesión
+          </button>
           <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"
+            class="w-full rounded-lg px-3 py-2 text-left text-sm text-neutral hover:bg-neutral/10 disabled:opacity-50 mt-2"
             [disabled]="closingAllSessions()"
             (click)="closeAllSessions()"
           >