{"version":3,"file":"placement.cjs","sources":["../../../../../../packages/components/notification/style/placement.ts"],"sourcesContent":["import type { CSSObject, GenerateStyle } from '@antdv/theme';\nimport type { NotificationToken } from '.';\nimport { Keyframes } from '@antdv/theme';\n\nconst genNotificationPlacementStyle: GenerateStyle<NotificationToken, CSSObject> = (token) => {\n  const { componentCls, width, notificationMarginEdge } = token;\n\n  const notificationTopFadeIn = new Keyframes('antNotificationTopFadeIn', {\n    '0%': {\n      marginTop: '-100%',\n      opacity: 0,\n    },\n\n    '100%': {\n      marginTop: 0,\n      opacity: 1,\n    },\n  });\n\n  const notificationBottomFadeIn = new Keyframes('antNotificationBottomFadeIn', {\n    '0%': {\n      marginBottom: '-100%',\n      opacity: 0,\n    },\n\n    '100%': {\n      marginBottom: 0,\n      opacity: 1,\n    },\n  });\n\n  const notificationLeftFadeIn = new Keyframes('antNotificationLeftFadeIn', {\n    '0%': {\n      right: {\n        _skip_check_: true,\n        value: width,\n      },\n      opacity: 0,\n    },\n\n    '100%': {\n      right: {\n        _skip_check_: true,\n        value: 0,\n      },\n      opacity: 1,\n    },\n  });\n\n  return {\n    [`&${componentCls}-top, &${componentCls}-bottom`]: {\n      marginInline: 0,\n    },\n\n    [`&${componentCls}-top`]: {\n      [`${componentCls}-fade-enter${componentCls}-fade-enter-active, ${componentCls}-fade-appear${componentCls}-fade-appear-active`]:\n        {\n          animationName: notificationTopFadeIn,\n        },\n    },\n\n    [`&${componentCls}-bottom`]: {\n      [`${componentCls}-fade-enter${componentCls}-fade-enter-active, ${componentCls}-fade-appear${componentCls}-fade-appear-active`]:\n        {\n          animationName: notificationBottomFadeIn,\n        },\n    },\n\n    [`&${componentCls}-topLeft, &${componentCls}-bottomLeft`]: {\n      marginInlineEnd: 0,\n      marginInlineStart: notificationMarginEdge,\n\n      [`${componentCls}-fade-enter${componentCls}-fade-enter-active, ${componentCls}-fade-appear${componentCls}-fade-appear-active`]:\n        {\n          animationName: notificationLeftFadeIn,\n        },\n    },\n  };\n};\nexport default genNotificationPlacementStyle;\n"],"names":["Keyframes"],"mappings":";;;;;;;AAIM,MAAA,6BAAA,GAA6E,CAAC,KAAU,KAAA;AAC5F,EAAA,MAAM,EAAE,YAAA,EAAc,KAAO,EAAA,sBAAA,EAA2B,GAAA,KAAA,CAAA;AAExD,EAAM,MAAA,qBAAA,GAAwB,IAAIA,iBAAA,CAAU,0BAA4B,EAAA;AAAA,IACtE,IAAM,EAAA;AAAA,MACJ,SAAW,EAAA,OAAA;AAAA,MACX,OAAS,EAAA,CAAA;AAAA,KACX;AAAA,IAEA,MAAQ,EAAA;AAAA,MACN,SAAW,EAAA,CAAA;AAAA,MACX,OAAS,EAAA,CAAA;AAAA,KACX;AAAA,GACD,CAAA,CAAA;AAED,EAAM,MAAA,wBAAA,GAA2B,IAAIA,iBAAA,CAAU,6BAA+B,EAAA;AAAA,IAC5E,IAAM,EAAA;AAAA,MACJ,YAAc,EAAA,OAAA;AAAA,MACd,OAAS,EAAA,CAAA;AAAA,KACX;AAAA,IAEA,MAAQ,EAAA;AAAA,MACN,YAAc,EAAA,CAAA;AAAA,MACd,OAAS,EAAA,CAAA;AAAA,KACX;AAAA,GACD,CAAA,CAAA;AAED,EAAM,MAAA,sBAAA,GAAyB,IAAIA,iBAAA,CAAU,2BAA6B,EAAA;AAAA,IACxE,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA;AAAA,QACL,YAAc,EAAA,IAAA;AAAA,QACd,KAAO,EAAA,KAAA;AAAA,OACT;AAAA,MACA,OAAS,EAAA,CAAA;AAAA,KACX;AAAA,IAEA,MAAQ,EAAA;AAAA,MACN,KAAO,EAAA;AAAA,QACL,YAAc,EAAA,IAAA;AAAA,QACd,KAAO,EAAA,CAAA;AAAA,OACT;AAAA,MACA,OAAS,EAAA,CAAA;AAAA,KACX;AAAA,GACD,CAAA,CAAA;AAED,EAAO,OAAA;AAAA,IACL,CAAC,CAAI,CAAA,EAAA,YAAY,CAAU,OAAA,EAAA,YAAY,SAAS,GAAG;AAAA,MACjD,YAAc,EAAA,CAAA;AAAA,KAChB;AAAA,IAEA,CAAC,CAAA,CAAA,EAAI,YAAY,CAAA,IAAA,CAAM,GAAG;AAAA,MACxB,CAAC,CAAG,EAAA,YAAY,CAAc,WAAA,EAAA,YAAY,uBAAuB,YAAY,CAAA,YAAA,EAAe,YAAY,CAAA,mBAAA,CAAqB,GAC3H;AAAA,QACE,aAAe,EAAA,qBAAA;AAAA,OACjB;AAAA,KACJ;AAAA,IAEA,CAAC,CAAA,CAAA,EAAI,YAAY,CAAA,OAAA,CAAS,GAAG;AAAA,MAC3B,CAAC,CAAG,EAAA,YAAY,CAAc,WAAA,EAAA,YAAY,uBAAuB,YAAY,CAAA,YAAA,EAAe,YAAY,CAAA,mBAAA,CAAqB,GAC3H;AAAA,QACE,aAAe,EAAA,wBAAA;AAAA,OACjB;AAAA,KACJ;AAAA,IAEA,CAAC,CAAI,CAAA,EAAA,YAAY,CAAc,WAAA,EAAA,YAAY,aAAa,GAAG;AAAA,MACzD,eAAiB,EAAA,CAAA;AAAA,MACjB,iBAAmB,EAAA,sBAAA;AAAA,MAEnB,CAAC,CAAG,EAAA,YAAY,CAAc,WAAA,EAAA,YAAY,uBAAuB,YAAY,CAAA,YAAA,EAAe,YAAY,CAAA,mBAAA,CAAqB,GAC3H;AAAA,QACE,aAAe,EAAA,sBAAA;AAAA,OACjB;AAAA,KACJ;AAAA,GACF,CAAA;AACF;;;;"}