refactor: astro stencil showcase

.config/cspell.config.ts

@@ -39,7 +39,8 @@ export default defineConfig({
 		// Examples
 		'showcases/react-showcase/src/components/form/index.tsx',
 		'showcases/patternhub/pages/foundations/densities/examples.tsx',
-		'showcases/angular-showcase/src/app/components/form/form.component.ts'
+		'showcases/angular-showcase/src/app/components/form/form.component.ts',
+		'showcases/stencil-showcase/src/components/form/Form.astro'
 	],
 	dictionaries: [
 		'custom-words',

.config/cspellignorewords.txt

@@ -137,6 +137,8 @@ amazonq
 Edgi
 dbtabpanel
 dbtablist
+fadein
+stylelints
 unstarted
 publishpackages
 cooldown

.gitignore

@@ -77,3 +77,5 @@ showcases/patternhub/public/iframe-resizer/*
 /core-web.iml
 /build-storybooks/
 **/blob-report
+/output/stencil/bundle/
+/output/astro/styles/

.stylelintignore

@@ -13,5 +13,6 @@ showcases/patternhub/**
 showcases/**/public/**
 packages/foundations/scripts/generate-icon-fonts/styles/**
 packages/foundations/scss/_normalize.scss
+packages/foundations/assets/icons/fonts/**
 packages/stylelint/test/**
 .stylelintrc.json

output/stencil/package.json

@@ -14,9 +14,14 @@
     ".": {
       "types": "./dist/loader/index.d.ts",
       "import": "./dist/loader/index.js"
+    },
+    "./bundle": {
+      "types": "./bundle/index.d.ts",
+      "import": "./bundle/index.js"
     }
   },
   "files": [
+    "bundle/",
     "dist/",
     "agent",
     "CHANGELOG.md"
@@ -28,6 +33,7 @@
     "dev-build": "stencil build --config stencil.config.dev.ts",
     "mv:agent": "cpr agent ../../build-outputs/wc-core-components/agent --overwrite",
     "mv:changelog": "cpr CHANGELOG.md ../../build-outputs/wc-core-components/CHANGELOG.md --overwrite",
+    "mv:bundle": "cpr bundle ../../build-outputs/wc-core-components/bundle -o",
     "mv:dist": "cpr dist ../../build-outputs/wc-core-components/dist -o",
     "mv:package.json": "cpr package.json ../../build-outputs/wc-core-components/package.json -o",
     "mv:readme": "cpr README.md ../../build-outputs/wc-core-components/README.md -o",

output/stencil/stencil.config.dev.ts

@@ -5,6 +5,12 @@ export const config: Config = {
 	srcDir: 'src',
 	tsconfig: "./tsconfig.dev.json",
 	outputTargets: [
+		{
+			type: 'dist-custom-elements',
+			"dir": 'bundle',
+			externalRuntime: false,
+			customElementsExportBehavior: "bundle"
+		},
 		{
 			type: 'dist'
 		}

output/stencil/stencil.config.ts

@@ -4,6 +4,12 @@ export const config: Config = {
 	namespace: 'DB-UX',
 	srcDir: 'src',
 	outputTargets: [
+		{
+			type: 'dist-custom-elements',
+			"dir": 'bundle',
+			externalRuntime: false,
+			customElementsExportBehavior: "bundle"
+		},
 		{
 			type: 'dist'
 		}