UNPKG

@teenageinterface/callout

Version:

The `Callout` component is part of the `@teenageinterface` Angular component library. It provides a styled container for displaying important messages with customizable icons, titles, and types.

1 lines 5.29 kB
{"version":3,"file":"teenageinterface-callout.mjs","sources":["../../../libs/callout/src/lib/callout.component.ts","../../../libs/callout/src/lib/callout.component.html","../../../libs/callout/src/public-api.ts","../../../libs/callout/src/teenageinterface-callout.ts"],"sourcesContent":["/**\r\n * @Author: 0K0 <contact@oko.app>\r\n * @Date: 14-12-2024 20:56:21\r\n * @Last Modified by: 0K0 <contact@oko.app>\r\n * @Last Modified time: 14-12-2024 23:21:31\r\n */\r\nimport { CommonModule } from '@angular/common';\r\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { IconsComponent } from '@teenageinterface/icons';\r\n\r\n@Component({\r\n selector: 'tiCallout',\r\n imports: [CommonModule, IconsComponent],\r\n templateUrl: './callout.component.html',\r\n styleUrl: './tailwind.css'\r\n})\r\nexport class CalloutComponent {\r\n\r\n @Input() id: string | null = null;\r\n @Input() title: string = \"\";\r\n @Input() icon: string = \"\";\r\n @Input() type: \"default\" | \"success\" | \"informative\" | \"warn\" | \"destructive\" = \"default\";\r\n\r\n private default: string[] = [\r\n \"border-neutral-300\",\r\n \"bg-neutral-100\",\r\n \"text-neutral-800\",\r\n \"dark:border-neutral-800\",\r\n \"dark:bg-neutral-900\",\r\n \"dark:text-neutral-300\"\r\n ];\r\n private success: string[] = [\r\n \"border-green-300\",\r\n \"bg-green-100\",\r\n \"text-green-800\",\r\n \"dark:border-green-600\",\r\n \"dark:bg-green-800\",\r\n \"dark:text-green-100\"\r\n ];\r\n private informative: string[] = [\r\n \"border-blue-300\",\r\n \"bg-blue-100\",\r\n \"text-blue-800\",\r\n \"dark:border-blue-600\",\r\n \"dark:bg-blue-800\",\r\n \"dark:text-blue-100\"\r\n ];\r\n private warn: string[] = [\r\n \"border-yellow-300\",\r\n \"bg-yellow-100\",\r\n \"text-yellow-800\",\r\n \"dark:border-yellow-600\",\r\n \"dark:bg-yellow-800\",\r\n \"dark:text-yellow-100\"\r\n ];\r\n private destructive: string[] = [\r\n \"border-red-300\",\r\n \"bg-red-100\",\r\n \"text-red-800\",\r\n \"dark:border-red-600\",\r\n \"dark:bg-red-800\",\r\n \"dark:text-red-100\"\r\n ];\r\n\r\n private commonClasses: string[] = [\r\n \"flex\",\r\n \"flex-col\",\r\n \"gap-0\",\r\n \"border\",\r\n \"rounded-lg\",\r\n \"p-4\",\r\n \"w-fit\"\r\n ];\r\n\r\n @Output()\r\n onClick = new EventEmitter<Event>();\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 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 [id]=\"id\" [ngClass]=\"classes\">\r\n <div class=\"flex gap-2\">\r\n <tiIcon [icon]=\"icon\" />\r\n <div class=\"font-medium\">{{title}}</div>\r\n </div>\r\n <div class=\"text-sm ml-6\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n","/*\r\n * Public API Surface of callout\r\n */\r\n\r\nexport * from './lib/callout.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;AAAA;;;;;AAKG;MAWU,gBAAgB,CAAA;IAElB,EAAE,GAAkB,IAAI;IACxB,KAAK,GAAW,EAAE;IAClB,IAAI,GAAW,EAAE;IACjB,IAAI,GAAmE,SAAS;AAEjF,IAAA,OAAO,GAAa;QAC1B,oBAAoB;QACpB,gBAAgB;QAChB,kBAAkB;QAClB,yBAAyB;QACzB,qBAAqB;QACrB;KACD;AACO,IAAA,OAAO,GAAa;QAC1B,kBAAkB;QAClB,cAAc;QACd,gBAAgB;QAChB,uBAAuB;QACvB,mBAAmB;QACnB;KACD;AACO,IAAA,WAAW,GAAa;QAC9B,iBAAiB;QACjB,aAAa;QACb,eAAe;QACf,sBAAsB;QACtB,kBAAkB;QAClB;KACD;AACO,IAAA,IAAI,GAAa;QACvB,mBAAmB;QACnB,eAAe;QACf,iBAAiB;QACjB,wBAAwB;QACxB,oBAAoB;QACpB;KACD;AACO,IAAA,WAAW,GAAa;QAC9B,gBAAgB;QAChB,YAAY;QACZ,cAAc;QACd,qBAAqB;QACrB,iBAAiB;QACjB;KACD;AAEO,IAAA,aAAa,GAAa;QAChC,MAAM;QACN,UAAU;QACV,OAAO;QACP,QAAQ;QACR,YAAY;QACZ,KAAK;QACL;KACD;AAGD,IAAA,OAAO,GAAG,IAAI,YAAY,EAAS;AAEnC,IAAA,IAAW,OAAO,GAAA;AAChB,QAAA,MAAM,QAAQ,GAA4C;YACxD,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;SACnB;QAED,OAAO,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC;;uGAtEnE,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,EChB7B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,sQASA,EDGY,MAAA,EAAA,CAAA,8wOAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,6HAAE,cAAc,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAI3B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAN5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EACZ,OAAA,EAAA,CAAC,YAAY,EAAE,cAAc,CAAC,EAAA,QAAA,EAAA,sQAAA,EAAA,MAAA,EAAA,CAAA,8wOAAA,CAAA,EAAA;8BAM9B,EAAE,EAAA,CAAA;sBAAV;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBACQ,IAAI,EAAA,CAAA;sBAAZ;gBAsDD,OAAO,EAAA,CAAA;sBADN;;;AE1EH;;AAEG;;ACFH;;AAEG;;;;"}