"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 ShortcutItem () {
        return ShortcutItem;
    },
    get ShortcutList () {
        return ShortcutList;
    },
    get ShortcutTitle () {
        return ShortcutTitle;
    },
    get ShortcutTitleWrapper () {
        return ShortcutTitleWrapper;
    },
    get ShortcutsWrapper () {
        return ShortcutsWrapper;
    },
    get StyledCell () {
        return StyledCell;
    }
});
const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
const _mixins = require("../../../../mixins");
const _Cell = require("../../../Cell");
const _engines = require("../../../../engines");
const _DateTimePickertokens = require("../../DateTimePicker.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const mergedCellConfig = (0, _engines.mergeConfig)(_Cell.cellConfig);
const Cell = (0, _engines.component)(mergedCellConfig);
const ShortcutsWrapper = _styledcomponents.default.div.withConfig({
    displayName: "DateShortcutList.styles__ShortcutsWrapper",
    componentId: "sc-36758df7-0"
})([
    `order:`,
    `;display:flex;flex-direction:`,
    `;gap:var(`,
    `);flex-shrink:`,
    `;overflow-y:hidden;height:`,
    `;`
], ({ dateShortcutsPlacement })=>dateShortcutsPlacement === 'left' ? 'unset' : '999', ({ dateShortcutsPlacement })=>dateShortcutsPlacement === 'left' ? 'row-reverse' : 'row', _DateTimePickertokens.tokens.popoverGap, ({ innerWidth })=>innerWidth && innerWidth !== '0' ? '2' : '0', ({ innerHeight })=>innerHeight && innerHeight !== '0' ? `calc(${innerHeight} - var(${_DateTimePickertokens.tokens.popoverVerticalPadding}))` : `var(${_DateTimePickertokens.tokens.calendarHeight})`);
const ShortcutList = _styledcomponents.default.ul.withConfig({
    displayName: "DateShortcutList.styles__ShortcutList",
    componentId: "sc-36758df7-1"
})([
    `width:`,
    `;list-style:none;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;::-webkit-scrollbar{display:none;}`
], ({ width })=>width || 'fit-content');
const ShortcutItem = _styledcomponents.default.li.withConfig({
    displayName: "DateShortcutList.styles__ShortcutItem",
    componentId: "sc-36758df7-2"
})([
    `padding:var(`,
    `);border-radius:var(`,
    `);&:hover:not(.`,
    `){cursor:pointer;background:var(`,
    `);}&.`,
    `{opacity:`,
    `;cursor:not-allowed;}:focus{outline:none;}`,
    `;`
], _DateTimePickertokens.tokens.shortcutPadding, _DateTimePickertokens.tokens.shortcutBorderRadius, _DateTimePickertokens.classes.shortcutItemDisabled, _DateTimePickertokens.tokens.shortcutBackgroundHover, _DateTimePickertokens.classes.shortcutItemDisabled, _DateTimePickertokens.tokens.disabledOpacity, (0, _mixins.addFocus)({
    outlineSize: '0.063rem',
    outlineOffset: '-0.063rem',
    outlineColor: `var(${_DateTimePickertokens.tokens.outlineFocusColor})`,
    outlineRadius: `var(${_DateTimePickertokens.tokens.shortcutBorderRadius})`,
    hasTransition: false
}));
const StyledCell = (0, _styledcomponents.default)(Cell).withConfig({
    displayName: "DateShortcutList.styles__StyledCell",
    componentId: "sc-36758df7-3"
})([
    ``,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`
], _Cell.cellTokens.cellTitleColor, _DateTimePickertokens.tokens.shortcutColor, _Cell.cellTokens.cellPadding, _DateTimePickertokens.tokens.shortcutPadding, _Cell.cellTokens.cellPaddingContent, _DateTimePickertokens.tokens.shortcutPaddingContent, _Cell.cellTokens.cellPaddingLeftContent, _DateTimePickertokens.tokens.shortcutPaddingLeftContent, _Cell.cellTokens.cellPaddingRightContent, _DateTimePickertokens.tokens.shortcutPaddingRightContent, _Cell.cellTokens.cellGap, _DateTimePickertokens.tokens.shortcutGap);
const ShortcutTitleWrapper = _styledcomponents.default.div.withConfig({
    displayName: "DateShortcutList.styles__ShortcutTitleWrapper",
    componentId: "sc-36758df7-4"
})([
    `display:grid;`
]);
const ShortcutTitle = _styledcomponents.default.span.withConfig({
    displayName: "DateShortcutList.styles__ShortcutTitle",
    componentId: "sc-36758df7-5"
})([
    `font-family:var(`,
    `);font-size:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);`,
    ``
], _DateTimePickertokens.tokens.shortcutFontFamily, _DateTimePickertokens.tokens.shortcutFontSize, _DateTimePickertokens.tokens.shortcutFontStyle, _DateTimePickertokens.tokens.shortcutFontWeight, _DateTimePickertokens.tokens.shortcutLetterSpacing, _DateTimePickertokens.tokens.shortcutLineHeight, (0, _mixins.applyEllipsis)());
