"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
function _export(target, all) {
    for(var name in all)Object.defineProperty(target, name, {
        enumerable: true,
        get: Object.getOwnPropertyDescriptor(all, name).get
    });
}
_export(exports, {
    get ButtonsWrapper () {
        return ButtonsWrapper;
    },
    get CloseIconWrapper () {
        return CloseIconWrapper;
    },
    get ContentBox () {
        return ContentBox;
    },
    get IconWrapper () {
        return IconWrapper;
    },
    get StyledContent () {
        return StyledContent;
    },
    get StyledItemWrapper () {
        return StyledItemWrapper;
    },
    get StyledNotification () {
        return StyledNotification;
    },
    get StyledRoot () {
        return StyledRoot;
    },
    get StyledTitle () {
        return StyledTitle;
    },
    get TextBox () {
        return TextBox;
    },
    get Wrapper () {
        return Wrapper;
    }
});
var _react = require("@emotion/react");
var _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
var _mixins = require("../../mixins");
var _Button = require("../Button");
var _engines = require("../../engines");
var _Notificationtokens = require("./Notification.tokens");
var _Notificationtypes = require("./Notification.types");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
var StyledNotification = (0, /*#__PURE__*/ _react.css)("width:fit-content;", "StyledNotification");
var mergedButtonConfig = (0, _engines.mergeConfig)(_Button.buttonConfig);
var Button = (0, _engines.component)(mergedButtonConfig);
var CloseIconWrapper = /*#__PURE__*/ (0, _styled.default)(Button, {
    target: "el7hwfs0",
    label: "CloseIconWrapper"
})("position:absolute;width:var(", _Notificationtokens.tokens.closeIconButtonSize, ");height:var(", _Notificationtokens.tokens.closeIconButtonSize, ");align-self:var(", _Notificationtokens.tokens.horisontalIconCloseAlignSelf, ");color:var(", _Notificationtokens.tokens.closeIconColor, ");:hover{color:var(", _Notificationtokens.tokens.closeIconColorOnHover, ");}&.", _Notificationtokens.classes.horizontal, "{position:relative;}");
var Wrapper = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "el7hwfs1",
    label: "Wrapper"
})("position:relative;width:", function(param) {
    var _param_width = param.width, width = _param_width === void 0 ? "var(".concat(_Notificationtokens.tokens.width, ")") : _param_width;
    return width;
}, ";max-width:", function(param) {
    var maxWidth = param.maxWidth;
    return maxWidth || 'unset';
}, ";border-radius:var(", _Notificationtokens.tokens.borderRadius, ");border:var(", _Notificationtokens.tokens.borderWidth, ") solid var(", _Notificationtokens.tokens.borderColor, ");background:", function(param) {
    var backgroundColor = param.backgroundColor;
    return backgroundColor || "var(".concat(_Notificationtokens.tokens.background, ")");
}, ";box-sizing:border-box;&.", _Notificationtokens.classes.horizontal, "{display:flex;align-items:center;gap:var(", _Notificationtokens.tokens.horizontalLayoutGap, ");}");
var ButtonsWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "el7hwfs2",
    label: "ButtonsWrapper"
})("margin-top:var(", _Notificationtokens.tokens.buttonsMarginTop, ");margin-left:", function(param) {
    var iconPlacement = param.iconPlacement;
    return iconPlacement === _Notificationtypes.placements.left ? "var(".concat(_Notificationtokens.tokens.buttonsMarginLeft, ")") : 'unset';
}, ";align-self:var(", _Notificationtokens.tokens.horisontalActionsAlignSelf, ");&.", _Notificationtokens.classes.horizontal, "{margin-top:unset;margin-left:unset;}");
var IconWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "el7hwfs3",
    label: "IconWrapper"
})("width:var(", _Notificationtokens.tokens.contentLeftIconSize, ");height:var(", _Notificationtokens.tokens.contentLeftIconSize, ");align-self:var(", _Notificationtokens.tokens.horisontalIconLeftAlignSelf, ");color:", function(param) {
    var iconColor = param.iconColor;
    return iconColor || "var(".concat(_Notificationtokens.tokens.contentLeftIconColor, ")");
}, ";margin-right:", function(param) {
    var iconPlacement = param.iconPlacement;
    return iconPlacement === _Notificationtypes.placements.left ? "var(".concat(_Notificationtokens.tokens.contentLeftIconMargin, ")") : 'unset';
}, ";margin-bottom:", function(param) {
    var iconPlacement = param.iconPlacement;
    return iconPlacement === _Notificationtypes.placements.top ? "var(".concat(_Notificationtokens.tokens.contentTopIconMargin, ")") : 'unset';
}, ";&.", _Notificationtokens.classes.horizontal, "{margin-right:var(", _Notificationtokens.tokens.horizontalLayoutLeftIconMargin, ");margin-bottom:unset;}");
var ContentBox = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "el7hwfs4",
    label: "ContentBox"
})("display:", function(param) {
    var iconPlacement = param.iconPlacement;
    return iconPlacement === _Notificationtypes.placements.left ? 'flex' : 'block';
}, ";padding-top:", function(param) {
    var iconPlacement = param.iconPlacement;
    return iconPlacement ? "var(".concat(_Notificationtokens.tokens.contentPaddingTop, ")") : "var(".concat(_Notificationtokens.tokens.contentPaddingTopWithoutIcon, ")");
}, ";&.", _Notificationtokens.classes.horizontal, "{padding:unset;display:flex;align-items:center;flex-grow:1;}");
var TextBox = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "el7hwfs5",
    label: "TextBox"
})("padding:var(", _Notificationtokens.tokens.textboxPaddingTop, ") var(", _Notificationtokens.tokens.textboxPaddingRight, ") var(", _Notificationtokens.tokens.textboxPaddingBottom, ")\n        var(", _Notificationtokens.tokens.textboxPaddingLeft, ");padding-top:", function(param) {
    var iconPlacement = param.iconPlacement;
    return !iconPlacement || iconPlacement === _Notificationtypes.placements.top ? "var(".concat(_Notificationtokens.tokens.textboxPaddingTopWithTopIcon, ")") : "var(".concat(_Notificationtokens.tokens.textboxPaddingTop, ")");
}, ";padding-right:", function(param) {
    var showCloseIcon = param.showCloseIcon, iconPlacement = param.iconPlacement;
    return showCloseIcon && iconPlacement !== _Notificationtypes.placements.top ? "var(".concat(_Notificationtokens.tokens.textboxPaddingRightWithCloseIcon, ")") : "var(".concat(_Notificationtokens.tokens.textboxPaddingRight, ")");
}, ";display:flex;flex-direction:column;row-gap:var(", _Notificationtokens.tokens.textboxGap, ");word-break:break-word;&.", _Notificationtokens.classes.horizontal, "{padding:unset;}");
var StyledTitle = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "el7hwfs6",
    label: "StyledTitle"
})("font-family:var(", _Notificationtokens.tokens.titleFontFamily, ");font-size:var(", _Notificationtokens.tokens.titleFontSize, ");font-style:var(", _Notificationtokens.tokens.titleFontStyle, ");font-weight:var(", _Notificationtokens.tokens.titleFontWeight, ");letter-spacing:var(", _Notificationtokens.tokens.titleFontLetterSpacing, ");line-height:var(", _Notificationtokens.tokens.titleFontLineHeight, ");", String(_mixins.applyHyphens), ";color:", function(param) {
    var textColor = param.textColor;
    return textColor || "var(".concat(_Notificationtokens.tokens.titleColor, ")");
}, ";");
var StyledContent = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "el7hwfs7",
    label: "StyledContent"
})("font-family:var(", _Notificationtokens.tokens.contentFontFamily, ");font-size:var(", _Notificationtokens.tokens.contentFontSize, ");font-style:var(", _Notificationtokens.tokens.contentFontStyle, ");font-weight:var(", _Notificationtokens.tokens.contentFontWeight, ");letter-spacing:var(", _Notificationtokens.tokens.contentFontLetterSpacing, ");line-height:var(", _Notificationtokens.tokens.contentFontLineHeight, ");", String(_mixins.applyHyphens), ";color:", function(param) {
    var textColor = param.textColor;
    return textColor || "var(".concat(_Notificationtokens.tokens.contentColor, ")");
}, ";");
var StyledItemWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "el7hwfs8",
    label: "StyledItemWrapper"
})("margin-top:1rem;opacity:1;&&.", _Notificationtokens.classes.notificationItemOpened, "{animation:0.4s showAnimation ease-out;&.", _Notificationtokens.classes.notificationLeftToRightAnimation, "{animation:0.4s showLeftToRightAnimation ease-out;}&.", _Notificationtokens.classes.notificationTopToCenterAnimation, "{animation:0.4s showTopToCenterAnimation ease-out;}&.", _Notificationtokens.classes.notificationBottomToCenterAnimation, "{animation:0.4s showBottomToCenterAnimation ease-out;}}&&.", _Notificationtokens.classes.notificationItemHidden, "{animation:0.4s hideAnimation ease-out;&.", _Notificationtokens.classes.notificationLeftToRightAnimation, "{animation:0.4s hideLeftToRightAnimation ease-out;}}@keyframes showTopToCenterAnimation{0%{transform:translateY(-100%);opacity:0;}100%{transform:translateY(0);opacity:1;}}@keyframes showBottomToCenterAnimation{0%{transform:translateY(100%);opacity:0;}100%{transform:translateY(0);opacity:1;}}@keyframes showLeftToRightAnimation{0%{transform:translateX(-100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@keyframes hideLeftToRightAnimation{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(-100%);opacity:0;}}@keyframes showAnimation{0%{transform:translateX(100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@keyframes hideAnimation{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(100%);opacity:0;}}");
var StyledRoot = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "el7hwfs9",
    label: "StyledRoot"
})("display:flex;flex-direction:column-reverse;box-sizing:border-box;padding:0 1.5rem 1.5rem;max-height:100%;align-items:", function(param) {
    var placement = param.placement;
    return placement === 'bottom-left' ? 'flex-start' : 'flex-end';
}, ";");
