@tinya-code/gas-admin-ui 0.2.0-alpha.12 → 0.2.0-alpha.15

package/fesm2022/tinya-code-gas-admin-ui-button-BQjNW8KB.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tinya-code-gas-admin-ui-button-BQjNW8KB.mjs","names":[],"sources":["../../../projects/gas-admin-ui/src/lib/shared/components/button/button.ts"],"sourcesContent":["import { Component, computed, input } from '@angular/core';\n\nexport type ButtonVariant = 'primary' | 'outline' | 'danger' | 'ghost';\nexport type ButtonSize = 'md' | 'sm' | 'icon';\n\nconst BASE =\n  'inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary disabled:cursor-not-allowed disabled:opacity-50';\n\nconst VARIANTS: Record<ButtonVariant, string> = {\n  primary: 'bg-primary text-surface hover:bg-primary/90',\n  outline: 'border border-neutral/40 bg-surface text-neutral hover:bg-neutral/10',\n  danger: 'bg-danger text-surface hover:bg-danger/90',\n  ghost: 'text-neutral hover:bg-neutral/10',\n};\n\n/**\n * Tamaño: el padding y el tip-size viven AQUÍ, no en `BASE`. Dos botones\n * con la misma propiedad (px-4 vs px-2) los resolvería el orden del CSS\n * generado, no el código — el motivo por el que los chips del textarea\n * acabaron con `!important`.\n *\n * Mobile-first: todas arrancan en `min-h-11` (44 px, objetivo táctil de la\n * guía mobile §8.2) y en `lg` relajan al tamaño de escritorio, así el mismo\n * componente cumple la guía táctil sin engordar la UI de escritorio.\n *  - `md`   → botón de texto (Guardar, Cancelar…)\n *  - `sm`   → chips y acciones compactas (texto `xs`)\n *  - `icon` → sólo glifo, cuadrado (toolbars de filas, arrastre)\n */\nconst SIZES: Record<ButtonSize, string> = {\n  md: 'px-4 py-2 text-sm min-h-11 lg:min-h-0',\n  sm: 'px-2 py-1 text-xs min-h-11 lg:min-h-0',\n  icon: 'p-1 min-h-11 min-w-11 lg:min-h-0 lg:min-w-0',\n};\n\n/**\n * Botón nativo (selector por atributo, patrón Material `button[mat-button]`):\n * conserva semántica y estilos de `<button>` y las clases del consumidor.\n */\n@Component({\n  selector: 'button[app-button]',\n  host: {\n    '[class]': 'classes()',\n    '[type]': 'type()',\n    '[disabled]': 'disabled() || loading()',\n    '[attr.aria-busy]': 'loading() || null',\n  },\n  template: `\n    @if (loading()) {\n      <span\n        class=\"size-4 animate-spin rounded-full border-2 border-current border-t-transparent\"\n        aria-hidden=\"true\"\n      ></span>\n    }\n    <ng-content />\n  `,\n})\nexport class Button {\n  readonly variant = input<ButtonVariant>('primary');\n  readonly size = input<ButtonSize>('md');\n  readonly type = input<'button' | 'submit'>('button');\n  readonly disabled = input(false);\n  readonly loading = input(false);\n\n  readonly classes = computed(() => `${BASE} ${VARIANTS[this.variant()]} ${SIZES[this.size()]}`);\n}\n"],"mappings":";;AAKA,MAAM,OACJ;AAEF,MAAM,WAA0C;CAC9C,SAAS;CACT,SAAS;CACT,QAAQ;CACR,OAAO;AACR;AAeD,MAAM,QAAoC;CACxC,IAAI;CACJ,IAAI;CACJ,MAAM;AACP;AAwBD,IAAa,SAAb,MAAa,OAAM;CACR,UAAU,MAAqB,WAAU,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CACzC,OAAO,MAAkB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAC9B,OAAO,MAA2B,UAAS,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAC3C,WAAW,MAAM,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CACvB,UAAU,MAAM,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAEtB,UAAU,eAAe,GAAG,KAAI,GAAI,SAAS,KAAK,QAAO,GAAG,GAAI,MAAM,KAAK,KAAI,MAAM,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAPnF,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAM,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAN,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAM,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA,EAAA,YAAA;GAAA,SAAA;GAAA,QAAA;GAAA,YAAA;GAAA,kBAAA;EAAA,EAAA;EAAA,UAAA;EAAA,UAVP;;;;;;;;;EAQT,UAAA;CAAA,CAAA;;AAEU,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAM,YAAA,CAAA;EAlBlB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,MAAM;IACJ,WAAW;IACX,UAAU;IACV,cAAc;IACd,oBAAoB;GACrB;GACD,UAAU;;;;;;;;;EASX,CAAA"}