1 line
7.5 KiB
Text
1 line
7.5 KiB
Text
|
{"version":3,"file":"ListItemText.52d31dfa.js","sources":["../../node_modules/@suid/material/ListItemText/listItemTextClasses.js","../../node_modules/@suid/material/ListItemText/ListItemText.jsx"],"sourcesContent":["import { generateUtilityClass, generateUtilityClasses } from \"@suid/base\";\nexport function getListItemTextUtilityClass(slot) {\n return generateUtilityClass(\"MuiListItemText\", slot);\n}\nconst listItemTextClasses = generateUtilityClasses(\"MuiListItemText\", [\"root\", \"multiline\", \"dense\", \"inset\", \"primary\", \"secondary\"]);\nexport default listItemTextClasses;\n","import { useListContext } from \"../List/ListContext\";\nimport Typography from \"../Typography\";\nimport styled from \"../styles/styled\";\nimport listItemTextClasses, { getListItemTextUtilityClass, } from \"./listItemTextClasses\";\nimport createComponentFactory from \"@suid/base/createComponentFactory\";\nimport clsx from \"clsx\";\nimport { children, createMemo, mergeProps } from \"solid-js\";\nconst $ = createComponentFactory()({\n name: \"MuiListItemText\",\n selfPropNames: [\n \"children\",\n \"classes\",\n \"disableTypography\",\n \"inset\",\n \"primary\",\n \"primaryTypographyProps\",\n \"secondary\",\n \"secondaryTypographyProps\",\n ],\n propDefaults: ({ set }) => set({\n disableTypography: false,\n inset: false,\n }),\n utilityClass: getListItemTextUtilityClass,\n slotClasses: (ownerState) => ({\n root: [\n \"root\",\n ownerState.inset && \"inset\",\n ownerState.dense && \"dense\",\n !!ownerState.primary && !!ownerState.secondary && \"multiline\",\n ],\n primary: [\"primary\"],\n secondary: [\"secondary\"],\n }),\n});\nconst ListItemTextRoot = styled(\"div\", {\n name: \"MuiListItemText\",\n slot: \"Root\",\n overridesResolver: (props, styles) => {\n const { ownerState } = props;\n return [\n { [`& .${listItemTextClasses.primary}`]: styles.primary },\n { [`& .${listItemTextClasses.secondary}`]: styles.secondary },\n styles.root,\n ownerState.inset && styles.inset,\n ownerState.primary && ownerState.secondary && styles.multiline,\n ownerState.dense && styles.dense,\n ];\n },\n})(({ ownerState }) => ({\n flex: \"1 1 auto\",\n minWidth: 0,\n marginTop: 4,\n marginBottom: 4,\n ...(ownerState.primary &&\n ownerState.secondary && {\n marginTop: 6,\n marginBottom: 6,\n }),\n ...(ownerState.inset && {\n paddingLeft: 56,\n }),\n}));\n/**\n *\n * Demos:\n *\n * - [Lists](https://mui.com/components/lists/)\n *\n * API:\n *\n * - [ListItemText API](https://mui.com/api/list-item-text/)\n */\nconst ListItemText = $.component(function ListItemText({ allProps, classes, otherProps, props, }) {\n const context = useListContext();\n const ownerState = mergeProps(allProps, {\n get dense() {\n return context.dense;\n },\n });\n const isDefined = (v) => v !== \"undefined\" && v !== null;\n const isTypography = (v) => v instanceof HTMLElement && v.classList.contains(Typography.toString());\n const primary = createMemo(() => {\n const primary = children(() => props.primary ?? props.children)();\n if (isDefined(primary) &&\n !isTypography(primary) &&\n !props.disableTypography) {\n return (<Typography variant={context.dense ? \"body2\" : \"body1\"} className={classes.primary} component=\"span\" display=\"block\" {...(props.primaryTypographyProps || {})}>\n {primary}\n </Typography>);\n }\n else {\n return primary;\n }\n });\n const secondary = createMemo(() => {\n const secondary = children(() => props.secondary)();\n if (isDefined(secondary) &&\n !isTypography(secondary) &&\n !props.disableTypography) {\n return (<Typography variant=\"body2\"
|