"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.RND_STYLES = exports.RND_RESIZE_CLASSNAMES = exports.CLASSNAME_TRIGGER_TEMPLATE_SPINNER = exports.CLASSNAME_TRIGGER_TEMPLATE_ICON = exports.MODAL_CLASSNAME_TRIGGER_TEMPLATE_ACTIVE = exports.MODAL_CLASSNAME_CONTENT = exports.CLASSNAME_HEADER = exports.CLASSNAME_WRAP = exports.CN_MODAL = void 0;

var _styles = require("@vincent_za/styles");

var CN_MODAL = 'modal';
exports.CN_MODAL = CN_MODAL;
var CLASSNAME_WRAP = 'wrap';
exports.CLASSNAME_WRAP = CLASSNAME_WRAP;
var CLASSNAME_HEADER = 'header';
exports.CLASSNAME_HEADER = CLASSNAME_HEADER;
var MODAL_CLASSNAME_CONTENT = 'content';
exports.MODAL_CLASSNAME_CONTENT = MODAL_CLASSNAME_CONTENT;
var MODAL_CLASSNAME_TRIGGER_TEMPLATE_ACTIVE = 'trigger-template-wrap-is-active';
exports.MODAL_CLASSNAME_TRIGGER_TEMPLATE_ACTIVE = MODAL_CLASSNAME_TRIGGER_TEMPLATE_ACTIVE;
var CLASSNAME_TRIGGER_TEMPLATE_ICON = 'trigger-template-icon';
exports.CLASSNAME_TRIGGER_TEMPLATE_ICON = CLASSNAME_TRIGGER_TEMPLATE_ICON;
var CLASSNAME_TRIGGER_TEMPLATE_SPINNER = 'trigger-template-spinner';
exports.CLASSNAME_TRIGGER_TEMPLATE_SPINNER = CLASSNAME_TRIGGER_TEMPLATE_SPINNER;
var RND_RESIZE_CLASSNAMES = {
  top: 'resize resize--top',
  topRight: 'resize-diagonal resize-diagonal--top-right',
  right: 'resize resize--right',
  bottomRight: 'resize-diagonal resize-diagonal--bottom-right',
  bottom: 'resize resize--bottom',
  bottomLeft: 'resize-diagonal resize-diagonal--bottom-left',
  left: 'resize resize--left',
  topLeft: 'resize-diagonal resize-diagonal--top-left'
};
exports.RND_RESIZE_CLASSNAMES = RND_RESIZE_CLASSNAMES;
var RND_STYLES = "\n  background-color: ".concat(_styles.WHITE, ";\n  box-shadow: 4px 4px 7px -5px #5c5c5e21;\n\n  .resize {\n    z-index: 2;\n\n    &:hover {\n      background: transparent;\n    }\n\n    &--top {\n      top: 0 !important;\n      height: 6px !important;\n    }\n    &--right {\n      right: 0 !important;\n      width: 6px !important;\n    }\n    &--bottom {\n      bottom: 0 !important;\n      height: 6px !important;\n    }\n    &--left {\n      left: 0 !important;\n      width: 6px !important;\n    }\n  }\n\n  .resize-diagonal {\n    z-index: 1;\n    width: 0 !important;\n    height: 0 !important;\n    opacity: 0;\n\n    &:hover {\n      opacity: 1;\n    }\n\n    &--top-right {\n      top: 0 !important;\n      right: 0 !important;\n      border-top: 16px solid transparent;\n      border-left: 16px solid transparent;\n    }\n    &--bottom-right {\n      bottom: 0 !important;\n      right: 0 !important;\n      border-bottom: 16px solid transparent;\n      border-left: 16px solid transparent;\n    }\n    &--bottom-left {\n      bottom: 0 !important;\n      left: 0 !important;\n      border-bottom: 16px solid transparent;\n      border-right: 16px solid transparent;\n    }\n    &--top-left {\n      top: 0 !important;\n      left: 0 !important;\n      border-top: 16px solid transparent;\n      border-right: 16px solid transparent;\n    }\n  }\n");
exports.RND_STYLES = RND_STYLES;