@teenageinterface/badge
Version:
The `Badge` component is part of the `@teenageinterface` Angular component library. It provides a versatile badge element with support for different types, ensuring visual consistency and customization.
1 lines • 4.1 kB
Source Map (JSON)
{"version":3,"file":"teenageinterface-badge.mjs","sources":["../../../libs/badge/src/lib/badge.component.ts","../../../libs/badge/src/lib/badge.component.html","../../../libs/badge/src/public-api.ts","../../../libs/badge/src/teenageinterface-badge.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@Component({\r\n selector: 'tiBadge',\r\n imports: [CommonModule],\r\n templateUrl: './badge.component.html',\r\n styleUrl: './tailwind.css'\r\n})\r\nexport class BadgeComponent {\r\n @Input() type: \"default\" | \"primary\" | \"success\" | \"informative\" | \"warn\" | \"destructive\" = \"default\";\r\n\r\n private default: string[] = [\r\n \"dark:bg-neutral-50\",\r\n \"bg-neutral-950\",\r\n \"dark:text-neutral-950\",\r\n \"text-neutral-50\"\r\n ];\r\n private primary: string[] = [\r\n \"dark:bg-blue-600\",\r\n \"bg-blue-800\",\r\n \"text-neutral-50\"\r\n ];\r\n private success: string[] = [\r\n \"dark:bg-green-950\",\r\n \"bg-green-100\",\r\n \"dark:text-green-200\",\r\n \"text-green-700\"\r\n ];\r\n private informative: string[] = [\r\n \"dark:bg-blue-950\",\r\n \"bg-blue-100\",\r\n \"dark:text-blue-200\",\r\n \"text-blue-700\"\r\n ];\r\n private warn: string[] = [\r\n \"dark:bg-yellow-950\",\r\n \"bg-yellow-100\",\r\n \"dark:text-yellow-200\",\r\n \"text-yellow-700\"\r\n ];\r\n private destructive: string[] = [\r\n \"dark:bg-red-950\",\r\n \"bg-red-100\",\r\n \"dark:text-red-200\",\r\n \"text-red-700\"\r\n ];\r\n\r\n private commonClasses: string[] = [\r\n \"flex\",\r\n \"items-center\",\r\n \"justify-center\",\r\n \"px-1.5\",\r\n \"py-1\",\r\n \"text-xs\",\r\n \"font-medium\",\r\n \"rounded-lg\",\r\n \"w-fit\"\r\n ];\r\n\r\n public get classes(): string[] {\r\n const classMap: { [key in typeof this.type]: string[] } = {\r\n default: this.default,\r\n primary: this.primary,\r\n success: this.success,\r\n informative: this.informative,\r\n warn: this.warn,\r\n destructive: this.destructive,\r\n };\r\n\r\n return [...this.commonClasses, ...(classMap[this.type] || classMap[\"default\"])];\r\n }\r\n}\r\n","<div [ngClass]=\"classes\">\r\n <ng-content></ng-content>\r\n</div>\r\n","/*\r\n * Public API Surface of badge\r\n */\r\n\r\nexport * from './lib/badge.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MASa,cAAc,CAAA;IAChB,IAAI,GAA+E,SAAS;AAE7F,IAAA,OAAO,GAAa;QAC1B,oBAAoB;QACpB,gBAAgB;QAChB,uBAAuB;QACvB;KACD;AACO,IAAA,OAAO,GAAa;QAC1B,kBAAkB;QAClB,aAAa;QACb;KACD;AACO,IAAA,OAAO,GAAa;QAC1B,mBAAmB;QACnB,cAAc;QACd,qBAAqB;QACrB;KACD;AACO,IAAA,WAAW,GAAa;QAC9B,kBAAkB;QAClB,aAAa;QACb,oBAAoB;QACpB;KACD;AACO,IAAA,IAAI,GAAa;QACvB,oBAAoB;QACpB,eAAe;QACf,sBAAsB;QACtB;KACD;AACO,IAAA,WAAW,GAAa;QAC9B,iBAAiB;QACjB,YAAY;QACZ,mBAAmB;QACnB;KACD;AAEO,IAAA,aAAa,GAAa;QAChC,MAAM;QACN,cAAc;QACd,gBAAgB;QAChB,QAAQ;QACR,MAAM;QACN,SAAS;QACT,aAAa;QACb,YAAY;QACZ;KACD;AAED,IAAA,IAAW,OAAO,GAAA;AAChB,QAAA,MAAM,QAAQ,GAA4C;YACxD,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,WAAW,EAAE,IAAI,CAAC,WAAW;SAC9B;QAED,OAAO,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;;uGA7DtE,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECT3B,0EAGA,EAAA,MAAA,EAAA,CAAA,i1MAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDEY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAIX,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,SAAS;+BACE,SAAS,EAAA,OAAA,EACV,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,0EAAA,EAAA,MAAA,EAAA,CAAA,i1MAAA,CAAA,EAAA;8BAKd,IAAI,EAAA,CAAA;sBAAZ;;;AEVH;;AAEG;;ACFH;;AAEG;;;;"}