{
  "version": 3,
  "sources": ["libs/angular/ng-ui/src/lib/button/button.component.ts", "libs/angular/ng-ui/src/lib/button/button.component.html"],
  "sourcesContent": ["import { CommonModule } from '@angular/common';\nimport {\n  EventEmitter,\n  Output,\n  ChangeDetectionStrategy,\n  Component,\n  Input,\n} from '@angular/core';\nimport { ItkIconsModule } from '@itk/icons';\n\ntype Colors = 'white' | 'primary' | 'secondary';\ntype ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\n@Component({\n  standalone: true,\n  imports: [CommonModule, ItkIconsModule],\n  templateUrl: './button.component.html',\n  styleUrl: './button.component.scss',\n  selector: 'itk-button',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ItkButtonComponent {\n  @Output() clicked = new EventEmitter();\n  @Input() loading = false;\n  @Input() disabled = false;\n  @Input() disabledClasses = 'text-black bg-gray-200';\n  @Input() style: Record<string, boolean> = {};\n  @Input() color: Colors = 'white';\n  @Input() size: ButtonSize = 'lg';\n  @Input() width = '';\n\n  get colorClass(): string {\n    if (this.disabled || this.loading) {\n      return this.disabledClasses;\n    }\n\n    return this.color;\n  }\n\n  get sizeClasses(): string {\n    switch (this.size) {\n      case 'xs':\n        return 'px-1 text-xs';\n      case 'sm':\n        return 'px-2 py-1 text-sm';\n      case 'md':\n        return 'px-2 py-1 text-md';\n      case 'lg':\n        return 'px-4 py-1 text-md';\n      case 'xl':\n        return 'px-4 py-1 text-lg';\n      case '2xl':\n        return 'px-6 py-2 text-lg';\n    }\n  }\n\n  get classes(): string[] {\n    return [this.colorClass, this.sizeClasses, this.width];\n  }\n}\n", "<button\n  type=\"button\"\n  (click)=\"clicked.emit()\"\n  [disabled]=\"disabled\"\n  [ngClass]=\"classes\"\n  [ngStyle]=\"style\"\n  class=\"rounded shadow\"\n  *ngIf=\"!loading; else loadingButton\"\n>\n  <ng-content></ng-content>\n</button>\n\n<ng-template #loadingButton>\n  <button\n    type=\"button\"\n    [disabled]=\"true\"\n    [ngClass]=\"classes\"\n    [ngStyle]=\"style\"\n    class=\"flex h-full min-w-[8rem] items-center justify-center rounded shadow\"\n  >\n    <svg-icon key=\"itk-loading\" fontSize=\"1.3em\"></svg-icon>\n  </button>\n</ng-template>\n"],
  "mappings": "sSCAAA,EAAA,EAAA,SAAA,CAAA,EAEEC,EAAA,QAAA,UAAA,CAAAC,EAAAC,CAAA,EAAA,IAAAC,EAAAC,EAAA,EAAA,OAAAC,EAASF,EAAAG,QAAAC,KAAA,CAAc,CAAA,CAAA,EAOvBC,EAAA,CAAA,EACFC,EAAA,oBAPEC,EAAA,WAAAP,EAAAQ,QAAA,EAAqB,UAAAR,EAAAS,OAAA,EACF,UAAAT,EAAAU,KAAA,4BASnBd,EAAA,EAAA,SAAA,CAAA,EAOEe,EAAA,EAAA,WAAA,CAAA,EACFL,EAAA,kBANEC,EAAA,WAAA,EAAA,EAAiB,UAAAP,EAAAS,OAAA,EACE,UAAAT,EAAAU,KAAA,GDKvB,IAAaE,GAAkB,IAAA,CAAzB,IAAOA,EAAP,MAAOA,CAAkB,CAR/BC,aAAA,CASY,KAAAV,QAAU,IAAIW,EACf,KAAAC,QAAU,GACV,KAAAP,SAAW,GACX,KAAAQ,gBAAkB,yBAClB,KAAAN,MAAiC,CAAA,EACjC,KAAAO,MAAgB,QAChB,KAAAC,KAAmB,KACnB,KAAAC,MAAQ,GAEjB,IAAIC,YAAU,CACZ,OAAI,KAAKZ,UAAY,KAAKO,QACjB,KAAKC,gBAGP,KAAKC,KACd,CAEA,IAAII,aAAW,CACb,OAAQ,KAAKH,KAAI,CACf,IAAK,KACH,MAAO,eACT,IAAK,KACH,MAAO,oBACT,IAAK,KACH,MAAO,oBACT,IAAK,KACH,MAAO,oBACT,IAAK,KACH,MAAO,oBACT,IAAK,MACH,MAAO,mBACX,CACF,CAEA,IAAIT,SAAO,CACT,MAAO,CAAC,KAAKW,WAAY,KAAKC,YAAa,KAAKF,KAAK,CACvD,yCArCWP,EAAkB,sBAAlBA,EAAkBU,UAAA,CAAA,CAAA,YAAA,CAAA,EAAAC,OAAA,CAAAR,QAAA,UAAAP,SAAA,WAAAQ,gBAAA,kBAAAN,MAAA,QAAAO,MAAA,QAAAC,KAAA,OAAAC,MAAA,OAAA,EAAAK,QAAA,CAAArB,QAAA,SAAA,EAAAsB,WAAA,GAAAC,SAAA,CAAAC,CAAA,EAAAC,mBAAAC,EAAAC,MAAA,EAAAC,KAAA,EAAAC,OAAA,CAAA,CAAA,gBAAA,EAAA,EAAA,CAAA,OAAA,SAAA,QAAA,iBAAA,EAAA,WAAA,UAAA,UAAA,QAAA,EAAA,OAAA,UAAA,EAAA,CAAA,OAAA,SAAA,EAAA,UAAA,SAAA,EAAA,QAAA,WAAA,UAAA,SAAA,EAAA,CAAA,OAAA,SAAA,EAAA,OAAA,SAAA,eAAA,eAAA,iBAAA,UAAA,SAAA,EAAA,WAAA,UAAA,SAAA,EAAA,CAAA,MAAA,cAAA,WAAA,OAAA,CAAA,EAAAC,SAAA,SAAAC,EAAAC,EAAA,IAAAD,EAAA,QCrB/BE,EAAA,EAAAC,EAAA,EAAA,EAAA,SAAA,CAAA,EAQC,EAAAC,EAAA,EAAA,EAAA,cAAA,KAAA,EAAAC,CAAA,mBADEhC,EAAA,OAAA,CAAA4B,EAAApB,OAAA,EAAgB,WAAAyB,CAAA,kBDQPC,EAAYC,EAAAC,EAAAC,EAAEC,EAAcC,CAAA,EAAAC,OAAA,CAAA;0DAAA,EAAAC,gBAAA,CAAA,CAAA,EAMlC,IAAOpC,EAAPqC,SAAOrC,CAAkB,GAAA",
  "names": ["\u0275\u0275elementStart", "\u0275\u0275listener", "\u0275\u0275restoreView", "_r1", "ctx_r1", "\u0275\u0275nextContext", "\u0275\u0275resetView", "clicked", "emit", "\u0275\u0275projection", "\u0275\u0275elementEnd", "\u0275\u0275property", "disabled", "classes", "style", "\u0275\u0275element", "ItkButtonComponent", "constructor", "EventEmitter", "loading", "disabledClasses", "color", "size", "width", "colorClass", "sizeClasses", "selectors", "inputs", "outputs", "standalone", "features", "\u0275\u0275StandaloneFeature", "ngContentSelectors", "_c0", "decls", "vars", "consts", "template", "rf", "ctx", "\u0275\u0275template", "ItkButtonComponent_button_0_Template", "ItkButtonComponent_ng_template_1_Template", "\u0275\u0275templateRefExtractor", "loadingButton_r3", "CommonModule", "NgClass", "NgIf", "NgStyle", "ItkIconsModule", "SvgIconComponent", "styles", "changeDetection", "_ItkButtonComponent"]
}