{"version":3,"file":"sorting-card.cjs","sources":["../../../../packages/components-wc/src/subject/sorting-card.ts"],"sourcesContent":["import { css, html } from 'lit'\n\nexport const sortingCardStyles = css`\n  .sorting-card {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 14px;\n    background: #fff;\n    border: 1px solid #e4e7ed;\n    border-radius: 10px;\n    transition: all 0.2s;\n  }\n\n  .sorting-card:hover {\n    border-color: #bfd1ff;\n    background: #f8fbff;\n  }\n\n  .sorting-handle {\n    color: #909399;\n    font-size: 16px;\n    line-height: 1;\n    user-select: none;\n  }\n\n  .sorting-content {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .sorting-title {\n    font-size: 13px;\n    color: #303133;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .sorting-meta {\n    margin-top: 4px;\n    font-size: 12px;\n    color: #909399;\n  }\n`\n\nexport function renderSortingCard(title: string, meta: string) {\n  return html`\n    <div class=\"sorting-card\">\n      <span class=\"sorting-handle\">⋮⋮</span>\n      <div class=\"sorting-content\">\n        <div class=\"sorting-title\">${title}</div>\n        <div class=\"sorting-meta\">${meta}</div>\n      </div>\n    </div>\n  `\n}\n"],"names":["sortingCardStyles","css","title","meta","html"],"mappings":"kCAEO,MAAMA,EAAoBC,EAAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BA4C1B,SAA2BC,EAAeC,GAC/C,OAAOC,EAAAA,IAAA;;;;qCAI4BF;oCACDC;;;GAIpC"}