{"_id":"@creaditor/name-and-subject-plugin","_rev":"4-98b32d3d614573bb7a1fb1202e886bad","name":"@creaditor/name-and-subject-plugin","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@creaditor/name-and-subject-plugin","version":"1.0.0","_id":"@creaditor/name-and-subject-plugin@1.0.0","maintainers":[{"name":"creaditor","email":"creaditor.system@gmail.com"}],"dist":{"shasum":"3daffdf03d3e33087a9370f1a12037126ebd96b1","tarball":"https://registry.npmjs.org/@creaditor/name-and-subject-plugin/-/name-and-subject-plugin-1.0.0.tgz","fileCount":4,"integrity":"sha512-9KLe2iCAnX9irJCpcHToJ+Bx2UTOucxgq0LVTmkpCE25JUlqG+8dWp8PaFbExiRGmU9Q1O6EGEdkPTqJ8cj00A==","signatures":[{"sig":"MEQCICj+kUM+hL/qlcLCOkcTeVfrWmc47zwe8MBL+Q47ImHuAiBzQ8UTyECpx/gREQAJKX/EPyVxPl5AHaChnUeCkxfNNw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":39814},"main":"dist/name-and-subject-plugin.js","type":"module","module":"dist/name-and-subject-plugin.js","gitHead":"b43431814deede1b28accc3223857fdb99b3bed1","scripts":{"dev":"vite","build":"tsc && vite build","preview":"vite preview"},"_npmUser":{"name":"creaditor","email":"creaditor.system@gmail.com"},"_npmVersion":"11.3.0","description":"A flexible and modern card component built with Lit, featuring support for both vertical and horizontal layouts, images, tags, and recommended badges.","directories":{},"_nodeVersion":"24.1.0","dependencies":{"lit":"^3.3.1","@creaditor/button":"^1.0.2","@creaditor/config":"^1.0.0","@lit-labs/signals":"^0.1.2","@creaditor/popover":"^1.0.3","@polymer/paper-item":"^3.0.1","emoji-picker-element":"^1.26.3","@polymer/paper-listbox":"^3.0.1","@polymer/paper-dropdown-menu":"^3.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.2.0","typescript":"~5.7.2"},"_npmOperationalInternal":{"tmp":"tmp/name-and-subject-plugin_1.0.0_1761102866543_0.3010281835995523","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@creaditor/name-and-subject-plugin","version":"1.0.1","_id":"@creaditor/name-and-subject-plugin@1.0.1","maintainers":[{"name":"creaditor","email":"creaditor.system@gmail.com"}],"dist":{"shasum":"10ae324c30d40ef41217053a0ac9ceac2e316bce","tarball":"https://registry.npmjs.org/@creaditor/name-and-subject-plugin/-/name-and-subject-plugin-1.0.1.tgz","fileCount":4,"integrity":"sha512-OBtK1kVRKv3f+DajktH2v5gdgNySlfANmotRoVmUbRpK6JH/iFPFw9zlGuZNozOhAFxJcLyduCbH5Jd2ksviJw==","signatures":[{"sig":"MEQCIFvdDsaUcSQNBERDmSyAaBM2VMwPNQ1tx47YtOl64y3gAiBpIlZHkFGob0PELojI6lKnfQVrmMgjtT9+BrIm3uUCNg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":39814},"main":"dist/name-and-subject-plugin.js","type":"module","module":"dist/name-and-subject-plugin.js","gitHead":"1a98efa9cf006582d5045d28244666370b837bf4","scripts":{"dev":"vite","build":"tsc && vite build","preview":"vite preview"},"_npmUser":{"name":"creaditor","email":"creaditor.system@gmail.com"},"_npmVersion":"11.3.0","description":"A flexible and modern card component built with Lit, featuring support for both vertical and horizontal layouts, images, tags, and recommended badges.","directories":{},"_nodeVersion":"24.1.0","dependencies":{"lit":"^3.3.1","@creaditor/button":"^1.0.2","@creaditor/config":"^1.0.0","@lit-labs/signals":"^0.1.2","@creaditor/popover":"^1.0.3","@polymer/paper-item":"^3.0.1","emoji-picker-element":"^1.26.3","@polymer/paper-listbox":"^3.0.1","@polymer/paper-dropdown-menu":"^3.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.2.0","typescript":"~5.7.2"},"_npmOperationalInternal":{"tmp":"tmp/name-and-subject-plugin_1.0.1_1761106359407_0.3287125850269146","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@creaditor/name-and-subject-plugin","version":"1.0.2","_id":"@creaditor/name-and-subject-plugin@1.0.2","maintainers":[{"name":"creaditor","email":"creaditor.system@gmail.com"}],"dist":{"shasum":"edf47c68c6d2c81575f33272766a4250a26e367e","tarball":"https://registry.npmjs.org/@creaditor/name-and-subject-plugin/-/name-and-subject-plugin-1.0.2.tgz","fileCount":8,"integrity":"sha512-dyBkLMChh1Ypl09viq9VdLNQLuzo4fmyDo6a4OQly3oo+yCRZPCkIMOP04c9BK96ZIhcyx0F1UyGLXv+pRNW+A==","signatures":[{"sig":"MEYCIQDDCxNj3pYw+M83GC9n9yuQ+b5nGEjix5SRnL+4AKJXvAIhAIIo75ze34PDywLPdo7guVmP5vQbiIihMQcI007puk8F","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":63243},"main":"src/index.ts","type":"module","types":"dist/index.d.ts","module":"dist/name-and-subject-plugin.js","gitHead":"93c116625636bc8e17ba6a458ee43886df4fc859","scripts":{"dev":"vite","build":"tsc && vite build","preview":"vite preview"},"_npmUser":{"name":"creaditor","email":"creaditor.system@gmail.com"},"_npmVersion":"11.3.0","description":"A flexible and modern card component built with Lit, featuring support for both vertical and horizontal layouts, images, tags, and recommended badges.","directories":{},"_nodeVersion":"24.1.0","dependencies":{"lit":"^3.3.1","@creaditor/button":"^1.0.2","@creaditor/config":"^1.0.0","@lit-labs/signals":"^0.1.2","@creaditor/popover":"^1.0.6","@polymer/paper-item":"^3.0.1","emoji-picker-element":"^1.26.3","@polymer/paper-listbox":"^3.0.1","@polymer/paper-dropdown-menu":"^3.2.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.2.0","typescript":"~5.7.2"},"_npmOperationalInternal":{"tmp":"tmp/name-and-subject-plugin_1.0.2_1761512462252_0.301043899913233","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@creaditor/name-and-subject-plugin","version":"1.0.3","main":"src/index.ts","module":"dist/name-and-subject-plugin.js","types":"dist/index.d.ts","type":"module","scripts":{"dev":"vite","build":"tsc && vite build","preview":"vite preview"},"dependencies":{"@creaditor/button":"^1.0.2","@creaditor/config":"^1.0.0","@creaditor/popover":"^1.0.7","@lit-labs/signals":"^0.1.2","@polymer/paper-dropdown-menu":"^3.2.0","@polymer/paper-item":"^3.0.1","@polymer/paper-listbox":"^3.0.1","emoji-picker-element":"^1.26.3","lit":"^3.3.1"},"devDependencies":{"typescript":"~5.7.2","vite":"^6.2.0"},"publishConfig":{"access":"public"},"_id":"@creaditor/name-and-subject-plugin@1.0.3","gitHead":"799978647676439e4f7e49fb0deeacd101cd1d6b","description":"A flexible and modern card component built with Lit, featuring support for both vertical and horizontal layouts, images, tags, and recommended badges.","_nodeVersion":"24.1.0","_npmVersion":"11.3.0","dist":{"integrity":"sha512-wLKV0sL4m3EKgNU6eS0WA4LNLaKSm4j1xonzYBhdFjMhe9iwhMafqEyZ+T9MI+vm5jNyWcl8XEhGjTdb6jrg3g==","shasum":"776c4cb743a6757a868aeea73554e48b102e9c82","tarball":"https://registry.npmjs.org/@creaditor/name-and-subject-plugin/-/name-and-subject-plugin-1.0.3.tgz","fileCount":8,"unpackedSize":63243,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIGCPYeOrou2iZL+kbXEgeZnSJe3MfwW2v9wVssYYH1QbAiEAz+ahB0uIdukzN7phtLHjTCI4Yn+OLqJwJD9te8NpjZw="}]},"_npmUser":{"name":"creaditor","email":"creaditor.system@gmail.com"},"directories":{},"maintainers":[{"name":"creaditor","email":"creaditor.system@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/name-and-subject-plugin_1.0.3_1761514756959_0.9727832458343633"},"_hasShrinkwrap":false}},"time":{"created":"2025-10-22T03:14:26.486Z","modified":"2025-10-26T21:39:17.340Z","1.0.0":"2025-10-22T03:14:26.763Z","1.0.1":"2025-10-22T04:12:39.590Z","1.0.2":"2025-10-26T21:01:02.471Z","1.0.3":"2025-10-26T21:39:17.139Z"},"description":"A flexible and modern card component built with Lit, featuring support for both vertical and horizontal layouts, images, tags, and recommended badges.","maintainers":[{"name":"creaditor","email":"creaditor.system@gmail.com"}],"readme":"# Simply Card Component\n\nA flexible and modern card component built with Lit, featuring support for both vertical and horizontal layouts, images, tags, and recommended badges.\n\n## Features\n\n- 🎨 Modern, clean design with smooth hover animations\n- 📱 Responsive layout that adapts to different screen sizes\n- 🔄 Supports both vertical and horizontal layouts\n- 🏷️ Optional tag display\n- ⭐ Optional recommended badge\n- 🌐 Built-in internationalization support\n- 🖼️ Fallback image for missing images\n- 🎯 Accessible and semantic HTML structure\n\n## Installation\n\n```bash\nnpm install @simply/card\n```\n\n## Usage\n\n```html\n<!-- Basic usage -->\n<simply-card\n  heading=\"Card Title\"\n  description=\"This is a sample card description.\"\n  image-url=\"https://example.com/image.jpg\"\n></simply-card>\n\n<!-- With tag -->\n<simply-card\n  heading=\"Featured Item\"\n  description=\"A special featured card with a tag.\"\n  image-url=\"https://example.com/image.jpg\"\n  tag=\"New\"\n></simply-card>\n\n<!-- Recommended card -->\n<simply-card\n  heading=\"Best Choice\"\n  description=\"This is our recommended option.\"\n  image-url=\"https://example.com/image.jpg\"\n  recommended\n></simply-card>\n\n<!-- Horizontal layout -->\n<simply-card\n  heading=\"Horizontal Card\"\n  description=\"This card uses a horizontal layout.\"\n  image-url=\"https://example.com/image.jpg\"\n  layout=\"horizontal\"\n></simply-card>\n```\n\n## Properties\n\n| Property | Type | Default | Description |\n|----------|------|---------|-------------|\n| `heading` | String | \"\" | The title of the card |\n| `description` | String | \"\" | The description text of the card |\n| `imageUrl` | String | \"\" | URL of the card's image. Falls back to a placeholder if not provided |\n| `recommended` | Boolean | false | Whether to show the recommended badge |\n| `tag` | String | \"\" | Optional tag text to display on the card |\n| `layout` | 'vertical' \\| 'horizontal' | 'vertical' | The layout direction of the card |\n\n## Styling\n\nThe component uses CSS custom properties and can be styled using standard CSS. The card features:\n\n- Smooth hover animations\n- Responsive design\n- Mobile-first approach\n- Modern shadow effects\n- Proper spacing and typography\n\n## Browser Support\n\nThe component is built using modern web standards and works in all modern browsers that support:\n\n- Custom Elements\n- Shadow DOM\n- CSS Grid\n- CSS Flexbox\n\n## Dependencies\n\n- `@simply/language` - For internationalization support\n- Lit - For web component functionality\n\n## License\n\nMIT\n","readmeFilename":"README.MD"}