@sixbell-telco/sdk/fesm2022/sixbell-telco-sdk-components-notification.mjs.map

A collection of reusable components designed for use in Sixbell Telco Angular projects

{"version":3,"file":"sixbell-telco-sdk-components-notification.mjs","sources":["../../../projects/sdk/components/notification/src/notification.component.ts","../../../projects/sdk/components/notification/src/notification.component.html","../../../projects/sdk/components/notification/sixbell-telco-sdk-components-notification.ts"],"sourcesContent":["import { Component, computed, input } from '@angular/core';\nimport { IconComponent } from '@sixbell-telco/sdk/components/icon';\nimport { matNotificationsOutline } from '@sixbell-telco/sdk/components/icon/material/outline';\nimport { cn } from '@sixbell-telco/sdk/utils/cn';\nimport { cva } from 'class-variance-authority';\n\nexport type NotificationStatus = 'seen' | 'unseen';\n\nexport const notificationComponent = cva([], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tprimary: [\n\t\t\t\t'btn',\n\t\t\t\t'btn-circle',\n\t\t\t\t'btn-outline',\n\t\t\t\t'text-neutral',\n\t\t\t\t'border-neutral-secondary',\n\t\t\t\t'hover:text-neutral',\n\t\t\t\t'active:hover:text-neutral-content',\n\t\t\t\t'hover:bg-transparent',\n\t\t\t],\n\t\t},\n\t\tshape: {\n\t\t\t'round-sm': ['rounded-btn-sm'],\n\t\t\t'round-md': ['rounded-btn-md'],\n\t\t\t'round-lg': ['rounded-btn-lg'],\n\t\t},\n\t\tsize: {\n\t\t\tauto: [],\n\t\t},\n\t},\n\tcompoundVariants: [],\n\tdefaultVariants: {\n\t\tvariant: 'primary',\n\t\tshape: 'round-lg',\n\t\tsize: 'auto',\n\t},\n});\n\nexport type NotificationVariantProps = 'primary';\nexport type NotificationShapeProps = 'round-sm' | 'round-md' | 'round-lg';\nexport type NotificationSizeProps = 'auto';\n\nexport type NotificationProps = {\n\tvariant?: NotificationVariantProps;\n\tshape?: NotificationShapeProps;\n\tsize?: NotificationSizeProps;\n};\n\n@Component({\n\tselector: 'st-notification',\n\timports: [IconComponent],\n\ttemplateUrl: './notification.component.html',\n\tstyles: '',\n})\nexport class NotificationComponent {\n\tvariant = input<NotificationVariantProps>();\n\tshape = input<NotificationShapeProps>();\n\tsize = input<NotificationSizeProps>();\n\ticon = input<string>(matNotificationsOutline);\n\tstatus = input.required<NotificationStatus>();\n\tdisabled = input<boolean>(false);\n\n\tcomponentClass = computed(() => {\n\t\treturn cn(\n\t\t\tnotificationComponent({\n\t\t\t\tvariant: this.variant(),\n\t\t\t\tshape: this.shape(),\n\t\t\t\tsize: this.size(),\n\t\t\t}),\n\t\t);\n\t});\n}\n","@let iconVar = this.icon();\n@let componentClassVar = this.componentClass();\n\n@if (status() === 'seen') {\n\t<div class=\"indicator\">\n\t\t<span class=\"badge indicator-item badge-success top-2 left-6 h-4 w-4 p-0\"></span>\n\t\t<button [class]=\"componentClassVar\" type=\"button\" [disabled]=\"disabled()\">\n\t\t\t<st-icon [icon]=\"iconVar\" color=\"inherit\" size=\"md\"></st-icon>\n\t\t</button>\n\t</div>\n}\n\n@if (status() === 'unseen') {\n\t<div class=\"indicator\">\n\t\t<span class=\"badge indicator-item badge-warning top-2 left-6 h-4 w-4 p-0\"></span>\n\t\t<button [class]=\"componentClassVar\" type=\"button\" [disabled]=\"disabled()\">\n\t\t\t<st-icon [icon]=\"iconVar\" color=\"inherit\" size=\"md\"></st-icon>\n\t\t</button>\n\t</div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}