{"version":3,"file":"nav.cjs","sources":["../../../../../../packages/components/steps/style/nav.ts"],"sourcesContent":["import type { CSSObject, GenerateStyle } from '@antdv/theme';\nimport type { StepsToken } from '.';\nimport { textEllipsis } from '@antdv/theme';\n\nconst genStepsNavStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {\n  const {\n    componentCls,\n    stepsNavContentMaxWidth,\n    stepsNavArrowColor,\n    stepsNavActiveColor,\n    motionDurationSlow,\n  } = token;\n\n  return {\n    [`&${componentCls}-navigation`]: {\n      paddingTop: token.paddingSM,\n\n      [`&${componentCls}-small`]: {\n        [`${componentCls}-item`]: {\n          '&-container': {\n            marginInlineStart: -token.marginSM,\n          },\n        },\n      },\n\n      [`${componentCls}-item`]: {\n        'overflow': 'visible',\n        'textAlign': 'center',\n\n        '&-container': {\n          display: 'inline-block',\n          height: '100%',\n          marginInlineStart: -token.margin,\n          paddingBottom: token.paddingSM,\n          textAlign: 'start',\n          transition: `opacity ${motionDurationSlow}`,\n\n          [`${componentCls}-item-content`]: {\n            maxWidth: stepsNavContentMaxWidth,\n          },\n\n          [`${componentCls}-item-title`]: {\n            'maxWidth': '100%',\n            'paddingInlineEnd': 0,\n            ...textEllipsis,\n\n            '&::after': {\n              display: 'none',\n            },\n          },\n        },\n\n        [`&:not(${componentCls}-item-active)`]: {\n          [`${componentCls}-item-container[role='button']`]: {\n            'cursor': 'pointer',\n\n            '&:hover': {\n              opacity: 0.85,\n            },\n          },\n        },\n\n        '&:last-child': {\n          'flex': 1,\n\n          '&::after': {\n            display: 'none',\n          },\n        },\n\n        '&::after': {\n          position: 'absolute',\n          top: `calc(50% - ${token.paddingSM / 2}px)`,\n          insetInlineStart: '100%',\n          display: 'inline-block',\n          width: token.fontSizeIcon,\n          height: token.fontSizeIcon,\n          borderTop: `${token.lineWidth}px ${token.lineType} ${stepsNavArrowColor}`,\n          borderBottom: 'none',\n          borderInlineStart: 'none',\n          borderInlineEnd: `${token.lineWidth}px ${token.lineType} ${stepsNavArrowColor}`,\n          transform: 'translateY(-50%) translateX(-50%) rotate(45deg)',\n          content: '\"\"',\n        },\n\n        '&::before': {\n          position: 'absolute',\n          bottom: 0,\n          insetInlineStart: '50%',\n          display: 'inline-block',\n          width: 0,\n          height: token.lineWidthBold,\n          backgroundColor: stepsNavActiveColor,\n          transition: `width ${motionDurationSlow}, inset-inline-start ${motionDurationSlow}`,\n          transitionTimingFunction: 'ease-out',\n          content: '\"\"',\n        },\n      },\n\n      [`${componentCls}-item${componentCls}-item-active::before`]: {\n        insetInlineStart: 0,\n        width: '100%',\n      },\n    },\n\n    [`&${componentCls}-navigation${componentCls}-vertical`]: {\n      [`> ${componentCls}-item`]: {\n        'marginInlineEnd': 0,\n\n        '&::before': {\n          display: 'none',\n        },\n        [`&${componentCls}-item-active::before`]: {\n          top: 0,\n          insetInlineEnd: 0,\n          insetInlineStart: 'unset',\n          display: 'block',\n          width: token.lineWidth * 3,\n          height: `calc(100% - ${token.marginLG}px)`,\n        },\n\n        '&::after': {\n          position: 'relative',\n          insetInlineStart: '50%',\n          display: 'block',\n          width: token.controlHeight * 0.25,\n          height: token.controlHeight * 0.25,\n          marginBottom: token.marginXS,\n          textAlign: 'center',\n          transform: 'translateY(-50%) translateX(-50%) rotate(135deg)',\n        },\n        [`> ${componentCls}-item-container > ${componentCls}-item-tail`]: {\n          visibility: 'hidden',\n        },\n      },\n    },\n\n    [`&${componentCls}-navigation${componentCls}-horizontal`]: {\n      [`> ${componentCls}-item > ${componentCls}-item-container > ${componentCls}-item-tail`]: {\n        visibility: 'hidden',\n      },\n    },\n  };\n};\nexport default genStepsNavStyle;\n"],"names":["textEllipsis"],"mappings":";;;;;;;AAIM,MAAA,gBAAA,GAAyD,CAAC,KAAU,KAAA;AACxE,EAAM,MAAA;AAAA,IACJ,YAAA;AAAA,IACA,uBAAA;AAAA,IACA,kBAAA;AAAA,IACA,mBAAA;AAAA,IACA,kBAAA;AAAA,GACE,GAAA,KAAA,CAAA;AAEJ,EAAO,OAAA;AAAA,IACL,CAAC,CAAA,CAAA,EAAI,YAAY,CAAA,WAAA,CAAa,GAAG;AAAA,MAC/B,YAAY,KAAM,CAAA,SAAA;AAAA,MAElB,CAAC,CAAA,CAAA,EAAI,YAAY,CAAA,MAAA,CAAQ,GAAG;AAAA,QAC1B,CAAC,CAAA,EAAG,YAAY,CAAA,KAAA,CAAO,GAAG;AAAA,UACxB,aAAe,EAAA;AAAA,YACb,iBAAA,EAAmB,CAAC,KAAM,CAAA,QAAA;AAAA,WAC5B;AAAA,SACF;AAAA,OACF;AAAA,MAEA,CAAC,CAAA,EAAG,YAAY,CAAA,KAAA,CAAO,GAAG;AAAA,QACxB,UAAY,EAAA,SAAA;AAAA,QACZ,WAAa,EAAA,QAAA;AAAA,QAEb,aAAe,EAAA;AAAA,UACb,OAAS,EAAA,cAAA;AAAA,UACT,MAAQ,EAAA,MAAA;AAAA,UACR,iBAAA,EAAmB,CAAC,KAAM,CAAA,MAAA;AAAA,UAC1B,eAAe,KAAM,CAAA,SAAA;AAAA,UACrB,SAAW,EAAA,OAAA;AAAA,UACX,UAAA,EAAY,WAAW,kBAAkB,CAAA,CAAA;AAAA,UAEzC,CAAC,CAAA,EAAG,YAAY,CAAA,aAAA,CAAe,GAAG;AAAA,YAChC,QAAU,EAAA,uBAAA;AAAA,WACZ;AAAA,UAEA,CAAC,CAAA,EAAG,YAAY,CAAA,WAAA,CAAa,GAAG;AAAA,YAC9B,UAAY,EAAA,MAAA;AAAA,YACZ,kBAAoB,EAAA,CAAA;AAAA,YACpB,GAAGA,kBAAA;AAAA,YAEH,UAAY,EAAA;AAAA,cACV,OAAS,EAAA,MAAA;AAAA,aACX;AAAA,WACF;AAAA,SACF;AAAA,QAEA,CAAC,CAAA,MAAA,EAAS,YAAY,CAAA,aAAA,CAAe,GAAG;AAAA,UACtC,CAAC,CAAA,EAAG,YAAY,CAAA,8BAAA,CAAgC,GAAG;AAAA,YACjD,QAAU,EAAA,SAAA;AAAA,YAEV,SAAW,EAAA;AAAA,cACT,OAAS,EAAA,IAAA;AAAA,aACX;AAAA,WACF;AAAA,SACF;AAAA,QAEA,cAAgB,EAAA;AAAA,UACd,MAAQ,EAAA,CAAA;AAAA,UAER,UAAY,EAAA;AAAA,YACV,OAAS,EAAA,MAAA;AAAA,WACX;AAAA,SACF;AAAA,QAEA,UAAY,EAAA;AAAA,UACV,QAAU,EAAA,UAAA;AAAA,UACV,GAAK,EAAA,CAAA,WAAA,EAAc,KAAM,CAAA,SAAA,GAAY,CAAC,CAAA,GAAA,CAAA;AAAA,UACtC,gBAAkB,EAAA,MAAA;AAAA,UAClB,OAAS,EAAA,cAAA;AAAA,UACT,OAAO,KAAM,CAAA,YAAA;AAAA,UACb,QAAQ,KAAM,CAAA,YAAA;AAAA,UACd,SAAA,EAAW,GAAG,KAAM,CAAA,SAAS,MAAM,KAAM,CAAA,QAAQ,IAAI,kBAAkB,CAAA,CAAA;AAAA,UACvE,YAAc,EAAA,MAAA;AAAA,UACd,iBAAmB,EAAA,MAAA;AAAA,UACnB,eAAA,EAAiB,GAAG,KAAM,CAAA,SAAS,MAAM,KAAM,CAAA,QAAQ,IAAI,kBAAkB,CAAA,CAAA;AAAA,UAC7E,SAAW,EAAA,iDAAA;AAAA,UACX,OAAS,EAAA,IAAA;AAAA,SACX;AAAA,QAEA,WAAa,EAAA;AAAA,UACX,QAAU,EAAA,UAAA;AAAA,UACV,MAAQ,EAAA,CAAA;AAAA,UACR,gBAAkB,EAAA,KAAA;AAAA,UAClB,OAAS,EAAA,cAAA;AAAA,UACT,KAAO,EAAA,CAAA;AAAA,UACP,QAAQ,KAAM,CAAA,aAAA;AAAA,UACd,eAAiB,EAAA,mBAAA;AAAA,UACjB,UAAY,EAAA,CAAA,MAAA,EAAS,kBAAkB,CAAA,qBAAA,EAAwB,kBAAkB,CAAA,CAAA;AAAA,UACjF,wBAA0B,EAAA,UAAA;AAAA,UAC1B,OAAS,EAAA,IAAA;AAAA,SACX;AAAA,OACF;AAAA,MAEA,CAAC,CAAG,EAAA,YAAY,CAAQ,KAAA,EAAA,YAAY,sBAAsB,GAAG;AAAA,QAC3D,gBAAkB,EAAA,CAAA;AAAA,QAClB,KAAO,EAAA,MAAA;AAAA,OACT;AAAA,KACF;AAAA,IAEA,CAAC,CAAI,CAAA,EAAA,YAAY,CAAc,WAAA,EAAA,YAAY,WAAW,GAAG;AAAA,MACvD,CAAC,CAAA,EAAA,EAAK,YAAY,CAAA,KAAA,CAAO,GAAG;AAAA,QAC1B,iBAAmB,EAAA,CAAA;AAAA,QAEnB,WAAa,EAAA;AAAA,UACX,OAAS,EAAA,MAAA;AAAA,SACX;AAAA,QACA,CAAC,CAAA,CAAA,EAAI,YAAY,CAAA,oBAAA,CAAsB,GAAG;AAAA,UACxC,GAAK,EAAA,CAAA;AAAA,UACL,cAAgB,EAAA,CAAA;AAAA,UAChB,gBAAkB,EAAA,OAAA;AAAA,UAClB,OAAS,EAAA,OAAA;AAAA,UACT,KAAA,EAAO,MAAM,SAAY,GAAA,CAAA;AAAA,UACzB,MAAA,EAAQ,CAAe,YAAA,EAAA,KAAA,CAAM,QAAQ,CAAA,GAAA,CAAA;AAAA,SACvC;AAAA,QAEA,UAAY,EAAA;AAAA,UACV,QAAU,EAAA,UAAA;AAAA,UACV,gBAAkB,EAAA,KAAA;AAAA,UAClB,OAAS,EAAA,OAAA;AAAA,UACT,KAAA,EAAO,MAAM,aAAgB,GAAA,IAAA;AAAA,UAC7B,MAAA,EAAQ,MAAM,aAAgB,GAAA,IAAA;AAAA,UAC9B,cAAc,KAAM,CAAA,QAAA;AAAA,UACpB,SAAW,EAAA,QAAA;AAAA,UACX,SAAW,EAAA,kDAAA;AAAA,SACb;AAAA,QACA,CAAC,CAAK,EAAA,EAAA,YAAY,CAAqB,kBAAA,EAAA,YAAY,YAAY,GAAG;AAAA,UAChE,UAAY,EAAA,QAAA;AAAA,SACd;AAAA,OACF;AAAA,KACF;AAAA,IAEA,CAAC,CAAI,CAAA,EAAA,YAAY,CAAc,WAAA,EAAA,YAAY,aAAa,GAAG;AAAA,MACzD,CAAC,KAAK,YAAY,CAAA,QAAA,EAAW,YAAY,CAAqB,kBAAA,EAAA,YAAY,YAAY,GAAG;AAAA,QACvF,UAAY,EAAA,QAAA;AAAA,OACd;AAAA,KACF;AAAA,GACF,CAAA;AACF;;;;"}