{"version":3,"file":"index.cjs","sources":["../../../../../../packages/components/mentions/style/index.ts"],"sourcesContent":["import type { FullToken, GenerateStyle } from '@antdv/theme';\nimport type { InputToken } from '../../input/style';\nimport { genComponentStyleHook, resetComponent, textEllipsis } from '@antdv/theme';\nimport {\n  genActiveStyle,\n  genBasicInputStyle,\n  genDisabledStyle,\n  genPlaceholderStyle,\n  genStatusStyle,\n  initInputToken,\n} from '../../input/style';\n\nexport interface ComponentToken {\n  zIndexPopup: number\n  dropdownHeight: number\n  controlItemWidth: number\n}\n\ntype MentionsToken = InputToken<FullToken<'Mentions'>>;\n\nconst genMentionsStyle: GenerateStyle<MentionsToken> = (token) => {\n  const {\n    componentCls,\n    colorTextDisabled,\n    controlItemBgHover,\n    controlPaddingHorizontal,\n    colorText,\n    motionDurationSlow,\n    lineHeight,\n    controlHeight,\n    inputPaddingHorizontal,\n    inputPaddingVertical,\n    fontSize,\n    colorBgElevated,\n    borderRadiusLG,\n    boxShadowSecondary,\n  } = token;\n\n  const itemPaddingVertical = Math.round(\n    (token.controlHeight - token.fontSize * token.lineHeight) / 2,\n  );\n\n  return {\n    [componentCls]: {\n      ...resetComponent(token),\n      ...genBasicInputStyle(token),\n\n      'position': 'relative',\n      'display': 'inline-block',\n      'height': 'auto',\n      'padding': 0,\n      'overflow': 'hidden',\n      lineHeight,\n      'whiteSpace': 'pre-wrap',\n      'verticalAlign': 'bottom',\n\n      ...genStatusStyle(token, componentCls),\n\n      '&-disabled': {\n        '> textarea': {\n          ...genDisabledStyle(token),\n        },\n      },\n\n      '&-focused': {\n        ...genActiveStyle(token),\n      },\n\n      [`&-affix-wrapper ${componentCls}-suffix`]: {\n        position: 'absolute',\n        top: 0,\n        insetInlineEnd: inputPaddingHorizontal,\n        bottom: 0,\n        zIndex: 1,\n        display: 'inline-flex',\n        alignItems: 'center',\n        margin: 'auto',\n      },\n\n      // ================= Input Area =================\n      [`> textarea, ${componentCls}-measure`]: {\n        color: colorText,\n        boxSizing: 'border-box',\n        minHeight: controlHeight - 2,\n        margin: 0,\n        padding: `${inputPaddingVertical}px ${inputPaddingHorizontal}px`,\n        overflow: 'inherit',\n        overflowX: 'hidden',\n        overflowY: 'auto',\n        fontWeight: 'inherit',\n        fontSize: 'inherit',\n        fontFamily: 'inherit',\n        fontStyle: 'inherit',\n        fontVariant: 'inherit',\n        fontSizeAdjust: 'inherit',\n        fontStretch: 'inherit',\n        lineHeight: 'inherit',\n        direction: 'inherit',\n        letterSpacing: 'inherit',\n        whiteSpace: 'inherit',\n        textAlign: 'inherit',\n        verticalAlign: 'top',\n        wordWrap: 'break-word',\n        wordBreak: 'inherit',\n        tabSize: 'inherit',\n      },\n\n      '> textarea': {\n        width: '100%',\n        border: 'none',\n        outline: 'none',\n        resize: 'none',\n        backgroundColor: 'inherit',\n        ...genPlaceholderStyle(token.colorTextPlaceholder),\n      },\n\n      [`${componentCls}-measure`]: {\n        'position': 'absolute',\n        'top': 0,\n        'insetInlineEnd': 0,\n        'bottom': 0,\n        'insetInlineStart': 0,\n        'zIndex': -1,\n        'color': 'transparent',\n        'pointerEvents': 'none',\n\n        '> span': {\n          display: 'inline-block',\n          minHeight: '1em',\n        },\n      },\n\n      // ================== Dropdown ==================\n      '&-dropdown': {\n        // Ref select dropdown style\n        ...resetComponent(token),\n\n        'position': 'absolute',\n        'top': -9999,\n        'insetInlineStart': -9999,\n        'zIndex': token.zIndexPopup,\n        'boxSizing': 'border-box',\n        fontSize,\n        'fontVariant': 'initial',\n        'backgroundColor': colorBgElevated,\n        'borderRadius': borderRadiusLG,\n        'outline': 'none',\n        'boxShadow': boxShadowSecondary,\n\n        '&-hidden': {\n          display: 'none',\n        },\n\n        [`${componentCls}-dropdown-menu`]: {\n          'maxHeight': token.dropdownHeight,\n          'marginBottom': 0,\n          'paddingInlineStart': 0, // Override default ul/ol\n          'overflow': 'auto',\n          'listStyle': 'none',\n          'outline': 'none',\n\n          '&-item': {\n            ...textEllipsis,\n            'position': 'relative',\n            'display': 'block',\n            'minWidth': token.controlItemWidth,\n            'padding': `${itemPaddingVertical}px ${controlPaddingHorizontal}px`,\n            'color': colorText,\n            'fontWeight': 'normal',\n            lineHeight,\n            'cursor': 'pointer',\n            'transition': `background ${motionDurationSlow} ease`,\n\n            '&:hover': {\n              backgroundColor: controlItemBgHover,\n            },\n\n            '&:first-child': {\n              borderStartStartRadius: borderRadiusLG,\n              borderStartEndRadius: borderRadiusLG,\n              borderEndStartRadius: 0,\n              borderEndEndRadius: 0,\n            },\n\n            '&:last-child': {\n              borderStartStartRadius: 0,\n              borderStartEndRadius: 0,\n              borderEndStartRadius: borderRadiusLG,\n              borderEndEndRadius: borderRadiusLG,\n            },\n\n            '&-disabled': {\n              'color': colorTextDisabled,\n              'cursor': 'not-allowed',\n\n              '&:hover': {\n                color: colorTextDisabled,\n                backgroundColor: controlItemBgHover,\n                cursor: 'not-allowed',\n              },\n            },\n\n            '&-selected': {\n              color: colorText,\n              fontWeight: token.fontWeightStrong,\n              backgroundColor: controlItemBgHover,\n            },\n\n            '&-active': {\n              backgroundColor: controlItemBgHover,\n            },\n          },\n        },\n      },\n    },\n  };\n};\n\n// ============================== Export ==============================\nexport default genComponentStyleHook(\n  'Mentions',\n  (token) => {\n    const mentionsToken = initInputToken<FullToken<'Mentions'>>(token);\n    return [genMentionsStyle(mentionsToken)];\n  },\n  token => ({\n    dropdownHeight: 250,\n    controlItemWidth: 100,\n    zIndexPopup: token.zIndexPopupBase + 50,\n  }),\n);\n"],"names":["resetComponent","genBasicInputStyle","genStatusStyle","genDisabledStyle","genActiveStyle","genPlaceholderStyle","textEllipsis","genComponentStyleHook","initInputToken"],"mappings":"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"}