{"_id":"@creaditor/make-newsletter-as-event-plugin","_rev":"4-10a3eaa15e2d3700c00a17102284363c","name":"@creaditor/make-newsletter-as-event-plugin","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@creaditor/make-newsletter-as-event-plugin","version":"1.0.0","_id":"@creaditor/make-newsletter-as-event-plugin@1.0.0","maintainers":[{"name":"creaditor","email":"creaditor.system@gmail.com"}],"dist":{"shasum":"73757679969bb20255be36c7185724140f3800b9","tarball":"https://registry.npmjs.org/@creaditor/make-newsletter-as-event-plugin/-/make-newsletter-as-event-plugin-1.0.0.tgz","fileCount":4,"integrity":"sha512-vwybnb9WfRzD4KHPiFjfKeGawZKLatli0+fEW+lb2ftr1x4L10+aEMedQZ434yrkw3vpCDaoNsMXDgMA43tRhQ==","signatures":[{"sig":"MEYCIQCvfWvZPXpfJNRy+JweRuu5Vpv5Uir6FUcPdrznDhU+egIhAN8l4gdtx9McKhM/OxyduUiNIkmEi5G1Okk4wCcfSTlI","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":25467},"main":"dist/make-newsletter-as-event-plugin.js","type":"module","module":"dist/make-newsletter-as-event-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","@lit-labs/signals":"^0.1.2","@creaditor/popover":"^1.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.2.0","typescript":"~5.7.2"},"_npmOperationalInternal":{"tmp":"tmp/make-newsletter-as-event-plugin_1.0.0_1761102827100_0.36528190725979637","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@creaditor/make-newsletter-as-event-plugin","version":"1.0.1","_id":"@creaditor/make-newsletter-as-event-plugin@1.0.1","maintainers":[{"name":"creaditor","email":"creaditor.system@gmail.com"}],"dist":{"shasum":"9f735f5104c2bc33e88bc1c3d9f2a226dfae483f","tarball":"https://registry.npmjs.org/@creaditor/make-newsletter-as-event-plugin/-/make-newsletter-as-event-plugin-1.0.1.tgz","fileCount":4,"integrity":"sha512-5GdCD1CAP7aNdTFRi3oetoNKHYISQPMiykvbLbhQh85E3g2Y4EE5M5aK/cgLZuNauq/PbVKDY7esUFPj6WqPBQ==","signatures":[{"sig":"MEUCIC/0xs7Mdjbdy5u2DLLpiFmPszq9KUXO5ABZqU4bLZKsAiEA5Vpb1i0Ck9EpnJBbKkR/NYw9Qq9rl5ApzrzPiStlhx8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":25467},"main":"dist/make-newsletter-as-event-plugin.js","type":"module","module":"dist/make-newsletter-as-event-plugin.js","gitHead":"1931d45698291f7820d9d76db1b1a5bba1fe965a","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","@lit-labs/signals":"^0.1.2","@creaditor/popover":"^1.0.3"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.2.0","typescript":"~5.7.2"},"_npmOperationalInternal":{"tmp":"tmp/make-newsletter-as-event-plugin_1.0.1_1761105700424_0.8153185572253925","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@creaditor/make-newsletter-as-event-plugin","version":"1.0.2","_id":"@creaditor/make-newsletter-as-event-plugin@1.0.2","maintainers":[{"name":"creaditor","email":"creaditor.system@gmail.com"}],"dist":{"shasum":"cf297d639cf6fd4f778e2a4cac24afb8566201f8","tarball":"https://registry.npmjs.org/@creaditor/make-newsletter-as-event-plugin/-/make-newsletter-as-event-plugin-1.0.2.tgz","fileCount":5,"integrity":"sha512-v2tHNsSe9xUU1KWqM8QZCuy3RV418Z4sKu6XnfON7/4b7NUn2701DblvJSwMJoQVnNMPfmtjf4TkMfiMqbYnKw==","signatures":[{"sig":"MEQCIC0y8c8V+3DmIe56p+kUmjo0WRLlrQwM37+sAF7oOLKqAiBljZewZIhcf/xwN+zqFFzun4QuFrCU1KW4REewAhXMZg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":32749},"main":"src/index.ts","type":"module","types":"dist/index.d.ts","module":"dist/make-newsletter-as-event-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","@lit-labs/signals":"^0.1.2","@creaditor/popover":"^1.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.2.0","typescript":"~5.7.2"},"_npmOperationalInternal":{"tmp":"tmp/make-newsletter-as-event-plugin_1.0.2_1761512490133_0.38119476667158336","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@creaditor/make-newsletter-as-event-plugin","version":"1.0.3","main":"src/index.ts","module":"dist/make-newsletter-as-event-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/popover":"^1.0.7","@lit-labs/signals":"^0.1.2","lit":"^3.3.1"},"devDependencies":{"typescript":"~5.7.2","vite":"^6.2.0"},"publishConfig":{"access":"public"},"_id":"@creaditor/make-newsletter-as-event-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-lI8LIJ8BJby8UTiuuh/fo2IA3qdLR7KYS/nNFPCB1UWRytfrgCHWobXD+62cST7xp+teOu0S0kT6i4e9p7r5bA==","shasum":"eafe2043167b9480b5075477ecca8e48e9b2ab1e","tarball":"https://registry.npmjs.org/@creaditor/make-newsletter-as-event-plugin/-/make-newsletter-as-event-plugin-1.0.3.tgz","fileCount":5,"unpackedSize":32749,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDuocx6KLWR20Byd8gZYhWCAI3Z42M+l+vx/jtZBkYRDgIgTbxkL7gMs3F1OJ8frgV6V+mLYXTTsmvlj+YegtpKyGg="}]},"_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/make-newsletter-as-event-plugin_1.0.3_1761514765570_0.8968906585486369"},"_hasShrinkwrap":false}},"time":{"created":"2025-10-22T03:13:47.000Z","modified":"2025-10-26T21:39:25.941Z","1.0.0":"2025-10-22T03:13:47.334Z","1.0.1":"2025-10-22T04:01:40.608Z","1.0.2":"2025-10-26T21:01:30.326Z","1.0.3":"2025-10-26T21:39:25.747Z"},"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"}