@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'!border-neutral-secondary',\n\t\t\t\t'hover:bg-neutral-secondary/15',\n\t\t\t\t'transition-colors',\n\t\t\t\t'focus-visible:outline',\n\t\t\t\t'focus-visible:outline-2',\n\t\t\t\t'focus-visible:outline-offset-2',\n\t\t\t\t'active:transition-[color, scale, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke]',\n\t\t\t\t'active:hover:scale-95',\n\t\t\t\t'active:hover:animate-pop',\n\t\t\t\t'active:hover:ease-out',\n\t\t\t\t'active:hover:animate-duration-0',\n\t\t\t\t'active:hover:animate-fill-mode-backwards',\n\t\t\t\t'active:focus:scale-95',\n\t\t\t\t'active:focus:animate-pop',\n\t\t\t\t'active:focus:ease-out',\n\t\t\t\t'active:focus:animate-duration-0',\n\t\t\t\t'active:focus:animate-fill-mode-backwards',\n\t\t\t],\n\t\t},\n\t\tshape: {\n\t\t\trounded: ['rounded-full'],\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: 'rounded',\n\t\tsize: 'auto',\n\t},\n});\n\nexport type NotificationVariantProps = 'primary';\nexport type NotificationShapeProps = 'rounded';\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-[1.40rem] h-3 w-3 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-[1.40rem] h-3 w-3 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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"}