@orca-fe/pdf-viewer/lib/plugins/PDFTooltipPlugin/PDFTooltip/PDFTooltip.style.js

PDF Viewer

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _simpleJss = require("@orca-fe/simple-jss");
var _jssPluginAutoPrefix = _interopRequireDefault(require("@orca-fe/jss-plugin-auto-prefix"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var prefix = 'pdf-tooltip';
var _default = exports.default = (0, _simpleJss.createUseStyles)({
  root: {
    position: 'absolute',
    minHeight: 24,
    '--pdf-tooltip-color': '#c00',
    color: 'var(--pdf-tooltip-color)',
    transformOrigin: 'left top',
    userSelect: 'none',
    '&:hover': {
      outline: '1px solid var(--pdf-tooltip-color)'
    },
    '&:focus-within': {
      outline: '1px solid var(--pdf-tooltip-color)'
    },
    '& .editable-div-editing': {
      border: 'none'
    }
  },
  box: {
    cursor: 'move',
    border: '1px solid var(--pdf-tooltip-color)'
  },
  input: {
    '&.editable-div-root': {
      padding: [4, 8],
      minHeight: '1.5em',
      '& pre': {
        fontFamily: 'system-ui'
      }
    }
  },
  disabled: {
    opacity: 0.7,
    pointerEvents: 'none'
  },
  editable: {
    outline: '2px solid var(--pdf-tooltip-color)',
    '&:hover': {
      outline: '2px solid var(--pdf-tooltip-color)'
    },
    '&:focus-within': {
      outline: '2px solid var(--pdf-tooltip-color)'
    },
    zIndex: 1,
    '& $box': {
      cursor: 'move'
    },
    '& $dragHandler': {
      display: 'block'
    }
  },
  svg: {
    pointerEvents: 'none',
    position: 'absolute',
    left: 0,
    top: 0,
    overflow: 'visible',
    stroke: 'var(--pdf-tooltip-color)',
    fill: 'var(--pdf-tooltip-color)',
    '& *': {
      pointerEvents: 'initial'
    }
  },
  dragHandler: {
    position: 'absolute',
    width: 8,
    height: 8,
    backgroundColor: '#fff',
    border: '1px solid var(--pdf-tooltip-color)',
    transform: 'translate(-50%, -50%)',
    display: 'none'
  },
  widthResizer: {
    cursor: 'ew-resize',
    height: '80%',
    width: 6
  },
  pointResizer: {
    cursor: 'move'
  }
}, {
  classNamePrefix: prefix,
  plugins: [(0, _jssPluginAutoPrefix.default)({
    prefix: prefix
  })]
});