From 1e430bbdb2b8fdde35ed630fa1afb107d2a6fec1 Mon Sep 17 00:00:00 2001 From: Shinichi Okada Date: Wed, 6 Sep 2023 06:48:25 +0200 Subject: [PATCH 1/2] feat: add advanced-table page --- CHANGELOG.md | 6 +- README.md | 6 +- package.json | 118 +-- pnpm-lock.yaml | 46 +- src/app.css | 16 +- src/app.html | 2 +- src/lib/Section.svelte | 7 +- src/lib/types.ts | 2 +- src/routes/+page.svelte | 1 - src/routes/application/[slug]/+page.svelte | 1 + src/routes/application/advanced-tables.md | 150 ++- src/routes/application/crud-create-drawers.md | 2 +- src/routes/application/crud-create-forms.md | 2 +- src/routes/application/crud-create-modals.md | 2 +- src/routes/application/crud-delete-confirm.md | 2 +- src/routes/application/crud-read-drawers.md | 2 +- src/routes/application/crud-read-modals.md | 2 +- src/routes/application/crud-read-sections.md | 2 +- src/routes/application/crud-update-drawers.md | 2 +- src/routes/application/crud-update-modals.md | 2 +- src/routes/application/dashboard-footer.md | 2 +- src/routes/application/sidenav.md | 2 +- src/routes/application/table-headers.md | 2 +- src/routes/component-data/ArticleAuthor.json | 10 +- src/routes/component-data/ArticleBody.json | 2 +- src/routes/component-data/ArticleHead.json | 2 +- src/routes/component-data/ArticleWrapper.json | 2 +- src/routes/component-data/Banner.json | 10 +- .../component-data/BlogBodyWrapper.json | 2 +- src/routes/component-data/BlogHead.json | 10 +- src/routes/component-data/BlogTemplate.json | 2 +- src/routes/component-data/Comment.json | 11 +- src/routes/component-data/CommentItem.json | 10 +- src/routes/component-data/Contact.json | 10 +- src/routes/component-data/Content.json | 10 +- .../component-data/ContentWithImage.json | 11 +- src/routes/component-data/Cta.json | 2 +- src/routes/component-data/Facebook.json | 2 +- src/routes/component-data/Faq.json | 2 +- src/routes/component-data/FaqItem.json | 10 +- src/routes/component-data/FeatureDefault.json | 2 +- src/routes/component-data/FeatureItem.json | 11 +- src/routes/component-data/ForgotPassword.json | 2 +- .../component-data/ForgotPasswordHeader.json | 13 +- src/routes/component-data/Github.json | 2 +- src/routes/component-data/HeroBody.json | 2 +- src/routes/component-data/HeroHeader.json | 11 +- src/routes/component-data/Maintenance.json | 11 +- src/routes/component-data/Navigation.json | 10 +- src/routes/component-data/News.json | 10 +- src/routes/component-data/Newsletter.json | 10 +- src/routes/component-data/Page404.json | 10 +- src/routes/component-data/Page500.json | 10 +- src/routes/component-data/Popup.json | 11 +- src/routes/component-data/Portfolio.json | 14 +- src/routes/component-data/PortfolioItem.json | 14 +- .../component-data/PricingBodyHead.json | 11 +- src/routes/component-data/PricingCard.json | 2 +- src/routes/component-data/PricingHead.json | 11 +- src/routes/component-data/PricingItem.json | 2 +- .../component-data/PricingItemWrapper.json | 2 +- src/routes/component-data/Quotes.json | 2 +- src/routes/component-data/Register.json | 11 +- src/routes/component-data/Schedule.json | 2 +- src/routes/component-data/ScheduleItem.json | 13 +- src/routes/component-data/Section.json | 10 +- .../component-data/SidebarBottomNav.json | 2 +- .../component-data/SidebarBottomNavItem.json | 11 +- src/routes/component-data/Social.json | 10 +- src/routes/component-data/TableHeader.json | 11 +- src/routes/component-data/TeamBody.json | 2 +- src/routes/component-data/TeamHeader.json | 2 +- src/routes/component-data/TeamItem.json | 17 +- src/routes/component-data/TeamWrapper.json | 2 +- src/routes/component-data/Testimonial.json | 11 +- .../component-data/TestimonialCard.json | 10 +- .../component-data/TestimonialCardItem.json | 12 +- src/routes/component-data/ToolsIcon.json | 2 +- src/routes/component-data/Twitter.json | 2 +- src/routes/component-data/index.json | 2 +- src/routes/component-data/types.json | 2 +- src/routes/marketing/404.md | 2 +- src/routes/marketing/account-recovery.md | 2 +- src/routes/marketing/banner.md | 2 +- src/routes/marketing/blog.md | 2 +- src/routes/marketing/contact.md | 2 +- src/routes/marketing/content.md | 2 +- src/routes/marketing/cta.md | 2 +- src/routes/marketing/customer-logos.md | 2 +- src/routes/marketing/event-schedule.md | 2 +- src/routes/marketing/faq.md | 2 +- src/routes/marketing/feature.md | 2 +- src/routes/marketing/footer.md | 2 +- src/routes/marketing/hero.md | 2 +- src/routes/marketing/login.md | 2 +- src/routes/marketing/maintenance.md | 2 +- src/routes/marketing/newsletter.md | 2 +- src/routes/marketing/popup.md | 2 +- src/routes/marketing/pricing.md | 2 +- src/routes/marketing/register.md | 2 +- src/routes/marketing/reset-password.md | 2 +- src/routes/marketing/social-proof.md | 2 +- src/routes/marketing/team.md | 2 +- src/routes/marketing/testimonial.md | 2 +- src/routes/pages/quickstart.md | 14 +- src/routes/utils/Sectioncompo.svelte | 2 +- src/routes/utils/advancedTable.json | 922 ++++++++++++++++++ src/routes/utils/fetchPost.ts | 24 +- src/routes/utils/index.ts | 2 +- static/styles/docs.css | 10 +- tailwind.config.cjs | 5 +- tests/test.spec.ts | 1 - 112 files changed, 1597 insertions(+), 223 deletions(-) create mode 100644 src/routes/utils/advancedTable.json diff --git a/CHANGELOG.md b/CHANGELOG.md index 1dfb6d7..87d0dc0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,15 +4,13 @@ All notable changes to this project will be documented in this file. See [standa ### [0.5.1](https://github.com/themesberg/flowbite-svelte-blocks/compare/v0.4.14...v0.5.1) (2023-09-03) - ### Features -* update Flowbite-Svelte-Icons and docs ([#49](https://github.com/themesberg/flowbite-svelte-blocks/issues/49)) ([948c530](https://github.com/themesberg/flowbite-svelte-blocks/commit/948c53016c44ccba5a52576538421843f3094eb5)) - +- update Flowbite-Svelte-Icons and docs ([#49](https://github.com/themesberg/flowbite-svelte-blocks/issues/49)) ([948c530](https://github.com/themesberg/flowbite-svelte-blocks/commit/948c53016c44ccba5a52576538421843f3094eb5)) ### Bug Fixes -* border ([#48](https://github.com/themesberg/flowbite-svelte-blocks/issues/48)) ([717b351](https://github.com/themesberg/flowbite-svelte-blocks/commit/717b35154048baaea29a4e696ffeb56fc8a6b2f1)) +- border ([#48](https://github.com/themesberg/flowbite-svelte-blocks/issues/48)) ([717b351](https://github.com/themesberg/flowbite-svelte-blocks/commit/717b35154048baaea29a4e696ffeb56fc8a6b2f1)) ### [0.4.14](https://github.com/themesberg/flowbite-svelte-blocks/compare/v0.4.13...v0.4.14) (2023-08-26) diff --git a/README.md b/README.md index c14789c..1e49a23 100644 --- a/README.md +++ b/README.md @@ -51,11 +51,7 @@ Update tailwind.config.cjs: ```js const config = { - content: [ - './src/**/*.{html,js,svelte,ts}', - './node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}', - './node_modules/flowbite-svelte-blocks/**/*.{html,js,svelte,ts}' - ], + content: ['./src/**/*.{html,js,svelte,ts}', './node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}', './node_modules/flowbite-svelte-blocks/**/*.{html,js,svelte,ts}'], theme: { extend: {} diff --git a/package.json b/package.json index c380086..b3e44cd 100644 --- a/package.json +++ b/package.json @@ -34,7 +34,7 @@ "@floating-ui/dom": "^1.5.1", "@playwright/test": "^1.37.1", "@sveltejs/adapter-auto": "^2.1.0", - "@sveltejs/kit": "^1.24.0", + "@sveltejs/kit": "^1.24.1", "@sveltejs/package": "^2.2.2", "@typescript-eslint/eslint-plugin": "^6.5.0", "@typescript-eslint/parser": "^6.5.0", @@ -52,7 +52,7 @@ "publint": "^0.2.2", "svelte": "^4.2.0", "svelte-check": "^3.5.1", - "svelte-lib-helpers": "^0.3.8", + "svelte-lib-helpers": "^0.3.10", "svelte-meta-tags": "^3.0.3", "svelte-preprocess": "^5.0.4", "tailwindcss": "^3.3.3", @@ -66,7 +66,7 @@ }, "dependencies": { "flowbite": "^1.8.1", - "flowbite-svelte": "^0.44.4", + "flowbite-svelte": "^0.44.7", "flowbite-svelte-icons": "^0.4.2", "tailwind-merge": "^1.14.0" }, @@ -99,225 +99,225 @@ "types": "./dist/Section.svelte.d.ts", "svelte": "./dist/Section.svelte" }, - "./acount-recovery/ForgotPassword.svelte": { + "./ForgotPassword.svelte": { "types": "./dist/acount-recovery/ForgotPassword.svelte.d.ts", "svelte": "./dist/acount-recovery/ForgotPassword.svelte" }, - "./acount-recovery/ForgotPasswordHeader.svelte": { + "./ForgotPasswordHeader.svelte": { "types": "./dist/acount-recovery/ForgotPasswordHeader.svelte.d.ts", "svelte": "./dist/acount-recovery/ForgotPasswordHeader.svelte" }, - "./banner/Banner.svelte": { + "./Banner.svelte": { "types": "./dist/banner/Banner.svelte.d.ts", "svelte": "./dist/banner/Banner.svelte" }, - "./blog/ArticleAuthor.svelte": { + "./ArticleAuthor.svelte": { "types": "./dist/blog/ArticleAuthor.svelte.d.ts", "svelte": "./dist/blog/ArticleAuthor.svelte" }, - "./blog/ArticleBody.svelte": { + "./ArticleBody.svelte": { "types": "./dist/blog/ArticleBody.svelte.d.ts", "svelte": "./dist/blog/ArticleBody.svelte" }, - "./blog/ArticleHead.svelte": { + "./ArticleHead.svelte": { "types": "./dist/blog/ArticleHead.svelte.d.ts", "svelte": "./dist/blog/ArticleHead.svelte" }, - "./blog/ArticleWrapper.svelte": { + "./ArticleWrapper.svelte": { "types": "./dist/blog/ArticleWrapper.svelte.d.ts", "svelte": "./dist/blog/ArticleWrapper.svelte" }, - "./blog/BlogBodyWrapper.svelte": { + "./BlogBodyWrapper.svelte": { "types": "./dist/blog/BlogBodyWrapper.svelte.d.ts", "svelte": "./dist/blog/BlogBodyWrapper.svelte" }, - "./blog/BlogHead.svelte": { + "./BlogHead.svelte": { "types": "./dist/blog/BlogHead.svelte.d.ts", "svelte": "./dist/blog/BlogHead.svelte" }, - "./blog-template/BlogTemplate.svelte": { + "./BlogTemplate.svelte": { "types": "./dist/blog-template/BlogTemplate.svelte.d.ts", "svelte": "./dist/blog-template/BlogTemplate.svelte" }, - "./comment/Comment.svelte": { + "./Comment.svelte": { "types": "./dist/comment/Comment.svelte.d.ts", "svelte": "./dist/comment/Comment.svelte" }, - "./comment/CommentItem.svelte": { + "./CommentItem.svelte": { "types": "./dist/comment/CommentItem.svelte.d.ts", "svelte": "./dist/comment/CommentItem.svelte" }, - "./contact/Contact.svelte": { + "./Contact.svelte": { "types": "./dist/contact/Contact.svelte.d.ts", "svelte": "./dist/contact/Contact.svelte" }, - "./content/Content.svelte": { + "./Content.svelte": { "types": "./dist/content/Content.svelte.d.ts", "svelte": "./dist/content/Content.svelte" }, - "./content/ContentWithImage.svelte": { + "./ContentWithImage.svelte": { "types": "./dist/content/ContentWithImage.svelte.d.ts", "svelte": "./dist/content/ContentWithImage.svelte" }, - "./cta/Cta.svelte": { + "./Cta.svelte": { "types": "./dist/cta/Cta.svelte.d.ts", "svelte": "./dist/cta/Cta.svelte" }, - "./faq/Faq.svelte": { + "./Faq.svelte": { "types": "./dist/faq/Faq.svelte.d.ts", "svelte": "./dist/faq/Faq.svelte" }, - "./faq/FaqItem.svelte": { + "./FaqItem.svelte": { "types": "./dist/faq/FaqItem.svelte.d.ts", "svelte": "./dist/faq/FaqItem.svelte" }, - "./feature/FeatureDefault.svelte": { + "./FeatureDefault.svelte": { "types": "./dist/feature/FeatureDefault.svelte.d.ts", "svelte": "./dist/feature/FeatureDefault.svelte" }, - "./feature/FeatureItem.svelte": { + "./FeatureItem.svelte": { "types": "./dist/feature/FeatureItem.svelte.d.ts", "svelte": "./dist/feature/FeatureItem.svelte" }, - "./header/Navigation.svelte": { + "./Navigation.svelte": { "types": "./dist/header/Navigation.svelte.d.ts", "svelte": "./dist/header/Navigation.svelte" }, - "./hero/HeroBody.svelte": { + "./HeroBody.svelte": { "types": "./dist/hero/HeroBody.svelte.d.ts", "svelte": "./dist/hero/HeroBody.svelte" }, - "./hero/HeroHeader.svelte": { + "./HeroHeader.svelte": { "types": "./dist/hero/HeroHeader.svelte.d.ts", "svelte": "./dist/hero/HeroHeader.svelte" }, - "./hero/News.svelte": { + "./News.svelte": { "types": "./dist/hero/News.svelte.d.ts", "svelte": "./dist/hero/News.svelte" }, - "./maintenance/Maintenance.svelte": { + "./Maintenance.svelte": { "types": "./dist/maintenance/Maintenance.svelte.d.ts", "svelte": "./dist/maintenance/Maintenance.svelte" }, - "./maintenance/ToolsIcon.svelte": { + "./ToolsIcon.svelte": { "types": "./dist/maintenance/ToolsIcon.svelte.d.ts", "svelte": "./dist/maintenance/ToolsIcon.svelte" }, - "./newsletter/Newsletter.svelte": { + "./Newsletter.svelte": { "types": "./dist/newsletter/Newsletter.svelte.d.ts", "svelte": "./dist/newsletter/Newsletter.svelte" }, - "./page404/Page404.svelte": { + "./Page404.svelte": { "types": "./dist/page404/Page404.svelte.d.ts", "svelte": "./dist/page404/Page404.svelte" }, - "./page500/Page500.svelte": { + "./Page500.svelte": { "types": "./dist/page500/Page500.svelte.d.ts", "svelte": "./dist/page500/Page500.svelte" }, - "./popup/Popup.svelte": { + "./Popup.svelte": { "types": "./dist/popup/Popup.svelte.d.ts", "svelte": "./dist/popup/Popup.svelte" }, - "./portfolio/Portfolio.svelte": { + "./Portfolio.svelte": { "types": "./dist/portfolio/Portfolio.svelte.d.ts", "svelte": "./dist/portfolio/Portfolio.svelte" }, - "./portfolio/PortfolioItem.svelte": { + "./PortfolioItem.svelte": { "types": "./dist/portfolio/PortfolioItem.svelte.d.ts", "svelte": "./dist/portfolio/PortfolioItem.svelte" }, - "./pricing/PricingBodyHead.svelte": { + "./PricingBodyHead.svelte": { "types": "./dist/pricing/PricingBodyHead.svelte.d.ts", "svelte": "./dist/pricing/PricingBodyHead.svelte" }, - "./pricing/PricingCard.svelte": { + "./PricingCard.svelte": { "types": "./dist/pricing/PricingCard.svelte.d.ts", "svelte": "./dist/pricing/PricingCard.svelte" }, - "./pricing/PricingHead.svelte": { + "./PricingHead.svelte": { "types": "./dist/pricing/PricingHead.svelte.d.ts", "svelte": "./dist/pricing/PricingHead.svelte" }, - "./pricing/PricingItem.svelte": { + "./PricingItem.svelte": { "types": "./dist/pricing/PricingItem.svelte.d.ts", "svelte": "./dist/pricing/PricingItem.svelte" }, - "./pricing/PricingItemWrapper.svelte": { + "./PricingItemWrapper.svelte": { "types": "./dist/pricing/PricingItemWrapper.svelte.d.ts", "svelte": "./dist/pricing/PricingItemWrapper.svelte" }, - "./register/Register.svelte": { + "./Register.svelte": { "types": "./dist/register/Register.svelte.d.ts", "svelte": "./dist/register/Register.svelte" }, - "./schedule/Schedule.svelte": { + "./Schedule.svelte": { "types": "./dist/schedule/Schedule.svelte.d.ts", "svelte": "./dist/schedule/Schedule.svelte" }, - "./schedule/ScheduleItem.svelte": { + "./ScheduleItem.svelte": { "types": "./dist/schedule/ScheduleItem.svelte.d.ts", "svelte": "./dist/schedule/ScheduleItem.svelte" }, - "./sidebar/SidebarBottomNav.svelte": { + "./SidebarBottomNav.svelte": { "types": "./dist/sidebar/SidebarBottomNav.svelte.d.ts", "svelte": "./dist/sidebar/SidebarBottomNav.svelte" }, - "./sidebar/SidebarBottomNavItem.svelte": { + "./SidebarBottomNavItem.svelte": { "types": "./dist/sidebar/SidebarBottomNavItem.svelte.d.ts", "svelte": "./dist/sidebar/SidebarBottomNavItem.svelte" }, - "./social/Social.svelte": { + "./Social.svelte": { "types": "./dist/social/Social.svelte.d.ts", "svelte": "./dist/social/Social.svelte" }, - "./tableheader/TableHeader.svelte": { + "./TableHeader.svelte": { "types": "./dist/tableheader/TableHeader.svelte.d.ts", "svelte": "./dist/tableheader/TableHeader.svelte" }, - "./team/TeamBody.svelte": { + "./TeamBody.svelte": { "types": "./dist/team/TeamBody.svelte.d.ts", "svelte": "./dist/team/TeamBody.svelte" }, - "./team/TeamHeader.svelte": { + "./TeamHeader.svelte": { "types": "./dist/team/TeamHeader.svelte.d.ts", "svelte": "./dist/team/TeamHeader.svelte" }, - "./team/TeamItem.svelte": { + "./TeamItem.svelte": { "types": "./dist/team/TeamItem.svelte.d.ts", "svelte": "./dist/team/TeamItem.svelte" }, - "./team/TeamWrapper.svelte": { + "./TeamWrapper.svelte": { "types": "./dist/team/TeamWrapper.svelte.d.ts", "svelte": "./dist/team/TeamWrapper.svelte" }, - "./testimonial/Testimonial.svelte": { + "./Testimonial.svelte": { "types": "./dist/testimonial/Testimonial.svelte.d.ts", "svelte": "./dist/testimonial/Testimonial.svelte" }, - "./testimonial/TestimonialCard.svelte": { + "./TestimonialCard.svelte": { "types": "./dist/testimonial/TestimonialCard.svelte.d.ts", "svelte": "./dist/testimonial/TestimonialCard.svelte" }, - "./testimonial/TestimonialCardItem.svelte": { + "./TestimonialCardItem.svelte": { "types": "./dist/testimonial/TestimonialCardItem.svelte.d.ts", "svelte": "./dist/testimonial/TestimonialCardItem.svelte" }, - "./utils/Facebook.svelte": { + "./Facebook.svelte": { "types": "./dist/utils/Facebook.svelte.d.ts", "svelte": "./dist/utils/Facebook.svelte" }, - "./utils/Github.svelte": { + "./Github.svelte": { "types": "./dist/utils/Github.svelte.d.ts", "svelte": "./dist/utils/Github.svelte" }, - "./utils/Quotes.svelte": { + "./Quotes.svelte": { "types": "./dist/utils/Quotes.svelte.d.ts", "svelte": "./dist/utils/Quotes.svelte" }, - "./utils/Twitter.svelte": { + "./Twitter.svelte": { "types": "./dist/utils/Twitter.svelte.d.ts", "svelte": "./dist/utils/Twitter.svelte" } } -} +} \ No newline at end of file diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 027536b..a8f8406 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -9,8 +9,8 @@ dependencies: specifier: ^1.8.1 version: 1.8.1 flowbite-svelte: - specifier: ^0.44.4 - version: 0.44.4(svelte@4.2.0) + specifier: ^0.44.7 + version: 0.44.7(svelte@4.2.0) flowbite-svelte-icons: specifier: ^0.4.2 version: 0.4.2(svelte@4.2.0)(tailwind-merge@1.14.0)(tailwindcss@3.3.3) @@ -27,10 +27,10 @@ devDependencies: version: 1.37.1 '@sveltejs/adapter-auto': specifier: ^2.1.0 - version: 2.1.0(@sveltejs/kit@1.24.0) + version: 2.1.0(@sveltejs/kit@1.24.1) '@sveltejs/kit': - specifier: ^1.24.0 - version: 1.24.0(svelte@4.2.0)(vite@4.4.9) + specifier: ^1.24.1 + version: 1.24.1(svelte@4.2.0)(vite@4.4.9) '@sveltejs/package': specifier: ^2.2.2 version: 2.2.2(svelte@4.2.0)(typescript@5.2.2) @@ -83,8 +83,8 @@ devDependencies: specifier: ^3.5.1 version: 3.5.1(postcss-load-config@4.0.1)(postcss@8.4.29)(svelte@4.2.0) svelte-lib-helpers: - specifier: ^0.3.8 - version: 0.3.8 + specifier: ^0.3.10 + version: 0.3.10 svelte-meta-tags: specifier: ^3.0.3 version: 3.0.3(svelte@4.2.0)(typescript@5.2.2) @@ -467,17 +467,17 @@ packages: resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==} dev: true - /@sveltejs/adapter-auto@2.1.0(@sveltejs/kit@1.24.0): + /@sveltejs/adapter-auto@2.1.0(@sveltejs/kit@1.24.1): resolution: {integrity: sha512-o2pZCfATFtA/Gw/BB0Xm7k4EYaekXxaPGER3xGSY3FvzFJGTlJlZjBseaXwYSM94lZ0HniOjTokN3cWaLX6fow==} peerDependencies: '@sveltejs/kit': ^1.0.0 dependencies: - '@sveltejs/kit': 1.24.0(svelte@4.2.0)(vite@4.4.9) + '@sveltejs/kit': 1.24.1(svelte@4.2.0)(vite@4.4.9) import-meta-resolve: 3.0.0 dev: true - /@sveltejs/kit@1.24.0(svelte@4.2.0)(vite@4.4.9): - resolution: {integrity: sha512-r7Gj0/VcdAIRL1yE1cJ5rurWJ5drrR7BzRv+P+NAathtvnMCi0u4FhezO7T4bj7DJdQ3TNsax3yQcrVWxh60fg==} + /@sveltejs/kit@1.24.1(svelte@4.2.0)(vite@4.4.9): + resolution: {integrity: sha512-u2FO0q62Se9UZ0g9kXaWYi+54vTK70BKaPScOcx6jLMRou4CUZgDTNKnRhsbJgPMgaLkOH0j3o/fKlZ6jBfgSg==} engines: {node: ^16.14 || >=18} hasBin: true requiresBuild: true @@ -560,11 +560,11 @@ packages: /@types/chai-subset@1.3.3: resolution: {integrity: sha512-frBecisrNGz+F4T6bcc+NLeolfiojh5FxW2klu669+8BARtyQv2C/GkNW6FUodVe4BroGMP/wER/YDGc7rEllw==} dependencies: - '@types/chai': 4.3.5 + '@types/chai': 4.3.6 dev: true - /@types/chai@4.3.5: - resolution: {integrity: sha512-mEo1sAde+UCE6b2hxn332f1g1E8WfYRu6p5SvTKr2ZKC1f7gFJXk4h5PyGP9Dt6gCaG8y8XhwnXWC6Iy2cmBng==} + /@types/chai@4.3.6: + resolution: {integrity: sha512-VOVRLM1mBxIRxydiViqPcKn6MIxZytrbMpd6RJLIWKxUNr3zux8no0Oc7kJx0WAPIitgZ0gkrDS+btlqQpubpw==} dev: true /@types/cookie@0.5.1: @@ -1385,8 +1385,8 @@ packages: tailwindcss: 3.3.3 dev: false - /flowbite-svelte@0.44.4(svelte@4.2.0): - resolution: {integrity: sha512-hyoyQ6xPoMyBECBJ2sE6tvoe1bQXLor83aY1a33teKDtOwy2BE//4J5oKAKY624BVXF/NQ5TASy5/aXIwymAyA==} + /flowbite-svelte@0.44.7(svelte@4.2.0): + resolution: {integrity: sha512-PNKz7TzN0VNdxjvfotQlFEbZ5ZetkLD2j9yHWWAv+WHtj6n9r0SKDyhWZJiR6El2YzV4/DjlMpRKXTEEAjaftA==} engines: {node: '>=16.0.0', npm: '>=7.0.0'} peerDependencies: svelte: ^3.55.1 || ^4.0.0 @@ -1812,8 +1812,8 @@ packages: minimist: 1.2.8 dev: true - /mlly@1.4.1: - resolution: {integrity: sha512-SCDs78Q2o09jiZiE2WziwVBEqXQ02XkGdUy45cbJf+BpYRIjArXRJ1Wbowxkb+NaM9DWvS3UC9GiO/6eqvQ/pg==} + /mlly@1.4.2: + resolution: {integrity: sha512-i/Ykufi2t1EZ6NaPLdfnZk2AX8cs0d+mTzVKuPfqPKPatxLApaBoxJQ9x1/uckXtrS/U5oisPMDkNs0yQTaBRg==} dependencies: acorn: 8.10.0 pathe: 1.1.1 @@ -2010,7 +2010,7 @@ packages: resolution: {integrity: sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==} dependencies: jsonc-parser: 3.2.0 - mlly: 1.4.1 + mlly: 1.4.2 pathe: 1.1.1 dev: true @@ -2442,8 +2442,8 @@ packages: svelte: 4.2.0 dev: true - /svelte-lib-helpers@0.3.8: - resolution: {integrity: sha512-NbMsk0z7Vt4gwW+3e8PLCA07IhBMxl5IftT7Hqy2tSnZeS850thK84UdULk63Y6/3asbk6x6EQcv96tcf0wGGw==} + /svelte-lib-helpers@0.3.10: + resolution: {integrity: sha512-6dwPtWkT0xSNhqUe8EGmmwjVEhP5f4FC0o9aBmQs5ssDXKw4icB0LiX8o9PZzMzhdm5cCPXJ+Ut3WNxrr9Y30g==} hasBin: true dev: true @@ -2797,7 +2797,7 @@ packages: dependencies: cac: 6.7.14 debug: 4.3.4 - mlly: 1.4.1 + mlly: 1.4.2 pathe: 1.1.1 picocolors: 1.0.0 vite: 4.4.9(@types/node@20.5.9) @@ -2890,7 +2890,7 @@ packages: webdriverio: optional: true dependencies: - '@types/chai': 4.3.5 + '@types/chai': 4.3.6 '@types/chai-subset': 1.3.3 '@types/node': 20.5.9 '@vitest/expect': 0.34.3 diff --git a/src/app.css b/src/app.css index 35e9644..5f80f14 100644 --- a/src/app.css +++ b/src/app.css @@ -9,7 +9,21 @@ @layer base { html { -webkit-text-size-adjust: 100%; - font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; + font-family: + Inter, + ui-sans-serif, + system-ui, + -apple-system, + Segoe UI, + Roboto, + Helvetica Neue, + Arial, + Noto Sans, + sans-serif, + Apple Color Emoji, + Segoe UI Emoji, + Segoe UI Symbol, + Noto Color Emoji; line-height: 1.5; -moz-tab-size: 4; tab-size: 4; diff --git a/src/app.html b/src/app.html index 4e62bf9..00a3f13 100644 --- a/src/app.html +++ b/src/app.html @@ -1,4 +1,4 @@ - + diff --git a/src/lib/Section.svelte b/src/lib/Section.svelte index 6f74348..34b5490 100644 --- a/src/lib/Section.svelte +++ b/src/lib/Section.svelte @@ -1,8 +1,11 @@ diff --git a/src/routes/application/advanced-tables.md b/src/routes/application/advanced-tables.md index 2d29a83..04dbd63 100644 --- a/src/routes/application/advanced-tables.md +++ b/src/routes/application/advanced-tables.md @@ -11,6 +11,152 @@ description: Get started with a collection of advanced table components based on Use this free example of a table component with a search bar, filter dropdown, and a dataset of rows and columns to show complex data in your application. -```svelte example hideOutput -COMING SOON +```svelte example + + +
+ + +
+ + + + Mass Edit + Delete all + + + +
Choose brand
+
  • + Apple (56) +
    • +
  • + Microsoft (16) +
    • +
  • + Razor (49) +
    • +
  • + Nikon (12) +
    • +
  • + BenQ (74) +
    • +     +
    + + Product name + Brand + Category + Price + + + {#if searchTerm !== ''} + {#each filteredItems as item (item.id)} + + {item.product_name} + {item.brand} + {item.category} + {item.price} + + {/each} + {:else} + {#each currentPageItems as item (item.id)} + + {item.product_name} + {item.brand} + {item.category} + {item.price} + + {/each} + {/if} + +
    + + Showing + {startRange}-{endRange} + of + {totalItems} + + + + {#each pagesToShow as pageNumber} + + {/each} + + +
    +     +
    + ``` diff --git a/src/routes/application/crud-create-drawers.md b/src/routes/application/crud-create-drawers.md index bd65de7..9debe63 100644 --- a/src/routes/application/crud-create-drawers.md +++ b/src/routes/application/crud-create-drawers.md @@ -84,4 +84,4 @@ Use this free example of a drawer component to show a list of input field items ``` - \ No newline at end of file + diff --git a/src/routes/application/crud-create-forms.md b/src/routes/application/crud-create-forms.md index 8181bde..88db3a1 100644 --- a/src/routes/application/crud-create-forms.md +++ b/src/routes/application/crud-create-forms.md @@ -67,4 +67,4 @@ Use this free example of a form based on the CRUD layouts where you can create a ``` - \ No newline at end of file + diff --git a/src/routes/application/crud-create-modals.md b/src/routes/application/crud-create-modals.md index 9e0cf03..b5d4cba 100644 --- a/src/routes/application/crud-create-modals.md +++ b/src/routes/application/crud-create-modals.md @@ -72,4 +72,4 @@ Use this free example to show a modal component with a form inside when creating ``` - \ No newline at end of file + diff --git a/src/routes/application/crud-delete-confirm.md b/src/routes/application/crud-delete-confirm.md index 4db5b77..da02f49 100644 --- a/src/routes/application/crud-delete-confirm.md +++ b/src/routes/application/crud-delete-confirm.md @@ -44,4 +44,4 @@ Use this free example of a modal component coded with Tailwind CSS to confirm wi ``` - \ No newline at end of file + diff --git a/src/routes/application/crud-read-drawers.md b/src/routes/application/crud-read-drawers.md index 82a9212..f2c3fb2 100644 --- a/src/routes/application/crud-read-drawers.md +++ b/src/routes/application/crud-read-drawers.md @@ -62,4 +62,4 @@ Use this free drawer component to show details of a basic data entry from your d ``` - \ No newline at end of file + diff --git a/src/routes/application/crud-read-modals.md b/src/routes/application/crud-read-modals.md index b4488a3..667e99d 100644 --- a/src/routes/application/crud-read-modals.md +++ b/src/routes/application/crud-read-modals.md @@ -58,4 +58,4 @@ Use this free modal component to show a list of data entries from the database b ``` - \ No newline at end of file + diff --git a/src/routes/application/crud-read-sections.md b/src/routes/application/crud-read-sections.md index 02d71df..81fc0a6 100644 --- a/src/routes/application/crud-read-sections.md +++ b/src/routes/application/crud-read-sections.md @@ -52,4 +52,4 @@ Use this free example of a "read" CRUD layout section to show details of an exis ``` - \ No newline at end of file + diff --git a/src/routes/application/crud-update-drawers.md b/src/routes/application/crud-update-drawers.md index 3a060a8..2909b33 100644 --- a/src/routes/application/crud-update-drawers.md +++ b/src/routes/application/crud-update-drawers.md @@ -72,4 +72,4 @@ Use this free and responsive example of a drawer component to update an existing ``` - \ No newline at end of file + diff --git a/src/routes/application/crud-update-modals.md b/src/routes/application/crud-update-modals.md index 5f03a18..0768e1c 100644 --- a/src/routes/application/crud-update-modals.md +++ b/src/routes/application/crud-update-modals.md @@ -82,4 +82,4 @@ Use this free example of a modal component to update an existing data entry insi ``` - \ No newline at end of file + diff --git a/src/routes/application/dashboard-footer.md b/src/routes/application/dashboard-footer.md index aeded69..5c6fcce 100644 --- a/src/routes/application/dashboard-footer.md +++ b/src/routes/application/dashboard-footer.md @@ -56,4 +56,4 @@ This free example can be used to show a copyright notice text with social media ``` - \ No newline at end of file + diff --git a/src/routes/application/sidenav.md b/src/routes/application/sidenav.md index 93bd171..b094043 100644 --- a/src/routes/application/sidenav.md +++ b/src/routes/application/sidenav.md @@ -161,4 +161,4 @@ Use the default sidebar navigation to show a list of menu items with dropdown it ``` - \ No newline at end of file + diff --git a/src/routes/application/table-headers.md b/src/routes/application/table-headers.md index 410470a..a2c1bb1 100644 --- a/src/routes/application/table-headers.md +++ b/src/routes/application/table-headers.md @@ -89,4 +89,4 @@ This free example can be used to show a title, description, and CTA button for c ``` - \ No newline at end of file + diff --git a/src/routes/component-data/ArticleAuthor.json b/src/routes/component-data/ArticleAuthor.json index ff507e9..4ac21bc 100644 --- a/src/routes/component-data/ArticleAuthor.json +++ b/src/routes/component-data/ArticleAuthor.json @@ -1 +1,9 @@ -{"name":"ArticleAuthor","slots":["author"],"events":[],"props":[["authorDiv","string","'flex justify-between items-center'"],["authorImgDiv","string","'flex items-center space-x-4'"]]} \ No newline at end of file +{ + "name": "ArticleAuthor", + "slots": ["author"], + "events": [], + "props": [ + ["authorDiv", "string", "'flex justify-between items-center'"], + ["authorImgDiv", "string", "'flex items-center space-x-4'"] + ] +} diff --git a/src/routes/component-data/ArticleBody.json b/src/routes/component-data/ArticleBody.json index bcb90bf..f9a9c28 100644 --- a/src/routes/component-data/ArticleBody.json +++ b/src/routes/component-data/ArticleBody.json @@ -1 +1 @@ -{"name":"ArticleBody","slots":["h2","paragraph"],"events":[],"props":[["h2Class","string","'mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white'"]]} \ No newline at end of file +{ "name": "ArticleBody", "slots": ["h2", "paragraph"], "events": [], "props": [["h2Class", "string", "'mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white'"]] } diff --git a/src/routes/component-data/ArticleHead.json b/src/routes/component-data/ArticleHead.json index 14efa91..f1690d8 100644 --- a/src/routes/component-data/ArticleHead.json +++ b/src/routes/component-data/ArticleHead.json @@ -1 +1 @@ -{"name":"ArticleHead","slots":[],"events":[],"props":[["divClass","string","'flex justify-between items-center mb-5 text-gray-500'"]]} \ No newline at end of file +{ "name": "ArticleHead", "slots": [], "events": [], "props": [["divClass", "string", "'flex justify-between items-center mb-5 text-gray-500'"]] } diff --git a/src/routes/component-data/ArticleWrapper.json b/src/routes/component-data/ArticleWrapper.json index 4791c39..58cd064 100644 --- a/src/routes/component-data/ArticleWrapper.json +++ b/src/routes/component-data/ArticleWrapper.json @@ -1 +1 @@ -{"name":"ArticleWrapper","slots":[],"events":[],"props":[["articleClass","string","'p-6 bg-white rounded-lg border border-gray-200 shadow-md dark:bg-gray-800 dark:border-gray-700'"]]} \ No newline at end of file +{ "name": "ArticleWrapper", "slots": [], "events": [], "props": [["articleClass", "string", "'p-6 bg-white rounded-lg border border-gray-200 shadow-md dark:bg-gray-800 dark:border-gray-700'"]] } diff --git a/src/routes/component-data/Banner.json b/src/routes/component-data/Banner.json index 982836f..9894595 100644 --- a/src/routes/component-data/Banner.json +++ b/src/routes/component-data/Banner.json @@ -1 +1,9 @@ -{"name":"Banner","slots":[],"events":[],"props":[["id","string","'banner'"],["divClass","string","'flex z-50 gap-8 justify-between items-start py-3 px-4 w-full bg-gray-50 border border-b border-gray-200 sm:items-center dark:border-gray-700 lg:py-4 dark:bg-gray-800'"]]} \ No newline at end of file +{ + "name": "Banner", + "slots": [], + "events": [], + "props": [ + ["id", "string", "'banner'"], + ["divClass", "string", "'flex z-50 gap-8 justify-between items-start py-3 px-4 w-full bg-gray-50 border border-b border-gray-200 sm:items-center dark:border-gray-700 lg:py-4 dark:bg-gray-800'"] + ] +} diff --git a/src/routes/component-data/BlogBodyWrapper.json b/src/routes/component-data/BlogBodyWrapper.json index 02a349f..bf2d080 100644 --- a/src/routes/component-data/BlogBodyWrapper.json +++ b/src/routes/component-data/BlogBodyWrapper.json @@ -1 +1 @@ -{"name":"BlogBodyWrapper","slots":[],"events":[],"props":[["divClass","string","'grid gap-8 lg:grid-cols-2'"]]} \ No newline at end of file +{ "name": "BlogBodyWrapper", "slots": [], "events": [], "props": [["divClass", "string", "'grid gap-8 lg:grid-cols-2'"]] } diff --git a/src/routes/component-data/BlogHead.json b/src/routes/component-data/BlogHead.json index 9376cbf..3cd45c0 100644 --- a/src/routes/component-data/BlogHead.json +++ b/src/routes/component-data/BlogHead.json @@ -1 +1,9 @@ -{"name":"BlogHead","slots":["h2","paragraph"],"events":[],"props":[["divClass","string","'mx-auto max-w-screen-sm text-center lg:mb-16 mb-8'"],["h2Class","string","'mb-4 text-3xl lg:text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white'"]]} \ No newline at end of file +{ + "name": "BlogHead", + "slots": ["h2", "paragraph"], + "events": [], + "props": [ + ["divClass", "string", "'mx-auto max-w-screen-sm text-center lg:mb-16 mb-8'"], + ["h2Class", "string", "'mb-4 text-3xl lg:text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white'"] + ] +} diff --git a/src/routes/component-data/BlogTemplate.json b/src/routes/component-data/BlogTemplate.json index 32a1d50..69ce36b 100644 --- a/src/routes/component-data/BlogTemplate.json +++ b/src/routes/component-data/BlogTemplate.json @@ -1 +1 @@ -{"name":"BlogTemplate","slots":[],"events":[],"props":[["blog","Blog","@prop export let blog: Blog"]]} \ No newline at end of file +{ "name": "BlogTemplate", "slots": [], "events": [], "props": [["blog", "Blog", "@prop export let blog: Blog"]] } diff --git a/src/routes/component-data/Comment.json b/src/routes/component-data/Comment.json index 9d83cdd..a3174fb 100644 --- a/src/routes/component-data/Comment.json +++ b/src/routes/component-data/Comment.json @@ -1 +1,10 @@ -{"name":"Comment","slots":[],"events":[],"props":[["title","string","''"],["titleDiv","string","'flex justify-between items-center mb-6'"],["h2Class","string","'text-lg lg:text-2xl font-bold text-gray-900 dark:text-white'"]]} \ No newline at end of file +{ + "name": "Comment", + "slots": [], + "events": [], + "props": [ + ["title", "string", "''"], + ["titleDiv", "string", "'flex justify-between items-center mb-6'"], + ["h2Class", "string", "'text-lg lg:text-2xl font-bold text-gray-900 dark:text-white'"] + ] +} diff --git a/src/routes/component-data/CommentItem.json b/src/routes/component-data/CommentItem.json index ce448f7..b6ac228 100644 --- a/src/routes/component-data/CommentItem.json +++ b/src/routes/component-data/CommentItem.json @@ -1 +1,9 @@ -{"name":"CommentItem","slots":["dropdownMenu","reply"],"events":[],"props":[["replyButton","boolean","true"],["comment","Comment","@prop export let replyButton: boolean = true"]]} \ No newline at end of file +{ + "name": "CommentItem", + "slots": ["dropdownMenu", "reply"], + "events": [], + "props": [ + ["replyButton", "boolean", "true"], + ["comment", "Comment", "@prop export let replyButton: boolean = true"] + ] +} diff --git a/src/routes/component-data/Contact.json b/src/routes/component-data/Contact.json index 5ef55fa..28f9122 100644 --- a/src/routes/component-data/Contact.json +++ b/src/routes/component-data/Contact.json @@ -1 +1,9 @@ -{"name":"Contact","slots":["h2","paragraph"],"events":[],"props":[["h2Class","string","'mb-4 text-4xl tracking-tight font-extrabold text-center text-gray-900 dark:text-white'"],["pClass","string","'mb-8 lg:mb-16 font-light text-center text-gray-500 dark:text-gray-400 sm:text-xl'"]]} \ No newline at end of file +{ + "name": "Contact", + "slots": ["h2", "paragraph"], + "events": [], + "props": [ + ["h2Class", "string", "'mb-4 text-4xl tracking-tight font-extrabold text-center text-gray-900 dark:text-white'"], + ["pClass", "string", "'mb-8 lg:mb-16 font-light text-center text-gray-500 dark:text-gray-400 sm:text-xl'"] + ] +} diff --git a/src/routes/component-data/Content.json b/src/routes/component-data/Content.json index 9c38acb..f4bb690 100644 --- a/src/routes/component-data/Content.json +++ b/src/routes/component-data/Content.json @@ -1 +1,9 @@ -{"name":"Content","slots":["h2"],"events":[],"props":[["divClass","string","'max-w-screen-lg text-gray-500 sm:text-lg dark:text-gray-400'"],["h2Class","string","'mb-4 text-4xl tracking-tight font-bold text-gray-900 dark:text-white'"]]} \ No newline at end of file +{ + "name": "Content", + "slots": ["h2"], + "events": [], + "props": [ + ["divClass", "string", "'max-w-screen-lg text-gray-500 sm:text-lg dark:text-gray-400'"], + ["h2Class", "string", "'mb-4 text-4xl tracking-tight font-bold text-gray-900 dark:text-white'"] + ] +} diff --git a/src/routes/component-data/ContentWithImage.json b/src/routes/component-data/ContentWithImage.json index 2092d13..d282edf 100644 --- a/src/routes/component-data/ContentWithImage.json +++ b/src/routes/component-data/ContentWithImage.json @@ -1 +1,10 @@ -{"name":"ContentWithImage","slots":["h2","image"],"events":[],"props":[["divClass","string","'font-light text-gray-500 sm:text-lg dark:text-gray-400'"],["h2Class","string","'mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white'"],["imgDivClass","string","'grid grid-cols-2 gap-4 mt-8'"]]} \ No newline at end of file +{ + "name": "ContentWithImage", + "slots": ["h2", "image"], + "events": [], + "props": [ + ["divClass", "string", "'font-light text-gray-500 sm:text-lg dark:text-gray-400'"], + ["h2Class", "string", "'mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white'"], + ["imgDivClass", "string", "'grid grid-cols-2 gap-4 mt-8'"] + ] +} diff --git a/src/routes/component-data/Cta.json b/src/routes/component-data/Cta.json index 278c7f6..efe409e 100644 --- a/src/routes/component-data/Cta.json +++ b/src/routes/component-data/Cta.json @@ -1 +1 @@ -{"name":"Cta","slots":["img","h2"],"events":[],"props":[["ctatype","'default' | 'image' | 'heading' | 'none'","'default'"]]} \ No newline at end of file +{ "name": "Cta", "slots": ["img", "h2"], "events": [], "props": [["ctatype", "'default' | 'image' | 'heading' | 'none'", "'default'"]] } diff --git a/src/routes/component-data/Facebook.json b/src/routes/component-data/Facebook.json index 0fdd323..8289f26 100644 --- a/src/routes/component-data/Facebook.json +++ b/src/routes/component-data/Facebook.json @@ -1 +1 @@ -{"name":"Facebook","slots":[],"events":[],"props":[["href","string","''"]]} \ No newline at end of file +{ "name": "Facebook", "slots": [], "events": [], "props": [["href", "string", "''"]] } diff --git a/src/routes/component-data/Faq.json b/src/routes/component-data/Faq.json index 7d3f5c3..839f670 100644 --- a/src/routes/component-data/Faq.json +++ b/src/routes/component-data/Faq.json @@ -1 +1 @@ -{"name":"Faq","slots":[],"events":[],"props":[["divClass","string","'grid pt-8 text-left border-t border-gray-200 md:gap-16 dark:border-gray-700 md:grid-cols-2'"]]} \ No newline at end of file +{ "name": "Faq", "slots": [], "events": [], "props": [["divClass", "string", "'grid pt-8 text-left border-t border-gray-200 md:gap-16 dark:border-gray-700 md:grid-cols-2'"]] } diff --git a/src/routes/component-data/FaqItem.json b/src/routes/component-data/FaqItem.json index cd7da88..08c2dc8 100644 --- a/src/routes/component-data/FaqItem.json +++ b/src/routes/component-data/FaqItem.json @@ -1 +1,9 @@ -{"name":"FaqItem","slots":["h3"],"events":[],"props":[["divClass","string","'mb-10'"],["h3Class","string","'flex items-center mb-4 text-lg font-medium text-gray-900 dark:text-white'"]]} \ No newline at end of file +{ + "name": "FaqItem", + "slots": ["h3"], + "events": [], + "props": [ + ["divClass", "string", "'mb-10'"], + ["h3Class", "string", "'flex items-center mb-4 text-lg font-medium text-gray-900 dark:text-white'"] + ] +} diff --git a/src/routes/component-data/FeatureDefault.json b/src/routes/component-data/FeatureDefault.json index 6e93940..c5ea03d 100644 --- a/src/routes/component-data/FeatureDefault.json +++ b/src/routes/component-data/FeatureDefault.json @@ -1 +1 @@ -{"name":"FeatureDefault","slots":[],"events":[],"props":[["divClass","string","'space-y-8 md:grid md:grid-cols-2 lg:grid-cols-3 md:gap-12 md:space-y-0'"]]} \ No newline at end of file +{ "name": "FeatureDefault", "slots": [], "events": [], "props": [["divClass", "string", "'space-y-8 md:grid md:grid-cols-2 lg:grid-cols-3 md:gap-12 md:space-y-0'"]] } diff --git a/src/routes/component-data/FeatureItem.json b/src/routes/component-data/FeatureItem.json index 0c2d6cd..6f89a3b 100644 --- a/src/routes/component-data/FeatureItem.json +++ b/src/routes/component-data/FeatureItem.json @@ -1 +1,10 @@ -{"name":"FeatureItem","slots":["icon","h3","paragraph"],"events":[],"props":[["divClass","string","'flex justify-center items-center mb-4 w-10 h-10 rounded-full bg-primary-100 lg:h-12 lg:w-12 dark:bg-primary-900'"],["h3Class","string","'mb-2 text-xl font-bold dark:text-white'"],["pClass","string","'text-gray-500 dark:text-gray-400'"]]} \ No newline at end of file +{ + "name": "FeatureItem", + "slots": ["icon", "h3", "paragraph"], + "events": [], + "props": [ + ["divClass", "string", "'flex justify-center items-center mb-4 w-10 h-10 rounded-full bg-primary-100 lg:h-12 lg:w-12 dark:bg-primary-900'"], + ["h3Class", "string", "'mb-2 text-xl font-bold dark:text-white'"], + ["pClass", "string", "'text-gray-500 dark:text-gray-400'"] + ] +} diff --git a/src/routes/component-data/ForgotPassword.json b/src/routes/component-data/ForgotPassword.json index b52fb8e..8fc119b 100644 --- a/src/routes/component-data/ForgotPassword.json +++ b/src/routes/component-data/ForgotPassword.json @@ -1 +1 @@ -{"name":"ForgotPassword","slots":[],"events":[],"props":[["divClass","string","'w-full p-6 bg-white rounded-lg shadow dark:border md:mt-0 sm:max-w-md dark:bg-gray-800 dark:border-gray-700 sm:p-8'"]]} \ No newline at end of file +{ "name": "ForgotPassword", "slots": [], "events": [], "props": [["divClass", "string", "'w-full p-6 bg-white rounded-lg shadow dark:border md:mt-0 sm:max-w-md dark:bg-gray-800 dark:border-gray-700 sm:p-8'"]] } diff --git a/src/routes/component-data/ForgotPasswordHeader.json b/src/routes/component-data/ForgotPasswordHeader.json index d0afdcd..b00efa0 100644 --- a/src/routes/component-data/ForgotPasswordHeader.json +++ b/src/routes/component-data/ForgotPasswordHeader.json @@ -1 +1,12 @@ -{"name":"ForgotPasswordHeader","slots":[],"events":[],"props":[["aClass","string","'flex items-center mb-6 text-2xl font-semibold text-gray-900 dark:text-white'"],["imgClass","string","'w-8 h-8 mr-2'"],["src","string","''"],["href","string","''"],["alt","string","''"]]} \ No newline at end of file +{ + "name": "ForgotPasswordHeader", + "slots": [], + "events": [], + "props": [ + ["aClass", "string", "'flex items-center mb-6 text-2xl font-semibold text-gray-900 dark:text-white'"], + ["imgClass", "string", "'w-8 h-8 mr-2'"], + ["src", "string", "''"], + ["href", "string", "''"], + ["alt", "string", "''"] + ] +} diff --git a/src/routes/component-data/Github.json b/src/routes/component-data/Github.json index f76dba9..ae60067 100644 --- a/src/routes/component-data/Github.json +++ b/src/routes/component-data/Github.json @@ -1 +1 @@ -{"name":"Github","slots":[],"events":[],"props":[["href","string","''"]]} \ No newline at end of file +{ "name": "Github", "slots": [], "events": [], "props": [["href", "string", "''"]] } diff --git a/src/routes/component-data/HeroBody.json b/src/routes/component-data/HeroBody.json index a8b6544..811adc3 100644 --- a/src/routes/component-data/HeroBody.json +++ b/src/routes/component-data/HeroBody.json @@ -1 +1 @@ -{"name":"HeroBody","slots":["head"],"events":[],"props":[["hero","'default' | 'visual'","'default'"]]} \ No newline at end of file +{ "name": "HeroBody", "slots": ["head"], "events": [], "props": [["hero", "'default' | 'visual'", "'default'"]] } diff --git a/src/routes/component-data/HeroHeader.json b/src/routes/component-data/HeroHeader.json index 302bfef..2f4df1b 100644 --- a/src/routes/component-data/HeroHeader.json +++ b/src/routes/component-data/HeroHeader.json @@ -1 +1,10 @@ -{"name":"HeroHeader","slots":["h1","h2","paragraph"],"events":[],"props":[["h1Class","string","'mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-900 md:text-5xl lg:text-6xl dark:text-white'"],["h2Class","string","'mb-8 lg:mb-16 text-3xl font-extrabold tracking-tight leading-tight text-center text-gray-900 dark:text-white md:text-4xl'"],["pClass","string","'mb-8 text-lg font-normal text-gray-500 lg:text-xl sm:px-16 xl:px-48 dark:text-gray-400'"]]} \ No newline at end of file +{ + "name": "HeroHeader", + "slots": ["h1", "h2", "paragraph"], + "events": [], + "props": [ + ["h1Class", "string", "'mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-900 md:text-5xl lg:text-6xl dark:text-white'"], + ["h2Class", "string", "'mb-8 lg:mb-16 text-3xl font-extrabold tracking-tight leading-tight text-center text-gray-900 dark:text-white md:text-4xl'"], + ["pClass", "string", "'mb-8 text-lg font-normal text-gray-500 lg:text-xl sm:px-16 xl:px-48 dark:text-gray-400'"] + ] +} diff --git a/src/routes/component-data/Maintenance.json b/src/routes/component-data/Maintenance.json index 6f64ca6..81f1d17 100644 --- a/src/routes/component-data/Maintenance.json +++ b/src/routes/component-data/Maintenance.json @@ -1 +1,10 @@ -{"name":"Maintenance","slots":["h1","paragraph"],"events":[],"props":[["Icon","typeof SvelteComponent","ToolsIcon"],["h1Class","string","'mb-4 text-4xl font-bold tracking-tight leading-none text-gray-900 lg:mb-6 md:text-5xl xl:text-6xl dark:text-white'"],["pClass","string","'font-light text-gray-500 md:text-lg xl:text-xl dark:text-gray-400'"]]} \ No newline at end of file +{ + "name": "Maintenance", + "slots": ["h1", "paragraph"], + "events": [], + "props": [ + ["Icon", "typeof SvelteComponent", "ToolsIcon"], + ["h1Class", "string", "'mb-4 text-4xl font-bold tracking-tight leading-none text-gray-900 lg:mb-6 md:text-5xl xl:text-6xl dark:text-white'"], + ["pClass", "string", "'font-light text-gray-500 md:text-lg xl:text-xl dark:text-gray-400'"] + ] +} diff --git a/src/routes/component-data/Navigation.json b/src/routes/component-data/Navigation.json index f9458b3..209a13b 100644 --- a/src/routes/component-data/Navigation.json +++ b/src/routes/component-data/Navigation.json @@ -1 +1,9 @@ -{"name":"Navigation","slots":[],"events":[],"props":[["navClass","string","'bg-white border-gray-200 px-4 lg:px-6 py-2.5 dark:bg-gray-800'"],["divClass","string","'flex flex-wrap justify-between items-center mx-auto max-w-screen-xl'"]]} \ No newline at end of file +{ + "name": "Navigation", + "slots": [], + "events": [], + "props": [ + ["navClass", "string", "'bg-white border-gray-200 px-4 lg:px-6 py-2.5 dark:bg-gray-800'"], + ["divClass", "string", "'flex flex-wrap justify-between items-center mx-auto max-w-screen-xl'"] + ] +} diff --git a/src/routes/component-data/News.json b/src/routes/component-data/News.json index c931005..bac5205 100644 --- a/src/routes/component-data/News.json +++ b/src/routes/component-data/News.json @@ -1 +1,9 @@ -{"name":"News","slots":[],"events":[],"props":[["href","string","'/'"],["classA","string","''"]]} \ No newline at end of file +{ + "name": "News", + "slots": [], + "events": [], + "props": [ + ["href", "string", "'/'"], + ["classA", "string", "''"] + ] +} diff --git a/src/routes/component-data/Newsletter.json b/src/routes/component-data/Newsletter.json index 014fa58..c69d20e 100644 --- a/src/routes/component-data/Newsletter.json +++ b/src/routes/component-data/Newsletter.json @@ -1 +1,9 @@ -{"name":"Newsletter","slots":["h2"],"events":[],"props":[["divClass","string","'mx-auto max-w-screen-md sm:text-center'"],["h2Class","string","'mb-4 text-3xl tracking-tight font-extrabold text-gray-900 sm:text-4xl dark:text-white'"]]} \ No newline at end of file +{ + "name": "Newsletter", + "slots": ["h2"], + "events": [], + "props": [ + ["divClass", "string", "'mx-auto max-w-screen-md sm:text-center'"], + ["h2Class", "string", "'mb-4 text-3xl tracking-tight font-extrabold text-gray-900 sm:text-4xl dark:text-white'"] + ] +} diff --git a/src/routes/component-data/Page404.json b/src/routes/component-data/Page404.json index 56561f6..5bb5cd7 100644 --- a/src/routes/component-data/Page404.json +++ b/src/routes/component-data/Page404.json @@ -1 +1,9 @@ -{"name":"Page404","slots":["h1","paragraph"],"events":[],"props":[["divClass","string","'mx-auto max-w-screen-sm text-center'"],["h1Class","string","'mb-4 text-7xl tracking-tight font-extrabold lg:text-9xl text-primary-600 dark:text-primary-500'"]]} \ No newline at end of file +{ + "name": "Page404", + "slots": ["h1", "paragraph"], + "events": [], + "props": [ + ["divClass", "string", "'mx-auto max-w-screen-sm text-center'"], + ["h1Class", "string", "'mb-4 text-7xl tracking-tight font-extrabold lg:text-9xl text-primary-600 dark:text-primary-500'"] + ] +} diff --git a/src/routes/component-data/Page500.json b/src/routes/component-data/Page500.json index 76024f4..a2c2898 100644 --- a/src/routes/component-data/Page500.json +++ b/src/routes/component-data/Page500.json @@ -1 +1,9 @@ -{"name":"Page500","slots":["h1","paragraph"],"events":[],"props":[["divClass","string","'mx-auto max-w-screen-sm text-center'"],["h1Class","string","'mb-4 text-7xl tracking-tight font-extrabold lg:text-9xl text-primary-600 dark:text-primary-500'"]]} \ No newline at end of file +{ + "name": "Page500", + "slots": ["h1", "paragraph"], + "events": [], + "props": [ + ["divClass", "string", "'mx-auto max-w-screen-sm text-center'"], + ["h1Class", "string", "'mb-4 text-7xl tracking-tight font-extrabold lg:text-9xl text-primary-600 dark:text-primary-500'"] + ] +} diff --git a/src/routes/component-data/Popup.json b/src/routes/component-data/Popup.json index 5284524..cb74a6e 100644 --- a/src/routes/component-data/Popup.json +++ b/src/routes/component-data/Popup.json @@ -1 +1,10 @@ -{"name":"Popup","slots":[],"events":[],"props":[["outerDivClass","string","'overflow-y-auto overflow-x-hidden z-50 md:inset-0 md:h-full'"],["innerDivClass","string","'relative p-4 w-full max-w-lg h-full md:h-auto'"],["contentDivClass","string","'relative p-4 bg-white rounded-lg shadow dark:bg-gray-800 md:p-8'"]]} \ No newline at end of file +{ + "name": "Popup", + "slots": [], + "events": [], + "props": [ + ["outerDivClass", "string", "'overflow-y-auto overflow-x-hidden z-50 md:inset-0 md:h-full'"], + ["innerDivClass", "string", "'relative p-4 w-full max-w-lg h-full md:h-auto'"], + ["contentDivClass", "string", "'relative p-4 bg-white rounded-lg shadow dark:bg-gray-800 md:p-8'"] + ] +} diff --git a/src/routes/component-data/Portfolio.json b/src/routes/component-data/Portfolio.json index 99a880d..b0e37de 100644 --- a/src/routes/component-data/Portfolio.json +++ b/src/routes/component-data/Portfolio.json @@ -1 +1,13 @@ -{"name":"Portfolio","slots":[],"events":[],"props":[["title","string","''"],["subtitle","string","''"],["headerDivClass","string","'max-w-2xl mx-auto text-center'"],["h2Class","string","'text-3xl font-extrabold leading-tight tracking-tight text-gray-900 sm:text-4xl dark:text-white'"],["subtitleClass","string","'mt-4 text-base font-normal text-gray-500 sm:text-xl dark:text-gray-400'"],["bodyDivClasss","string","'grid grid-cols-1 mt-12 text-center sm:mt-16 gap-x-20 gap-y-12 sm:grid-cols-2 lg:grid-cols-3'"]]} \ No newline at end of file +{ + "name": "Portfolio", + "slots": [], + "events": [], + "props": [ + ["title", "string", "''"], + ["subtitle", "string", "''"], + ["headerDivClass", "string", "'max-w-2xl mx-auto text-center'"], + ["h2Class", "string", "'text-3xl font-extrabold leading-tight tracking-tight text-gray-900 sm:text-4xl dark:text-white'"], + ["subtitleClass", "string", "'mt-4 text-base font-normal text-gray-500 sm:text-xl dark:text-gray-400'"], + ["bodyDivClasss", "string", "'grid grid-cols-1 mt-12 text-center sm:mt-16 gap-x-20 gap-y-12 sm:grid-cols-2 lg:grid-cols-3'"] + ] +} diff --git a/src/routes/component-data/PortfolioItem.json b/src/routes/component-data/PortfolioItem.json index a0602c8..40e729d 100644 --- a/src/routes/component-data/PortfolioItem.json +++ b/src/routes/component-data/PortfolioItem.json @@ -1 +1,13 @@ -{"name":"PortfolioItem","slots":[],"events":[],"props":[["divClass","string","'space-y-4'"],["customerClass","string","'bg-gray-100 text-gray-900 text-xs font-medium inline-flex items-center px-2.5 py-0.5 rounded dark:bg-gray-700 dark:text-gray-300'"],["titleClass","string","'text-2xl font-bold leading-tight text-gray-900 dark:text-white'"],["descriptionClass","string","'text-lg font-normal text-gray-500 dark:text-gray-400'"],["linkClass","string","'text-white bg-primary-700 justify-center hover:bg-primary-800 inline-flex items-center focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800'"],["item","string","{"]]} \ No newline at end of file +{ + "name": "PortfolioItem", + "slots": [], + "events": [], + "props": [ + ["divClass", "string", "'space-y-4'"], + ["customerClass", "string", "'bg-gray-100 text-gray-900 text-xs font-medium inline-flex items-center px-2.5 py-0.5 rounded dark:bg-gray-700 dark:text-gray-300'"], + ["titleClass", "string", "'text-2xl font-bold leading-tight text-gray-900 dark:text-white'"], + ["descriptionClass", "string", "'text-lg font-normal text-gray-500 dark:text-gray-400'"], + ["linkClass", "string", "'text-white bg-primary-700 justify-center hover:bg-primary-800 inline-flex items-center focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800'"], + ["item", "string", "{"] + ] +} diff --git a/src/routes/component-data/PricingBodyHead.json b/src/routes/component-data/PricingBodyHead.json index 1494e33..266dae4 100644 --- a/src/routes/component-data/PricingBodyHead.json +++ b/src/routes/component-data/PricingBodyHead.json @@ -1 +1,10 @@ -{"name":"PricingBodyHead","slots":["h3","paragraph","price"],"events":[],"props":[["h3Class","string","'mb-4 text-2xl font-semibold'"],["pClass","string","'font-light text-gray-500 sm:text-lg dark:text-gray-400'"],["priceClass","string","'flex justify-center items-baseline my-8'"]]} \ No newline at end of file +{ + "name": "PricingBodyHead", + "slots": ["h3", "paragraph", "price"], + "events": [], + "props": [ + ["h3Class", "string", "'mb-4 text-2xl font-semibold'"], + ["pClass", "string", "'font-light text-gray-500 sm:text-lg dark:text-gray-400'"], + ["priceClass", "string", "'flex justify-center items-baseline my-8'"] + ] +} diff --git a/src/routes/component-data/PricingCard.json b/src/routes/component-data/PricingCard.json index cde2e0d..a7e9955 100644 --- a/src/routes/component-data/PricingCard.json +++ b/src/routes/component-data/PricingCard.json @@ -1 +1 @@ -{"name":"PricingCard","slots":[],"events":[],"props":[["divClass","string","'flex flex-col p-6 mx-auto max-w-lg text-center text-gray-900 bg-white rounded-lg border border-gray-100 shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white'"]]} \ No newline at end of file +{ "name": "PricingCard", "slots": [], "events": [], "props": [["divClass", "string", "'flex flex-col p-6 mx-auto max-w-lg text-center text-gray-900 bg-white rounded-lg border border-gray-100 shadow dark:border-gray-600 xl:p-8 dark:bg-gray-800 dark:text-white'"]] } diff --git a/src/routes/component-data/PricingHead.json b/src/routes/component-data/PricingHead.json index 30c6751..46ac43d 100644 --- a/src/routes/component-data/PricingHead.json +++ b/src/routes/component-data/PricingHead.json @@ -1 +1,10 @@ -{"name":"PricingHead","slots":["h2","paragraph"],"events":[],"props":[["divClass","string","'mx-auto max-w-screen-md text-center mb-8 lg:mb-12'"],["h2Class","string","'mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white'"],["pClass","string","'mb-5 font-light text-gray-500 sm:text-xl dark:text-gray-400'"]]} \ No newline at end of file +{ + "name": "PricingHead", + "slots": ["h2", "paragraph"], + "events": [], + "props": [ + ["divClass", "string", "'mx-auto max-w-screen-md text-center mb-8 lg:mb-12'"], + ["h2Class", "string", "'mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white'"], + ["pClass", "string", "'mb-5 font-light text-gray-500 sm:text-xl dark:text-gray-400'"] + ] +} diff --git a/src/routes/component-data/PricingItem.json b/src/routes/component-data/PricingItem.json index 4725625..d9032b8 100644 --- a/src/routes/component-data/PricingItem.json +++ b/src/routes/component-data/PricingItem.json @@ -1 +1 @@ -{"name":"PricingItem","slots":[],"events":[],"props":[["liClass","string","'flex items-center space-x-3'"]]} \ No newline at end of file +{ "name": "PricingItem", "slots": [], "events": [], "props": [["liClass", "string", "'flex items-center space-x-3'"]] } diff --git a/src/routes/component-data/PricingItemWrapper.json b/src/routes/component-data/PricingItemWrapper.json index 15df4c2..b853dfd 100644 --- a/src/routes/component-data/PricingItemWrapper.json +++ b/src/routes/component-data/PricingItemWrapper.json @@ -1 +1 @@ -{"name":"PricingItemWrapper","slots":["btn"],"events":[],"props":[["ulClass","string","'mb-8 space-y-4 text-left'"]]} \ No newline at end of file +{ "name": "PricingItemWrapper", "slots": ["btn"], "events": [], "props": [["ulClass", "string", "'mb-8 space-y-4 text-left'"]] } diff --git a/src/routes/component-data/Quotes.json b/src/routes/component-data/Quotes.json index 576314b..7d4c4f7 100644 --- a/src/routes/component-data/Quotes.json +++ b/src/routes/component-data/Quotes.json @@ -1 +1 @@ -{"name":"Quotes","slots":[],"events":[],"props":[]} \ No newline at end of file +{ "name": "Quotes", "slots": [], "events": [], "props": [] } diff --git a/src/routes/component-data/Register.json b/src/routes/component-data/Register.json index c0a280a..21d24f2 100644 --- a/src/routes/component-data/Register.json +++ b/src/routes/component-data/Register.json @@ -1 +1,10 @@ -{"name":"Register","slots":["top"],"events":[],"props":[["href","string","''"],["aClass","string","'flex items-center mb-6 text-2xl font-semibold text-gray-900 dark:text-white'"],["divClass","string","'w-full bg-white rounded-lg shadow dark:border md:mt-0 sm:max-w-md xl:p-0 dark:bg-gray-800 dark:border-gray-700'"]]} \ No newline at end of file +{ + "name": "Register", + "slots": ["top"], + "events": [], + "props": [ + ["href", "string", "''"], + ["aClass", "string", "'flex items-center mb-6 text-2xl font-semibold text-gray-900 dark:text-white'"], + ["divClass", "string", "'w-full bg-white rounded-lg shadow dark:border md:mt-0 sm:max-w-md xl:p-0 dark:bg-gray-800 dark:border-gray-700'"] + ] +} diff --git a/src/routes/component-data/Schedule.json b/src/routes/component-data/Schedule.json index bbac8b3..930e9a2 100644 --- a/src/routes/component-data/Schedule.json +++ b/src/routes/component-data/Schedule.json @@ -1 +1 @@ -{"name":"Schedule","slots":["subtitle"],"events":[],"props":[["scheduleName","string","''"]]} \ No newline at end of file +{ "name": "Schedule", "slots": ["subtitle"], "events": [], "props": [["scheduleName", "string", "''"]] } diff --git a/src/routes/component-data/ScheduleItem.json b/src/routes/component-data/ScheduleItem.json index b120594..e2a1026 100644 --- a/src/routes/component-data/ScheduleItem.json +++ b/src/routes/component-data/ScheduleItem.json @@ -1 +1,12 @@ -{"name":"ScheduleItem","slots":[],"events":[],"props":[["divClass","string","'flex flex-col gap-2 py-4 sm:gap-6 sm:flex-row sm:items-center'"],["pClass","string","'w-32 text-lg font-normal text-gray-500 sm:text-right dark:text-gray-400 shrink-0'"],["h3Class","string","'text-lg font-semibold text-gray-900 dark:text-white'"],["aClass","string","'hover:underline'"],["item","string","{"]]} \ No newline at end of file +{ + "name": "ScheduleItem", + "slots": [], + "events": [], + "props": [ + ["divClass", "string", "'flex flex-col gap-2 py-4 sm:gap-6 sm:flex-row sm:items-center'"], + ["pClass", "string", "'w-32 text-lg font-normal text-gray-500 sm:text-right dark:text-gray-400 shrink-0'"], + ["h3Class", "string", "'text-lg font-semibold text-gray-900 dark:text-white'"], + ["aClass", "string", "'hover:underline'"], + ["item", "string", "{"] + ] +} diff --git a/src/routes/component-data/Section.json b/src/routes/component-data/Section.json index e1791de..0651334 100644 --- a/src/routes/component-data/Section.json +++ b/src/routes/component-data/Section.json @@ -1 +1,9 @@ -{"name":"Section","slots":[],"events":[],"props":[["sectionClass","string","'relative py-6 sm:py-10'"],["name","'blog' | 'comment' |'cta' | 'ctawithimg' | 'contact' | 'content' | 'contentwithimg' | 'crudcreatedrawer' | 'crudcreateform' | 'crudreadsection' | 'default' | 'faq' | 'feature' | 'forgotpassword' | 'headingwithctabutton' | 'heroDefault' | 'heroVisual' | 'login' | 'logos' | 'maintenance' | 'newsletter' | 'none' | 'page500' | 'page404' | 'portfolio' | 'pricing' | 'register' | 'reset' | 'schedule' | 'social' | 'tableheader' | 'team' | 'testimonial'","'default'"]]} \ No newline at end of file +{ + "name": "Section", + "slots": [], + "events": [], + "props": [ + ["sectionClass", "string", "'relative py-6 sm:py-10'"], + ["name", "'blog' | 'comment' |'cta' | 'ctawithimg' | 'contact' | 'content' | 'contentwithimg' | 'crudcreatedrawer' | 'crudcreateform' | 'crudreadsection' | 'default' | 'faq' | 'feature' | 'forgotpassword' | 'headingwithctabutton' | 'heroDefault' | 'heroVisual' | 'login' | 'logos' | 'maintenance' | 'newsletter' | 'none' | 'page500' | 'page404' | 'portfolio' | 'pricing' | 'register' | 'reset' | 'schedule' | 'social' | 'tableheader' | 'team' | 'testimonial'", "'default'"] + ] +} diff --git a/src/routes/component-data/SidebarBottomNav.json b/src/routes/component-data/SidebarBottomNav.json index c200884..883ec4d 100644 --- a/src/routes/component-data/SidebarBottomNav.json +++ b/src/routes/component-data/SidebarBottomNav.json @@ -1 +1 @@ -{"name":"SidebarBottomNav","slots":[],"events":[],"props":[["divClass","string","'hidden absolute bottom-0 left-0 justify-center p-4 space-x-4 w-full lg:flex bg-white dark:bg-gray-800 z-20'"]]} \ No newline at end of file +{ "name": "SidebarBottomNav", "slots": [], "events": [], "props": [["divClass", "string", "'hidden absolute bottom-0 left-0 justify-center p-4 space-x-4 w-full lg:flex bg-white dark:bg-gray-800 z-20'"]] } diff --git a/src/routes/component-data/SidebarBottomNavItem.json b/src/routes/component-data/SidebarBottomNavItem.json index fd6f3de..9356588 100644 --- a/src/routes/component-data/SidebarBottomNavItem.json +++ b/src/routes/component-data/SidebarBottomNavItem.json @@ -1 +1,10 @@ -{"name":"SidebarBottomNavItem","slots":[],"events":[],"props":[["href","string","''"],["tooltip","string","''"],["aClass","string","'inline-flex justify-center p-2 text-gray-500 rounded cursor-pointer dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-600'"]]} \ No newline at end of file +{ + "name": "SidebarBottomNavItem", + "slots": [], + "events": [], + "props": [ + ["href", "string", "''"], + ["tooltip", "string", "''"], + ["aClass", "string", "'inline-flex justify-center p-2 text-gray-500 rounded cursor-pointer dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-600'"] + ] +} diff --git a/src/routes/component-data/Social.json b/src/routes/component-data/Social.json index d1033f3..46ad033 100644 --- a/src/routes/component-data/Social.json +++ b/src/routes/component-data/Social.json @@ -1 +1,9 @@ -{"name":"Social","slots":[],"events":[],"props":[["divClass","string","'max-w-screen-xl px-4 py-8 mx-auto text-center lg:py-16 lg:px-6'"],["dlClass","string","'grid max-w-screen-md gap-8 mx-auto text-gray-900 sm:grid-cols-3 dark:text-white'"]]} \ No newline at end of file +{ + "name": "Social", + "slots": [], + "events": [], + "props": [ + ["divClass", "string", "'max-w-screen-xl px-4 py-8 mx-auto text-center lg:py-16 lg:px-6'"], + ["dlClass", "string", "'grid max-w-screen-md gap-8 mx-auto text-gray-900 sm:grid-cols-3 dark:text-white'"] + ] +} diff --git a/src/routes/component-data/TableHeader.json b/src/routes/component-data/TableHeader.json index 439132e..9f973d1 100644 --- a/src/routes/component-data/TableHeader.json +++ b/src/routes/component-data/TableHeader.json @@ -1 +1,10 @@ -{"name":"TableHeader","slots":["search"],"events":[],"props":[["divOuterClass","string","'relative bg-white shadow-md dark:bg-gray-800 sm:rounded-lg'"],["headerType","'search' | 'textbtn' | 'custom'","'search'"],["divSlotClass","string","'flex flex-col items-stretch justify-end flex-shrink-0 w-full space-y-2 md:w-auto md:flex-row md:space-y-0 md:items-center md:space-x-3'"]]} \ No newline at end of file +{ + "name": "TableHeader", + "slots": ["search"], + "events": [], + "props": [ + ["divOuterClass", "string", "'relative bg-white shadow-md dark:bg-gray-800 sm:rounded-lg'"], + ["headerType", "'search' | 'textbtn' | 'custom'", "'search'"], + ["divSlotClass", "string", "'flex flex-col items-stretch justify-end flex-shrink-0 w-full space-y-2 md:w-auto md:flex-row md:space-y-0 md:items-center md:space-x-3'"] + ] +} diff --git a/src/routes/component-data/TeamBody.json b/src/routes/component-data/TeamBody.json index 3e58b6b..2e37597 100644 --- a/src/routes/component-data/TeamBody.json +++ b/src/routes/component-data/TeamBody.json @@ -1 +1 @@ -{"name":"TeamBody","slots":[],"events":[],"props":[["divClass","string","'grid gap-8 mb-6 lg:mb-16 md:grid-cols-2'"]]} \ No newline at end of file +{ "name": "TeamBody", "slots": [], "events": [], "props": [["divClass", "string", "'grid gap-8 mb-6 lg:mb-16 md:grid-cols-2'"]] } diff --git a/src/routes/component-data/TeamHeader.json b/src/routes/component-data/TeamHeader.json index a8b0453..90fb699 100644 --- a/src/routes/component-data/TeamHeader.json +++ b/src/routes/component-data/TeamHeader.json @@ -1 +1 @@ -{"name":"TeamHeader","slots":["label"],"events":[],"props":[["divClass","string","'mx-auto max-w-screen-sm text-center mb-8 lg:mb-16'"]]} \ No newline at end of file +{ "name": "TeamHeader", "slots": ["label"], "events": [], "props": [["divClass", "string", "'mx-auto max-w-screen-sm text-center mb-8 lg:mb-16'"]] } diff --git a/src/routes/component-data/TeamItem.json b/src/routes/component-data/TeamItem.json index 2ca6e61..b3dbbae 100644 --- a/src/routes/component-data/TeamItem.json +++ b/src/routes/component-data/TeamItem.json @@ -1 +1,16 @@ -{"name":"TeamItem","slots":["social"],"events":[],"props":[["divClass","string","'items-center bg-gray-50 rounded-lg shadow sm:flex dark:bg-gray-800 dark:border-gray-700'"],["imgClass","string","'w-full rounded-lg sm:rounded-none sm:rounded-l-lg'"],["h3Class","string","'text-xl font-bold tracking-tight text-gray-900 dark:text-white'"],["spanClass","string","'text-gray-500 dark:text-gray-400'"],["href","string","''"],["src","string","''"],["alt","string","''"],["name","string","''"],["jobTitle","string","''"]]} \ No newline at end of file +{ + "name": "TeamItem", + "slots": ["social"], + "events": [], + "props": [ + ["divClass", "string", "'items-center bg-gray-50 rounded-lg shadow sm:flex dark:bg-gray-800 dark:border-gray-700'"], + ["imgClass", "string", "'w-full rounded-lg sm:rounded-none sm:rounded-l-lg'"], + ["h3Class", "string", "'text-xl font-bold tracking-tight text-gray-900 dark:text-white'"], + ["spanClass", "string", "'text-gray-500 dark:text-gray-400'"], + ["href", "string", "''"], + ["src", "string", "''"], + ["alt", "string", "''"], + ["name", "string", "''"], + ["jobTitle", "string", "''"] + ] +} diff --git a/src/routes/component-data/TeamWrapper.json b/src/routes/component-data/TeamWrapper.json index e21a30b..1d102bc 100644 --- a/src/routes/component-data/TeamWrapper.json +++ b/src/routes/component-data/TeamWrapper.json @@ -1 +1 @@ -{"name":"TeamWrapper","slots":[],"events":[],"props":[["divClass","string","'py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6'"]]} \ No newline at end of file +{ "name": "TeamWrapper", "slots": [], "events": [], "props": [["divClass", "string", "'py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6'"]] } diff --git a/src/routes/component-data/Testimonial.json b/src/routes/component-data/Testimonial.json index 4623287..e68ef35 100644 --- a/src/routes/component-data/Testimonial.json +++ b/src/routes/component-data/Testimonial.json @@ -1 +1,10 @@ -{"name":"Testimonial","slots":["footer"],"events":[],"props":[["icon","typeof SvelteComponent | null","null"],["figureClass","string","'max-w-screen-md mx-auto'"],["figureFooterClass","string","'flex items-center justify-center mt-6 space-x-3'"]]} \ No newline at end of file +{ + "name": "Testimonial", + "slots": ["footer"], + "events": [], + "props": [ + ["icon", "typeof SvelteComponent | null", "null"], + ["figureClass", "string", "'max-w-screen-md mx-auto'"], + ["figureFooterClass", "string", "'flex items-center justify-center mt-6 space-x-3'"] + ] +} diff --git a/src/routes/component-data/TestimonialCard.json b/src/routes/component-data/TestimonialCard.json index bf56e6f..dd81307 100644 --- a/src/routes/component-data/TestimonialCard.json +++ b/src/routes/component-data/TestimonialCard.json @@ -1 +1,9 @@ -{"name":"TestimonialCard","slots":["header"],"events":[],"props":[["headerClass","string","'mx-auto max-w-screen-sm'"],["divClass","string","'grid mb-8 lg:mb-12 lg:grid-cols-2'"]]} \ No newline at end of file +{ + "name": "TestimonialCard", + "slots": ["header"], + "events": [], + "props": [ + ["headerClass", "string", "'mx-auto max-w-screen-sm'"], + ["divClass", "string", "'grid mb-8 lg:mb-12 lg:grid-cols-2'"] + ] +} diff --git a/src/routes/component-data/TestimonialCardItem.json b/src/routes/component-data/TestimonialCardItem.json index 18257ff..7025e58 100644 --- a/src/routes/component-data/TestimonialCardItem.json +++ b/src/routes/component-data/TestimonialCardItem.json @@ -1 +1,11 @@ -{"name":"TestimonialCardItem","slots":["h3","caption"],"events":[],"props":[["figureClass","string","'flex flex-col justify-center items-center p-8 text-center bg-gray-50 border-b border-gray-200 md:p-12 lg:border-r dark:bg-gray-800 dark:border-gray-700'"],["blockQuoteClass","string","'mx-auto mb-8 max-w-2xl text-gray-500 dark:text-gray-400'"],["h3Class","string","'text-lg font-semibold text-gray-900 dark:text-white'"],["footerBlockQuoteClass","string","'flex justify-center items-center space-x-3'"]]} \ No newline at end of file +{ + "name": "TestimonialCardItem", + "slots": ["h3", "caption"], + "events": [], + "props": [ + ["figureClass", "string", "'flex flex-col justify-center items-center p-8 text-center bg-gray-50 border-b border-gray-200 md:p-12 lg:border-r dark:bg-gray-800 dark:border-gray-700'"], + ["blockQuoteClass", "string", "'mx-auto mb-8 max-w-2xl text-gray-500 dark:text-gray-400'"], + ["h3Class", "string", "'text-lg font-semibold text-gray-900 dark:text-white'"], + ["footerBlockQuoteClass", "string", "'flex justify-center items-center space-x-3'"] + ] +} diff --git a/src/routes/component-data/ToolsIcon.json b/src/routes/component-data/ToolsIcon.json index 36fc925..981a5c9 100644 --- a/src/routes/component-data/ToolsIcon.json +++ b/src/routes/component-data/ToolsIcon.json @@ -1 +1 @@ -{"name":"ToolsIcon","slots":[],"events":[],"props":[]} \ No newline at end of file +{ "name": "ToolsIcon", "slots": [], "events": [], "props": [] } diff --git a/src/routes/component-data/Twitter.json b/src/routes/component-data/Twitter.json index 0c1e707..c0dea74 100644 --- a/src/routes/component-data/Twitter.json +++ b/src/routes/component-data/Twitter.json @@ -1 +1 @@ -{"name":"Twitter","slots":[],"events":[],"props":[["href","string","''"]]} \ No newline at end of file +{ "name": "Twitter", "slots": [], "events": [], "props": [["href", "string", "''"]] } diff --git a/src/routes/component-data/index.json b/src/routes/component-data/index.json index 3e16205..f39b96d 100644 --- a/src/routes/component-data/index.json +++ b/src/routes/component-data/index.json @@ -1 +1 @@ -{"name":"index","slots":[],"events":[],"props":[]} \ No newline at end of file +{ "name": "index", "slots": [], "events": [], "props": [] } diff --git a/src/routes/component-data/types.json b/src/routes/component-data/types.json index 6d58dc3..32c7f5f 100644 --- a/src/routes/component-data/types.json +++ b/src/routes/component-data/types.json @@ -1 +1 @@ -{"name":"types","slots":[],"events":[],"props":[]} \ No newline at end of file +{ "name": "types", "slots": [], "events": [], "props": [] } diff --git a/src/routes/marketing/404.md b/src/routes/marketing/404.md index e4b97cd..026939d 100644 --- a/src/routes/marketing/404.md +++ b/src/routes/marketing/404.md @@ -36,4 +36,4 @@ Use this free example of a 404 "not found" page coded with Tailwind CSS and Flow ``` - \ No newline at end of file + diff --git a/src/routes/marketing/account-recovery.md b/src/routes/marketing/account-recovery.md index c1493fb..a2c2b63 100644 --- a/src/routes/marketing/account-recovery.md +++ b/src/routes/marketing/account-recovery.md @@ -43,4 +43,4 @@ Use this example for users who forgot their password and send a recovery email t ``` - \ No newline at end of file + diff --git a/src/routes/marketing/banner.md b/src/routes/marketing/banner.md index f4197cb..2bd84e1 100644 --- a/src/routes/marketing/banner.md +++ b/src/routes/marketing/banner.md @@ -35,4 +35,4 @@ Use this example of a dismissable banner component to show extra information rel {/if} ``` - \ No newline at end of file + diff --git a/src/routes/marketing/blog.md b/src/routes/marketing/blog.md index cca519b..bcd573e 100644 --- a/src/routes/marketing/blog.md +++ b/src/routes/marketing/blog.md @@ -85,4 +85,4 @@ Use this example to show a preview of a blog post including the title, descripti ``` - \ No newline at end of file + diff --git a/src/routes/marketing/contact.md b/src/routes/marketing/contact.md index f3208da..5506f7f 100644 --- a/src/routes/marketing/contact.md +++ b/src/routes/marketing/contact.md @@ -44,4 +44,4 @@ Use this example of a contact form coded with Tailwind CSS including the email, ``` - \ No newline at end of file + diff --git a/src/routes/marketing/content.md b/src/routes/marketing/content.md index 0f82663..657cbe4 100644 --- a/src/routes/marketing/content.md +++ b/src/routes/marketing/content.md @@ -58,4 +58,4 @@ Use this example to show a couple of images next to a heading and paragraph to p ``` - \ No newline at end of file + diff --git a/src/routes/marketing/cta.md b/src/routes/marketing/cta.md index 889abc5..2113447 100644 --- a/src/routes/marketing/cta.md +++ b/src/routes/marketing/cta.md @@ -82,4 +82,4 @@ Use this simple yet effective CTA section with a heading, short paragraph, and a ``` - \ No newline at end of file + diff --git a/src/routes/marketing/customer-logos.md b/src/routes/marketing/customer-logos.md index d7d232e..1730dc3 100644 --- a/src/routes/marketing/customer-logos.md +++ b/src/routes/marketing/customer-logos.md @@ -49,4 +49,4 @@ Use this example to show a list of logos of the companies that have used your pr ``` - \ No newline at end of file + diff --git a/src/routes/marketing/event-schedule.md b/src/routes/marketing/event-schedule.md index cebd2e8..63d00ac 100644 --- a/src/routes/marketing/event-schedule.md +++ b/src/routes/marketing/event-schedule.md @@ -75,4 +75,4 @@ Use this free example to show a list of workshops for an event using a timeline ``` - \ No newline at end of file + diff --git a/src/routes/marketing/faq.md b/src/routes/marketing/faq.md index 452ce3c..17f51bb 100644 --- a/src/routes/marketing/faq.md +++ b/src/routes/marketing/faq.md @@ -80,4 +80,4 @@ Use this simple example of a FAQ section to show a list of questions and answers ``` - \ No newline at end of file + diff --git a/src/routes/marketing/feature.md b/src/routes/marketing/feature.md index 43d7e4b..91f7e24 100644 --- a/src/routes/marketing/feature.md +++ b/src/routes/marketing/feature.md @@ -66,4 +66,4 @@ Get started with this default example of feature items based on a grid layout wh ``` - \ No newline at end of file + diff --git a/src/routes/marketing/footer.md b/src/routes/marketing/footer.md index db47d5a..404b91d 100644 --- a/src/routes/marketing/footer.md +++ b/src/routes/marketing/footer.md @@ -100,4 +100,4 @@ Use this footer section to show the logo of your brand, the sitemap, social medi ``` - \ No newline at end of file + diff --git a/src/routes/marketing/hero.md b/src/routes/marketing/hero.md index ad06c22..a86b903 100644 --- a/src/routes/marketing/hero.md +++ b/src/routes/marketing/hero.md @@ -91,4 +91,4 @@ Use this example to show an image next to the heading and CTA buttons to improve ``` - \ No newline at end of file + diff --git a/src/routes/marketing/login.md b/src/routes/marketing/login.md index 7f50f45..2afdf9c 100644 --- a/src/routes/marketing/login.md +++ b/src/routes/marketing/login.md @@ -53,4 +53,4 @@ This example includes a form with an email and password input accompanied by the ``` - \ No newline at end of file + diff --git a/src/routes/marketing/maintenance.md b/src/routes/marketing/maintenance.md index f6d6ddb..e15f4a0 100644 --- a/src/routes/marketing/maintenance.md +++ b/src/routes/marketing/maintenance.md @@ -29,4 +29,4 @@ Use this example to let your users know that you are working on an important upd ``` - \ No newline at end of file + diff --git a/src/routes/marketing/newsletter.md b/src/routes/marketing/newsletter.md index 7356297..98811db 100644 --- a/src/routes/marketing/newsletter.md +++ b/src/routes/marketing/newsletter.md @@ -47,4 +47,4 @@ Use this example as a website section to allow website visitors to sign up for y ``` - \ No newline at end of file + diff --git a/src/routes/marketing/popup.md b/src/routes/marketing/popup.md index b12fa8d..5a15e86 100644 --- a/src/routes/marketing/popup.md +++ b/src/routes/marketing/popup.md @@ -37,4 +37,4 @@ Use this example of a popup element to show a simple yes or no type of dialog to ``` - \ No newline at end of file + diff --git a/src/routes/marketing/pricing.md b/src/routes/marketing/pricing.md index a1ced8a..c38154c 100644 --- a/src/routes/marketing/pricing.md +++ b/src/routes/marketing/pricing.md @@ -127,4 +127,4 @@ Use this example of three pricing cards showcasing the pricing plan title, descr ``` - \ No newline at end of file + diff --git a/src/routes/marketing/register.md b/src/routes/marketing/register.md index 91f3886..ab595bf 100644 --- a/src/routes/marketing/register.md +++ b/src/routes/marketing/register.md @@ -56,4 +56,4 @@ This example can be used to allow users to create an account on your website usi ``` - \ No newline at end of file + diff --git a/src/routes/marketing/reset-password.md b/src/routes/marketing/reset-password.md index 4f74146..8153493 100644 --- a/src/routes/marketing/reset-password.md +++ b/src/routes/marketing/reset-password.md @@ -53,4 +53,4 @@ Use this example with an email input and two password input fields to let the us ``` - \ No newline at end of file + diff --git a/src/routes/marketing/social-proof.md b/src/routes/marketing/social-proof.md index d1573b6..bce6759 100644 --- a/src/routes/marketing/social-proof.md +++ b/src/routes/marketing/social-proof.md @@ -39,4 +39,4 @@ Use this example of statistical numbers that you can use to showcase the adoptio ``` - \ No newline at end of file + diff --git a/src/routes/marketing/team.md b/src/routes/marketing/team.md index 6f7cc83..4ac8697 100644 --- a/src/routes/marketing/team.md +++ b/src/routes/marketing/team.md @@ -80,4 +80,4 @@ Use this example to show information about your team members such as the name, o ``` - \ No newline at end of file + diff --git a/src/routes/marketing/testimonial.md b/src/routes/marketing/testimonial.md index 4ded955..91becdb 100644 --- a/src/routes/marketing/testimonial.md +++ b/src/routes/marketing/testimonial.md @@ -111,4 +111,4 @@ You can use this example of testimonial cards up to two items on a row and show ``` - \ No newline at end of file + diff --git a/src/routes/pages/quickstart.md b/src/routes/pages/quickstart.md index 2a2c7a2..e0ad27c 100644 --- a/src/routes/pages/quickstart.md +++ b/src/routes/pages/quickstart.md @@ -1,7 +1,7 @@ --- layout: componentLayout title: Quickstart - Flowbite Svelte Blocks -breadcrumb_title: Quickstart +breadcrumb_title: Quickstart no_of_components: 0 free component dir: pages description: Learn how to get started with the free and open-source Flowbite Svelte Blocks component library @@ -52,16 +52,9 @@ In the provided code below, you can customize the primary color by modifying the ```js const config = { - content: [ - './src/**/*.{html,js,svelte,ts}', - './node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}', - './node_modules/flowbite-svelte-blocks/**/*.{html,js,svelte,ts}' - ], + content: ['./src/**/*.{html,js,svelte,ts}', './node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}', './node_modules/flowbite-svelte-blocks/**/*.{html,js,svelte,ts}'], - plugins: [ - require('flowbite/plugin'), - require('flowbite-typography') - ], + plugins: [require('flowbite/plugin'), require('flowbite-typography')], darkMode: 'class', @@ -112,4 +105,3 @@ Add the following to `src/routes/+page.svelte` and if you see the following imag ``` - diff --git a/src/routes/utils/Sectioncompo.svelte b/src/routes/utils/Sectioncompo.svelte index fca5386..c696d07 100644 --- a/src/routes/utils/Sectioncompo.svelte +++ b/src/routes/utils/Sectioncompo.svelte @@ -3,7 +3,7 @@ import type { PageData } from '../$types'; import CompoCard from './CompoCard.svelte'; import Section from './Section.svelte'; - import TableSearch from 'flowbite-svelte/TableSearch.svelte'; + import {TableSearch} from 'flowbite-svelte'; export let data: PageData; export let section; diff --git a/src/routes/utils/advancedTable.json b/src/routes/utils/advancedTable.json new file mode 100644 index 0000000..14091ce --- /dev/null +++ b/src/routes/utils/advancedTable.json @@ -0,0 +1,922 @@ +[ + { + "id": 101, + "product_name": "Samsung Galaxy S21", + "category": "Phone", + "brand": "Samsung", + "description": "6.2-inch AMOLED display, 128GB storage", + "price": "$799" + }, + { + "id": 105, + "product_name": "Dell XPS 13", + "category": "Laptop", + "brand": "Dell", + "description": "13.4-inch InfinityEdge display, 256GB SSD", + "price": "$1,199" + }, + { + "id": 117, + "product_name": "Sony WH-1000XM4", + "category": "Headphones", + "brand": "Sony", + "description": "Wireless noise-canceling headphones", + "price": "$349" + }, + { + "id": 130, + "product_name": "LG OLED C1", + "category": "TV", + "brand": "LG", + "description": "55-inch OLED 4K Smart TV", + "price": "$1,499" + }, + { + "id": 142, + "product_name": "Canon EOS 5D Mark IV", + "category": "Camera", + "brand": "Canon", + "description": "30.4MP DSLR camera body", + "price": "$2,499" + }, + { + "id": 145, + "product_name": "Bose QuietComfort 35 II", + "category": "Headphones", + "brand": "Bose", + "description": "Wireless noise-canceling headphones", + "price": "$299" + }, + { + "id": 151, + "product_name": "Lenovo ThinkPad X1 Carbon", + "category": "Laptop", + "brand": "Lenovo", + "description": "14-inch Ultrabook, 512GB SSD", + "price": "$1,499" + }, + { + "id": 153, + "product_name": "NVIDIA GeForce RTX 3080", + "category": "GPU", + "brand": "NVIDIA", + "description": "10GB GDDR6X graphics card", + "price": "$699" + }, + { + "id": 167, + "product_name": "Apple AirPods Pro", + "category": "Headphones", + "brand": "Apple", + "description": "Wireless earbuds with active noise cancellation", + "price": "$249" + }, + { + "id": 179, + "product_name": "Microsoft Surface Pro 7", + "category": "Tablet", + "brand": "Microsoft", + "description": "12.3-inch 2-in-1 tablet, 128GB SSD", + "price": "$899" + }, + { + "id": 181, + "product_name": "Sony PlayStation 5 Pro", + "category": "Gaming/Console", + "brand": "Sony", + "description": "Next-gen gaming console, 8K support", + "price": "$699" + }, + { + "id": 184, + "product_name": "Samsung 65-inch QLED 4K TV", + "category": "TV", + "brand": "Samsung", + "description": "65-inch QLED 4K Smart TV", + "price": "$1,299" + }, + { + "id": 186, + "product_name": "Google Pixel 6 Pro", + "category": "Phone", + "brand": "Google", + "description": "6.7-inch OLED display, 128GB storage", + "price": "$899" + }, + { + "id": 195, + "product_name": "Sony Alpha a7 III", + "category": "Camera", + "brand": "Sony", + "description": "24.2MP mirrorless camera body", + "price": "$1,999" + }, + { + "id": 196, + "product_name": "Bose SoundLink Revolve+", + "category": "Speakers", + "brand": "Bose", + "description": "Portable Bluetooth speaker", + "price": "$299" + }, + { + "id": 197, + "product_name": "Asus ROG Strix G15", + "category": "Laptop", + "brand": "Asus", + "description": "15.6-inch gaming laptop, RTX 3060", + "price": "$1,299" + }, + { + "id": 200, + "product_name": "Apple iPad Pro 12.9-inch", + "category": "Tablet", + "brand": "Apple", + "description": "12.9-inch 5th-gen iPad Pro, 256GB", + "price": "$1,099" + }, + { + "id": 204, + "product_name": "LG 34-inch UltraWide Monitor", + "category": "Monitor", + "brand": "LG", + "description": "34-inch UltraWide QHD IPS monitor", + "price": "$599" + }, + { + "id": 215, + "product_name": "Nikon Z6 II", + "category": "Camera", + "brand": "Nikon", + "description": "24.5MP mirrorless camera body", + "price": "$1,999" + }, + { + "id": 217, + "product_name": "Microsoft Xbox Series X Pro", + "category": "Gaming/Console", + "brand": "Microsoft", + "description": "Next-gen gaming console, 8K support", + "price": "$799" + }, + { + "id": 222, + "product_name": "Sony Xperia 5 III", + "category": "Phone", + "brand": "Sony", + "description": "5G smartphone with Snapdragon 888", + "price": "$899" + }, + { + "id": 225, + "product_name": "Dell XPS 13", + "category": "Laptop", + "brand": "Dell", + "description": "13.3-inch 4K OLED laptop, Intel i7", + "price": "$1,499" + }, + { + "id": 234, + "product_name": "Canon EOS R5", + "category": "Camera", + "brand": "Canon", + "description": "45MP mirrorless camera, 8K video", + "price": "$3,899" + }, + { + "id": 235, + "product_name": "Bose QuietComfort 45", + "category": "Headphones", + "brand": "Bose", + "description": "Wireless noise-canceling headphones", + "price": "$329" + }, + { + "id": 236, + "product_name": "Samsung Galaxy Tab S7+", + "category": "Tablet", + "brand": "Samsung", + "description": "12.4-inch Super AMOLED tablet", + "price": "$799" + }, + { + "id": 237, + "product_name": "HP Omen 30L", + "category": "Desktop", + "brand": "HP", + "description": "Gaming desktop, Ryzen 9, RTX 3080", + "price": "$2,199" + }, + { + "id": 238, + "product_name": "LG OLED C1 65-inch TV", + "category": "TV", + "brand": "LG", + "description": "65-inch OLED 4K Smart TV", + "price": "$1,799" + }, + { + "id": 239, + "product_name": "Panasonic Lumix GH5", + "category": "Camera", + "brand": "Panasonic", + "description": "20.3MP mirrorless camera, 4K video", + "price": "$1,299" + }, + { + "id": 240, + "product_name": "Logitech MX Master 3", + "category": "Accessories", + "brand": "Logitech", + "description": "Wireless ergonomic mouse", + "price": "$99" + }, + { + "id": 241, + "product_name": "Microsoft Surface Laptop 4", + "category": "Laptop", + "brand": "Microsoft", + "description": "15-inch touchscreen laptop, Ryzen 7", + "price": "$1,299" + }, + { + "id": 242, + "product_name": "Sony WH-1000XM4", + "category": "Headphones", + "brand": "Sony", + "description": "Wireless noise-canceling headphones", + "price": "$349" + }, + { + "id": 243, + "product_name": "Dell XPS 13", + "category": "Laptop", + "brand": "Dell", + "description": "13-inch Ultrabook, Intel Core i7", + "price": "$1,299" + }, + { + "id": 244, + "product_name": "Canon EOS 90D", + "category": "Camera", + "brand": "Canon", + "description": "32.5MP DSLR camera, 4K video", + "price": "$1,199" + }, + { + "id": 245, + "product_name": "Apple AirPods Pro", + "category": "Headphones", + "brand": "Apple", + "description": "Wireless in-ear headphones", + "price": "$249" + }, + { + "id": 246, + "product_name": "Asus ROG Strix Scar 15", + "category": "Gaming Laptop", + "brand": "Asus", + "description": "15.6-inch gaming laptop, RTX 3080", + "price": "$2,499" + }, + { + "id": 247, + "product_name": "Samsung QLED Q90T", + "category": "TV", + "brand": "Samsung", + "description": "75-inch QLED 4K Smart TV", + "price": "$2,799" + }, + { + "id": 248, + "product_name": "Sony Alpha A7 III", + "category": "Camera", + "brand": "Sony", + "description": "24.2MP mirrorless camera, 4K video", + "price": "$1,799" + }, + { + "id": 258, + "product_name": "Sony PlayStation 5", + "category": "Gaming Console", + "brand": "Sony", + "description": "Next-gen gaming console, 4K gaming", + "price": "$499" + }, + { + "id": 265, + "product_name": "Apple iPad Air 4", + "category": "Tablet", + "brand": "Apple", + "description": "10.9-inch tablet, A14 Bionic chip", + "price": "$599" + }, + { + "id": 270, + "product_name": "Bose SoundLink Revolve+", + "category": "Speakers", + "brand": "Bose", + "description": "Portable Bluetooth speaker", + "price": "$299" + }, + { + "id": 275, + "product_name": "Sony Bravia X900H", + "category": "TV", + "brand": "Sony", + "description": "55-inch 4K LED Smart TV", + "price": "$899" + }, + { + "id": 280, + "product_name": "Samsung Galaxy Watch 4", + "category": "Wearable", + "brand": "Samsung", + "description": "Smartwatch with fitness tracking", + "price": "$249" + }, + { + "id": 285, + "product_name": "DJI Mavic Air 2", + "category": "Drones", + "brand": "DJI", + "description": "Foldable 4K drone with obstacle avoidance", + "price": "$799" + }, + { + "id": 290, + "product_name": "HP Spectre x360 15", + "category": "Laptop", + "brand": "HP", + "description": "15.6-inch 2-in-1 laptop, Intel Core i7", + "price": "$1,199" + }, + { + "id": 295, + "product_name": "Google Pixel 6 Pro", + "category": "Smartphone", + "brand": "Google", + "description": "6.7-inch flagship smartphone", + "price": "$899" + }, + { + "id": 298, + "product_name": "Sony WF-1000XM4", + "category": "Headphones", + "brand": "Sony", + "description": "Wireless noise-canceling earbuds", + "price": "$249" + }, + { + "id": 300, + "product_name": "LG Gram 17", + "category": "Laptop", + "brand": "LG", + "description": "17-inch lightweight laptop, Intel Core i7", + "price": "$1,399" + }, + { + "id": 310, + "product_name": "Sony WH-1000XM5", + "category": "Headphones", + "brand": "Sony", + "description": "Wireless noise-canceling headphones", + "price": "$349" + }, + { + "id": 315, + "product_name": "Apple MacBook Air M2", + "category": "Laptop", + "brand": "Apple", + "description": "13-inch lightweight laptop, Apple Silicon", + "price": "$1,199" + }, + { + "id": 320, + "product_name": "Samsung QLED Q90A", + "category": "TV", + "brand": "Samsung", + "description": "65-inch 4K QLED Smart TV", + "price": "$1,999" + }, + { + "id": 325, + "product_name": "Canon EOS R6", + "category": "Camera", + "brand": "Canon", + "description": "20.1MP mirrorless camera, 4K video", + "price": "$2,499" + }, + { + "id": 330, + "product_name": "Logitech G Pro X Mechanical Keyboard", + "category": "Accessories", + "brand": "Logitech", + "description": "Mechanical gaming keyboard", + "price": "$149" + }, + { + "id": 335, + "product_name": "Microsoft Surface Pro 8", + "category": "Tablet", + "brand": "Microsoft", + "description": "12.3-inch tablet, Intel Core i5", + "price": "$999" + }, + { + "id": 340, + "product_name": "LG OLED GX 77-inch TV", + "category": "TV", + "brand": "LG", + "description": "77-inch OLED 4K Smart TV", + "price": "$2,999" + }, + { + "id": 345, + "product_name": "Sony Alpha A7 IV", + "category": "Camera", + "brand": "Sony", + "description": "33.0MP mirrorless camera, 8K video", + "price": "$2,799" + }, + { + "id": 350, + "product_name": "Dell XPS 13", + "category": "Laptop", + "brand": "Dell", + "description": "13.3-inch ultrabook, Intel Core i7", + "price": "$1,299" + }, + { + "id": 355, + "product_name": "GoPro Hero 10 Black", + "category": "Action Camera", + "brand": "GoPro", + "description": "5.3K action camera with HyperSmooth 4.0", + "price": "$499" + }, + { + "id": 360, + "product_name": "Samsung Galaxy S23 Ultra", + "category": "Smartphone", + "brand": "Samsung", + "description": "6.8-inch flagship smartphone", + "price": "$1,199" + }, + { + "id": 365, + "product_name": "Razer BlackWidow V3 Pro", + "category": "Accessories", + "brand": "Razer", + "description": "Wireless mechanical gaming keyboard", + "price": "$229" + }, + { + "id": 370, + "product_name": "Asus ROG Zephyrus G14", + "category": "Laptop", + "brand": "Asus", + "description": "14-inch gaming laptop, Ryzen 9, RTX 3060", + "price": "$1,499" + }, + { + "id": 375, + "product_name": "Sony X900H 85-inch TV", + "category": "TV", + "brand": "Sony", + "description": "85-inch 4K LED Smart TV", + "price": "$2,299" + }, + { + "id": 380, + "product_name": "Nikon Z6 II", + "category": "Camera", + "brand": "Nikon", + "description": "24.5MP mirrorless camera, 4K video", + "price": "$1,999" + }, + { + "id": 385, + "product_name": "Bose Home Speaker 500", + "category": "Speakers", + "brand": "Bose", + "description": "Smart home speaker with voice control", + "price": "$399" + }, + { + "id": 390, + "product_name": "OnePlus 9 Pro", + "category": "Smartphone", + "brand": "OnePlus", + "description": "6.7-inch flagship smartphone", + "price": "$899" + }, + { + "id": 395, + "product_name": "SteelSeries Arctis Pro Wireless", + "category": "Headphones", + "brand": "SteelSeries", + "description": "Wireless gaming headphones", + "price": "$329" + }, + { + "id": 400, + "product_name": "Sony A90J 77-inch TV", + "category": "TV", + "brand": "Sony", + "description": "77-inch OLED 4K Smart TV", + "price": "$3,299" + }, + { + "id": 403, + "product_name": "Sony WF-1000XM4", + "category": "Headphones", + "brand": "Sony", + "description": "Wireless noise-canceling earbuds", + "price": "$249" + }, + { + "id": 404, + "product_name": "Dell Inspiron 14", + "category": "Laptop", + "brand": "Dell", + "description": "14-inch budget laptop, Intel Core i3", + "price": "$499" + }, + { + "id": 405, + "product_name": "Samsung Galaxy A52", + "category": "Smartphone", + "brand": "Samsung", + "description": "6.5-inch mid-range smartphone", + "price": "$349" + }, + { + "id": 406, + "product_name": "Logitech C920 HD Pro", + "category": "Accessories", + "brand": "Logitech", + "description": "Full HD webcam with microphone", + "price": "$79" + }, + { + "id": 407, + "product_name": "LG Gram 17", + "category": "Laptop", + "brand": "LG", + "description": "17-inch ultrabook, Intel Core i7", + "price": "$1,499" + }, + { + "id": 408, + "product_name": "Canon PowerShot G7 X Mark III", + "category": "Camera", + "brand": "Canon", + "description": "20.1MP compact camera, 4K video", + "price": "$699" + }, + { + "id": 409, + "product_name": "Bose SoundLink Revolve+", + "category": "Speakers", + "brand": "Bose", + "description": "Portable Bluetooth speaker", + "price": "$299" + }, + { + "id": 410, + "product_name": "Sony Xperia 5 III", + "category": "Smartphone", + "brand": "Sony", + "description": "6.1-inch flagship smartphone", + "price": "$999" + }, + { + "id": 411, + "product_name": "Acer Predator Helios 300", + "category": "Laptop", + "brand": "Acer", + "description": "15.6-inch gaming laptop, RTX 3060", + "price": "$1,199" + }, + { + "id": 412, + "product_name": "Samsung Odyssey G9", + "category": "Monitor", + "brand": "Samsung", + "description": "49-inch ultrawide gaming monitor", + "price": "$1,399" + }, + { + "id": 413, + "product_name": "Fujifilm Instax Mini 11", + "category": "Camera", + "brand": "Fujifilm", + "description": "Instant film camera", + "price": "$69" + }, + { + "id": 414, + "product_name": "Apple Watch Series 7", + "category": "Wearable", + "brand": "Apple", + "description": "Smartwatch with larger display", + "price": "$399" + }, + { + "id": 415, + "product_name": "Razer Naga X", + "category": "Accessories", + "brand": "Razer", + "description": "Wired gaming mouse", + "price": "$79" + }, + { + "id": 416, + "product_name": "Asus ROG Strix Scar 17", + "category": "Laptop", + "brand": "Asus", + "description": "17.3-inch gaming laptop, RTX 3080", + "price": "$2,499" + }, + { + "id": 417, + "product_name": "Bose QuietComfort Earbuds", + "category": "Headphones", + "brand": "Bose", + "description": "Wireless noise-canceling earbuds", + "price": "$279" + }, + { + "id": 418, + "product_name": "DJI Mini 2", + "category": "Drones", + "brand": "DJI", + "description": "4K camera drone", + "price": "$449" + }, + { + "id": 419, + "product_name": "Sony X800H 65-inch TV", + "category": "TV", + "brand": "Sony", + "description": "65-inch 4K LED Smart TV", + "price": "$999" + }, + { + "id": 420, + "product_name": "GoPro Hero 9 Black", + "category": "Action Camera", + "brand": "GoPro", + "description": "5K action camera with HyperSmooth 3.0", + "price": "$449" + }, + { + "id": 421, + "product_name": "JBL Charge 5", + "category": "Speakers", + "brand": "JBL", + "description": "Portable Bluetooth speaker", + "price": "$179" + }, + { + "id": 422, + "product_name": "Acer Chromebook Spin 13", + "category": "Laptop", + "brand": "Acer", + "description": "13.5-inch 2-in-1 Chromebook", + "price": "$599" + }, + { + "id": 423, + "product_name": "Canon EOS 5D Mark IV", + "category": "Camera", + "brand": "Canon", + "description": "30.4MP DSLR camera, 4K video", + "price": "$2,499" + }, + { + "id": 424, + "product_name": "Samsung Galaxy Buds Pro", + "category": "Headphones", + "brand": "Samsung", + "description": "Wireless noise-canceling earbuds", + "price": "$199" + }, + { + "id": 425, + "product_name": "Razer Huntsman Elite", + "category": "Accessories", + "brand": "Razer", + "description": "Mechanical gaming keyboard", + "price": "$169" + }, + { + "id": 426, + "product_name": "Microsoft Surface Go 3", + "category": "Tablet", + "brand": "Microsoft", + "description": "10.5-inch tablet, Intel Pentium Gold", + "price": "$399" + }, + { + "id": 431, + "product_name": "Apple MacBook Air", + "category": "Laptop", + "brand": "Apple", + "description": "13.3-inch ultrabook, M1 chip", + "price": "$999" + }, + { + "id": 432, + "product_name": "Sony WH-1000XM4", + "category": "Headphones", + "brand": "Sony", + "description": "Wireless noise-canceling headphones", + "price": "$349" + }, + { + "id": 433, + "product_name": "Samsung Galaxy Watch 4", + "category": "Wearable", + "brand": "Samsung", + "description": "Smartwatch with health tracking", + "price": "$249" + }, + { + "id": 434, + "product_name": "Logitech G Pro X Mechanical Gaming Keyboard", + "category": "Accessories", + "brand": "Logitech", + "description": "Mechanical gaming keyboard", + "price": "$129" + }, + { + "id": 435, + "product_name": "LG CX 55-inch OLED TV", + "category": "TV", + "brand": "LG", + "description": "55-inch OLED 4K Smart TV", + "price": "$1,499" + }, + { + "id": 436, + "product_name": "Nikon D850", + "category": "Camera", + "brand": "Nikon", + "description": "45.7MP DSLR camera, 4K video", + "price": "$2,999" + }, + { + "id": 437, + "product_name": "Bose SoundSport Free", + "category": "Headphones", + "brand": "Bose", + "description": "Wireless sport earbuds", + "price": "$199" + }, + { + "id": 438, + "product_name": "Google Pixel 6", + "category": "Smartphone", + "brand": "Google", + "description": "6.4-inch flagship smartphone", + "price": "$799" + }, + { + "id": 439, + "product_name": "Asus ROG Swift PG279QZ", + "category": "Monitor", + "brand": "Asus", + "description": "27-inch gaming monitor, QHD", + "price": "$499" + }, + { + "id": 440, + "product_name": "Sony RX100 VII", + "category": "Camera", + "brand": "Sony", + "description": "20.1MP compact camera, 4K video", + "price": "$1,299" + }, + { + "id": 441, + "product_name": "Apple AirPods Pro", + "category": "Headphones", + "brand": "Apple", + "description": "Wireless noise-canceling earbuds", + "price": "$249" + }, + { + "id": 442, + "product_name": "Dell XPS 15", + "category": "Laptop", + "brand": "Dell", + "description": "15.6-inch laptop, Intel Core i7", + "price": "$1,499" + }, + { + "id": 443, + "product_name": "OnePlus Nord 2", + "category": "Smartphone", + "brand": "OnePlus", + "description": "6.43-inch mid-range smartphone", + "price": "$399" + }, + { + "id": 444, + "product_name": "SteelSeries Arctis Pro Wireless", + "category": "Accessories", + "brand": "SteelSeries", + "description": "Wireless gaming headset", + "price": "$329" + }, + { + "id": 445, + "product_name": "HP Envy x360", + "category": "Laptop", + "brand": "HP", + "description": "15.6-inch 2-in-1 laptop, AMD Ryzen", + "price": "$899" + }, + { + "id": 446, + "product_name": "Sony WH-CH710N", + "category": "Headphones", + "brand": "Sony", + "description": "Wireless over-ear headphones", + "price": "$199" + }, + { + "id": 447, + "product_name": "Amazon Echo Dot (4th Gen)", + "category": "Smart Speaker", + "brand": "Amazon", + "description": "Smart speaker with Alexa", + "price": "$49" + }, + { + "id": 448, + "product_name": "Acer Predator X27", + "category": "Monitor", + "brand": "Acer", + "description": "27-inch gaming monitor, 4K, G-Sync", + "price": "$1,499" + }, + { + "id": 449, + "product_name": "Canon EOS Rebel T8i", + "category": "Camera", + "brand": "Canon", + "description": "24.1MP DSLR camera", + "price": "$899" + }, + { + "id": 450, + "product_name": "Bose Home Speaker 500", + "category": "Speakers", + "brand": "Bose", + "description": "Smart speaker with built-in voice control", + "price": "$399" + }, + { + "id": 451, + "product_name": "Lenovo ThinkPad X1 Carbon", + "category": "Laptop", + "brand": "Lenovo", + "description": "14-inch business laptop, Intel Core i7", + "price": "$1,299" + }, + { + "id": 452, + "product_name": "Sony WF-XB700", + "category": "Headphones", + "brand": "Sony", + "description": "Wireless extra bass earbuds", + "price": "$129" + }, + { + "id": 453, + "product_name": "Google Nest Hub", + "category": "Smart Display", + "brand": "Google", + "description": "Smart display with Google Assistant", + "price": "$129" + }, + { + "id": 454, + "product_name": "Acer Aspire 5", + "category": "Laptop", + "brand": "Acer", + "description": "15.6-inch budget laptop, AMD Ryzen 5", + "price": "$549" + }, + { + "id": 455, + "product_name": "Sony ZV-1", + "category": "Camera", + "brand": "Sony", + "description": "20.1MP compact vlogging camera", + "price": "$699" + } +] diff --git a/src/routes/utils/fetchPost.ts b/src/routes/utils/fetchPost.ts index 3efb137..88e51ba 100644 --- a/src/routes/utils/fetchPost.ts +++ b/src/routes/utils/fetchPost.ts @@ -78,20 +78,20 @@ export const fetchMarkdownPosts = async () => { export const fetchComponentData = async () => { const josonFiles = import.meta.glob('/src/routes/component-data/*.json'); - // const iterableJsonFiles = Object.entries(josonFiles); + // const iterableJsonFiles = Object.entries(josonFiles); - // const allJsonFiles = await Promise.all( - // iterableJsonFiles.map(async ([path, resolver]) => { - // const { metadata } = await resolver(); - // return { - // meta: metadata, - // path: filePath(path) - // }; - // }) - // ); - console.log('josonFiles', josonFiles) + // const allJsonFiles = await Promise.all( + // iterableJsonFiles.map(async ([path, resolver]) => { + // const { metadata } = await resolver(); + // return { + // meta: metadata, + // path: filePath(path) + // }; + // }) + // ); + console.log('josonFiles', josonFiles); return { - jsonfiles: josonFiles, + jsonfiles: josonFiles }; }; diff --git a/src/routes/utils/index.ts b/src/routes/utils/index.ts index f85d208..771933c 100644 --- a/src/routes/utils/index.ts +++ b/src/routes/utils/index.ts @@ -17,4 +17,4 @@ export { default as Youtube } from './icons/Youtube.svelte'; export { default as TableDefaultRow } from './TableDefaultRow.svelte'; export { default as TableProp } from './TableProp.svelte'; -export { default as CompoAttributesViewer } from './CompoAttributesViewer.svelte' +export { default as CompoAttributesViewer } from './CompoAttributesViewer.svelte'; diff --git a/static/styles/docs.css b/static/styles/docs.css index be2f06e..1c0870e 100644 --- a/static/styles/docs.css +++ b/static/styles/docs.css @@ -89,7 +89,15 @@ code[class*='language-'], pre[class*='language-'] { color: #c5c8c6; @apply text-gray-800 dark:text-gray-400; - font-family: Menlo, ui-monospace, SFMono-Regular, Monaco, Consolas, Liberation Mono, Courier New, monospace; + font-family: + Menlo, + ui-monospace, + SFMono-Regular, + Monaco, + Consolas, + Liberation Mono, + Courier New, + monospace; direction: ltr; text-align: left; white-space: pre; diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 17e5286..861b31f 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -1,9 +1,6 @@ const config = { content: ['./src/**/*.{html,js,svelte,ts,md}', './node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}'], - plugins: [ - require('flowbite/plugin'), - require('flowbite-typography') - ], + plugins: [require('flowbite/plugin'), require('flowbite-typography')], darkMode: 'class', theme: { extend: { diff --git a/tests/test.spec.ts b/tests/test.spec.ts index c12fb35..b9181bc 100644 --- a/tests/test.spec.ts +++ b/tests/test.spec.ts @@ -288,4 +288,3 @@ test('Quickstart has expected h1', async ({ page }) => { await page.goto('/pages/quickstart'); expect(await page.textContent('h1')).toBe('Quickstart - Flowbite Svelte Blocks'); }); - From 7fcf50a4c020d82efe400785b3d57bb338397893 Mon Sep 17 00:00:00 2001 From: Shinichi Okada Date: Wed, 6 Sep 2023 06:49:44 +0200 Subject: [PATCH 2/2] docs: update no_of_components --- src/routes/application/advanced-tables.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/routes/application/advanced-tables.md b/src/routes/application/advanced-tables.md index 04dbd63..db09b42 100644 --- a/src/routes/application/advanced-tables.md +++ b/src/routes/application/advanced-tables.md @@ -2,7 +2,7 @@ layout: componentLayout title: Svelte Advanced Tables - Flowbite Svelte Blocks breadcrumb_title: Advanced Tables -no_of_components: 0 components +no_of_components: 1 free components dir: application description: Get started with a collection of advanced table components based on multiple layouts and styles to show a complex set of data using rows and columns built with Tailwind CSS. ---