+
+ `;
+ }
+}
+customElements.define('z-elements-root', AppElement);
diff --git a/apps/showcase/src/assets/.gitkeep b/apps/showcase/src/assets/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/apps/showcase/src/main.ts b/apps/showcase/src/main.ts
new file mode 100644
index 0000000..fdb879d
--- /dev/null
+++ b/apps/showcase/src/main.ts
@@ -0,0 +1 @@
+import './app/app.element';
diff --git a/apps/showcase/src/styles.css b/apps/showcase/src/styles.css
new file mode 100644
index 0000000..90d4ee0
--- /dev/null
+++ b/apps/showcase/src/styles.css
@@ -0,0 +1 @@
+/* You can add global styles to this file, and also import other style files */
diff --git a/apps/showcase/src/test-setup.ts b/apps/showcase/src/test-setup.ts
new file mode 100644
index 0000000..e69de29
diff --git a/apps/showcase/tsconfig.app.json b/apps/showcase/tsconfig.app.json
new file mode 100644
index 0000000..3253fc8
--- /dev/null
+++ b/apps/showcase/tsconfig.app.json
@@ -0,0 +1,9 @@
+{
+ "extends": "./tsconfig.json",
+ "compilerOptions": {
+ "outDir": "../../dist/out-tsc",
+ "types": ["node"]
+ },
+ "exclude": ["src/**/*.spec.ts", "src/**/*.test.ts"],
+ "include": ["src/**/*.ts"]
+}
diff --git a/apps/showcase/tsconfig.json b/apps/showcase/tsconfig.json
new file mode 100644
index 0000000..cee4bba
--- /dev/null
+++ b/apps/showcase/tsconfig.json
@@ -0,0 +1,30 @@
+{
+ "extends": "../../tsconfig.base.json",
+ "files": [],
+ "compilerOptions": {
+ "target": "ESNext",
+ "useDefineForClassFields": true,
+ "module": "ESNext",
+ "lib": ["ESNext", "DOM"],
+ "moduleResolution": "Node",
+ "strict": true,
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "esModuleInterop": true,
+ "noEmit": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "noImplicitReturns": true,
+ "skipLibCheck": true,
+ "types": ["vite/client"]
+ },
+ "include": ["src"],
+ "references": [
+ {
+ "path": "./tsconfig.app.json"
+ },
+ {
+ "path": "./tsconfig.spec.json"
+ }
+ ]
+}
diff --git a/apps/showcase/tsconfig.spec.json b/apps/showcase/tsconfig.spec.json
new file mode 100644
index 0000000..9e1c0c7
--- /dev/null
+++ b/apps/showcase/tsconfig.spec.json
@@ -0,0 +1,10 @@
+{
+ "extends": "./tsconfig.json",
+ "compilerOptions": {
+ "outDir": "../../dist/out-tsc",
+ "module": "commonjs",
+ "types": ["jest", "node"]
+ },
+ "files": ["src/test-setup.ts"],
+ "include": ["jest.config.ts", "src/**/*.test.ts", "src/**/*.spec.ts", "src/**/*.d.ts"]
+}
diff --git a/apps/showcase/vite.config.ts b/apps/showcase/vite.config.ts
new file mode 100644
index 0000000..c80091d
--- /dev/null
+++ b/apps/showcase/vite.config.ts
@@ -0,0 +1,34 @@
+///
+
+
+
+
+
+
+ + Hello there, + Welcome ${title} 👋 +
+
+
+
+
+
+
+ + + You're up and running +
+ What's next? +
+
+
+
+
+
+
+
+
+ Learning materials
+ + + + Documentation + Everything is in there + + + + + + + Blog + Changelog, features & events + + + + + + + YouTube channel + Nx Show, talks & tutorials + + + + + + + Interactive tutorials + Create an app, step-by-step + + + + + + + Video courses + Nx custom courses + + + +
+
+
+
+ Install Nx Console for VSCode
+ The official VSCode extension for Nx.
+
+
+
+
+
+ Install Nx Console for JetBrains
+
+ Available for WebStorm, Intellij IDEA Ultimate and more!
+
+
+
+
+
+
+
+
+
+ Nx is open source
+ Love Nx? Give us a star!
+
+
+
+
+
+ + Nx Cloud + + Enable faster CI & better DX + +
++ You can activate distributed tasks executions and caching by + running: +
+nx connect+ What is Nx Cloud? +
+
+
+ Next steps
+Here are some things you can do with Nx:
+
+
+ + + Add UI library +
+# Generate UI lib +nx g @nx/angular:lib ui + +# Add a component +nx g @nx/angular:component ui/src/lib/button+
+
+ + + View interactive project graph +
+nx graph+
+
+ + + Run affected commands +
+# see what's been affected by changes +nx affected:graph + +# run tests for current changes +nx affected:test + +# run e2e tests for current changes +nx affected:e2e+
+ Carefully crafted with + +
+
+ 
+
+ + Incididunt voluptate non ea reprehenderit quis nostrud proident pariatur enim mollit esse nulla. Ex mollit mollit occaecat esse + consequat. Tempor dolor irure qui dolor proident esse voluptate excepteur dolor. Pariatur aliqua exercitation Lorem Lorem irure + occaecat amet est in nulla eu. +
+ +${this.renderStars()}
+
+ ${this.renderStars()}
+
+ `;
+ }
+
+ protected renderStars(): TemplateResult {
+ const stars: TemplateResult[] = [];
+
+ for (let i = 0; i < this.stars; i++) {
+ stars.push(this.renderStar());
+ }
+
+ return html`${stars}`;
+ }
+
+ protected renderStar(): TemplateResult {
+ return html`
+ `;
+ }
+
+ /// Private methods ///
+ /**
+ * Validate the properties for the rules of availability.
+ *
+ * @throws {Error} If the properties are not valid.
+ */
+ private validateProperties(): void {
+ console.log(this.rating, this.stars, this.outOf, this.allowFractional);
+ if (!this.rating) {
+ throw new Error('Rating is required.');
+ }
+
+ if (!this.outOf) {
+ throw new Error('Out of is required when rating is used.');
+ }
+
+ if (this.stars < 1) {
+ throw new Error('Stars cannot be less than 1.');
+ }
+
+ if (this.rating! > this.outOf) {
+ throw new Error('Rating cannot be greater than out of.');
+ }
+ }
+
+ private calculateFilledStarCount(): number {
+ if (this.allowFractional) {
+ return (this.rating! / this.outOf!) * this.stars;
+ }
+
+ return Math.round((this.rating! / this.outOf!) * this.stars);
+ }
+
+ /// Statics ///
+
+ static override styles: CSSResultArray = [
+ css`
+ :host {
+ display: flex;
+ position: relative;
+ }
+
+ .icon {
+ vertical-align: -0.125em;
+ flex: 0 0 1em;
+ height: 1em;
+ width: 1em;
+ fill: currentColor;
+ }
+
+ .stars {
+ display: flex;
+ color: var(--empty-star-color, #e4e5e9);
+ }
+
+ .stars--filled {
+ position: absolute;
+ top: 0;
+ left: 0;
+ overflow: hidden;
+ opacity: 1;
+ right: calc(100% - var(--_filled-star-width));
+ color: var(--filled-star-color, #f7b731);
+ }
+ `,
+ ];
+}
diff --git a/libs/reviews-stars/tsconfig.json b/libs/reviews-stars/tsconfig.json
new file mode 100644
index 0000000..998afc6
--- /dev/null
+++ b/libs/reviews-stars/tsconfig.json
@@ -0,0 +1,25 @@
+{
+ "extends": "../../tsconfig.base.json",
+ "compilerOptions": {
+ "module": "commonjs",
+ "forceConsistentCasingInFileNames": true,
+ "strict": true,
+ "noImplicitOverride": true,
+ "noPropertyAccessFromIndexSignature": true,
+ "noImplicitReturns": true,
+ "noFallthroughCasesInSwitch": true
+ },
+ "files": [],
+ "include": [],
+ "references": [
+ {
+ "path": "./tsconfig.lib.json"
+ },
+ {
+ "path": "./tsconfig.spec.json"
+ },
+ {
+ "path": "./tsconfig.storybook.json"
+ }
+ ]
+}
diff --git a/libs/reviews-stars/tsconfig.lib.json b/libs/reviews-stars/tsconfig.lib.json
new file mode 100644
index 0000000..597176b
--- /dev/null
+++ b/libs/reviews-stars/tsconfig.lib.json
@@ -0,0 +1,10 @@
+{
+ "extends": "./tsconfig.json",
+ "compilerOptions": {
+ "outDir": "../../dist/out-tsc",
+ "declaration": true,
+ "types": ["node"]
+ },
+ "include": ["src/**/*.ts"],
+ "exclude": ["jest.config.ts", "src/**/*.spec.ts", "src/**/*.test.ts", "**/*.stories.ts", "**/*.stories.js"]
+}
diff --git a/libs/reviews-stars/tsconfig.spec.json b/libs/reviews-stars/tsconfig.spec.json
new file mode 100644
index 0000000..f6d8ffc
--- /dev/null
+++ b/libs/reviews-stars/tsconfig.spec.json
@@ -0,0 +1,9 @@
+{
+ "extends": "./tsconfig.json",
+ "compilerOptions": {
+ "outDir": "../../dist/out-tsc",
+ "module": "commonjs",
+ "types": ["jest", "node"]
+ },
+ "include": ["jest.config.ts", "src/**/*.test.ts", "src/**/*.spec.ts", "src/**/*.d.ts"]
+}
diff --git a/libs/reviews-stars/tsconfig.storybook.json b/libs/reviews-stars/tsconfig.storybook.json
new file mode 100644
index 0000000..20b994c
--- /dev/null
+++ b/libs/reviews-stars/tsconfig.storybook.json
@@ -0,0 +1,16 @@
+{
+ "extends": "./tsconfig.json",
+ "compilerOptions": {
+ "emitDecoratorMetadata": true
+ },
+ "exclude": ["src/**/*.spec.ts", "src/**/*.test.ts"],
+ "include": [
+ "src/**/*.stories.ts",
+ "src/**/*.stories.js",
+ "src/**/*.stories.jsx",
+ "src/**/*.stories.tsx",
+ "src/**/*.stories.mdx",
+ ".storybook/*.js",
+ ".storybook/*.ts"
+ ]
+}
diff --git a/libs/tooltip/project.json b/libs/tooltip/project.json
index b29dde1..f4ef427 100644
--- a/libs/tooltip/project.json
+++ b/libs/tooltip/project.json
@@ -6,35 +6,24 @@
"targets": {
"build": {
"executor": "@nx/js:tsc",
- "outputs": [
- "{options.outputPath}"
- ],
+ "outputs": ["{options.outputPath}"],
"options": {
"outputPath": "dist/libs/tooltip",
"main": "libs/tooltip/src/index.ts",
"tsConfig": "libs/tooltip/tsconfig.lib.json",
- "assets": [
- "libs/tooltip/*.md"
- ]
+ "assets": ["libs/tooltip/*.md"]
}
},
"lint": {
"executor": "@nx/linter:eslint",
- "outputs": [
- "{options.outputFile}"
- ],
+ "outputs": ["{options.outputFile}"],
"options": {
- "lintFilePatterns": [
- "libs/tooltip/**/*.ts",
- "libs/tooltip/package.json"
- ]
+ "lintFilePatterns": ["libs/tooltip/**/*.ts", "libs/tooltip/package.json"]
}
},
"test": {
"executor": "@nx/vite:test",
- "outputs": [
- "coverage/libs/tooltip"
- ],
+ "outputs": ["{workspaceRoot}/coverage/libs/tooltip"],
"options": {
"passWithNoTests": true,
"reportsDirectory": "../../coverage/libs/tooltip"
@@ -54,9 +43,7 @@
},
"build-storybook": {
"executor": "@nx/storybook:build",
- "outputs": [
- "{options.outputDir}"
- ],
+ "outputs": ["{options.outputDir}"],
"options": {
"outputDir": "dist/storybook/tooltip",
"configDir": "libs/tooltip/.storybook"
diff --git a/libs/tooltip/src/lib/styles/index.ts b/libs/tooltip/src/lib/styles/index.ts
index 8c0cfbe..ddd6ef7 100644
--- a/libs/tooltip/src/lib/styles/index.ts
+++ b/libs/tooltip/src/lib/styles/index.ts
@@ -49,7 +49,11 @@ export const positioning = css`
export const variables = css`
:host {
- ${VariableHelper.fromProperty('--_tooltip--offset').withGroupModifier('tooltip').withVariableName('offset').withDefaultValue(0).toCss()}
+ ${VariableHelper.fromProperty('--_tooltip--offset')
+ .withGroupModifier('tooltip')
+ .withVariableName('offset')
+ .withDefaultValue('0')
+ .toCss()}
${VariableHelper.fromProperty('--_tooltip--backdrop-color')
.withVariableName('backdrop-color')
.withGroupModifier('tooltip')
diff --git a/libs/tooltip/tsconfig.lib.json b/libs/tooltip/tsconfig.lib.json
index 0520cd0..597176b 100644
--- a/libs/tooltip/tsconfig.lib.json
+++ b/libs/tooltip/tsconfig.lib.json
@@ -3,18 +3,8 @@
"compilerOptions": {
"outDir": "../../dist/out-tsc",
"declaration": true,
- "types": [
- "node"
- ]
+ "types": ["node"]
},
- "include": [
- "src/**/*.ts"
- ],
- "exclude": [
- "jest.config.ts",
- "src/**/*.spec.ts",
- "src/**/*.test.ts",
- "**/*.stories.ts",
- "**/*.stories.js"
- ]
+ "include": ["src/**/*.ts"],
+ "exclude": ["jest.config.ts", "src/**/*.spec.ts", "src/**/*.test.ts", "**/*.stories.ts", "**/*.stories.js"]
}
diff --git a/libs/tooltip/vite.config.ts b/libs/tooltip/vite.config.ts
index 584774e..46ce3fd 100644
--- a/libs/tooltip/vite.config.ts
+++ b/libs/tooltip/vite.config.ts
@@ -1,7 +1,6 @@
///