'use strict';

var BaseStyle = require('primevue/base/style');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);

var theme = function theme(_ref) {
  var dt = _ref.dt;
  return "\n.p-popover {\n    margin-top: 10px;\n    background: ".concat(dt('popover.background'), ";\n    color: ").concat(dt('popover.color'), ";\n    border: 1px solid ").concat(dt('popover.border.color'), ";\n    border-radius: ").concat(dt('rounded.base'), ";\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n}\n\n.p-popover-content {\n    padding: 0.75rem;\n}\n\n.p-popover-flipped {\n    margin-top: 0;\n    margin-bottom: 10px;\n}\n\n.p-popover-enter-from {\n    opacity: 0;\n    transform: scaleY(0.8);\n}\n\n.p-popover-leave-to {\n    opacity: 0;\n}\n\n.p-popover-enter-active {\n    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-popover-leave-active {\n    transition: opacity 0.1s linear;\n}\n\n.p-popover:after,\n.p-popover:before {\n    bottom: 100%;\n    left: ").concat(dt('{overlay.arrow.left} + 1.25rem', 0), ";\n    content: \" \";\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n}\n\n.p-popover:after {\n    border-width: 8px;\n    margin-left: -8px;\n    border-style: solid;\n    border-color: transparent;\n    border-bottom-color: ").concat(dt('popover.background'), ";\n}\n\n.p-popover:before {\n    border-width: 10px;\n    margin-left: -10px;\n    border-style: solid;\n    border-color: transparent;\n    border-bottom-color: ").concat(dt('popover.border.color'), ";\n}\n\n.p-popover-flipped:after,\n.p-popover-flipped:before {\n    bottom: auto;\n    top: 100%;\n}\n\n.p-popover.p-popover-flipped:after {\n    border-bottom-color: transparent;\n    border-top-color: ").concat(dt('popover.background'), ";\n}\n\n.p-popover.p-popover-flipped:before {\n    border-bottom-color: transparent;\n    border-top-color: ").concat(dt('popover.border.color'), ";\n}\n");
};
var classes = {
  root: function root(_ref2) {
    var instance = _ref2.instance;
    return ['p-popover p-component', {
      'p-ripple-disabled': instance.$primevue.config.ripple === false
    }];
  },
  content: 'p-popover-content'
};
var PopoverStyle = BaseStyle__default["default"].extend({
  name: 'popover',
  theme: theme,
  classes: classes
});

module.exports = PopoverStyle;
