{"version":3,"file":"styles.mjs","sources":["../../../../src/components/Cascader/styles.ts"],"sourcesContent":["import { css, keyframes } from '@emotion/css';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nimport { getIconPath } from '../Icon/utils';\n\nconst slideUpIn = keyframes({\n  '0%': {\n    opacity: 0,\n    transformOrigin: '0% 0%',\n    transform: 'scaleY(0.8)',\n  },\n\n  '100%': {\n    opacity: 1,\n    transformOrigin: '0% 0%',\n    transform: 'scaleY(1)',\n  },\n});\n\nconst slideUpOut = keyframes({\n  '0%': {\n    opacity: 1,\n    transformOrigin: '0% 0%',\n    transform: 'scaleY(1)',\n  },\n\n  '100%': {\n    opacity: 0,\n    transformOrigin: '0% 0%',\n    transform: 'scaleY(0.8)',\n  },\n});\n\nconst slideDownIn = keyframes({\n  '0%': {\n    opacity: 0,\n    transformOrigin: '0% 100%',\n    transform: 'scaleY(0.8)',\n  },\n\n  '100%': {\n    opacity: 1,\n    transformOrigin: '0% 100%',\n    transform: 'scaleY(1)',\n  },\n});\n\nconst slideDownOut = keyframes({\n  '0%': {\n    opacity: 1,\n    transformOrigin: '0% 100%',\n    transform: 'scaleY(1)',\n  },\n\n  '100%': {\n    opacity: 0,\n    transformOrigin: '0% 100%',\n    transform: 'scaleY(0.8)',\n  },\n});\n\nexport const getCascaderStyles = (theme: GrafanaTheme2) => {\n  const iconPath = getIconPath('angle-right');\n  return {\n    dropdown: css({\n      '&.rc-cascader-dropdown': {\n        position: 'absolute',\n        // Required, otherwise the portal that the popup is shown in will render under other components\n        zIndex: 9999,\n\n        '&-hidden': {\n          display: 'none',\n        },\n      },\n      '.rc-cascader': {\n        '&-menus': {\n          overflow: 'hidden',\n          background: theme.colors.background.elevated,\n          border: `none`,\n          borderRadius: theme.shape.radius.default,\n          boxShadow: theme.shadows.z3,\n          whiteSpace: 'nowrap',\n\n          '&.slide-up-enter, &.slide-up-appear': {\n            animationDuration: '0.3s',\n            animationFillMode: 'both',\n            transformOrigin: '0 0',\n            opacity: 0,\n            animationTimingFunction: 'cubic-bezier(0.08, 0.82, 0.17, 1)',\n            animationPlayState: 'paused',\n          },\n\n          '&.slide-up-enter.slide-up-enter-active.rc-cascader-menus-placement, &.slide-up-appear.slide-up-appear-active.rc-cascader-menus-placement':\n            {\n              '&-bottomLeft': {\n                animationName: slideUpIn,\n                animationPlayState: 'running',\n              },\n\n              '&-topLeft': {\n                animationName: slideDownIn,\n                animationPlayState: 'running',\n              },\n            },\n\n          '&.slide-up-leave': {\n            animationDuration: '0.3s',\n            animationFillMode: 'both',\n            transformOrigin: '0 0',\n            opacity: 1,\n            animationTimingFunction: 'cubic-bezier(0.6, 0.04, 0.98, 0.34)',\n            animationPlayState: 'paused',\n\n            '&.slide-up-leave-active.rc-cascader-menus-placement': {\n              '&-bottomLeft': {\n                animationName: slideUpOut,\n                animationPlayState: 'running',\n              },\n\n              '&-topLeft': {\n                animationName: slideDownOut,\n                animationPlayState: 'running',\n              },\n            },\n          },\n        },\n\n        '&-menu': {\n          display: 'inline-block',\n          maxWidth: '50vw',\n          height: '192px',\n          listStyle: 'none',\n          margin: 0,\n          padding: theme.spacing(0.5),\n          borderRight: `1px solid ${theme.colors.border.weak}`,\n          overflow: 'auto',\n\n          '&:last-child': {\n            borderRight: 0,\n          },\n\n          '&-item': {\n            height: theme.spacing(4),\n            lineHeight: theme.spacing(4),\n            padding: theme.spacing(0, 4, 0, 2),\n            borderRadius: theme.shape.radius.default,\n            cursor: 'pointer',\n            whiteSpace: 'nowrap',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            transition: 'all 0.3s ease',\n            position: 'relative',\n\n            '&:hover': {\n              background: theme.colors.action.hover,\n            },\n\n            '&-disabled': {\n              cursor: 'not-allowed',\n              color: theme.colors.text.disabled,\n\n              '&:hover': {\n                background: 'transparent',\n              },\n\n              '&:after': {\n                position: 'absolute',\n                right: '12px',\n                content: \"'loading'\",\n                color: theme.colors.text.disabled,\n                fontStyle: 'italic',\n              },\n            },\n\n            '&-active': {\n              color: theme.colors.text.maxContrast,\n              background: theme.colors.background.secondary,\n\n              '&:hover': {\n                background: theme.colors.action.hover,\n              },\n            },\n\n            '&-expand': {\n              position: 'relative',\n\n              '&:after': {\n                background: theme.colors.text.primary,\n                content: \"''\",\n                height: theme.spacing(3),\n                mask: `url(${iconPath})`,\n                maskType: 'luminance',\n                position: 'absolute',\n                right: 0,\n                top: theme.spacing(0.5),\n                width: theme.spacing(3),\n              },\n            },\n          },\n        },\n      },\n    }),\n  };\n};\n"],"names":[],"mappings":"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"}