From 9773e9b990be014534e3f19ffdf369f63eb231e4 Mon Sep 17 00:00:00 2001 From: MastersGame Date: Sat, 31 Jan 2026 12:16:10 +0100 Subject: [PATCH] creating button, cards and tooltip --- angular.json | 123 + package-lock.json | 3134 ++++++++++++++++- package.json | 11 +- projects/qd-design-demo/public/favicon.ico | Bin 0 -> 15086 bytes .../src/app/app.config.server.ts | 12 + projects/qd-design-demo/src/app/app.config.ts | 13 + projects/qd-design-demo/src/app/app.css | 497 +++ projects/qd-design-demo/src/app/app.css.map | 1 + projects/qd-design-demo/src/app/app.html | 67 + .../src/app/app.routes.server.ts | 8 + projects/qd-design-demo/src/app/app.routes.ts | 3 + projects/qd-design-demo/src/app/app.scss | 28 + projects/qd-design-demo/src/app/app.spec.ts | 25 + projects/qd-design-demo/src/app/app.ts | 20 + projects/qd-design-demo/src/index.html | 15 + projects/qd-design-demo/src/main.server.ts | 7 + projects/qd-design-demo/src/main.ts | 6 + projects/qd-design-demo/src/server.ts | 68 + projects/qd-design-demo/src/styles.scss | 6 + projects/qd-design-demo/tsconfig.app.json | 17 + projects/qd-design-demo/tsconfig.spec.json | 14 + projects/qd-design/README.md | 63 + projects/qd-design/ng-package.json | 7 + projects/qd-design/package.json | 12 + .../src/directives/qd-button-variant.ts | 11 + .../src/directives/qd-card-variant.ts | 11 + .../src/directives/qd-tooltip-directive.ts | 16 + .../src/enums/qd-button-type.enum.ts | 7 + .../qd-design/src/lib/qd-button/qd-button.css | 808 +++++ .../src/lib/qd-button/qd-button.css.map | 1 + .../src/lib/qd-button/qd-button.html | 16 + .../src/lib/qd-button/qd-button.scss | 217 ++ .../src/lib/qd-button/qd-button.spec.ts | 23 + .../qd-design/src/lib/qd-button/qd-button.ts | 25 + .../qd-design/src/lib/qd-card/qd-card.css | 615 ++++ .../qd-design/src/lib/qd-card/qd-card.css.map | 1 + .../qd-design/src/lib/qd-card/qd-card.html | 6 + .../qd-design/src/lib/qd-card/qd-card.scss | 111 + .../qd-design/src/lib/qd-card/qd-card.spec.ts | 23 + projects/qd-design/src/lib/qd-card/qd-card.ts | 49 + .../qd-design/src/lib/qd-icon/qd-icon.html | 6 + .../qd-design/src/lib/qd-icon/qd-icon.scss | 0 .../qd-design/src/lib/qd-icon/qd-icon.spec.ts | 23 + projects/qd-design/src/lib/qd-icon/qd-icon.ts | 13 + .../lib/qd-plain-tooltip/qd-plain-tooltip.css | 28 + .../qd-plain-tooltip/qd-plain-tooltip.css.map | 1 + .../qd-plain-tooltip/qd-plain-tooltip.html | 3 + .../qd-plain-tooltip/qd-plain-tooltip.scss | 20 + .../qd-plain-tooltip/qd-plain-tooltip.spec.ts | 23 + .../lib/qd-plain-tooltip/qd-plain-tooltip.ts | 13 + projects/qd-design/src/public-api.ts | 6 + .../src/styles/colors/light-theme.scss | 51 + .../src/styles/design/look_and_feel.scss | 94 + .../src/styles/design/overall-design.scss | 234 ++ .../src/styles/qd_design_system.scss | 25 + .../styles/typography/typography.module.scss | 164 + .../styles/typography/typography.token.scss | 107 + projects/qd-design/tsconfig.lib.json | 18 + projects/qd-design/tsconfig.lib.prod.json | 11 + projects/qd-design/tsconfig.spec.json | 14 + tsconfig.json | 21 +- 61 files changed, 6897 insertions(+), 75 deletions(-) create mode 100644 projects/qd-design-demo/public/favicon.ico create mode 100644 projects/qd-design-demo/src/app/app.config.server.ts create mode 100644 projects/qd-design-demo/src/app/app.config.ts create mode 100644 projects/qd-design-demo/src/app/app.css create mode 100644 projects/qd-design-demo/src/app/app.css.map create mode 100644 projects/qd-design-demo/src/app/app.html create mode 100644 projects/qd-design-demo/src/app/app.routes.server.ts create mode 100644 projects/qd-design-demo/src/app/app.routes.ts create mode 100644 projects/qd-design-demo/src/app/app.scss create mode 100644 projects/qd-design-demo/src/app/app.spec.ts create mode 100644 projects/qd-design-demo/src/app/app.ts create mode 100644 projects/qd-design-demo/src/index.html create mode 100644 projects/qd-design-demo/src/main.server.ts create mode 100644 projects/qd-design-demo/src/main.ts create mode 100644 projects/qd-design-demo/src/server.ts create mode 100644 projects/qd-design-demo/src/styles.scss create mode 100644 projects/qd-design-demo/tsconfig.app.json create mode 100644 projects/qd-design-demo/tsconfig.spec.json create mode 100644 projects/qd-design/README.md create mode 100644 projects/qd-design/ng-package.json create mode 100644 projects/qd-design/package.json create mode 100644 projects/qd-design/src/directives/qd-button-variant.ts create mode 100644 projects/qd-design/src/directives/qd-card-variant.ts create mode 100644 projects/qd-design/src/directives/qd-tooltip-directive.ts create mode 100644 projects/qd-design/src/enums/qd-button-type.enum.ts create mode 100644 projects/qd-design/src/lib/qd-button/qd-button.css create mode 100644 projects/qd-design/src/lib/qd-button/qd-button.css.map create mode 100644 projects/qd-design/src/lib/qd-button/qd-button.html create mode 100644 projects/qd-design/src/lib/qd-button/qd-button.scss create mode 100644 projects/qd-design/src/lib/qd-button/qd-button.spec.ts create mode 100644 projects/qd-design/src/lib/qd-button/qd-button.ts create mode 100644 projects/qd-design/src/lib/qd-card/qd-card.css create mode 100644 projects/qd-design/src/lib/qd-card/qd-card.css.map create mode 100644 projects/qd-design/src/lib/qd-card/qd-card.html create mode 100644 projects/qd-design/src/lib/qd-card/qd-card.scss create mode 100644 projects/qd-design/src/lib/qd-card/qd-card.spec.ts create mode 100644 projects/qd-design/src/lib/qd-card/qd-card.ts create mode 100644 projects/qd-design/src/lib/qd-icon/qd-icon.html create mode 100644 projects/qd-design/src/lib/qd-icon/qd-icon.scss create mode 100644 projects/qd-design/src/lib/qd-icon/qd-icon.spec.ts create mode 100644 projects/qd-design/src/lib/qd-icon/qd-icon.ts create mode 100644 projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.css create mode 100644 projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.css.map create mode 100644 projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.html create mode 100644 projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.scss create mode 100644 projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.spec.ts create mode 100644 projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.ts create mode 100644 projects/qd-design/src/public-api.ts create mode 100644 projects/qd-design/src/styles/colors/light-theme.scss create mode 100644 projects/qd-design/src/styles/design/look_and_feel.scss create mode 100644 projects/qd-design/src/styles/design/overall-design.scss create mode 100644 projects/qd-design/src/styles/qd_design_system.scss create mode 100644 projects/qd-design/src/styles/typography/typography.module.scss create mode 100644 projects/qd-design/src/styles/typography/typography.token.scss create mode 100644 projects/qd-design/tsconfig.lib.json create mode 100644 projects/qd-design/tsconfig.lib.prod.json create mode 100644 projects/qd-design/tsconfig.spec.json diff --git a/angular.json b/angular.json index 0763165..b80560a 100644 --- a/angular.json +++ b/angular.json @@ -3,5 +3,128 @@ "version": 1, "newProjectRoot": "projects", "projects": { + "qd-design": { + "projectType": "library", + "schematics": { + "@schematics/angular:component": { + "style": "scss" + } + }, + "root": "projects/qd-design", + "sourceRoot": "projects/qd-design/src", + "prefix": "", + "architect": { + "build": { + "builder": "@angular/build:ng-packagr", + "configurations": { + "production": { + "tsConfig": "projects/qd-design/tsconfig.lib.prod.json" + }, + "development": { + "tsConfig": "projects/qd-design/tsconfig.lib.json" + } + }, + "defaultConfiguration": "production" + }, + "test": { + "builder": "@angular/build:karma", + "options": { + "tsConfig": "projects/qd-design/tsconfig.spec.json" + } + } + } + }, + "qd-design-demo": { + "projectType": "application", + "schematics": { + "@schematics/angular:component": { + "style": "scss" + } + }, + "root": "projects/qd-design-demo", + "sourceRoot": "projects/qd-design-demo/src", + "prefix": "", + "architect": { + "build": { + "builder": "@angular/build:application", + "options": { + "browser": "projects/qd-design-demo/src/main.ts", + "tsConfig": "projects/qd-design-demo/tsconfig.app.json", + "inlineStyleLanguage": "scss", + "assets": [ + { + "glob": "**/*", + "input": "projects/qd-design-demo/public" + } + ], + "styles": [ + "projects/qd-design-demo/src/styles.scss" + ], + "server": "projects/qd-design-demo/src/main.server.ts", + "outputMode": "server", + "ssr": { + "entry": "projects/qd-design-demo/src/server.ts" + } + }, + "configurations": { + "production": { + "budgets": [ + { + "type": "initial", + "maximumWarning": "500kB", + "maximumError": "1MB" + }, + { + "type": "anyComponentStyle", + "maximumWarning": "4kB", + "maximumError": "8kB" + } + ], + "outputHashing": "all" + }, + "development": { + "optimization": false, + "extractLicenses": false, + "sourceMap": true + } + }, + "defaultConfiguration": "production" + }, + "serve": { + "builder": "@angular/build:dev-server", + "configurations": { + "production": { + "buildTarget": "qd-design-demo:build:production" + }, + "development": { + "buildTarget": "qd-design-demo:build:development" + } + }, + "defaultConfiguration": "development" + }, + "extract-i18n": { + "builder": "@angular/build:extract-i18n" + }, + "test": { + "builder": "@angular/build:karma", + "options": { + "tsConfig": "projects/qd-design-demo/tsconfig.spec.json", + "inlineStyleLanguage": "scss", + "assets": [ + { + "glob": "**/*", + "input": "projects/qd-design-demo/public" + } + ], + "styles": [ + "projects/qd-design-demo/src/styles.scss" + ] + } + } + } + } + }, + "cli": { + "analytics": "4c0b8f28-f584-40da-8193-df653f2b4910" } } diff --git a/package-lock.json b/package-lock.json index 7535217..7dcb592 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,20 +13,28 @@ "@angular/core": "^20.1.0", "@angular/forms": "^20.1.0", "@angular/platform-browser": "^20.1.0", + "@angular/platform-server": "^20.1.0", "@angular/router": "^20.1.0", + "@angular/ssr": "^20.1.5", + "@ng-icons/core": "^25.0.1", + "express": "^5.1.0", "rxjs": "~7.8.0", "tslib": "^2.3.0" }, "devDependencies": { + "@angular/build": "^20.1.5", "@angular/cli": "^20.1.5", "@angular/compiler-cli": "^20.1.0", + "@types/express": "^5.0.1", "@types/jasmine": "~5.1.0", + "@types/node": "^20.17.19", "jasmine-core": "~5.8.0", "karma": "~6.4.0", "karma-chrome-launcher": "~3.2.0", "karma-coverage": "~2.2.0", "karma-jasmine": "~5.1.0", "karma-jasmine-html-reporter": "~2.1.0", + "ng-packagr": "^20.1.0", "typescript": "~5.8.2" } }, @@ -300,6 +308,192 @@ "yarn": ">= 1.13.0" } }, + "node_modules/@angular/build": { + "version": "20.1.5", + "resolved": "https://registry.npmjs.org/@angular/build/-/build-20.1.5.tgz", + "integrity": "sha512-Uh0VX9HQMLt4054P03f7UL6tu5kvuJhf5UXiRUzkaK/tMk7SDokp9YtN7lErPiWvDQFtuX9o27PMFpxwEfdRcA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@ampproject/remapping": "2.3.0", + "@angular-devkit/architect": "0.2001.5", + "@babel/core": "7.27.7", + "@babel/helper-annotate-as-pure": "7.27.3", + "@babel/helper-split-export-declaration": "7.24.7", + "@inquirer/confirm": "5.1.13", + "@vitejs/plugin-basic-ssl": "2.1.0", + "beasties": "0.3.4", + "browserslist": "^4.23.0", + "esbuild": "0.25.5", + "https-proxy-agent": "7.0.6", + "istanbul-lib-instrument": "6.0.3", + "jsonc-parser": "3.3.1", + "listr2": "8.3.3", + "magic-string": "0.30.17", + "mrmime": "2.0.1", + "parse5-html-rewriting-stream": "7.1.0", + "picomatch": "4.0.2", + "piscina": "5.1.2", + "rollup": "4.44.1", + "sass": "1.89.2", + "semver": "7.7.2", + "source-map-support": "0.5.21", + "tinyglobby": "0.2.14", + "vite": "7.0.6", + "watchpack": "2.4.4" + }, + "engines": { + "node": "^20.19.0 || ^22.12.0 || >=24.0.0", + "npm": "^6.11.0 || ^7.5.6 || >=8.0.0", + "yarn": ">= 1.13.0" + }, + "optionalDependencies": { + "lmdb": "3.4.1" + }, + "peerDependencies": { + "@angular/compiler": "^20.0.0", + "@angular/compiler-cli": "^20.0.0", + "@angular/core": "^20.0.0", + "@angular/localize": "^20.0.0", + "@angular/platform-browser": "^20.0.0", + "@angular/platform-server": "^20.0.0", + "@angular/service-worker": "^20.0.0", + "@angular/ssr": "^20.1.5", + "karma": "^6.4.0", + "less": "^4.2.0", + "ng-packagr": "^20.0.0", + "postcss": "^8.4.0", + "tailwindcss": "^2.0.0 || ^3.0.0 || ^4.0.0", + "tslib": "^2.3.0", + "typescript": ">=5.8 <5.9", + "vitest": "^3.1.1" + }, + "peerDependenciesMeta": { + "@angular/core": { + "optional": true + }, + "@angular/localize": { + "optional": true + }, + "@angular/platform-browser": { + "optional": true + }, + "@angular/platform-server": { + "optional": true + }, + "@angular/service-worker": { + "optional": true + }, + "@angular/ssr": { + "optional": true + }, + "karma": { + "optional": true + }, + "less": { + "optional": true + }, + "ng-packagr": { + "optional": true + }, + "postcss": { + "optional": true + }, + "tailwindcss": { + "optional": true + }, + "vitest": { + "optional": true + } + } + }, + "node_modules/@angular/build/node_modules/@babel/core": { + "version": "7.27.7", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.27.7.tgz", + "integrity": "sha512-BU2f9tlKQ5CAthiMIgpzAh4eDTLWo1mqi9jqE2OxMG0E/OM199VJt2q8BztTxpnSW0i1ymdwLXRJnYzvDM5r2w==", + "dev": true, + "license": "MIT", + "dependencies": { + "@ampproject/remapping": "^2.2.0", + "@babel/code-frame": "^7.27.1", + "@babel/generator": "^7.27.5", + "@babel/helper-compilation-targets": "^7.27.2", + "@babel/helper-module-transforms": "^7.27.3", + "@babel/helpers": "^7.27.6", + "@babel/parser": "^7.27.7", + "@babel/template": "^7.27.2", + "@babel/traverse": "^7.27.7", + "@babel/types": "^7.27.7", + "convert-source-map": "^2.0.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.2", + "json5": "^2.2.3", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/babel" + } + }, + "node_modules/@angular/build/node_modules/@babel/core/node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, + "license": "ISC", + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/@angular/build/node_modules/@inquirer/confirm": { + "version": "5.1.13", + "resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-5.1.13.tgz", + "integrity": "sha512-EkCtvp67ICIVVzjsquUiVSd+V5HRGOGQfsqA4E4vMWhYnB7InUL0pa0TIWt1i+OfP16Gkds8CdIu6yGZwOM1Yw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/core": "^10.1.14", + "@inquirer/type": "^3.0.7" + }, + "engines": { + "node": ">=18" + }, + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } + } + }, + "node_modules/@angular/build/node_modules/convert-source-map": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", + "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", + "dev": true, + "license": "MIT" + }, + "node_modules/@angular/build/node_modules/istanbul-lib-instrument": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz", + "integrity": "sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==", + "dev": true, + "license": "BSD-3-Clause", + "dependencies": { + "@babel/core": "^7.23.9", + "@babel/parser": "^7.23.9", + "@istanbuljs/schema": "^0.1.3", + "istanbul-lib-coverage": "^3.2.0", + "semver": "^7.5.4" + }, + "engines": { + "node": ">=10" + } + }, "node_modules/@angular/cli": { "version": "20.1.5", "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-20.1.5.tgz", @@ -462,6 +656,26 @@ } } }, + "node_modules/@angular/platform-server": { + "version": "20.1.6", + "resolved": "https://registry.npmjs.org/@angular/platform-server/-/platform-server-20.1.6.tgz", + "integrity": "sha512-DAwa+vmqZAjuRdXSJKCkzowQguL5kfQNRd8RRIpW2iLtX3sNSh9iLPDieJApH/tch1dWj0vY7JltXQzRpWNCxA==", + "license": "MIT", + "dependencies": { + "tslib": "^2.3.0", + "xhr2": "^0.2.0" + }, + "engines": { + "node": "^20.19.0 || ^22.12.0 || >=24.0.0" + }, + "peerDependencies": { + "@angular/common": "20.1.6", + "@angular/compiler": "20.1.6", + "@angular/core": "20.1.6", + "@angular/platform-browser": "20.1.6", + "rxjs": "^6.5.3 || ^7.4.0" + } + }, "node_modules/@angular/router": { "version": "20.1.6", "resolved": "https://registry.npmjs.org/@angular/router/-/router-20.1.6.tgz", @@ -480,6 +694,26 @@ "rxjs": "^6.5.3 || ^7.4.0" } }, + "node_modules/@angular/ssr": { + "version": "20.1.5", + "resolved": "https://registry.npmjs.org/@angular/ssr/-/ssr-20.1.5.tgz", + "integrity": "sha512-z9YawZzZAMx6HQUZxSYnSo3HMoilZlB8VK6xxVyWr8Cxcxay3Htelmu4YNNnM8btVklHsLymLPN3XZvzGeBZkA==", + "license": "MIT", + "dependencies": { + "tslib": "^2.3.0" + }, + "peerDependencies": { + "@angular/common": "^20.0.0", + "@angular/core": "^20.0.0", + "@angular/platform-server": "^20.0.0", + "@angular/router": "^20.0.0" + }, + "peerDependenciesMeta": { + "@angular/platform-server": { + "optional": true + } + } + }, "node_modules/@babel/code-frame": { "version": "7.27.1", "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz", @@ -570,6 +804,19 @@ "node": ">=6.9.0" } }, + "node_modules/@babel/helper-annotate-as-pure": { + "version": "7.27.3", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz", + "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/types": "^7.27.3" + }, + "engines": { + "node": ">=6.9.0" + } + }, "node_modules/@babel/helper-compilation-targets": { "version": "7.27.2", "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.27.2.tgz", @@ -639,6 +886,19 @@ "@babel/core": "^7.0.0" } }, + "node_modules/@babel/helper-split-export-declaration": { + "version": "7.24.7", + "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz", + "integrity": "sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/types": "^7.24.7" + }, + "engines": { + "node": ">=6.9.0" + } + }, "node_modules/@babel/helper-string-parser": { "version": "7.27.1", "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz", @@ -757,6 +1017,431 @@ "node": ">=0.1.90" } }, + "node_modules/@esbuild/aix-ppc64": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.5.tgz", + "integrity": "sha512-9o3TMmpmftaCMepOdA5k/yDw8SfInyzWWTjYTFCX3kPSDJMROQTb8jg+h9Cnwnmm1vOzvxN7gIfB5V2ewpjtGA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "aix" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.5.tgz", + "integrity": "sha512-AdJKSPeEHgi7/ZhuIPtcQKr5RQdo6OO2IL87JkianiMYMPbCtot9fxPbrMiBADOWWm3T2si9stAiVsGbTQFkbA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-arm64": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.5.tgz", + "integrity": "sha512-VGzGhj4lJO+TVGV1v8ntCZWJktV7SGCs3Pn1GRWI1SBFtRALoomm8k5E9Pmwg3HOAal2VDc2F9+PM/rEY6oIDg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/android-x64": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.5.tgz", + "integrity": "sha512-D2GyJT1kjvO//drbRT3Hib9XPwQeWd9vZoBJn+bu/lVsOZ13cqNdDeqIF/xQ5/VmWvMduP6AmXvylO/PIc2isw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/darwin-arm64": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.5.tgz", + "integrity": "sha512-GtaBgammVvdF7aPIgH2jxMDdivezgFu6iKpmT+48+F8Hhg5J/sfnDieg0aeG/jfSvkYQU2/pceFPDKlqZzwnfQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/darwin-x64": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.5.tgz", + "integrity": "sha512-1iT4FVL0dJ76/q1wd7XDsXrSW+oLoquptvh4CLR4kITDtqi2e/xwXwdCVH8hVHU43wgJdsq7Gxuzcs6Iq/7bxQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/freebsd-arm64": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.5.tgz", + "integrity": "sha512-nk4tGP3JThz4La38Uy/gzyXtpkPW8zSAmoUhK9xKKXdBCzKODMc2adkB2+8om9BDYugz+uGV7sLmpTYzvmz6Sw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/freebsd-x64": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.5.tgz", + "integrity": "sha512-PrikaNjiXdR2laW6OIjlbeuCPrPaAl0IwPIaRv+SMV8CiM8i2LqVUHFC1+8eORgWyY7yhQY+2U2fA55mBzReaw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-arm": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.5.tgz", + "integrity": "sha512-cPzojwW2okgh7ZlRpcBEtsX7WBuqbLrNXqLU89GxWbNt6uIg78ET82qifUy3W6OVww6ZWobWub5oqZOVtwolfw==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-arm64": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.5.tgz", + "integrity": "sha512-Z9kfb1v6ZlGbWj8EJk9T6czVEjjq2ntSYLY2cw6pAZl4oKtfgQuS4HOq41M/BcoLPzrUbNd+R4BXFyH//nHxVg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-ia32": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.5.tgz", + "integrity": "sha512-sQ7l00M8bSv36GLV95BVAdhJ2QsIbCuCjh/uYrWiMQSUuV+LpXwIqhgJDcvMTj+VsQmqAHL2yYaasENvJ7CDKA==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.5.tgz", + "integrity": "sha512-0ur7ae16hDUC4OL5iEnDb0tZHDxYmuQyhKhsPBV8f99f6Z9KQM02g33f93rNH5A30agMS46u2HP6qTdEt6Q1kg==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-mips64el": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.5.tgz", + "integrity": "sha512-kB/66P1OsHO5zLz0i6X0RxlQ+3cu0mkxS3TKFvkb5lin6uwZ/ttOkP3Z8lfR9mJOBk14ZwZ9182SIIWFGNmqmg==", + "cpu": [ + "mips64el" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-ppc64": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.5.tgz", + "integrity": "sha512-UZCmJ7r9X2fe2D6jBmkLBMQetXPXIsZjQJCjgwpVDz+YMcS6oFR27alkgGv3Oqkv07bxdvw7fyB71/olceJhkQ==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-riscv64": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.5.tgz", + "integrity": "sha512-kTxwu4mLyeOlsVIFPfQo+fQJAV9mh24xL+y+Bm6ej067sYANjyEw1dNHmvoqxJUCMnkBdKpvOn0Ahql6+4VyeA==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-s390x": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.5.tgz", + "integrity": "sha512-K2dSKTKfmdh78uJ3NcWFiqyRrimfdinS5ErLSn3vluHNeHVnBAFWC8a4X5N+7FgVE1EjXS1QDZbpqZBjfrqMTQ==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/linux-x64": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.5.tgz", + "integrity": "sha512-uhj8N2obKTE6pSZ+aMUbqq+1nXxNjZIIjCjGLfsWvVpy7gKCOL6rsY1MhRh9zLtUtAI7vpgLMK6DxjO8Qm9lJw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/netbsd-arm64": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.5.tgz", + "integrity": "sha512-pwHtMP9viAy1oHPvgxtOv+OkduK5ugofNTVDilIzBLpoWAM16r7b/mxBvfpuQDpRQFMfuVr5aLcn4yveGvBZvw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/netbsd-x64": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.5.tgz", + "integrity": "sha512-WOb5fKrvVTRMfWFNCroYWWklbnXH0Q5rZppjq0vQIdlsQKuw6mdSihwSo4RV/YdQ5UCKKvBy7/0ZZYLBZKIbwQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openbsd-arm64": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.5.tgz", + "integrity": "sha512-7A208+uQKgTxHd0G0uqZO8UjK2R0DDb4fDmERtARjSHWxqMTye4Erz4zZafx7Di9Cv+lNHYuncAkiGFySoD+Mw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/openbsd-x64": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.5.tgz", + "integrity": "sha512-G4hE405ErTWraiZ8UiSoesH8DaCsMm0Cay4fsFWOOUcz8b8rC6uCvnagr+gnioEjWn0wC+o1/TAHt+It+MpIMg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/sunos-x64": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.5.tgz", + "integrity": "sha512-l+azKShMy7FxzY0Rj4RCt5VD/q8mG/e+mDivgspo+yL8zW7qEwctQ6YqKX34DTEleFAvCIUviCFX1SDZRSyMQA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-arm64": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.5.tgz", + "integrity": "sha512-O2S7SNZzdcFG7eFKgvwUEZ2VG9D/sn/eIiz8XRZ1Q/DO5a3s76Xv0mdBzVM5j5R639lXQmPmSo0iRpHqUUrsxw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-ia32": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.5.tgz", + "integrity": "sha512-onOJ02pqs9h1iMJ1PQphR+VZv8qBMQ77Klcsqv9CNW2w6yLqoURLcgERAIurY6QE63bbLuqgP9ATqajFLK5AMQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, + "node_modules/@esbuild/win32-x64": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.5.tgz", + "integrity": "sha512-TXv6YnJ8ZMVdX+SXWVBo/0p8LTcrUYngpWjvm91TMjjBQii7Oz11Lw5lbDV5Y0TzuhSJHwiH4hEtC1I42mMS0g==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=18" + } + }, "node_modules/@inquirer/checkbox": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-4.2.0.tgz", @@ -1277,6 +1962,104 @@ "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, + "node_modules/@lmdb/lmdb-darwin-arm64": { + "version": "3.4.1", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-arm64/-/lmdb-darwin-arm64-3.4.1.tgz", + "integrity": "sha512-kKeP5PaY3bFrrF6GY5aDd96iuh1eoS+5CHJ+7hIP629KIEwzGNwbIzBmEX9TAhRJOivSRDTHCIsbu//+NsYKkg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@lmdb/lmdb-darwin-x64": { + "version": "3.4.1", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-x64/-/lmdb-darwin-x64-3.4.1.tgz", + "integrity": "sha512-9CMB3seTyHs3EOVWdKiB8IIEDBJ3Gq00Tqyi0V7DS3HL90BjM/AkbZGuhzXwPrfeFazR24SKaRrUQF74f+CmWw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@lmdb/lmdb-linux-arm": { + "version": "3.4.1", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm/-/lmdb-linux-arm-3.4.1.tgz", + "integrity": "sha512-1Mi69vU0akHgCI7tF6YbimPaNEKJiBm/p5A+aM8egr0joj27cQmCCOm2mZQ+Ht2BqmCfZaIgQnMg4gFYNMlpCA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@lmdb/lmdb-linux-arm64": { + "version": "3.4.1", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm64/-/lmdb-linux-arm64-3.4.1.tgz", + "integrity": "sha512-d0vuXOdoKjHHJYZ/CRWopnkOiUpev+bgBBW+1tXtWsYWUj8uxl9ZmTBEmsL5mjUlpQDrlYiJSrhOU1hg5QWBSw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@lmdb/lmdb-linux-x64": { + "version": "3.4.1", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-x64/-/lmdb-linux-x64-3.4.1.tgz", + "integrity": "sha512-00RbEpvfnyPodlICiGFuiOmyvWaL9nzCRSqZz82BVFsGTiSQnnF0gpD1C8tO6OvtptELbtRuM7BS9f97LcowZw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@lmdb/lmdb-win32-arm64": { + "version": "3.4.1", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-arm64/-/lmdb-win32-arm64-3.4.1.tgz", + "integrity": "sha512-4h8tm3i1ODf+28UyqQZLP7c2jmRM26AyEEyYp994B4GiBdGvGAsYUu3oiHANYK9xFpvLuFzyGeqFm1kdNC0D1A==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@lmdb/lmdb-win32-x64": { + "version": "3.4.1", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-3.4.1.tgz", + "integrity": "sha512-HqqKIhTbq6piJhkJpTTf3w1m/CgrmwXRAL9R9j7Ru5xdZSeO7Mg4AWiBC9B00uXR+LvVZKtUyRMVZfhmIZztmQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, "node_modules/@modelcontextprotocol/sdk": { "version": "1.13.3", "resolved": "https://registry.npmjs.org/@modelcontextprotocol/sdk/-/sdk-1.13.3.tgz", @@ -1325,6 +2108,404 @@ "dev": true, "license": "MIT" }, + "node_modules/@msgpackr-extract/msgpackr-extract-darwin-arm64": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.3.tgz", + "integrity": "sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@msgpackr-extract/msgpackr-extract-darwin-x64": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.3.tgz", + "integrity": "sha512-mdzd3AVzYKuUmiWOQ8GNhl64/IoFGol569zNRdkLReh6LRLHOXxU4U8eq0JwaD8iFHdVGqSy4IjFL4reoWCDFw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.3.tgz", + "integrity": "sha512-fg0uy/dG/nZEXfYilKoRe7yALaNmHoYeIoJuJ7KJ+YyU2bvY8vPv27f7UKhGRpY6euFYqEVhxCFZgAUNQBM3nw==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm64": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.3.tgz", + "integrity": "sha512-YxQL+ax0XqBJDZiKimS2XQaf+2wDGVa1enVRGzEvLLVFeqa5kx2bWbtcSXgsxjQB7nRqqIGFIcLteF/sHeVtQg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@msgpackr-extract/msgpackr-extract-linux-x64": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.3.tgz", + "integrity": "sha512-cvwNfbP07pKUfq1uH+S6KJ7dT9K8WOE4ZiAcsrSes+UY55E/0jLYc+vq+DO7jlmqRb5zAggExKm0H7O/CBaesg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@msgpackr-extract/msgpackr-extract-win32-x64": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.3.tgz", + "integrity": "sha512-x0fWaQtYp4E6sktbsdAqnehxDgEc/VwM7uLsRCYWaiGu0ykYdZPiS8zCWdnjHwyiumousxfBm4SO31eXqwEZhQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@napi-rs/nice": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@napi-rs/nice/-/nice-1.0.4.tgz", + "integrity": "sha512-Sqih1YARrmMoHlXGgI9JrrgkzxcaaEso0AH+Y7j8NHonUs+xe4iDsgC3IBIDNdzEewbNpccNN6hip+b5vmyRLw==", + "dev": true, + "license": "MIT", + "optional": true, + "engines": { + "node": ">= 10" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/Brooooooklyn" + }, + "optionalDependencies": { + "@napi-rs/nice-android-arm-eabi": "1.0.4", + "@napi-rs/nice-android-arm64": "1.0.4", + "@napi-rs/nice-darwin-arm64": "1.0.4", + "@napi-rs/nice-darwin-x64": "1.0.4", + "@napi-rs/nice-freebsd-x64": "1.0.4", + "@napi-rs/nice-linux-arm-gnueabihf": "1.0.4", + "@napi-rs/nice-linux-arm64-gnu": "1.0.4", + "@napi-rs/nice-linux-arm64-musl": "1.0.4", + "@napi-rs/nice-linux-ppc64-gnu": "1.0.4", + "@napi-rs/nice-linux-riscv64-gnu": "1.0.4", + "@napi-rs/nice-linux-s390x-gnu": "1.0.4", + "@napi-rs/nice-linux-x64-gnu": "1.0.4", + "@napi-rs/nice-linux-x64-musl": "1.0.4", + "@napi-rs/nice-win32-arm64-msvc": "1.0.4", + "@napi-rs/nice-win32-ia32-msvc": "1.0.4", + "@napi-rs/nice-win32-x64-msvc": "1.0.4" + } + }, + "node_modules/@napi-rs/nice-android-arm-eabi": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-android-arm-eabi/-/nice-android-arm-eabi-1.0.4.tgz", + "integrity": "sha512-OZFMYUkih4g6HCKTjqJHhMUlgvPiDuSLZPbPBWHLjKmFTv74COzRlq/gwHtmEVaR39mJQ6ZyttDl2HNMUbLVoA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-android-arm64": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-android-arm64/-/nice-android-arm64-1.0.4.tgz", + "integrity": "sha512-k8u7cjeA64vQWXZcRrPbmwjH8K09CBnNaPnI9L1D5N6iMPL3XYQzLcN6WwQonfcqCDv5OCY3IqX89goPTV4KMw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-darwin-arm64": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-darwin-arm64/-/nice-darwin-arm64-1.0.4.tgz", + "integrity": "sha512-GsLdQvUcuVzoyzmtjsThnpaVEizAqH5yPHgnsBmq3JdVoVZHELFo7PuJEdfOH1DOHi2mPwB9sCJEstAYf3XCJA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-darwin-x64": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-darwin-x64/-/nice-darwin-x64-1.0.4.tgz", + "integrity": "sha512-1y3gyT3e5zUY5SxRl3QDtJiWVsbkmhtUHIYwdWWIQ3Ia+byd/IHIEpqAxOGW1nhhnIKfTCuxBadHQb+yZASVoA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-freebsd-x64": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-freebsd-x64/-/nice-freebsd-x64-1.0.4.tgz", + "integrity": "sha512-06oXzESPRdXUuzS8n2hGwhM2HACnDfl3bfUaSqLGImM8TA33pzDXgGL0e3If8CcFWT98aHows5Lk7xnqYNGFeA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-arm-gnueabihf": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-arm-gnueabihf/-/nice-linux-arm-gnueabihf-1.0.4.tgz", + "integrity": "sha512-CgklZ6g8WL4+EgVVkxkEvvsi2DSLf9QIloxWO0fvQyQBp6VguUSX3eHLeRpqwW8cRm2Hv/Q1+PduNk7VK37VZw==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-arm64-gnu": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-arm64-gnu/-/nice-linux-arm64-gnu-1.0.4.tgz", + "integrity": "sha512-wdAJ7lgjhAlsANUCv0zi6msRwq+D4KDgU+GCCHssSxWmAERZa2KZXO0H2xdmoJ/0i03i6YfK/sWaZgUAyuW2oQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-arm64-musl": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-arm64-musl/-/nice-linux-arm64-musl-1.0.4.tgz", + "integrity": "sha512-4b1KYG+sriufhFrpUS9uNOEYYJqSfcbnwGx6uGX7JjrH8tELG90cOpCawz5THNIwlS3DhLgnCOcn0+4p6z26QA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-ppc64-gnu": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-ppc64-gnu/-/nice-linux-ppc64-gnu-1.0.4.tgz", + "integrity": "sha512-iaf3vMRgr23oe1PUaKpxaH3DS0IMN0+N9iEiWVwYPm/U15vZFYdqVegGfN2PzrZLUl5lc8ZxbmEKDfuqslhAMA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-riscv64-gnu": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-riscv64-gnu/-/nice-linux-riscv64-gnu-1.0.4.tgz", + "integrity": "sha512-UXoREY6Yw6rHrGuTwQgBxpfjK34t6mTjibE9/cXbefL9AuUCJ9gEgwNKZiONuR5QGswChqo9cnthjdKkYyAdDg==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-s390x-gnu": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-s390x-gnu/-/nice-linux-s390x-gnu-1.0.4.tgz", + "integrity": "sha512-eFbgYCRPmsqbYPAlLYU5hYTNbogmIDUvknilehHsFhCH1+0/kN87lP+XaLT0Yeq4V/rpwChSd9vlz4muzFArtw==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-x64-gnu": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-x64-gnu/-/nice-linux-x64-gnu-1.0.4.tgz", + "integrity": "sha512-4T3E6uTCwWT6IPnwuPcWVz3oHxvEp/qbrCxZhsgzwTUBEwu78EGNXGdHfKJQt3soth89MLqZJw+Zzvnhrsg1mQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-linux-x64-musl": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-linux-x64-musl/-/nice-linux-x64-musl-1.0.4.tgz", + "integrity": "sha512-NtbBkAeyBPLvCBkWtwkKXkNSn677eaT0cX3tygq+2qVv71TmHgX4gkX6o9BXjlPzdgPGwrUudavCYPT9tzkEqQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-win32-arm64-msvc": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-win32-arm64-msvc/-/nice-win32-arm64-msvc-1.0.4.tgz", + "integrity": "sha512-vubOe3i+YtSJGEk/++73y+TIxbuVHi+W8ZzrRm2eETCjCRwNlgbfToQZ85dSA+4iBB/NJRGNp+O4hfdbbttZWA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-win32-ia32-msvc": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-win32-ia32-msvc/-/nice-win32-ia32-msvc-1.0.4.tgz", + "integrity": "sha512-BMOVrUDZeg1RNRKVlh4eyLv5djAAVLiSddfpuuQ47EFjBcklg0NUeKMFKNrKQR4UnSn4HAiACLD7YK7koskwmg==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@napi-rs/nice-win32-x64-msvc": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/@napi-rs/nice-win32-x64-msvc/-/nice-win32-x64-msvc-1.0.4.tgz", + "integrity": "sha512-kCNk6HcRZquhw/whwh4rHsdPyOSCQCgnVDVik+Y9cuSVTDy3frpiCJTScJqPPS872h4JgZKkr/+CwcwttNEo9Q==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@ng-icons/core": { + "version": "25.6.1", + "resolved": "https://registry.npmjs.org/@ng-icons/core/-/core-25.6.1.tgz", + "integrity": "sha512-o6vCttlzXvDZRYiOKOULr7fsX8gY/DwwxzBSrBQzwa/at+pC0xRoe6uczJ9Ato+y1EDWP/PlrEMAQfvokBA6tQ==", + "license": "MIT", + "dependencies": { + "tslib": "^2.2.0" + } + }, "node_modules/@npmcli/agent": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/@npmcli/agent/-/agent-3.0.0.tgz", @@ -1601,6 +2782,338 @@ "node": "^18.17.0 || >=20.5.0" } }, + "node_modules/@parcel/watcher": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz", + "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "dependencies": { + "detect-libc": "^1.0.3", + "is-glob": "^4.0.3", + "micromatch": "^4.0.5", + "node-addon-api": "^7.0.0" + }, + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "@parcel/watcher-android-arm64": "2.5.1", + "@parcel/watcher-darwin-arm64": "2.5.1", + "@parcel/watcher-darwin-x64": "2.5.1", + "@parcel/watcher-freebsd-x64": "2.5.1", + "@parcel/watcher-linux-arm-glibc": "2.5.1", + "@parcel/watcher-linux-arm-musl": "2.5.1", + "@parcel/watcher-linux-arm64-glibc": "2.5.1", + "@parcel/watcher-linux-arm64-musl": "2.5.1", + "@parcel/watcher-linux-x64-glibc": "2.5.1", + "@parcel/watcher-linux-x64-musl": "2.5.1", + "@parcel/watcher-win32-arm64": "2.5.1", + "@parcel/watcher-win32-ia32": "2.5.1", + "@parcel/watcher-win32-x64": "2.5.1" + } + }, + "node_modules/@parcel/watcher-android-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz", + "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-darwin-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz", + "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-darwin-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz", + "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-freebsd-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz", + "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz", + "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz", + "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm64-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz", + "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm64-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz", + "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-x64-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz", + "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-x64-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz", + "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz", + "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-ia32": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz", + "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz", + "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher/node_modules/detect-libc": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz", + "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==", + "dev": true, + "license": "Apache-2.0", + "optional": true, + "bin": { + "detect-libc": "bin/detect-libc.js" + }, + "engines": { + "node": ">=0.10" + } + }, + "node_modules/@parcel/watcher/node_modules/node-addon-api": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz", + "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==", + "dev": true, + "license": "MIT", + "optional": true + }, "node_modules/@pkgjs/parseargs": { "version": "0.11.0", "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", @@ -1612,6 +3125,350 @@ "node": ">=14" } }, + "node_modules/@rollup/plugin-json": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-6.1.0.tgz", + "integrity": "sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@rollup/pluginutils": "^5.1.0" + }, + "engines": { + "node": ">=14.0.0" + }, + "peerDependencies": { + "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0" + }, + "peerDependenciesMeta": { + "rollup": { + "optional": true + } + } + }, + "node_modules/@rollup/pluginutils": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.2.0.tgz", + "integrity": "sha512-qWJ2ZTbmumwiLFomfzTyt5Kng4hwPi9rwCYN4SHb6eaRU1KNO4ccxINHr/VhH4GgPlt1XfSTLX2LBTme8ne4Zw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/estree": "^1.0.0", + "estree-walker": "^2.0.2", + "picomatch": "^4.0.2" + }, + "engines": { + "node": ">=14.0.0" + }, + "peerDependencies": { + "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0" + }, + "peerDependenciesMeta": { + "rollup": { + "optional": true + } + } + }, + "node_modules/@rollup/rollup-android-arm-eabi": { + "version": "4.44.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.44.1.tgz", + "integrity": "sha512-JAcBr1+fgqx20m7Fwe1DxPUl/hPkee6jA6Pl7n1v2EFiktAHenTaXl5aIFjUIEsfn9w3HE4gK1lEgNGMzBDs1w==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-android-arm64": { + "version": "4.44.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.44.1.tgz", + "integrity": "sha512-RurZetXqTu4p+G0ChbnkwBuAtwAbIwJkycw1n6GvlGlBuS4u5qlr5opix8cBAYFJgaY05TWtM+LaoFggUmbZEQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-darwin-arm64": { + "version": "4.44.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.44.1.tgz", + "integrity": "sha512-fM/xPesi7g2M7chk37LOnmnSTHLG/v2ggWqKj3CCA1rMA4mm5KVBT1fNoswbo1JhPuNNZrVwpTvlCVggv8A2zg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-darwin-x64": { + "version": "4.44.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.44.1.tgz", + "integrity": "sha512-gDnWk57urJrkrHQ2WVx9TSVTH7lSlU7E3AFqiko+bgjlh78aJ88/3nycMax52VIVjIm3ObXnDL2H00e/xzoipw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-freebsd-arm64": { + "version": "4.44.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.44.1.tgz", + "integrity": "sha512-wnFQmJ/zPThM5zEGcnDcCJeYJgtSLjh1d//WuHzhf6zT3Md1BvvhJnWoy+HECKu2bMxaIcfWiu3bJgx6z4g2XA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-freebsd-x64": { + "version": "4.44.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.44.1.tgz", + "integrity": "sha512-uBmIxoJ4493YATvU2c0upGz87f99e3wop7TJgOA/bXMFd2SvKCI7xkxY/5k50bv7J6dw1SXT4MQBQSLn8Bb/Uw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ] + }, + "node_modules/@rollup/rollup-linux-arm-gnueabihf": { + "version": "4.44.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.44.1.tgz", + "integrity": "sha512-n0edDmSHlXFhrlmTK7XBuwKlG5MbS7yleS1cQ9nn4kIeW+dJH+ExqNgQ0RrFRew8Y+0V/x6C5IjsHrJmiHtkxQ==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm-musleabihf": { + "version": "4.44.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.44.1.tgz", + "integrity": "sha512-8WVUPy3FtAsKSpyk21kV52HCxB+me6YkbkFHATzC2Yd3yuqHwy2lbFL4alJOLXKljoRw08Zk8/xEj89cLQ/4Nw==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-gnu": { + "version": "4.44.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.44.1.tgz", + "integrity": "sha512-yuktAOaeOgorWDeFJggjuCkMGeITfqvPgkIXhDqsfKX8J3jGyxdDZgBV/2kj/2DyPaLiX6bPdjJDTu9RB8lUPQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-musl": { + "version": "4.44.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.44.1.tgz", + "integrity": "sha512-W+GBM4ifET1Plw8pdVaecwUgxmiH23CfAUj32u8knq0JPFyK4weRy6H7ooxYFD19YxBulL0Ktsflg5XS7+7u9g==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-loongarch64-gnu": { + "version": "4.44.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.44.1.tgz", + "integrity": "sha512-1zqnUEMWp9WrGVuVak6jWTl4fEtrVKfZY7CvcBmUUpxAJ7WcSowPSAWIKa/0o5mBL/Ij50SIf9tuirGx63Ovew==", + "cpu": [ + "loong64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-powerpc64le-gnu": { + "version": "4.44.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.44.1.tgz", + "integrity": "sha512-Rl3JKaRu0LHIx7ExBAAnf0JcOQetQffaw34T8vLlg9b1IhzcBgaIdnvEbbsZq9uZp3uAH+JkHd20Nwn0h9zPjA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-gnu": { + "version": "4.44.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.44.1.tgz", + "integrity": "sha512-j5akelU3snyL6K3N/iX7otLBIl347fGwmd95U5gS/7z6T4ftK288jKq3A5lcFKcx7wwzb5rgNvAg3ZbV4BqUSw==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-musl": { + "version": "4.44.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.44.1.tgz", + "integrity": "sha512-ppn5llVGgrZw7yxbIm8TTvtj1EoPgYUAbfw0uDjIOzzoqlZlZrLJ/KuiE7uf5EpTpCTrNt1EdtzF0naMm0wGYg==", + "cpu": [ + "riscv64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-s390x-gnu": { + "version": "4.44.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.44.1.tgz", + "integrity": "sha512-Hu6hEdix0oxtUma99jSP7xbvjkUM/ycke/AQQ4EC5g7jNRLLIwjcNwaUy95ZKBJJwg1ZowsclNnjYqzN4zwkAw==", + "cpu": [ + "s390x" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-gnu": { + "version": "4.44.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.44.1.tgz", + "integrity": "sha512-EtnsrmZGomz9WxK1bR5079zee3+7a+AdFlghyd6VbAjgRJDbTANJ9dcPIPAi76uG05micpEL+gPGmAKYTschQw==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-musl": { + "version": "4.44.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.44.1.tgz", + "integrity": "sha512-iAS4p+J1az6Usn0f8xhgL4PaU878KEtutP4hqw52I4IO6AGoyOkHCxcc4bqufv1tQLdDWFx8lR9YlwxKuv3/3g==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-win32-arm64-msvc": { + "version": "4.44.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.44.1.tgz", + "integrity": "sha512-NtSJVKcXwcqozOl+FwI41OH3OApDyLk3kqTJgx8+gp6On9ZEt5mYhIsKNPGuaZr3p9T6NWPKGU/03Vw4CNU9qg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-ia32-msvc": { + "version": "4.44.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.44.1.tgz", + "integrity": "sha512-JYA3qvCOLXSsnTR3oiyGws1Dm0YTuxAAeaYGVlGpUsHqloPcFjPg+X0Fj2qODGLNwQOAcCiQmHub/V007kiH5A==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-msvc": { + "version": "4.44.1", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.44.1.tgz", + "integrity": "sha512-J8o22LuF0kTe7m+8PvW9wk3/bRq5+mRo5Dqo6+vXb7otCm3TPhYOJqOaQtGU9YMWQSL3krMnoOxMr0+9E6F3Ug==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/wasm-node": { + "version": "4.46.2", + "resolved": "https://registry.npmjs.org/@rollup/wasm-node/-/wasm-node-4.46.2.tgz", + "integrity": "sha512-lZRiZl+B1R3VhqZgORtuUpc2YYbgIv+X6g3LgQHS5sjlf1ENiK1HZ6N5e8pEZ04nAWiwYM0JX7rP0eyxflkJRg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/estree": "1.0.8" + }, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=18.0.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, "node_modules/@schematics/angular": { "version": "20.1.5", "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-20.1.5.tgz", @@ -1766,6 +3623,27 @@ "url": "https://github.com/sponsors/isaacs" } }, + "node_modules/@types/body-parser": { + "version": "1.19.6", + "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.6.tgz", + "integrity": "sha512-HLFeCYgz89uk22N5Qg3dvGvsv46B8GLvKKo1zKG4NybA8U2DiEO3w9lqGg29t/tfLRJpJ6iQxnVw4OnB7MoM9g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/connect": "*", + "@types/node": "*" + } + }, + "node_modules/@types/connect": { + "version": "3.4.38", + "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz", + "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/node": "*" + } + }, "node_modules/@types/cors": { "version": "2.8.19", "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.19.tgz", @@ -1776,6 +3654,45 @@ "@types/node": "*" } }, + "node_modules/@types/estree": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz", + "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/express": { + "version": "5.0.3", + "resolved": "https://registry.npmjs.org/@types/express/-/express-5.0.3.tgz", + "integrity": "sha512-wGA0NX93b19/dZC1J18tKWVIYWyyF2ZjT9vin/NRu0qzzvfVzWjs04iq2rQ3H65vCTQYlRqs3YHfY7zjdV+9Kw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/body-parser": "*", + "@types/express-serve-static-core": "^5.0.0", + "@types/serve-static": "*" + } + }, + "node_modules/@types/express-serve-static-core": { + "version": "5.0.7", + "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-5.0.7.tgz", + "integrity": "sha512-R+33OsgWw7rOhD1emjU7dzCDHucJrgJXMA5PYCzJxVil0dsyx5iBEPHqpPfiKNJQb7lZ1vxwoLR4Z87bBUpeGQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/node": "*", + "@types/qs": "*", + "@types/range-parser": "*", + "@types/send": "*" + } + }, + "node_modules/@types/http-errors": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.5.tgz", + "integrity": "sha512-r8Tayk8HJnX0FztbZN7oVqGccWgw98T/0neJphO91KkmOzug1KkofZURD4UaD5uH8AqcFLfdPErnBod0u71/qg==", + "dev": true, + "license": "MIT" + }, "node_modules/@types/jasmine": { "version": "5.1.8", "resolved": "https://registry.npmjs.org/@types/jasmine/-/jasmine-5.1.8.tgz", @@ -1783,14 +3700,71 @@ "dev": true, "license": "MIT" }, + "node_modules/@types/mime": { + "version": "1.3.5", + "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz", + "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==", + "dev": true, + "license": "MIT" + }, "node_modules/@types/node": { - "version": "24.2.1", - "resolved": "https://registry.npmjs.org/@types/node/-/node-24.2.1.tgz", - "integrity": "sha512-DRh5K+ka5eJic8CjH7td8QpYEV6Zo10gfRkjHCO3weqZHWDtAaSTFtl4+VMqOJ4N5jcuhZ9/l+yy8rVgw7BQeQ==", + "version": "20.19.10", + "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.10.tgz", + "integrity": "sha512-iAFpG6DokED3roLSP0K+ybeDdIX6Bc0Vd3mLW5uDqThPWtNos3E+EqOM11mPQHKzfWHqEBuLjIlsBQQ8CsISmQ==", "dev": true, "license": "MIT", "dependencies": { - "undici-types": "~7.10.0" + "undici-types": "~6.21.0" + } + }, + "node_modules/@types/qs": { + "version": "6.14.0", + "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.14.0.tgz", + "integrity": "sha512-eOunJqu0K1923aExK6y8p6fsihYEn/BYuQ4g0CxAAgFc4b/ZLN4CrsRZ55srTdqoiLzU2B2evC+apEIxprEzkQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/range-parser": { + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz", + "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/@types/send": { + "version": "0.17.5", + "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.5.tgz", + "integrity": "sha512-z6F2D3cOStZvuk2SaP6YrwkNO65iTZcwA2ZkSABegdkAh/lf+Aa/YQndZVfmEXT5vgAp6zv06VQ3ejSVjAny4w==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/mime": "^1", + "@types/node": "*" + } + }, + "node_modules/@types/serve-static": { + "version": "1.15.8", + "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.8.tgz", + "integrity": "sha512-roei0UY3LhpOJvjbIP6ZZFngyLKl5dskOtDhxY5THRSpO+ZI+nzJ+m5yUMzGrp89YRa7lvknKkMYjqQFGwA7Sg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/http-errors": "*", + "@types/node": "*", + "@types/send": "*" + } + }, + "node_modules/@vitejs/plugin-basic-ssl": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-2.1.0.tgz", + "integrity": "sha512-dOxxrhgyDIEUADhb/8OlV9JIqYLgos03YorAueTIeOUskLJSEsfwCByjbu98ctXitUN3znXKp0bYD/WHSudCeA==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^18.0.0 || ^20.0.0 || >=22.0.0" + }, + "peerDependencies": { + "vite": "^6.0.0 || ^7.0.0" } }, "node_modules/@yarnpkg/lockfile": { @@ -1814,7 +3788,6 @@ "version": "2.0.0", "resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz", "integrity": "sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==", - "dev": true, "license": "MIT", "dependencies": { "mime-types": "^3.0.0", @@ -1894,6 +3867,16 @@ "node": ">= 14.0.0" } }, + "node_modules/ansi-colors": { + "version": "4.1.3", + "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz", + "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6" + } + }, "node_modules/ansi-escapes": { "version": "4.3.2", "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz", @@ -1980,6 +3963,26 @@ "node": "^4.5.0 || >= 5.9" } }, + "node_modules/beasties": { + "version": "0.3.4", + "resolved": "https://registry.npmjs.org/beasties/-/beasties-0.3.4.tgz", + "integrity": "sha512-NmzN1zN1cvGccXFyZ73335+ASXwBlVWcUPssiUDIlFdfyatHPRRufjCd5w8oPaQPvVnf9ELklaCGb1gi9FBwIw==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "css-select": "^5.1.0", + "css-what": "^6.1.0", + "dom-serializer": "^2.0.0", + "domhandler": "^5.0.3", + "htmlparser2": "^10.0.0", + "picocolors": "^1.1.1", + "postcss": "^8.4.49", + "postcss-media-query-parser": "^0.2.3" + }, + "engines": { + "node": ">=14.0.0" + } + }, "node_modules/binary-extensions": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz", @@ -1997,7 +4000,6 @@ "version": "2.2.0", "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.2.0.tgz", "integrity": "sha512-02qvAaxv8tp7fBa/mw1ga98OGm+eCbqzJOKoRt70sLmfEEi+jyBYVTDGfCL/k06/4EMk/z01gCe7HoCH/f2LTg==", - "dev": true, "license": "MIT", "dependencies": { "bytes": "^3.1.2", @@ -2014,6 +4016,13 @@ "node": ">=18" } }, + "node_modules/boolbase": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", + "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==", + "dev": true, + "license": "ISC" + }, "node_modules/brace-expansion": { "version": "1.1.12", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz", @@ -2071,11 +4080,17 @@ "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" } }, + "node_modules/buffer-from": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz", + "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==", + "dev": true, + "license": "MIT" + }, "node_modules/bytes": { "version": "3.1.2", "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz", "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.8" @@ -2217,7 +4232,6 @@ "version": "1.0.2", "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz", "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==", - "dev": true, "license": "MIT", "dependencies": { "es-errors": "^1.3.0", @@ -2231,7 +4245,6 @@ "version": "1.0.4", "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz", "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==", - "dev": true, "license": "MIT", "dependencies": { "call-bind-apply-helpers": "^1.0.2", @@ -2427,6 +4440,23 @@ "dev": true, "license": "MIT" }, + "node_modules/commander": { + "version": "14.0.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-14.0.0.tgz", + "integrity": "sha512-2uM9rYjPvyq39NwLRqaiLtWHyDC1FvryJDa2ATTVims5YAS4PupsEQsDvP14FqhFr0P49CYDugi59xaxJlTXRA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=20" + } + }, + "node_modules/common-path-prefix": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/common-path-prefix/-/common-path-prefix-3.0.0.tgz", + "integrity": "sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==", + "dev": true, + "license": "ISC" + }, "node_modules/concat-map": { "version": "0.0.1", "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", @@ -2523,7 +4553,6 @@ "version": "1.0.0", "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.0.0.tgz", "integrity": "sha512-Au9nRL8VNUut/XSzbQA38+M78dzP4D+eqg3gfJHMIHHYa3bg067xj1KxMUWj+VULbiZMowKngFFbKczUrNJ1mg==", - "dev": true, "license": "MIT", "dependencies": { "safe-buffer": "5.2.1" @@ -2536,7 +4565,6 @@ "version": "1.0.5", "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz", "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.6" @@ -2553,7 +4581,6 @@ "version": "0.7.2", "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz", "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.6" @@ -2563,12 +4590,24 @@ "version": "1.2.2", "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.2.2.tgz", "integrity": "sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==", - "dev": true, "license": "MIT", "engines": { "node": ">=6.6.0" } }, + "node_modules/copy-anything": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz", + "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==", + "dev": true, + "license": "MIT", + "dependencies": { + "is-what": "^3.14.1" + }, + "funding": { + "url": "https://github.com/sponsors/mesqueeb" + } + }, "node_modules/cors": { "version": "2.8.5", "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz", @@ -2598,6 +4637,36 @@ "node": ">= 8" } }, + "node_modules/css-select": { + "version": "5.2.2", + "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.2.2.tgz", + "integrity": "sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "boolbase": "^1.0.0", + "css-what": "^6.1.0", + "domhandler": "^5.0.2", + "domutils": "^3.0.1", + "nth-check": "^2.0.1" + }, + "funding": { + "url": "https://github.com/sponsors/fb55" + } + }, + "node_modules/css-what": { + "version": "6.2.2", + "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.2.2.tgz", + "integrity": "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">= 6" + }, + "funding": { + "url": "https://github.com/sponsors/fb55" + } + }, "node_modules/custom-event": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/custom-event/-/custom-event-1.0.1.tgz", @@ -2619,7 +4688,6 @@ "version": "4.4.1", "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz", "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==", - "dev": true, "license": "MIT", "dependencies": { "ms": "^2.1.3" @@ -2637,12 +4705,21 @@ "version": "2.0.0", "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz", "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.8" } }, + "node_modules/dependency-graph": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-1.0.0.tgz", + "integrity": "sha512-cW3gggJ28HZ/LExwxP2B++aiKxhJXMSIt9K48FOXQkm+vuG5gyatXnLsONRJdzO/7VfjDIiaOOa/bs4l464Lwg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=4" + } + }, "node_modules/destroy": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz", @@ -2654,6 +4731,17 @@ "npm": "1.2.8000 || >= 1.4.16" } }, + "node_modules/detect-libc": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz", + "integrity": "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==", + "dev": true, + "license": "Apache-2.0", + "optional": true, + "engines": { + "node": ">=8" + } + }, "node_modules/di": { "version": "0.0.1", "resolved": "https://registry.npmjs.org/di/-/di-0.0.1.tgz", @@ -2674,11 +4762,69 @@ "void-elements": "^2.0.0" } }, + "node_modules/dom-serializer": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz", + "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==", + "dev": true, + "license": "MIT", + "dependencies": { + "domelementtype": "^2.3.0", + "domhandler": "^5.0.2", + "entities": "^4.2.0" + }, + "funding": { + "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1" + } + }, + "node_modules/domelementtype": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz", + "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/fb55" + } + ], + "license": "BSD-2-Clause" + }, + "node_modules/domhandler": { + "version": "5.0.3", + "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz", + "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "domelementtype": "^2.3.0" + }, + "engines": { + "node": ">= 4" + }, + "funding": { + "url": "https://github.com/fb55/domhandler?sponsor=1" + } + }, + "node_modules/domutils": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.2.tgz", + "integrity": "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "dom-serializer": "^2.0.0", + "domelementtype": "^2.3.0", + "domhandler": "^5.0.3" + }, + "funding": { + "url": "https://github.com/fb55/domutils?sponsor=1" + } + }, "node_modules/dunder-proto": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz", "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==", - "dev": true, "license": "MIT", "dependencies": { "call-bind-apply-helpers": "^1.0.1", @@ -2700,7 +4846,6 @@ "version": "1.1.1", "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz", "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==", - "dev": true, "license": "MIT" }, "node_modules/electron-to-chromium": { @@ -2721,7 +4866,6 @@ "version": "2.0.0", "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz", "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.8" @@ -2850,6 +4994,19 @@ "node": ">= 0.4" } }, + "node_modules/entities": { + "version": "4.5.0", + "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz", + "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=0.12" + }, + "funding": { + "url": "https://github.com/fb55/entities?sponsor=1" + } + }, "node_modules/env-paths": { "version": "2.2.1", "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz", @@ -2880,11 +5037,24 @@ "dev": true, "license": "MIT" }, + "node_modules/errno": { + "version": "0.1.8", + "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz", + "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "prr": "~1.0.1" + }, + "bin": { + "errno": "cli.js" + } + }, "node_modules/es-define-property": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz", "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.4" @@ -2894,7 +5064,6 @@ "version": "1.3.0", "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz", "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.4" @@ -2904,7 +5073,6 @@ "version": "1.1.1", "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz", "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==", - "dev": true, "license": "MIT", "dependencies": { "es-errors": "^1.3.0" @@ -2913,6 +5081,47 @@ "node": ">= 0.4" } }, + "node_modules/esbuild": { + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.5.tgz", + "integrity": "sha512-P8OtKZRv/5J5hhz0cUAdu/cLuPIKXpQl1R9pZtvmHWQvrAUVd0UNIPT4IB4W3rNOqVO0rlqHmCIbSwxh/c9yUQ==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=18" + }, + "optionalDependencies": { + "@esbuild/aix-ppc64": "0.25.5", + "@esbuild/android-arm": "0.25.5", + "@esbuild/android-arm64": "0.25.5", + "@esbuild/android-x64": "0.25.5", + "@esbuild/darwin-arm64": "0.25.5", + "@esbuild/darwin-x64": "0.25.5", + "@esbuild/freebsd-arm64": "0.25.5", + "@esbuild/freebsd-x64": "0.25.5", + "@esbuild/linux-arm": "0.25.5", + "@esbuild/linux-arm64": "0.25.5", + "@esbuild/linux-ia32": "0.25.5", + "@esbuild/linux-loong64": "0.25.5", + "@esbuild/linux-mips64el": "0.25.5", + "@esbuild/linux-ppc64": "0.25.5", + "@esbuild/linux-riscv64": "0.25.5", + "@esbuild/linux-s390x": "0.25.5", + "@esbuild/linux-x64": "0.25.5", + "@esbuild/netbsd-arm64": "0.25.5", + "@esbuild/netbsd-x64": "0.25.5", + "@esbuild/openbsd-arm64": "0.25.5", + "@esbuild/openbsd-x64": "0.25.5", + "@esbuild/sunos-x64": "0.25.5", + "@esbuild/win32-arm64": "0.25.5", + "@esbuild/win32-ia32": "0.25.5", + "@esbuild/win32-x64": "0.25.5" + } + }, "node_modules/escalade": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz", @@ -2927,6 +5136,12 @@ "version": "1.0.3", "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==", + "license": "MIT" + }, + "node_modules/estree-walker": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz", + "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==", "dev": true, "license": "MIT" }, @@ -2934,7 +5149,6 @@ "version": "1.8.1", "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz", "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.6" @@ -2981,7 +5195,6 @@ "version": "5.1.0", "resolved": "https://registry.npmjs.org/express/-/express-5.1.0.tgz", "integrity": "sha512-DT9ck5YIRU+8GYzzU5kT3eHGA5iL+1Zd0EutOmTE9Dtk+Tvuzd23VBU+ec7HPNSTxXYO55gPV/hq4pSBJDjFpA==", - "dev": true, "license": "MIT", "dependencies": { "accepts": "^2.0.0", @@ -3106,7 +5319,6 @@ "version": "2.1.0", "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-2.1.0.tgz", "integrity": "sha512-/t88Ty3d5JWQbWYgaOGCCYfXRwV1+be02WqYYlL6h0lEiUAMPM8o8qKGO01YIkOHzka2up08wvgYD0mDiI+q3Q==", - "dev": true, "license": "MIT", "dependencies": { "debug": "^4.4.0", @@ -3120,6 +5332,36 @@ "node": ">= 0.8" } }, + "node_modules/find-cache-directory": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/find-cache-directory/-/find-cache-directory-6.0.0.tgz", + "integrity": "sha512-CvFd5ivA6HcSHbD+59P7CyzINHXzwhuQK8RY7CxJZtgDSAtRlHiCaQpZQ2lMR/WRyUIEmzUvL6G2AGurMfegZA==", + "dev": true, + "license": "MIT", + "dependencies": { + "common-path-prefix": "^3.0.0", + "pkg-dir": "^8.0.0" + }, + "engines": { + "node": ">=20" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/find-up-simple": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/find-up-simple/-/find-up-simple-1.0.1.tgz", + "integrity": "sha512-afd4O7zpqHeRyg4PfDQsXmlDe2PfdHtJt6Akt8jOWaApLOZk5JXs6VMR29lz03pRe9mpykrRCYIYxaJYcfpncQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/flatted": { "version": "3.3.3", "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz", @@ -3169,7 +5411,6 @@ "version": "0.2.0", "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz", "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.6" @@ -3179,7 +5420,6 @@ "version": "2.0.0", "resolved": "https://registry.npmjs.org/fresh/-/fresh-2.0.0.tgz", "integrity": "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.8" @@ -3239,7 +5479,6 @@ "version": "1.1.2", "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", - "dev": true, "license": "MIT", "funding": { "url": "https://github.com/sponsors/ljharb" @@ -3282,7 +5521,6 @@ "version": "1.3.0", "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz", "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==", - "dev": true, "license": "MIT", "dependencies": { "call-bind-apply-helpers": "^1.0.2", @@ -3307,7 +5545,6 @@ "version": "1.0.1", "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz", "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==", - "dev": true, "license": "MIT", "dependencies": { "dunder-proto": "^1.0.1", @@ -3352,11 +5589,17 @@ "node": ">= 6" } }, + "node_modules/glob-to-regexp": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz", + "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==", + "dev": true, + "license": "BSD-2-Clause" + }, "node_modules/gopd": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz", "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.4" @@ -3386,7 +5629,6 @@ "version": "1.1.0", "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz", "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.4" @@ -3415,7 +5657,6 @@ "version": "2.0.2", "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz", "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==", - "dev": true, "license": "MIT", "dependencies": { "function-bind": "^1.1.2" @@ -3451,6 +5692,39 @@ "dev": true, "license": "MIT" }, + "node_modules/htmlparser2": { + "version": "10.0.0", + "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-10.0.0.tgz", + "integrity": "sha512-TwAZM+zE5Tq3lrEHvOlvwgj1XLWQCtaaibSN11Q+gGBAS7Y1uZSWwXXRe4iF6OXnaq1riyQAPFOBtYc77Mxq0g==", + "dev": true, + "funding": [ + "https://github.com/fb55/htmlparser2?sponsor=1", + { + "type": "github", + "url": "https://github.com/sponsors/fb55" + } + ], + "license": "MIT", + "dependencies": { + "domelementtype": "^2.3.0", + "domhandler": "^5.0.3", + "domutils": "^3.2.1", + "entities": "^6.0.0" + } + }, + "node_modules/htmlparser2/node_modules/entities": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz", + "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=0.12" + }, + "funding": { + "url": "https://github.com/fb55/entities?sponsor=1" + } + }, "node_modules/http-cache-semantics": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.2.0.tgz", @@ -3462,7 +5736,6 @@ "version": "2.0.0", "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz", "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==", - "dev": true, "license": "MIT", "dependencies": { "depd": "2.0.0", @@ -3479,7 +5752,6 @@ "version": "2.0.1", "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.8" @@ -3532,7 +5804,6 @@ "version": "0.6.3", "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz", "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==", - "dev": true, "license": "MIT", "dependencies": { "safer-buffer": ">= 2.1.2 < 3.0.0" @@ -3570,6 +5841,27 @@ "url": "https://github.com/sponsors/isaacs" } }, + "node_modules/image-size": { + "version": "0.5.5", + "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz", + "integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==", + "dev": true, + "license": "MIT", + "optional": true, + "bin": { + "image-size": "bin/image-size.js" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/immutable": { + "version": "5.1.3", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.3.tgz", + "integrity": "sha512-+chQdDfvscSF1SJqv2gn4SRO2ZyS3xL3r7IW/wWEEzrzLisnOlKiQu5ytC/BVNcS15C39WT2Hg/bjKjDMcu+zg==", + "dev": true, + "license": "MIT" + }, "node_modules/imurmurhash": { "version": "0.1.4", "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", @@ -3596,7 +5888,6 @@ "version": "2.0.4", "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", - "dev": true, "license": "ISC" }, "node_modules/ini": { @@ -3609,6 +5900,16 @@ "node": "^18.17.0 || >=20.5.0" } }, + "node_modules/injection-js": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/injection-js/-/injection-js-2.5.0.tgz", + "integrity": "sha512-UpY2ONt4xbht4GhSqQ2zMJ1rBIQq4uOY+DlR6aOeYyqK7xadXt7UQbJIyxmgk288bPMkIZKjViieHm0O0i72Jw==", + "dev": true, + "license": "MIT", + "dependencies": { + "tslib": "^2.0.0" + } + }, "node_modules/ip-address": { "version": "9.0.5", "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-9.0.5.tgz", @@ -3627,7 +5928,6 @@ "version": "1.9.1", "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz", "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.10" @@ -3725,7 +6025,6 @@ "version": "4.0.0", "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz", "integrity": "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==", - "dev": true, "license": "MIT" }, "node_modules/is-regex": { @@ -3760,6 +6059,13 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/is-what": { + "version": "3.14.1", + "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz", + "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==", + "dev": true, + "license": "MIT" + }, "node_modules/isbinaryfile": { "version": "4.0.10", "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-4.0.10.tgz", @@ -4418,6 +6724,84 @@ "node": ">=10" } }, + "node_modules/less": { + "version": "4.4.0", + "resolved": "https://registry.npmjs.org/less/-/less-4.4.0.tgz", + "integrity": "sha512-kdTwsyRuncDfjEs0DlRILWNvxhDG/Zij4YLO4TMJgDLW+8OzpfkdPnRgrsRuY1o+oaxJGWsps5f/RVBgGmmN0w==", + "dev": true, + "license": "Apache-2.0", + "dependencies": { + "copy-anything": "^2.0.1", + "parse-node-version": "^1.0.1", + "tslib": "^2.3.0" + }, + "bin": { + "lessc": "bin/lessc" + }, + "engines": { + "node": ">=14" + }, + "optionalDependencies": { + "errno": "^0.1.1", + "graceful-fs": "^4.1.2", + "image-size": "~0.5.0", + "make-dir": "^2.1.0", + "mime": "^1.4.1", + "needle": "^3.1.0", + "source-map": "~0.6.0" + } + }, + "node_modules/less/node_modules/make-dir": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz", + "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "pify": "^4.0.1", + "semver": "^5.6.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/less/node_modules/mime": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", + "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", + "dev": true, + "license": "MIT", + "optional": true, + "bin": { + "mime": "cli.js" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/less/node_modules/semver": { + "version": "5.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", + "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", + "dev": true, + "license": "ISC", + "optional": true, + "bin": { + "semver": "bin/semver" + } + }, + "node_modules/less/node_modules/source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true, + "license": "BSD-3-Clause", + "optional": true, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/listr2": { "version": "8.3.3", "resolved": "https://registry.npmjs.org/listr2/-/listr2-8.3.3.tgz", @@ -4461,6 +6845,34 @@ "url": "https://github.com/chalk/wrap-ansi?sponsor=1" } }, + "node_modules/lmdb": { + "version": "3.4.1", + "resolved": "https://registry.npmjs.org/lmdb/-/lmdb-3.4.1.tgz", + "integrity": "sha512-hoG9RIv42kdGJiieyElgWcKCTaw5S6Jqwyd1gLSVdsJ3+8MVm8e4yLronThiRJI9DazFAAs9xfB9nWeMQ2DWKA==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "dependencies": { + "msgpackr": "^1.11.2", + "node-addon-api": "^6.1.0", + "node-gyp-build-optional-packages": "5.2.2", + "ordered-binary": "^1.5.3", + "weak-lru-cache": "^1.2.2" + }, + "bin": { + "download-lmdb-prebuilds": "bin/download-prebuilds.js" + }, + "optionalDependencies": { + "@lmdb/lmdb-darwin-arm64": "3.4.1", + "@lmdb/lmdb-darwin-x64": "3.4.1", + "@lmdb/lmdb-linux-arm": "3.4.1", + "@lmdb/lmdb-linux-arm64": "3.4.1", + "@lmdb/lmdb-linux-x64": "3.4.1", + "@lmdb/lmdb-win32-arm64": "3.4.1", + "@lmdb/lmdb-win32-x64": "3.4.1" + } + }, "node_modules/lodash": { "version": "4.17.21", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", @@ -4665,7 +7077,6 @@ "version": "1.1.0", "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz", "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.4" @@ -4675,7 +7086,6 @@ "version": "1.1.0", "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.0.tgz", "integrity": "sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.8" @@ -4685,7 +7095,6 @@ "version": "2.0.0", "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-2.0.0.tgz", "integrity": "sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==", - "dev": true, "license": "MIT", "engines": { "node": ">=18" @@ -4694,6 +7103,35 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/micromatch": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "braces": "^3.0.3", + "picomatch": "^2.3.1" + }, + "engines": { + "node": ">=8.6" + } + }, + "node_modules/micromatch/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "license": "MIT", + "optional": true, + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, "node_modules/mime": { "version": "2.6.0", "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz", @@ -4711,7 +7149,6 @@ "version": "1.54.0", "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz", "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.6" @@ -4721,7 +7158,6 @@ "version": "3.0.1", "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.1.tgz", "integrity": "sha512-xRc4oEhT6eaBpU1XF7AjpOFD+xQmXNB5OVKwp4tqCuBpHLS/ZbBDrc07mYTDqVMg6PfxUjjNp85O6Cd2Z/5HWA==", - "dev": true, "license": "MIT", "dependencies": { "mime-db": "^1.54.0" @@ -4932,13 +7368,56 @@ "mkdirp": "bin/cmd.js" } }, + "node_modules/mrmime": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz", + "integrity": "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=10" + } + }, "node_modules/ms": { "version": "2.1.3", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==", - "dev": true, "license": "MIT" }, + "node_modules/msgpackr": { + "version": "1.11.5", + "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.5.tgz", + "integrity": "sha512-UjkUHN0yqp9RWKy0Lplhh+wlpdt9oQBYgULZOiFhV3VclSF1JnSQWZ5r9gORQlNYaUKQoR8itv7g7z1xDDuACA==", + "dev": true, + "license": "MIT", + "optional": true, + "optionalDependencies": { + "msgpackr-extract": "^3.0.2" + } + }, + "node_modules/msgpackr-extract": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-3.0.3.tgz", + "integrity": "sha512-P0efT1C9jIdVRefqjzOQ9Xml57zpOXnIuS+csaB4MdZbTdmGDLo8XhzBG1N7aO11gKDDkJvBLULeFTo46wwreA==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "dependencies": { + "node-gyp-build-optional-packages": "5.2.2" + }, + "bin": { + "download-msgpackr-prebuilds": "bin/download-prebuilds.js" + }, + "optionalDependencies": { + "@msgpackr-extract/msgpackr-extract-darwin-arm64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-darwin-x64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-arm": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-arm64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-x64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-win32-x64": "3.0.3" + } + }, "node_modules/mute-stream": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-2.0.0.tgz", @@ -4949,16 +7428,110 @@ "node": "^18.17.0 || >=20.5.0" } }, + "node_modules/nanoid": { + "version": "3.3.11", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz", + "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/needle": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/needle/-/needle-3.3.1.tgz", + "integrity": "sha512-6k0YULvhpw+RoLNiQCRKOl09Rv1dPLr8hHnVjHqdolKwDrdNyk+Hmrthi4lIGPPz3r39dLx0hsF5s40sZ3Us4Q==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "iconv-lite": "^0.6.3", + "sax": "^1.2.4" + }, + "bin": { + "needle": "bin/needle" + }, + "engines": { + "node": ">= 4.4.x" + } + }, "node_modules/negotiator": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz", "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.6" } }, + "node_modules/ng-packagr": { + "version": "20.1.0", + "resolved": "https://registry.npmjs.org/ng-packagr/-/ng-packagr-20.1.0.tgz", + "integrity": "sha512-objHk39HWnSSv54KD0Ct4A02rug6HiqbmXo1KJW39npzuVc37QWfiZy94afltH1zIx+mQqollmGaCmwibmagvQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@ampproject/remapping": "^2.3.0", + "@rollup/plugin-json": "^6.1.0", + "@rollup/wasm-node": "^4.24.0", + "ajv": "^8.17.1", + "ansi-colors": "^4.1.3", + "browserslist": "^4.22.1", + "chokidar": "^4.0.1", + "commander": "^14.0.0", + "dependency-graph": "^1.0.0", + "esbuild": "^0.25.0", + "find-cache-directory": "^6.0.0", + "injection-js": "^2.4.0", + "jsonc-parser": "^3.3.1", + "less": "^4.2.0", + "ora": "^8.2.0", + "piscina": "^5.0.0", + "postcss": "^8.4.47", + "rollup-plugin-dts": "^6.2.0", + "rxjs": "^7.8.1", + "sass": "^1.81.0", + "tinyglobby": "^0.2.12" + }, + "bin": { + "ng-packagr": "src/cli/main.js" + }, + "engines": { + "node": "^20.19.0 || ^22.12.0 || >=24.0.0" + }, + "optionalDependencies": { + "rollup": "^4.24.0" + }, + "peerDependencies": { + "@angular/compiler-cli": "^20.0.0 || ^20.1.0-next.0 || ^20.2.0-next.0", + "tailwindcss": "^2.0.0 || ^3.0.0 || ^4.0.0", + "tslib": "^2.3.0", + "typescript": ">=5.8 <5.9" + }, + "peerDependenciesMeta": { + "tailwindcss": { + "optional": true + } + } + }, + "node_modules/node-addon-api": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz", + "integrity": "sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==", + "dev": true, + "license": "MIT", + "optional": true + }, "node_modules/node-gyp": { "version": "11.3.0", "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-11.3.0.tgz", @@ -4984,6 +7557,22 @@ "node": "^18.17.0 || >=20.5.0" } }, + "node_modules/node-gyp-build-optional-packages": { + "version": "5.2.2", + "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.2.2.tgz", + "integrity": "sha512-s+w+rBWnpTMwSFbaE0UXsRlg7hU4FjekKU4eyAih5T8nJuNZT1nNsskXpxmeqSK9UzkBl6UgRlnKc8hz8IEqOw==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "detect-libc": "^2.0.1" + }, + "bin": { + "node-gyp-build-optional-packages": "bin.js", + "node-gyp-build-optional-packages-optional": "optional.js", + "node-gyp-build-optional-packages-test": "build-test.js" + } + }, "node_modules/node-gyp/node_modules/chownr": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz", @@ -5198,6 +7787,19 @@ "node": "^18.17.0 || >=20.5.0" } }, + "node_modules/nth-check": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz", + "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==", + "dev": true, + "license": "BSD-2-Clause", + "dependencies": { + "boolbase": "^1.0.0" + }, + "funding": { + "url": "https://github.com/fb55/nth-check?sponsor=1" + } + }, "node_modules/object-assign": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", @@ -5212,7 +7814,6 @@ "version": "1.13.4", "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz", "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.4" @@ -5225,7 +7826,6 @@ "version": "2.4.1", "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz", "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==", - "dev": true, "license": "MIT", "dependencies": { "ee-first": "1.1.1" @@ -5238,7 +7838,6 @@ "version": "1.4.0", "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", - "dev": true, "license": "ISC", "dependencies": { "wrappy": "1" @@ -5284,6 +7883,14 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/ordered-binary": { + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/ordered-binary/-/ordered-binary-1.6.0.tgz", + "integrity": "sha512-IQh2aMfMIDbPjI/8a3Edr+PiOpcsB7yo8NdW7aHWVaoR/pcDldunMvnnwbk/auPGqmKeAdxtZl7MHX/QmPwhvQ==", + "dev": true, + "license": "MIT", + "optional": true + }, "node_modules/p-map": { "version": "7.0.3", "resolved": "https://registry.npmjs.org/p-map/-/p-map-7.0.3.tgz", @@ -5336,11 +7943,87 @@ "node": "^20.17.0 || >=22.9.0" } }, + "node_modules/parse-node-version": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.1.tgz", + "integrity": "sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.10" + } + }, + "node_modules/parse5": { + "version": "7.3.0", + "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.3.0.tgz", + "integrity": "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==", + "dev": true, + "license": "MIT", + "dependencies": { + "entities": "^6.0.0" + }, + "funding": { + "url": "https://github.com/inikulin/parse5?sponsor=1" + } + }, + "node_modules/parse5-html-rewriting-stream": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/parse5-html-rewriting-stream/-/parse5-html-rewriting-stream-7.1.0.tgz", + "integrity": "sha512-2ifK6Jb+ONoqOy5f+cYHsqvx1obHQdvIk13Jmt/5ezxP0U9p+fqd+R6O73KblGswyuzBYfetmsfK9ThMgnuPPg==", + "dev": true, + "license": "MIT", + "dependencies": { + "entities": "^6.0.0", + "parse5": "^7.0.0", + "parse5-sax-parser": "^7.0.0" + }, + "funding": { + "url": "https://github.com/inikulin/parse5?sponsor=1" + } + }, + "node_modules/parse5-html-rewriting-stream/node_modules/entities": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz", + "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=0.12" + }, + "funding": { + "url": "https://github.com/fb55/entities?sponsor=1" + } + }, + "node_modules/parse5-sax-parser": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/parse5-sax-parser/-/parse5-sax-parser-7.0.0.tgz", + "integrity": "sha512-5A+v2SNsq8T6/mG3ahcz8ZtQ0OUFTatxPbeidoMB7tkJSGDY3tdfl4MHovtLQHkEn5CGxijNWRQHhRQ6IRpXKg==", + "dev": true, + "license": "MIT", + "dependencies": { + "parse5": "^7.0.0" + }, + "funding": { + "url": "https://github.com/inikulin/parse5?sponsor=1" + } + }, + "node_modules/parse5/node_modules/entities": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz", + "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=0.12" + }, + "funding": { + "url": "https://github.com/fb55/entities?sponsor=1" + } + }, "node_modules/parseurl": { "version": "1.3.3", "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz", "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.8" @@ -5401,7 +8084,6 @@ "version": "8.2.0", "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.2.0.tgz", "integrity": "sha512-TdrF7fW9Rphjq4RjrW0Kp2AW0Ahwu9sRGTkS6bvDi0SCwZlEZYmcfDbEsTz8RVk0EHIS/Vd1bv3JhG+1xZuAyQ==", - "dev": true, "license": "MIT", "engines": { "node": ">=16" @@ -5427,6 +8109,30 @@ "url": "https://github.com/sponsors/jonschlinkert" } }, + "node_modules/pify": { + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz", + "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==", + "dev": true, + "license": "MIT", + "optional": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/piscina": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/piscina/-/piscina-5.1.2.tgz", + "integrity": "sha512-9cE/BTA/xhDiyNUEj6EKWLEQC17fh/24ydYzQwcA7QdYh75K6kzL2GHvxDF5i9rFGtUaaKk7/u4xp07qiKXccQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=20.x" + }, + "optionalDependencies": { + "@napi-rs/nice": "^1.0.1" + } + }, "node_modules/pkce-challenge": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/pkce-challenge/-/pkce-challenge-5.0.0.tgz", @@ -5437,6 +8143,58 @@ "node": ">=16.20.0" } }, + "node_modules/pkg-dir": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-8.0.0.tgz", + "integrity": "sha512-4peoBq4Wks0riS0z8741NVv+/8IiTvqnZAr8QGgtdifrtpdXbNw/FxRS1l6NFqm4EMzuS0EDqNNx4XGaz8cuyQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "find-up-simple": "^1.0.0" + }, + "engines": { + "node": ">=18" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/postcss": { + "version": "8.5.6", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz", + "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "license": "MIT", + "dependencies": { + "nanoid": "^3.3.11", + "picocolors": "^1.1.1", + "source-map-js": "^1.2.1" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/postcss-media-query-parser": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz", + "integrity": "sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==", + "dev": true, + "license": "MIT" + }, "node_modules/proc-log": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-5.0.0.tgz", @@ -5465,7 +8223,6 @@ "version": "2.0.7", "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz", "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==", - "dev": true, "license": "MIT", "dependencies": { "forwarded": "0.2.0", @@ -5475,6 +8232,14 @@ "node": ">= 0.10" } }, + "node_modules/prr": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz", + "integrity": "sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==", + "dev": true, + "license": "MIT", + "optional": true + }, "node_modules/punycode": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz", @@ -5496,7 +8261,6 @@ "version": "6.14.0", "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz", "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==", - "dev": true, "license": "BSD-3-Clause", "dependencies": { "side-channel": "^1.1.0" @@ -5512,7 +8276,6 @@ "version": "1.2.1", "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz", "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.6" @@ -5522,7 +8285,6 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-3.0.0.tgz", "integrity": "sha512-RmkhL8CAyCRPXCE28MMH0z2PNWQBNk2Q09ZdxM9IOOXwxwZbN+qbWaatPkdkWIKL2ZVDImrN/pK5HTRz2PcS4g==", - "dev": true, "license": "MIT", "dependencies": { "bytes": "3.1.2", @@ -5654,11 +8416,73 @@ "url": "https://github.com/sponsors/isaacs" } }, + "node_modules/rollup": { + "version": "4.44.1", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.44.1.tgz", + "integrity": "sha512-x8H8aPvD+xbl0Do8oez5f5o8eMS3trfCghc4HhLAnCkj7Vl0d1JWGs0UF/D886zLW2rOj2QymV/JcSSsw+XDNg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/estree": "1.0.8" + }, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=18.0.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "@rollup/rollup-android-arm-eabi": "4.44.1", + "@rollup/rollup-android-arm64": "4.44.1", + "@rollup/rollup-darwin-arm64": "4.44.1", + "@rollup/rollup-darwin-x64": "4.44.1", + "@rollup/rollup-freebsd-arm64": "4.44.1", + "@rollup/rollup-freebsd-x64": "4.44.1", + "@rollup/rollup-linux-arm-gnueabihf": "4.44.1", + "@rollup/rollup-linux-arm-musleabihf": "4.44.1", + "@rollup/rollup-linux-arm64-gnu": "4.44.1", + "@rollup/rollup-linux-arm64-musl": "4.44.1", + "@rollup/rollup-linux-loongarch64-gnu": "4.44.1", + "@rollup/rollup-linux-powerpc64le-gnu": "4.44.1", + "@rollup/rollup-linux-riscv64-gnu": "4.44.1", + "@rollup/rollup-linux-riscv64-musl": "4.44.1", + "@rollup/rollup-linux-s390x-gnu": "4.44.1", + "@rollup/rollup-linux-x64-gnu": "4.44.1", + "@rollup/rollup-linux-x64-musl": "4.44.1", + "@rollup/rollup-win32-arm64-msvc": "4.44.1", + "@rollup/rollup-win32-ia32-msvc": "4.44.1", + "@rollup/rollup-win32-x64-msvc": "4.44.1", + "fsevents": "~2.3.2" + } + }, + "node_modules/rollup-plugin-dts": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/rollup-plugin-dts/-/rollup-plugin-dts-6.2.1.tgz", + "integrity": "sha512-sR3CxYUl7i2CHa0O7bA45mCrgADyAQ0tVtGSqi3yvH28M+eg1+g5d7kQ9hLvEz5dorK3XVsH5L2jwHLQf72DzA==", + "dev": true, + "license": "LGPL-3.0-only", + "dependencies": { + "magic-string": "^0.30.17" + }, + "engines": { + "node": ">=16" + }, + "funding": { + "url": "https://github.com/sponsors/Swatinem" + }, + "optionalDependencies": { + "@babel/code-frame": "^7.26.2" + }, + "peerDependencies": { + "rollup": "^3.29.4 || ^4", + "typescript": "^4.5 || ^5.0" + } + }, "node_modules/router": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/router/-/router-2.2.0.tgz", "integrity": "sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==", - "dev": true, "license": "MIT", "dependencies": { "debug": "^4.4.0", @@ -5684,7 +8508,6 @@ "version": "5.2.1", "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", - "dev": true, "funding": [ { "type": "github", @@ -5723,9 +8546,37 @@ "version": "2.1.2", "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==", - "dev": true, "license": "MIT" }, + "node_modules/sass": { + "version": "1.89.2", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.89.2.tgz", + "integrity": "sha512-xCmtksBKd/jdJ9Bt9p7nPKiuqrlBMBuuGkQlkhZjjQk3Ty48lv93k5Dq6OPkKt4XwxDJ7tvlfrTa1MPA9bf+QA==", + "dev": true, + "license": "MIT", + "dependencies": { + "chokidar": "^4.0.0", + "immutable": "^5.0.2", + "source-map-js": ">=0.6.2 <2.0.0" + }, + "bin": { + "sass": "sass.js" + }, + "engines": { + "node": ">=14.0.0" + }, + "optionalDependencies": { + "@parcel/watcher": "^2.4.1" + } + }, + "node_modules/sax": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/sax/-/sax-1.4.1.tgz", + "integrity": "sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==", + "dev": true, + "license": "ISC", + "optional": true + }, "node_modules/semver": { "version": "7.7.2", "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.2.tgz", @@ -5743,7 +8594,6 @@ "version": "1.2.0", "resolved": "https://registry.npmjs.org/send/-/send-1.2.0.tgz", "integrity": "sha512-uaW0WwXKpL9blXE2o0bRhoL2EGXIrZxQ2ZQ4mgcfoBxdFmQold+qWsD2jLrfZ0trjKL6vOw0j//eAwcALFjKSw==", - "dev": true, "license": "MIT", "dependencies": { "debug": "^4.3.5", @@ -5766,7 +8616,6 @@ "version": "2.2.0", "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-2.2.0.tgz", "integrity": "sha512-61g9pCh0Vnh7IutZjtLGGpTA355+OPn2TyDv/6ivP2h/AdAVX9azsoxmg2/M6nZeQZNYBEwIcsne1mJd9oQItQ==", - "dev": true, "license": "MIT", "dependencies": { "encodeurl": "^2.0.0", @@ -5782,7 +8631,6 @@ "version": "1.2.0", "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==", - "dev": true, "license": "ISC" }, "node_modules/shebang-command": { @@ -5812,7 +8660,6 @@ "version": "1.1.0", "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz", "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==", - "dev": true, "license": "MIT", "dependencies": { "es-errors": "^1.3.0", @@ -5832,7 +8679,6 @@ "version": "1.0.0", "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz", "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==", - "dev": true, "license": "MIT", "dependencies": { "es-errors": "^1.3.0", @@ -5849,7 +8695,6 @@ "version": "1.0.1", "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz", "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==", - "dev": true, "license": "MIT", "dependencies": { "call-bound": "^1.0.2", @@ -5868,7 +8713,6 @@ "version": "1.0.2", "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz", "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==", - "dev": true, "license": "MIT", "dependencies": { "call-bound": "^1.0.2", @@ -6128,6 +8972,37 @@ "node": ">= 8" } }, + "node_modules/source-map-js": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", + "dev": true, + "license": "BSD-3-Clause", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/source-map-support": { + "version": "0.5.21", + "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz", + "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==", + "dev": true, + "license": "MIT", + "dependencies": { + "buffer-from": "^1.0.0", + "source-map": "^0.6.0" + } + }, + "node_modules/source-map-support/node_modules/source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true, + "license": "BSD-3-Clause", + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/spdx-correct": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz", @@ -6188,7 +9063,6 @@ "version": "2.0.2", "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz", "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.8" @@ -6507,7 +9381,6 @@ "version": "1.0.1", "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz", "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==", - "dev": true, "license": "MIT", "engines": { "node": ">=0.6" @@ -6551,7 +9424,6 @@ "version": "2.0.1", "resolved": "https://registry.npmjs.org/type-is/-/type-is-2.0.1.tgz", "integrity": "sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==", - "dev": true, "license": "MIT", "dependencies": { "content-type": "^1.0.5", @@ -6604,9 +9476,9 @@ } }, "node_modules/undici-types": { - "version": "7.10.0", - "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.10.0.tgz", - "integrity": "sha512-t5Fy/nfn+14LuOc2KNYg75vZqClpAiqscVvMygNnlsHBFpSXdJaYtXMcdNLpl/Qvc3P2cB3s6lOV51nqsFq4ag==", + "version": "6.21.0", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz", + "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==", "dev": true, "license": "MIT" }, @@ -6650,7 +9522,6 @@ "version": "1.0.0", "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz", "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.8" @@ -6742,12 +9613,99 @@ "version": "1.1.2", "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==", - "dev": true, "license": "MIT", "engines": { "node": ">= 0.8" } }, + "node_modules/vite": { + "version": "7.0.6", + "resolved": "https://registry.npmjs.org/vite/-/vite-7.0.6.tgz", + "integrity": "sha512-MHFiOENNBd+Bd9uvc8GEsIzdkn1JxMmEeYX35tI3fv0sJBUTfW5tQsoaOwuY4KhBI09A3dUJ/DXf2yxPVPUceg==", + "dev": true, + "license": "MIT", + "dependencies": { + "esbuild": "^0.25.0", + "fdir": "^6.4.6", + "picomatch": "^4.0.3", + "postcss": "^8.5.6", + "rollup": "^4.40.0", + "tinyglobby": "^0.2.14" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.3" + }, + "peerDependencies": { + "@types/node": "^20.19.0 || >=22.12.0", + "jiti": ">=1.21.0", + "less": "^4.0.0", + "lightningcss": "^1.21.0", + "sass": "^1.70.0", + "sass-embedded": "^1.70.0", + "stylus": ">=0.54.8", + "sugarss": "^5.0.0", + "terser": "^5.16.0", + "tsx": "^4.8.1", + "yaml": "^2.4.2" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "jiti": { + "optional": true + }, + "less": { + "optional": true + }, + "lightningcss": { + "optional": true + }, + "sass": { + "optional": true + }, + "sass-embedded": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + }, + "tsx": { + "optional": true + }, + "yaml": { + "optional": true + } + } + }, + "node_modules/vite/node_modules/picomatch": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz", + "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, "node_modules/void-elements": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-2.0.1.tgz", @@ -6758,6 +9716,28 @@ "node": ">=0.10.0" } }, + "node_modules/watchpack": { + "version": "2.4.4", + "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.4.tgz", + "integrity": "sha512-c5EGNOiyxxV5qmTtAB7rbiXxi1ooX1pQKMLX/MIabJjRA0SJBQOjKF+KSVfHkr9U1cADPon0mRiVe/riyaiDUA==", + "dev": true, + "license": "MIT", + "dependencies": { + "glob-to-regexp": "^0.4.1", + "graceful-fs": "^4.1.2" + }, + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/weak-lru-cache": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/weak-lru-cache/-/weak-lru-cache-1.2.2.tgz", + "integrity": "sha512-DEAoo25RfSYMuTGc9vPJzZcZullwIqRDSI9LOy+fkCJPi6hykCnfKaXTuPBDuXAUcqHXyOgFtHNp/kB2FjYHbw==", + "dev": true, + "license": "MIT", + "optional": true + }, "node_modules/which": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", @@ -6954,7 +9934,6 @@ "version": "1.0.2", "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", - "dev": true, "license": "ISC" }, "node_modules/ws": { @@ -6979,6 +9958,15 @@ } } }, + "node_modules/xhr2": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/xhr2/-/xhr2-0.2.1.tgz", + "integrity": "sha512-sID0rrVCqkVNUn8t6xuv9+6FViXjUVXq8H5rWOH2rz9fDNQEd4g0EA2XlcEdJXRz5BMEn4O1pJFdT+z4YHhoWw==", + "license": "MIT", + "engines": { + "node": ">= 6" + } + }, "node_modules/y18n": { "version": "5.0.8", "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz", diff --git a/package.json b/package.json index 3d8afdb..be6c582 100644 --- a/package.json +++ b/package.json @@ -6,7 +6,8 @@ "start": "ng serve", "build": "ng build", "watch": "ng build --watch --configuration development", - "test": "ng test" + "test": "ng test", + "serve:ssr:qd-design-demo": "node dist/qd-design-demo/server/server.mjs" }, "prettier": { "overrides": [ @@ -25,20 +26,28 @@ "@angular/core": "^20.1.0", "@angular/forms": "^20.1.0", "@angular/platform-browser": "^20.1.0", + "@angular/platform-server": "^20.1.0", "@angular/router": "^20.1.0", + "@angular/ssr": "^20.1.5", + "express": "^5.1.0", + "@ng-icons/core": "^25.0.1", "rxjs": "~7.8.0", "tslib": "^2.3.0" }, "devDependencies": { + "@angular/build": "^20.1.5", "@angular/cli": "^20.1.5", "@angular/compiler-cli": "^20.1.0", + "@types/express": "^5.0.1", "@types/jasmine": "~5.1.0", + "@types/node": "^20.17.19", "jasmine-core": "~5.8.0", "karma": "~6.4.0", "karma-chrome-launcher": "~3.2.0", "karma-coverage": "~2.2.0", "karma-jasmine": "~5.1.0", "karma-jasmine-html-reporter": "~2.1.0", + "ng-packagr": "^20.1.0", "typescript": "~5.8.2" } } diff --git a/projects/qd-design-demo/public/favicon.ico b/projects/qd-design-demo/public/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..57614f9c967596fad0a3989bec2b1deff33034f6 GIT binary patch literal 15086 zcmd^G33O9Omi+`8$@{|M-I6TH3wzF-p5CV8o}7f~KxR60LK+ApEFB<$bcciv%@SmA zV{n>g85YMFFeU*Uvl=i4v)C*qgnb;$GQ=3XTe9{Y%c`mO%su)noNCCQ*@t1WXn|B(hQ7i~ zrUK8|pUkD6#lNo!bt$6)jR!&C?`P5G(`e((P($RaLeq+o0Vd~f11;qB05kdbAOm?r zXv~GYr_sibQO9NGTCdT;+G(!{4Xs@4fPak8#L8PjgJwcs-Mm#nR_Z0s&u?nDX5^~@ z+A6?}g0|=4e_LoE69pPFO`yCD@BCjgKpzMH0O4Xs{Ahc?K3HC5;l=f zg>}alhBXX&);z$E-wai+9TTRtBX-bWYY@cl$@YN#gMd~tM_5lj6W%8ah4;uZ;jP@Q zVbuel1rPA?2@x9Y+u?e`l{Z4ngfG5q5BLH5QsEu4GVpt{KIp1?U)=3+KQ;%7ec8l* zdV=zZgN5>O3G(3L2fqj3;oBbZZw$Ij@`Juz@?+yy#OPw)>#wsTewVgTK9BGt5AbZ&?K&B3GVF&yu?@(Xj3fR3n+ZP0%+wo)D9_xp>Z$`A4 zfV>}NWjO#3lqumR0`gvnffd9Ka}JJMuHS&|55-*mCD#8e^anA<+sFZVaJe7{=p*oX zE_Uv?1>e~ga=seYzh{9P+n5<+7&9}&(kwqSaz;1aD|YM3HBiy<))4~QJSIryyqp| z8nGc(8>3(_nEI4n)n7j(&d4idW1tVLjZ7QbNLXg;LB ziHsS5pXHEjGJZb59KcvS~wv;uZR-+4qEqow`;JCfB*+b^UL^3!?;-^F%yt=VjU|v z39SSqKcRu_NVvz!zJzL0CceJaS6%!(eMshPv_0U5G`~!a#I$qI5Ic(>IONej@aH=f z)($TAT#1I{iCS4f{D2+ApS=$3E7}5=+y(rA9mM#;Cky%b*Gi0KfFA`ofKTzu`AV-9 znW|y@19rrZ*!N2AvDi<_ZeR3O2R{#dh1#3-d%$k${Rx42h+i&GZo5!C^dSL34*AKp z27mTd>k>?V&X;Nl%GZ(>0s`1UN~Hfyj>KPjtnc|)xM@{H_B9rNr~LuH`Gr5_am&Ep zTjZA8hljNj5H1Ipm-uD9rC}U{-vR!eay5&6x6FkfupdpT*84MVwGpdd(}ib)zZ3Ky z7C$pnjc82(W_y_F{PhYj?o!@3__UUvpX)v69aBSzYj3 zdi}YQkKs^SyXyFG2LTRz9{(w}y~!`{EuAaUr6G1M{*%c+kP1olW9z23dSH!G4_HSK zzae-DF$OGR{ofP*!$a(r^5Go>I3SObVI6FLY)N@o<*gl0&kLo-OT{Tl*7nCz>Iq=? zcigIDHtj|H;6sR?or8Wd_a4996GI*CXGU}o;D9`^FM!AT1pBY~?|4h^61BY#_yIfO zKO?E0 zJ{Pc`9rVEI&$xxXu`<5E)&+m(7zX^v0rqofLs&bnQT(1baQkAr^kEsk)15vlzAZ-l z@OO9RF<+IiJ*O@HE256gCt!bF=NM*vh|WVWmjVawcNoksRTMvR03H{p@cjwKh(CL4 z7_PB(dM=kO)!s4fW!1p0f93YN@?ZSG` z$B!JaAJCtW$B97}HNO9(x-t30&E}Mo1UPi@Av%uHj~?T|!4JLwV;KCx8xO#b9IlUW zI6+{a@Wj|<2Y=U;a@vXbxqZNngH8^}LleE_4*0&O7#3iGxfJ%Id>+sb;7{L=aIic8 z|EW|{{S)J-wr@;3PmlxRXU8!e2gm_%s|ReH!reFcY8%$Hl4M5>;6^UDUUae?kOy#h zk~6Ee_@ZAn48Bab__^bNmQ~+k=02jz)e0d9Z3>G?RGG!65?d1>9}7iG17?P*=GUV-#SbLRw)Hu{zx*azHxWkGNTWl@HeWjA?39Ia|sCi{e;!^`1Oec zb>Z|b65OM*;eC=ZLSy?_fg$&^2xI>qSLA2G*$nA3GEnp3$N-)46`|36m*sc#4%C|h zBN<2U;7k>&G_wL4=Ve5z`ubVD&*Hxi)r@{4RCDw7U_D`lbC(9&pG5C*z#W>8>HU)h z!h3g?2UL&sS!oY5$3?VlA0Me9W5e~V;2jds*fz^updz#AJ%G8w2V}AEE?E^=MK%Xt z__Bx1cr7+DQmuHmzn*|hh%~eEc9@m05@clWfpEFcr+06%0&dZJH&@8^&@*$qR@}o3 z@Tuuh2FsLz^zH+dN&T&?0G3I?MpmYJ;GP$J!EzjeM#YLJ!W$}MVNb0^HfOA>5Fe~UNn%Zk(PT@~9}1dt)1UQ zU*B5K?Dl#G74qmg|2>^>0WtLX#Jz{lO4NT`NYB*(L#D|5IpXr9v&7a@YsGp3vLR7L zHYGHZg7{ie6n~2p$6Yz>=^cEg7tEgk-1YRl%-s7^cbqFb(U7&Dp78+&ut5!Tn(hER z|Gp4Ed@CnOPeAe|N>U(dB;SZ?NU^AzoD^UAH_vamp6Ws}{|mSq`^+VP1g~2B{%N-!mWz<`)G)>V-<`9`L4?3dM%Qh6<@kba+m`JS{Ya@9Fq*m6$$ zA1%Ogc~VRH33|S9l%CNb4zM%k^EIpqY}@h{w(aBcJ9c05oiZx#SK9t->5lSI`=&l~ z+-Ic)a{FbBhXV$Xt!WRd`R#Jk-$+_Z52rS>?Vpt2IK<84|E-SBEoIw>cs=a{BlQ7O z-?{Fy_M&84&9|KM5wt~)*!~i~E=(6m8(uCO)I=)M?)&sRbzH$9Rovzd?ZEY}GqX+~ zFbEbLz`BZ49=2Yh-|<`waK-_4!7`ro@zlC|r&I4fc4oyb+m=|c8)8%tZ-z5FwhzDt zL5kB@u53`d@%nHl0Sp)Dw`(QU&>vujEn?GPEXUW!Wi<+4e%BORl&BIH+SwRcbS}X@ z01Pk|vA%OdJKAs17zSXtO55k!;%m9>1eW9LnyAX4uj7@${O6cfii`49qTNItzny5J zH&Gj`e}o}?xjQ}r?LrI%FjUd@xflT3|7LA|ka%Q3i}a8gVm<`HIWoJGH=$EGClX^C0lysQJ>UO(q&;`T#8txuoQ_{l^kEV9CAdXuU1Ghg8 zN_6hHFuy&1x24q5-(Z7;!poYdt*`UTdrQOIQ!2O7_+AHV2hgXaEz7)>$LEdG z<8vE^Tw$|YwZHZDPM!SNOAWG$?J)MdmEk{U!!$M#fp7*Wo}jJ$Q(=8>R`Ats?e|VU?Zt7Cdh%AdnfyN3MBWw{ z$OnREvPf7%z6`#2##_7id|H%Y{vV^vWXb?5d5?a_y&t3@p9t$ncHj-NBdo&X{wrfJ zamN)VMYROYh_SvjJ=Xd!Ga?PY_$;*L=SxFte!4O6%0HEh%iZ4=gvns7IWIyJHa|hT z2;1+e)`TvbNb3-0z&DD_)Jomsg-7p_Uh`wjGnU1urmv1_oVqRg#=C?e?!7DgtqojU zWoAB($&53;TsXu^@2;8M`#z{=rPy?JqgYM0CDf4v@z=ZD|ItJ&8%_7A#K?S{wjxgd z?xA6JdJojrWpB7fr2p_MSsU4(R7=XGS0+Eg#xR=j>`H@R9{XjwBmqAiOxOL` zt?XK-iTEOWV}f>Pz3H-s*>W z4~8C&Xq25UQ^xH6H9kY_RM1$ch+%YLF72AA7^b{~VNTG}Tj#qZltz5Q=qxR`&oIlW Nr__JTFzvMr^FKp4S3v*( literal 0 HcmV?d00001 diff --git a/projects/qd-design-demo/src/app/app.config.server.ts b/projects/qd-design-demo/src/app/app.config.server.ts new file mode 100644 index 0000000..41031f1 --- /dev/null +++ b/projects/qd-design-demo/src/app/app.config.server.ts @@ -0,0 +1,12 @@ +import { mergeApplicationConfig, ApplicationConfig } from '@angular/core'; +import { provideServerRendering, withRoutes } from '@angular/ssr'; +import { appConfig } from './app.config'; +import { serverRoutes } from './app.routes.server'; + +const serverConfig: ApplicationConfig = { + providers: [ + provideServerRendering(withRoutes(serverRoutes)) + ] +}; + +export const config = mergeApplicationConfig(appConfig, serverConfig); diff --git a/projects/qd-design-demo/src/app/app.config.ts b/projects/qd-design-demo/src/app/app.config.ts new file mode 100644 index 0000000..d0e797f --- /dev/null +++ b/projects/qd-design-demo/src/app/app.config.ts @@ -0,0 +1,13 @@ +import { ApplicationConfig, provideBrowserGlobalErrorListeners, provideZonelessChangeDetection } from '@angular/core'; +import { provideRouter } from '@angular/router'; + +import { routes } from './app.routes'; +import { provideClientHydration, withEventReplay } from '@angular/platform-browser'; + +export const appConfig: ApplicationConfig = { + providers: [ + provideBrowserGlobalErrorListeners(), + provideZonelessChangeDetection(), + provideRouter(routes), provideClientHydration(withEventReplay()) + ] +}; diff --git a/projects/qd-design-demo/src/app/app.css b/projects/qd-design-demo/src/app/app.css new file mode 100644 index 0000000..2a9f4f0 --- /dev/null +++ b/projects/qd-design-demo/src/app/app.css @@ -0,0 +1,497 @@ +/* You can add global styles to this file, and also import other styles files */ +@import url("https://fonts.googleapis.com/icon?family=Material+Icons"); +:root { + /* body - large */ + --md-sys-typescale-body-large-font-family-name: Roboto; + --md-sys-typescale-body-large-font-family-style: Regular; + --md-sys-typescale-body-large-font-size: 18px; + --md-sys-typescale-body-large-font-weight: 400px; + --md-sys-typescale-body-large-letter-spacing: 0.50px; + --md-sys-typescale-body-large-line-height: 22px; + /* body - medium */ + --md-sys-typescale-body-medium-font-family-name: Roboto; + --md-sys-typescale-body-medium-font-family-style: Regular; + --md-sys-typescale-body-medium-font-size: 16px; + --md-sys-typescale-body-medium-font-weight: 400px; + --md-sys-typescale-body-medium-letter-spacing: 0.25px; + --md-sys-typescale-body-medium-line-height: 20px; + /* body - small */ + --md-sys-typescale-body-small-font-family-name: Roboto; + --md-sys-typescale-body-small-font-family-style: Regular; + --md-sys-typescale-body-small-font-size: 14px; + --md-sys-typescale-body-small-font-weight: 400px; + --md-sys-typescale-body-small-letter-spacing: 0.40px; + --md-sys-typescale-body-small-line-height: 18px; + /* display - large */ + --md-sys-typescale-display-large-font-family-name: Roboto; + --md-sys-typescale-display-large-font-family-style: Regular; + --md-sys-typescale-display-large-font-size: 51px; + --md-sys-typescale-display-large-font-weight: 400px; + --md-sys-typescale-display-large-letter-spacing: -0.25px; + --md-sys-typescale-display-large-line-height: 61px; + /* display - medium */ + --md-sys-typescale-display-medium-font-family-name: Roboto; + --md-sys-typescale-display-medium-font-family-style: Regular; + --md-sys-typescale-display-medium-font-size: 42px; + --md-sys-typescale-display-medium-font-weight: 400px; + --md-sys-typescale-display-medium-letter-spacing: 0px; + --md-sys-typescale-display-medium-line-height: 52px; + /* display - small */ + --md-sys-typescale-display-small-font-family-name: Roboto; + --md-sys-typescale-display-small-font-family-style: Regular; + --md-sys-typescale-display-small-font-size: 40px; + --md-sys-typescale-display-small-font-weight: 400px; + --md-sys-typescale-display-small-letter-spacing: 0px; + --md-sys-typescale-display-small-line-height: 50px; + /* headline - large */ + --md-sys-typescale-headline-large-font-family-name: Roboto; + --md-sys-typescale-headline-large-font-family-style: Regular; + --md-sys-typescale-headline-large-font-size: 36px; + --md-sys-typescale-headline-large-font-weight: 400px; + --md-sys-typescale-headline-large-letter-spacing: 0px; + --md-sys-typescale-headline-large-line-height: 44px; + /* headline - medium */ + --md-sys-typescale-headline-medium-font-family-name: Roboto; + --md-sys-typescale-headline-medium-font-family-style: Regular; + --md-sys-typescale-headline-medium-font-size: 32px; + --md-sys-typescale-headline-medium-font-weight: 400px; + --md-sys-typescale-headline-medium-letter-spacing: 0px; + --md-sys-typescale-headline-medium-line-height: 36px; + /* headline - small */ + --md-sys-typescale-headline-small-font-family-name: Roboto; + --md-sys-typescale-headline-small-font-family-style: Regular; + --md-sys-typescale-headline-small-font-size: 28px; + --md-sys-typescale-headline-small-font-weight: 400px; + --md-sys-typescale-headline-small-letter-spacing: 0px; + --md-sys-typescale-headline-small-line-height: 36px; + /* label - large */ + --md-sys-typescale-label-large-font-family-name: Roboto; + --md-sys-typescale-label-large-font-family-style: Regular; + --md-sys-typescale-label-large-font-size: 12px; + --md-sys-typescale-label-large-font-weight: 500px; + --md-sys-typescale-label-large-letter-spacing: 0.10px; + --md-sys-typescale-label-large-line-height: 14px; + /* label - medium */ + --md-sys-typescale-label-medium-font-family-name: Roboto; + --md-sys-typescale-label-medium-font-family-style: Regular; + --md-sys-typescale-label-medium-font-size: 11px; + --md-sys-typescale-label-medium-font-weight: 500px; + --md-sys-typescale-label-medium-letter-spacing: 0.50px; + --md-sys-typescale-label-medium-line-height: 15px; + /* label - small */ + --md-sys-typescale-label-small-font-family-name: Roboto; + --md-sys-typescale-label-small-font-family-style: Regular; + --md-sys-typescale-label-small-font-size: 10px; + --md-sys-typescale-label-small-font-weight: 500px; + --md-sys-typescale-label-small-letter-spacing: 0.50px; + --md-sys-typescale-label-small-line-height: 14px; + /* title - large */ + --md-sys-typescale-title-large-font-family-name: Roboto; + --md-sys-typescale-title-large-font-family-style: Regular; + --md-sys-typescale-title-large-font-size: 25px; + --md-sys-typescale-title-large-font-weight: 400px; + --md-sys-typescale-title-large-letter-spacing: 0px; + --md-sys-typescale-title-large-line-height: 31px; + /* title - medium */ + --md-sys-typescale-title-medium-font-family-name: Roboto; + --md-sys-typescale-title-medium-font-family-style: Regular; + --md-sys-typescale-title-medium-font-size: 22px; + --md-sys-typescale-title-medium-font-weight: 500px; + --md-sys-typescale-title-medium-letter-spacing: 0.15px; + --md-sys-typescale-title-medium-line-height: 28px; + /* title - small */ + --md-sys-typescale-title-small-font-family-name: Roboto; + --md-sys-typescale-title-small-font-family-style: Regular; + --md-sys-typescale-title-small-font-size: 20px; + --md-sys-typescale-title-small-font-weight: 500px; + --md-sys-typescale-title-small-letter-spacing: 0.10px; + --md-sys-typescale-title-small-line-height: 16px; +} + +.display-large { + font-family: var(--md-sys-typescale-display-large-font-family-name); + font-size: var(--md-sys-typescale-display-large-font-size); + font-style: var(--md-sys-typescale-display-large-font-family-style); + font-weight: var(--md-sys-typescale-display-large-font-weight); + letter-spacing: var(--md-sys-typescale-display-large-tracking); + line-height: var(--md-sys-typescale-display-large-line-height); + text-decoration: var(--md-sys-typescale-display-large-text-decoration); + text-transform: var(--md-sys-typescale-display-large-text-transform); +} + +.display-medium { + font-family: var(--md-sys-typescale-display-medium-font-family-name); + font-size: var(--md-sys-typescale-display-medium-font-size); + font-style: var(--md-sys-typescale-display-medium-font-family-style); + font-weight: var(--md-sys-typescale-display-medium-font-weight); + letter-spacing: var(--md-sys-typescale-display-medium-tracking); + line-height: var(--md-sys-typescale-display-medium-line-height); + text-decoration: var(--md-sys-typescale-display-medium-text-decoration); + text-transform: var(--md-sys-typescale-display-medium-text-transform); +} + +.display-small { + font-family: var(--md-sys-typescale-display-small-font-family-name); + font-size: var(--md-sys-typescale-display-small-font-size); + font-style: var(--md-sys-typescale-display-small-font-family-style); + font-weight: var(--md-sys-typescale-display-small-font-weight); + letter-spacing: var(--md-sys-typescale-display-small-tracking); + line-height: var(--md-sys-typescale-display-small-line-height); + text-decoration: var(--md-sys-typescale-display-small-text-decoration); + text-transform: var(--md-sys-typescale-display-small-text-transform); +} + +.headline-large { + font-family: var(--md-sys-typescale-headline-large-font-family-name); + font-size: var(--md-sys-typescale-headline-large-font-size); + font-style: var(--md-sys-typescale-headline-large-font-family-style); + font-weight: var(--md-sys-typescale-headline-large-font-weight); + letter-spacing: var(--md-sys-typescale-headline-large-tracking); + line-height: var(--md-sys-typescale-headline-large-line-height); + text-decoration: var(--md-sys-typescale-headline-large-text-decoration); + text-transform: var(--md-sys-typescale-headline-large-text-transform); +} + +.headline-medium { + font-family: var(--md-sys-typescale-headline-medium-font-family-name); + font-size: var(--md-sys-typescale-headline-medium-font-size); + font-style: var(--md-sys-typescale-headline-medium-font-family-style); + font-weight: var(--md-sys-typescale-headline-medium-font-weight); + letter-spacing: var(--md-sys-typescale-headline-medium-tracking); + line-height: var(--md-sys-typescale-headline-medium-line-height); + text-decoration: var(--md-sys-typescale-headline-medium-text-decoration); + text-transform: var(--md-sys-typescale-headline-medium-text-transform); +} + +.headline-small { + font-family: var(--md-sys-typescale-headline-small-font-family-name); + font-size: var(--md-sys-typescale-headline-small-font-size); + font-style: var(--md-sys-typescale-headline-small-font-family-style); + font-weight: var(--md-sys-typescale-headline-small-font-weight); + letter-spacing: var(--md-sys-typescale-headline-small-tracking); + line-height: var(--md-sys-typescale-headline-small-line-height); + text-decoration: var(--md-sys-typescale-headline-small-text-decoration); + text-transform: var(--md-sys-typescale-headline-small-text-transform); +} + +.body-large { + font-family: var(--md-sys-typescale-body-large-font-family-name); + font-size: var(--md-sys-typescale-body-large-font-size); + font-style: var(--md-sys-typescale-body-large-font-family-style); + font-weight: var(--md-sys-typescale-body-large-font-weight); + letter-spacing: var(--md-sys-typescale-body-large-tracking); + line-height: var(--md-sys-typescale-body-large-line-height); + text-decoration: var(--md-sys-typescale-body-large-text-decoration); + text-transform: var(--md-sys-typescale-body-large-text-transform); +} + +.body-medium { + font-family: var(--md-sys-typescale-body-medium-font-family-name); + font-size: var(--md-sys-typescale-body-medium-font-size); + font-style: var(--md-sys-typescale-body-medium-font-family-style); + font-weight: var(--md-sys-typescale-body-medium-font-weight); + letter-spacing: var(--md-sys-typescale-body-medium-tracking); + line-height: var(--md-sys-typescale-body-medium-line-height); + text-decoration: var(--md-sys-typescale-body-medium-text-decoration); + text-transform: var(--md-sys-typescale-body-medium-text-transform); +} + +.body-small { + font-family: var(--md-sys-typescale-body-small-font-family-name); + font-size: var(--md-sys-typescale-body-small-font-size); + font-style: var(--md-sys-typescale-body-small-font-family-style); + font-weight: var(--md-sys-typescale-body-small-font-weight); + letter-spacing: var(--md-sys-typescale-body-small-tracking); + line-height: var(--md-sys-typescale-body-small-line-height); + text-decoration: var(--md-sys-typescale-body-small-text-decoration); + text-transform: var(--md-sys-typescale-body-small-text-transform); +} + +.label-large { + font-family: var(--md-sys-typescale-label-large-font-family-name); + font-size: var(--md-sys-typescale-label-large-font-size); + font-style: var(--md-sys-typescale-label-large-font-family-style); + font-weight: var(--md-sys-typescale-label-large-font-weight); + letter-spacing: var(--md-sys-typescale-label-large-tracking); + line-height: var(--md-sys-typescale-label-large-line-height); + text-decoration: var(--md-sys-typescale-label-large-text-decoration); + text-transform: var(--md-sys-typescale-label-large-text-transform); +} + +.label-medium { + font-family: var(--md-sys-typescale-label-medium-font-family-name); + font-size: var(--md-sys-typescale-label-medium-font-size); + font-style: var(--md-sys-typescale-label-medium-font-family-style); + font-weight: var(--md-sys-typescale-label-medium-font-weight); + letter-spacing: var(--md-sys-typescale-label-medium-tracking); + line-height: var(--md-sys-typescale-label-medium-line-height); + text-decoration: var(--md-sys-typescale-label-medium-text-decoration); + text-transform: var(--md-sys-typescale-label-medium-text-transform); +} + +.label-small { + font-family: var(--md-sys-typescale-label-small-font-family-name); + font-size: var(--md-sys-typescale-label-small-font-size); + font-style: var(--md-sys-typescale-label-small-font-family-style); + font-weight: var(--md-sys-typescale-label-small-font-weight); + letter-spacing: var(--md-sys-typescale-label-small-tracking); + line-height: var(--md-sys-typescale-label-small-line-height); + text-decoration: var(--md-sys-typescale-label-small-text-decoration); + text-transform: var(--md-sys-typescale-label-small-text-transform); +} + +.title-large { + font-family: var(--md-sys-typescale-title-large-font-family-name); + font-size: var(--md-sys-typescale-title-large-font-size); + font-style: var(--md-sys-typescale-title-large-font-family-style); + font-weight: var(--md-sys-typescale-title-large-font-weight); + letter-spacing: var(--md-sys-typescale-title-large-tracking); + line-height: var(--md-sys-typescale-title-large-line-height); + text-decoration: var(--md-sys-typescale-title-large-text-decoration); + text-transform: var(--md-sys-typescale-title-large-text-transform); +} + +.title-medium { + font-family: var(--md-sys-typescale-title-medium-font-family-name); + font-size: var(--md-sys-typescale-title-medium-font-size); + font-style: var(--md-sys-typescale-title-medium-font-family-style); + font-weight: var(--md-sys-typescale-title-medium-font-weight); + letter-spacing: var(--md-sys-typescale-title-medium-tracking); + line-height: var(--md-sys-typescale-title-medium-line-height); + text-decoration: var(--md-sys-typescale-title-medium-text-decoration); + text-transform: var(--md-sys-typescale-title-medium-text-transform); +} + +.title-small { + font-family: var(--md-sys-typescale-title-small-font-family-name); + font-size: var(--md-sys-typescale-title-small-font-size); + font-style: var(--md-sys-typescale-title-small-font-family-style); + font-weight: var(--md-sys-typescale-title-small-font-weight); + letter-spacing: var(--md-sys-typescale-title-small-tracking); + line-height: var(--md-sys-typescale-title-small-line-height); + text-decoration: var(--md-sys-typescale-title-small-text-decoration); + text-transform: var(--md-sys-typescale-title-small-text-transform); +} + +.scrollable-y { + max-height: 100%; + overflow-x: hidden; + overflow-y: auto; +} + +.height-100 { + height: 100%; + max-height: 100%; + min-height: 100%; +} + +.height-100-vh { + height: 100vh; + max-height: 100vh; + min-height: 100vh; +} + +.width-100 { + max-width: 100%; + min-width: 100%; + width: 100%; +} + +.width-100-vw { + max-width: 100vw; + min-width: 100vw; + width: 100vw; +} + +body { + --md-sys-color-primary: rgb(73 93 146); + --md-sys-color-surface-tint: rgb(73 93 146); + --md-sys-color-on-primary: rgb(255 255 255); + --md-sys-color-primary-container: rgb(218 225 255); + --md-sys-color-on-primary-container: rgb(49 69 120); + --md-sys-color-secondary: rgb(88 94 113); + --md-sys-color-on-secondary: rgb(255 255 255); + --md-sys-color-secondary-container: rgb(221 226 249); + --md-sys-color-on-secondary-container: rgb(65 70 89); + --md-sys-color-tertiary: rgb(115 84 113); + --md-sys-color-on-tertiary: rgb(255 255 255); + --md-sys-color-tertiary-container: rgb(255 214 249); + --md-sys-color-on-tertiary-container: rgb(90 61 88); + --md-sys-color-error: rgb(186 26 26); + --md-sys-color-on-error: rgb(255 255 255); + --md-sys-color-error-container: rgb(255 218 214); + --md-sys-color-on-error-container: rgb(147 0 10); + --md-sys-color-background: rgb(250 248 255); + --md-sys-color-on-background: rgb(26 27 33); + --md-sys-color-surface: rgb(250 248 255); + --md-sys-color-on-surface: rgb(26 27 33); + --md-sys-color-surface-variant: rgb(225 226 236); + --md-sys-color-on-surface-variant: rgb(69 70 79); + --md-sys-color-outline: rgb(117 118 128); + --md-sys-color-outline-variant: rgb(197 198 208); + --md-sys-color-shadow: rgb(0 0 0); + --md-sys-color-scrim: rgb(0 0 0); + --md-sys-color-inverse-surface: rgb(47 48 54); + --md-sys-color-inverse-on-surface: rgb(241 240 247); + --md-sys-color-inverse-primary: rgb(179 197 255); + --md-sys-color-primary-fixed: rgb(218 225 255); + --md-sys-color-on-primary-fixed: rgb(0 24 73); + --md-sys-color-primary-fixed-dim: rgb(179 197 255); + --md-sys-color-on-primary-fixed-variant: rgb(49 69 120); + --md-sys-color-secondary-fixed: rgb(221 226 249); + --md-sys-color-on-secondary-fixed: rgb(21 27 44); + --md-sys-color-secondary-fixed-dim: rgb(193 198 221); + --md-sys-color-on-secondary-fixed-variant: rgb(65 70 89); + --md-sys-color-tertiary-fixed: rgb(255 214 249); + --md-sys-color-on-tertiary-fixed: rgb(43 18 43); + --md-sys-color-tertiary-fixed-dim: rgb(225 187 220); + --md-sys-color-on-tertiary-fixed-variant: rgb(90 61 88); + --md-sys-color-surface-dim: rgb(218 217 224); + --md-sys-color-surface-bright: rgb(250 248 255); + --md-sys-color-surface-container-lowest: rgb(255 255 255); + --md-sys-color-surface-container-low: rgb(244 243 250); + --md-sys-color-surface-container: rgb(238 237 244); + --md-sys-color-surface-container-high: rgb(232 231 239); + --md-sys-color-surface-container-highest: rgb(227 226 233); + transition: background-color 0.3s, color 0.3s; +} + +@media (prefers-color-scheme: dark) { + body:not(.light-theme) { + --md-sys-color-primary: rgb(179 197 255); + --md-sys-color-surface-tint: rgb(179 197 255); + --md-sys-color-on-primary: rgb(25 46 96); + --md-sys-color-primary-container: rgb(49 69 120); + --md-sys-color-on-primary-container: rgb(218 225 255); + --md-sys-color-secondary: rgb(193 198 221); + --md-sys-color-on-secondary: rgb(42 48 66); + --md-sys-color-secondary-container: rgb(65 70 89); + --md-sys-color-on-secondary-container: rgb(221 226 249); + --md-sys-color-tertiary: rgb(225 187 220); + --md-sys-color-on-tertiary: rgb(66 39 65); + --md-sys-color-tertiary-container: rgb(90 61 88); + --md-sys-color-on-tertiary-container: rgb(255 214 249); + --md-sys-color-error: rgb(255 180 171); + --md-sys-color-on-error: rgb(105 0 5); + --md-sys-color-error-container: rgb(147 0 10); + --md-sys-color-on-error-container: rgb(255 218 214); + --md-sys-color-background: rgb(18 19 24); + --md-sys-color-on-background: rgb(227 226 233); + --md-sys-color-surface: rgb(18 19 24); + --md-sys-color-on-surface: rgb(227 226 233); + --md-sys-color-surface-variant: rgb(69 70 79); + --md-sys-color-on-surface-variant: rgb(197 198 208); + --md-sys-color-outline: rgb(143 144 154); + --md-sys-color-outline-variant: rgb(69 70 79); + --md-sys-color-shadow: rgb(0 0 0); + --md-sys-color-scrim: rgb(0 0 0); + --md-sys-color-inverse-surface: rgb(227 226 233); + --md-sys-color-inverse-on-surface: rgb(47 48 54); + --md-sys-color-inverse-primary: rgb(73 93 146); + --md-sys-color-primary-fixed: rgb(218 225 255); + --md-sys-color-on-primary-fixed: rgb(0 24 73); + --md-sys-color-primary-fixed-dim: rgb(179 197 255); + --md-sys-color-on-primary-fixed-variant: rgb(49 69 120); + --md-sys-color-secondary-fixed: rgb(221 226 249); + --md-sys-color-on-secondary-fixed: rgb(21 27 44); + --md-sys-color-secondary-fixed-dim: rgb(193 198 221); + --md-sys-color-on-secondary-fixed-variant: rgb(65 70 89); + --md-sys-color-tertiary-fixed: rgb(255 214 249); + --md-sys-color-on-tertiary-fixed: rgb(43 18 43); + --md-sys-color-tertiary-fixed-dim: rgb(225 187 220); + --md-sys-color-on-tertiary-fixed-variant: rgb(90 61 88); + --md-sys-color-surface-dim: rgb(18 19 24); + --md-sys-color-surface-bright: rgb(56 57 63); + --md-sys-color-surface-container-lowest: rgb(13 14 19); + --md-sys-color-surface-container-low: rgb(26 27 33); + --md-sys-color-surface-container: rgb(30 31 37); + --md-sys-color-surface-container-high: rgb(41 42 47); + --md-sys-color-surface-container-highest: rgb(51 52 58); + } +} +body.dark-theme { + --md-sys-color-primary: rgb(179 197 255); + --md-sys-color-surface-tint: rgb(179 197 255); + --md-sys-color-on-primary: rgb(25 46 96); + --md-sys-color-primary-container: rgb(49 69 120); + --md-sys-color-on-primary-container: rgb(218 225 255); + --md-sys-color-secondary: rgb(193 198 221); + --md-sys-color-on-secondary: rgb(42 48 66); + --md-sys-color-secondary-container: rgb(65 70 89); + --md-sys-color-on-secondary-container: rgb(221 226 249); + --md-sys-color-tertiary: rgb(225 187 220); + --md-sys-color-on-tertiary: rgb(66 39 65); + --md-sys-color-tertiary-container: rgb(90 61 88); + --md-sys-color-on-tertiary-container: rgb(255 214 249); + --md-sys-color-error: rgb(255 180 171); + --md-sys-color-on-error: rgb(105 0 5); + --md-sys-color-error-container: rgb(147 0 10); + --md-sys-color-on-error-container: rgb(255 218 214); + --md-sys-color-background: rgb(18 19 24); + --md-sys-color-on-background: rgb(227 226 233); + --md-sys-color-surface: rgb(18 19 24); + --md-sys-color-on-surface: rgb(227 226 233); + --md-sys-color-surface-variant: rgb(69 70 79); + --md-sys-color-on-surface-variant: rgb(197 198 208); + --md-sys-color-outline: rgb(143 144 154); + --md-sys-color-outline-variant: rgb(69 70 79); + --md-sys-color-shadow: rgb(0 0 0); + --md-sys-color-scrim: rgb(0 0 0); + --md-sys-color-inverse-surface: rgb(227 226 233); + --md-sys-color-inverse-on-surface: rgb(47 48 54); + --md-sys-color-inverse-primary: rgb(73 93 146); + --md-sys-color-primary-fixed: rgb(218 225 255); + --md-sys-color-on-primary-fixed: rgb(0 24 73); + --md-sys-color-primary-fixed-dim: rgb(179 197 255); + --md-sys-color-on-primary-fixed-variant: rgb(49 69 120); + --md-sys-color-secondary-fixed: rgb(221 226 249); + --md-sys-color-on-secondary-fixed: rgb(21 27 44); + --md-sys-color-secondary-fixed-dim: rgb(193 198 221); + --md-sys-color-on-secondary-fixed-variant: rgb(65 70 89); + --md-sys-color-tertiary-fixed: rgb(255 214 249); + --md-sys-color-on-tertiary-fixed: rgb(43 18 43); + --md-sys-color-tertiary-fixed-dim: rgb(225 187 220); + --md-sys-color-on-tertiary-fixed-variant: rgb(90 61 88); + --md-sys-color-surface-dim: rgb(18 19 24); + --md-sys-color-surface-bright: rgb(56 57 63); + --md-sys-color-surface-container-lowest: rgb(13 14 19); + --md-sys-color-surface-container-low: rgb(26 27 33); + --md-sys-color-surface-container: rgb(30 31 37); + --md-sys-color-surface-container-high: rgb(41 42 47); + --md-sys-color-surface-container-highest: rgb(51 52 58); +} + +body { + background-color: var(--md-sys-color-surface); +} + +:host { + display: flex; + flex-direction: column; + flex: 1 1 auto; + display: flex; + flex: 1 1 0; + gap: 8px; +} + +.horizontal { + display: flex; + flex-direction: row; + flex: 1 1 auto; +} + +.image-wrapper { + position: relative; + min-width: 100px; + width: 100%; + aspect-ratio: 16/9; + margin: 0; +} +.image-wrapper img { + object-fit: cover; +} +.image-wrapper:empty { + display: none; +} + +/*# sourceMappingURL=app.css.map */ diff --git a/projects/qd-design-demo/src/app/app.css.map b/projects/qd-design-demo/src/app/app.css.map new file mode 100644 index 0000000..61decf6 --- /dev/null +++ b/projects/qd-design-demo/src/app/app.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../styles.scss","../../../qd-design/src/styles/qd_design_system.scss","../../../qd-design/src/styles/typography/typography.token.scss","../../../qd-design/src/styles/typography/typography.module.scss","../../../qd-design/src/styles/design/look_and_feel.scss","../../../qd-design/src/styles/colors/light-theme.scss","../../../qd-design/src/styles/colors/dark-theme.scss","app.scss"],"names":[],"mappings":"AAAA;ACQQ;ACRR;AACE;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACzGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AClIF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AHjDF;EITE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EJpCA;;;AAGF;EACE;IKhBA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AL3BF;EKrBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AN9CF;EACE;;;AOFF;EHWE;EACA,gBGX0B;EHgB1B;EGfA;EACA;EACA;;;AAGF;EHIE;EACA,gBGJ0B;EHS1B;;;AGNF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE","file":"app.css"} \ No newline at end of file diff --git a/projects/qd-design-demo/src/app/app.html b/projects/qd-design-demo/src/app/app.html new file mode 100644 index 0000000..bd3992c --- /dev/null +++ b/projects/qd-design-demo/src/app/app.html @@ -0,0 +1,67 @@ +
+ + + + + + + + + + + + + + +
+
+ +
+ '' +
+
Coucoudsqtsggsrtrqstrdsqt
+
Description
+ + +
+ '' +
+
Coucoudsqtsggsrtrqstrdsqt
+
Description
+ + +
+ '' +
+
Coucoudsqtsggsrtrqstrdsqt
+
Description
+ + +
+ '' +
+
Coucoudsqtsggsrtrqstrdsqt
+
Description
+ + +
+ '' +
+
Coucoudsqtsggsrtrqstrdsqt
+
Description
+ + +
+ '' +
+
Coucou
+
Description
+ + +
+ '' +
+
Coucoudsqtsggsrtrqstrdsqt
+
Description
+ +
diff --git a/projects/qd-design-demo/src/app/app.routes.server.ts b/projects/qd-design-demo/src/app/app.routes.server.ts new file mode 100644 index 0000000..ffd37b1 --- /dev/null +++ b/projects/qd-design-demo/src/app/app.routes.server.ts @@ -0,0 +1,8 @@ +import { RenderMode, ServerRoute } from '@angular/ssr'; + +export const serverRoutes: ServerRoute[] = [ + { + path: '**', + renderMode: RenderMode.Prerender + } +]; diff --git a/projects/qd-design-demo/src/app/app.routes.ts b/projects/qd-design-demo/src/app/app.routes.ts new file mode 100644 index 0000000..dc39edb --- /dev/null +++ b/projects/qd-design-demo/src/app/app.routes.ts @@ -0,0 +1,3 @@ +import { Routes } from '@angular/router'; + +export const routes: Routes = []; diff --git a/projects/qd-design-demo/src/app/app.scss b/projects/qd-design-demo/src/app/app.scss new file mode 100644 index 0000000..c5f63bd --- /dev/null +++ b/projects/qd-design-demo/src/app/app.scss @@ -0,0 +1,28 @@ +@use "../styles"; + +:host { + @include styles.flex-fill(column); + display: flex; + flex: 1 1 0; + gap: 8px; +} + +.horizontal { + @include styles.flex-fill(row); +} + +.image-wrapper { + position: relative; + min-width: 100px; + width: 100%; + aspect-ratio: 16/9; + margin: 0; + + img { + object-fit: cover; + } + + &:empty { + display: none; + } +} diff --git a/projects/qd-design-demo/src/app/app.spec.ts b/projects/qd-design-demo/src/app/app.spec.ts new file mode 100644 index 0000000..aaecf27 --- /dev/null +++ b/projects/qd-design-demo/src/app/app.spec.ts @@ -0,0 +1,25 @@ +import { provideZonelessChangeDetection } from '@angular/core'; +import { TestBed } from '@angular/core/testing'; +import { App } from './app'; + +describe('App', () => { + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [App], + providers: [provideZonelessChangeDetection()] + }).compileComponents(); + }); + + it('should create the app', () => { + const fixture = TestBed.createComponent(App); + const app = fixture.componentInstance; + expect(app).toBeTruthy(); + }); + + it('should render title', () => { + const fixture = TestBed.createComponent(App); + fixture.detectChanges(); + const compiled = fixture.nativeElement as HTMLElement; + expect(compiled.querySelector('h1')?.textContent).toContain('Hello, qd-design-demo'); + }); +}); diff --git a/projects/qd-design-demo/src/app/app.ts b/projects/qd-design-demo/src/app/app.ts new file mode 100644 index 0000000..16f5071 --- /dev/null +++ b/projects/qd-design-demo/src/app/app.ts @@ -0,0 +1,20 @@ +import { Component, signal } from '@angular/core'; +import {QdButton} from '../../../qd-design/src/lib/qd-button/qd-button'; +import {QdButtonType} from '../../../qd-design/src/enums/qd-button-type.enum'; +import {QdCard} from '../../../qd-design/src/lib/qd-card/qd-card'; +import {NgOptimizedImage} from '@angular/common'; + +@Component({ + selector: 'app-root', + imports: [QdButton, QdCard, NgOptimizedImage], + templateUrl: './app.html', + styleUrl: './app.scss' +}) +export class App { + protected readonly title = signal('qd-design-demo'); + protected readonly QdButtonType = QdButtonType; + + public onClick() { + console.log('clicked'); + } +} diff --git a/projects/qd-design-demo/src/index.html b/projects/qd-design-demo/src/index.html new file mode 100644 index 0000000..978d467 --- /dev/null +++ b/projects/qd-design-demo/src/index.html @@ -0,0 +1,15 @@ + + + + + QdDesignDemo + + + + + + + + + diff --git a/projects/qd-design-demo/src/main.server.ts b/projects/qd-design-demo/src/main.server.ts new file mode 100644 index 0000000..154ce1c --- /dev/null +++ b/projects/qd-design-demo/src/main.server.ts @@ -0,0 +1,7 @@ +import { bootstrapApplication } from '@angular/platform-browser'; +import { App } from './app/app'; +import { config } from './app/app.config.server'; + +const bootstrap = () => bootstrapApplication(App, config); + +export default bootstrap; diff --git a/projects/qd-design-demo/src/main.ts b/projects/qd-design-demo/src/main.ts new file mode 100644 index 0000000..5df75f9 --- /dev/null +++ b/projects/qd-design-demo/src/main.ts @@ -0,0 +1,6 @@ +import { bootstrapApplication } from '@angular/platform-browser'; +import { appConfig } from './app/app.config'; +import { App } from './app/app'; + +bootstrapApplication(App, appConfig) + .catch((err) => console.error(err)); diff --git a/projects/qd-design-demo/src/server.ts b/projects/qd-design-demo/src/server.ts new file mode 100644 index 0000000..e6546c4 --- /dev/null +++ b/projects/qd-design-demo/src/server.ts @@ -0,0 +1,68 @@ +import { + AngularNodeAppEngine, + createNodeRequestHandler, + isMainModule, + writeResponseToNodeResponse, +} from '@angular/ssr/node'; +import express from 'express'; +import { join } from 'node:path'; + +const browserDistFolder = join(import.meta.dirname, '../browser'); + +const app = express(); +const angularApp = new AngularNodeAppEngine(); + +/** + * Example Express Rest API endpoints can be defined here. + * Uncomment and define endpoints as necessary. + * + * Example: + * ```ts + * app.get('/api/{*splat}', (req, res) => { + * // Handle API request + * }); + * ``` + */ + +/** + * Serve static files from /browser + */ +app.use( + express.static(browserDistFolder, { + maxAge: '1y', + index: false, + redirect: false, + }), +); + +/** + * Handle all other requests by rendering the Angular application. + */ +app.use((req, res, next) => { + angularApp + .handle(req) + .then((response) => + response ? writeResponseToNodeResponse(response, res) : next(), + ) + .catch(next); +}); + +/** + * Start the server if this module is the main entry point. + * The server listens on the port defined by the `PORT` environment variable, or defaults to 4000. + */ +if (isMainModule(import.meta.url)) { + const port = process.env['PORT'] || 4000; + app.listen(port, (error) => { + if (error) { + throw error; + } + + console.log(`Node Express server listening on http://localhost:${port}`); + }); +} + +/** + * Request handler used by the Angular CLI (for dev-server and during build) or Firebase Cloud Functions. + */ +export const reqHandler = createNodeRequestHandler(app); diff --git a/projects/qd-design-demo/src/styles.scss b/projects/qd-design-demo/src/styles.scss new file mode 100644 index 0000000..751cf5e --- /dev/null +++ b/projects/qd-design-demo/src/styles.scss @@ -0,0 +1,6 @@ +/* You can add global styles to this file, and also import other styles files */ +@forward "../../qd-design/src/styles/qd_design_system"; + +body { + background-color: var(--md-sys-color-surface); +} diff --git a/projects/qd-design-demo/tsconfig.app.json b/projects/qd-design-demo/tsconfig.app.json new file mode 100644 index 0000000..3175e5a --- /dev/null +++ b/projects/qd-design-demo/tsconfig.app.json @@ -0,0 +1,17 @@ +/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */ +/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "outDir": "../../out-tsc/app", + "types": [ + "node" + ] + }, + "include": [ + "src/**/*.ts" + ], + "exclude": [ + "src/**/*.spec.ts" + ] +} diff --git a/projects/qd-design-demo/tsconfig.spec.json b/projects/qd-design-demo/tsconfig.spec.json new file mode 100644 index 0000000..0feea88 --- /dev/null +++ b/projects/qd-design-demo/tsconfig.spec.json @@ -0,0 +1,14 @@ +/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */ +/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "outDir": "../../out-tsc/spec", + "types": [ + "jasmine" + ] + }, + "include": [ + "src/**/*.ts" + ] +} diff --git a/projects/qd-design/README.md b/projects/qd-design/README.md new file mode 100644 index 0000000..e272a75 --- /dev/null +++ b/projects/qd-design/README.md @@ -0,0 +1,63 @@ +# QdDesign + +This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.1.0. + +## Code scaffolding + +Angular CLI includes powerful code scaffolding tools. To generate a new component, run: + +```bash +ng generate component component-name +``` + +For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run: + +```bash +ng generate --help +``` + +## Building + +To build the library, run: + +```bash +ng build qd-design +``` + +This command will compile your project, and the build artifacts will be placed in the `dist/` directory. + +### Publishing the Library + +Once the project is built, you can publish your library by following these steps: + +1. Navigate to the `dist` directory: + ```bash + cd dist/qd-design + ``` + +2. Run the `npm publish` command to publish your library to the npm registry: + ```bash + npm publish + ``` + +## Running unit tests + +To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command: + +```bash +ng test +``` + +## Running end-to-end tests + +For end-to-end (e2e) testing, run: + +```bash +ng e2e +``` + +Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs. + +## Additional Resources + +For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page. diff --git a/projects/qd-design/ng-package.json b/projects/qd-design/ng-package.json new file mode 100644 index 0000000..b7ba34b --- /dev/null +++ b/projects/qd-design/ng-package.json @@ -0,0 +1,7 @@ +{ + "$schema": "../../node_modules/ng-packagr/ng-package.schema.json", + "dest": "../../dist/qd-design", + "lib": { + "entryFile": "src/public-api.ts" + } +} \ No newline at end of file diff --git a/projects/qd-design/package.json b/projects/qd-design/package.json new file mode 100644 index 0000000..2c30299 --- /dev/null +++ b/projects/qd-design/package.json @@ -0,0 +1,12 @@ +{ + "name": "qd-design", + "version": "0.0.1", + "peerDependencies": { + "@angular/common": "^20.1.0", + "@angular/core": "^20.1.0" + }, + "dependencies": { + "tslib": "^2.3.0" + }, + "sideEffects": false +} diff --git a/projects/qd-design/src/directives/qd-button-variant.ts b/projects/qd-design/src/directives/qd-button-variant.ts new file mode 100644 index 0000000..c1fe9d5 --- /dev/null +++ b/projects/qd-design/src/directives/qd-button-variant.ts @@ -0,0 +1,11 @@ +import {Directive, HostBinding, Input} from '@angular/core'; + +export type QdButtonVariant = 'elevated' | 'filled' | 'filled-tonal' | 'outlined' | 'text'; + +@Directive({ + standalone: true, + selector: 'qd-button[variant]' +}) +export class QdButtonVariantDirective { + @Input() @HostBinding('attr.data-variant') variant: QdButtonVariant = 'filled'; +} diff --git a/projects/qd-design/src/directives/qd-card-variant.ts b/projects/qd-design/src/directives/qd-card-variant.ts new file mode 100644 index 0000000..dafc364 --- /dev/null +++ b/projects/qd-design/src/directives/qd-card-variant.ts @@ -0,0 +1,11 @@ +import {Directive, HostBinding, Input} from '@angular/core'; + +export type QdCardVariant = 'elevated' | 'filled' | 'outlined'; + +@Directive({ + standalone: true, + selector: 'qd-card[variant]' +}) +export class QdCardVariantDirective { + @Input() @HostBinding('attr.data-variant') variant: QdCardVariant = 'filled'; +} diff --git a/projects/qd-design/src/directives/qd-tooltip-directive.ts b/projects/qd-design/src/directives/qd-tooltip-directive.ts new file mode 100644 index 0000000..d747fcd --- /dev/null +++ b/projects/qd-design/src/directives/qd-tooltip-directive.ts @@ -0,0 +1,16 @@ +import {Directive, ElementRef} from '@angular/core'; +import { Overlay, OverlayRef, OverlayPositionBuilder, ConnectionPositionPair } from '@angular/cdk/overlay'; + +@Directive({ + standalone: true, + selector: '[tooltip]' +}) +export class QdTooltipDirective { + + constructor( + private elementRef: ElementRef, + private overlay: Overlay, + private positionBuilder: OverlayPositionBuilder + ) {} + +} diff --git a/projects/qd-design/src/enums/qd-button-type.enum.ts b/projects/qd-design/src/enums/qd-button-type.enum.ts new file mode 100644 index 0000000..7aa386c --- /dev/null +++ b/projects/qd-design/src/enums/qd-button-type.enum.ts @@ -0,0 +1,7 @@ +export enum QdButtonType { + ELEVATED = 'elevated', + FILLED = 'filled', + FILLED_TONAL = 'filled-tonal', + OUTLINED = 'outlined', + TEXT = 'text', +} diff --git a/projects/qd-design/src/lib/qd-button/qd-button.css b/projects/qd-design/src/lib/qd-button/qd-button.css new file mode 100644 index 0000000..7de4a82 --- /dev/null +++ b/projects/qd-design/src/lib/qd-button/qd-button.css @@ -0,0 +1,808 @@ +@import url("https://fonts.googleapis.com/icon?family=Material+Icons"); +:root { + /* body - large */ + --md-sys-typescale-body-large-font-family-name: Roboto; + --md-sys-typescale-body-large-font-family-style: Regular; + --md-sys-typescale-body-large-font-size: 18px; + --md-sys-typescale-body-large-font-weight: 400px; + --md-sys-typescale-body-large-letter-spacing: 0.50px; + --md-sys-typescale-body-large-line-height: 22px; + /* body - medium */ + --md-sys-typescale-body-medium-font-family-name: Roboto; + --md-sys-typescale-body-medium-font-family-style: Regular; + --md-sys-typescale-body-medium-font-size: 16px; + --md-sys-typescale-body-medium-font-weight: 400px; + --md-sys-typescale-body-medium-letter-spacing: 0.25px; + --md-sys-typescale-body-medium-line-height: 20px; + /* body - small */ + --md-sys-typescale-body-small-font-family-name: Roboto; + --md-sys-typescale-body-small-font-family-style: Regular; + --md-sys-typescale-body-small-font-size: 14px; + --md-sys-typescale-body-small-font-weight: 400px; + --md-sys-typescale-body-small-letter-spacing: 0.40px; + --md-sys-typescale-body-small-line-height: 18px; + /* display - large */ + --md-sys-typescale-display-large-font-family-name: Roboto; + --md-sys-typescale-display-large-font-family-style: Regular; + --md-sys-typescale-display-large-font-size: 51px; + --md-sys-typescale-display-large-font-weight: 400px; + --md-sys-typescale-display-large-letter-spacing: -0.25px; + --md-sys-typescale-display-large-line-height: 61px; + /* display - medium */ + --md-sys-typescale-display-medium-font-family-name: Roboto; + --md-sys-typescale-display-medium-font-family-style: Regular; + --md-sys-typescale-display-medium-font-size: 42px; + --md-sys-typescale-display-medium-font-weight: 400px; + --md-sys-typescale-display-medium-letter-spacing: 0px; + --md-sys-typescale-display-medium-line-height: 52px; + /* display - small */ + --md-sys-typescale-display-small-font-family-name: Roboto; + --md-sys-typescale-display-small-font-family-style: Regular; + --md-sys-typescale-display-small-font-size: 40px; + --md-sys-typescale-display-small-font-weight: 400px; + --md-sys-typescale-display-small-letter-spacing: 0px; + --md-sys-typescale-display-small-line-height: 50px; + /* headline - large */ + --md-sys-typescale-headline-large-font-family-name: Roboto; + --md-sys-typescale-headline-large-font-family-style: Regular; + --md-sys-typescale-headline-large-font-size: 36px; + --md-sys-typescale-headline-large-font-weight: 400px; + --md-sys-typescale-headline-large-letter-spacing: 0px; + --md-sys-typescale-headline-large-line-height: 44px; + /* headline - medium */ + --md-sys-typescale-headline-medium-font-family-name: Roboto; + --md-sys-typescale-headline-medium-font-family-style: Regular; + --md-sys-typescale-headline-medium-font-size: 32px; + --md-sys-typescale-headline-medium-font-weight: 400px; + --md-sys-typescale-headline-medium-letter-spacing: 0px; + --md-sys-typescale-headline-medium-line-height: 36px; + /* headline - small */ + --md-sys-typescale-headline-small-font-family-name: Roboto; + --md-sys-typescale-headline-small-font-family-style: Regular; + --md-sys-typescale-headline-small-font-size: 28px; + --md-sys-typescale-headline-small-font-weight: 400px; + --md-sys-typescale-headline-small-letter-spacing: 0px; + --md-sys-typescale-headline-small-line-height: 36px; + /* label - large */ + --md-sys-typescale-label-large-font-family-name: Roboto; + --md-sys-typescale-label-large-font-family-style: Regular; + --md-sys-typescale-label-large-font-size: 12px; + --md-sys-typescale-label-large-font-weight: 500px; + --md-sys-typescale-label-large-letter-spacing: 0.10px; + --md-sys-typescale-label-large-line-height: 14px; + /* label - medium */ + --md-sys-typescale-label-medium-font-family-name: Roboto; + --md-sys-typescale-label-medium-font-family-style: Regular; + --md-sys-typescale-label-medium-font-size: 11px; + --md-sys-typescale-label-medium-font-weight: 500px; + --md-sys-typescale-label-medium-letter-spacing: 0.50px; + --md-sys-typescale-label-medium-line-height: 15px; + /* label - small */ + --md-sys-typescale-label-small-font-family-name: Roboto; + --md-sys-typescale-label-small-font-family-style: Regular; + --md-sys-typescale-label-small-font-size: 10px; + --md-sys-typescale-label-small-font-weight: 500px; + --md-sys-typescale-label-small-letter-spacing: 0.50px; + --md-sys-typescale-label-small-line-height: 14px; + /* title - large */ + --md-sys-typescale-title-large-font-family-name: Roboto; + --md-sys-typescale-title-large-font-family-style: Regular; + --md-sys-typescale-title-large-font-size: 25px; + --md-sys-typescale-title-large-font-weight: 400px; + --md-sys-typescale-title-large-letter-spacing: 0px; + --md-sys-typescale-title-large-line-height: 31px; + /* title - medium */ + --md-sys-typescale-title-medium-font-family-name: Roboto; + --md-sys-typescale-title-medium-font-family-style: Regular; + --md-sys-typescale-title-medium-font-size: 22px; + --md-sys-typescale-title-medium-font-weight: 500px; + --md-sys-typescale-title-medium-letter-spacing: 0.15px; + --md-sys-typescale-title-medium-line-height: 28px; + /* title - small */ + --md-sys-typescale-title-small-font-family-name: Roboto; + --md-sys-typescale-title-small-font-family-style: Regular; + --md-sys-typescale-title-small-font-size: 20px; + --md-sys-typescale-title-small-font-weight: 500px; + --md-sys-typescale-title-small-letter-spacing: 0.10px; + --md-sys-typescale-title-small-line-height: 16px; +} + +.display-large { + font-family: var(--md-sys-typescale-display-large-font-family-name); + font-size: var(--md-sys-typescale-display-large-font-size); + font-style: var(--md-sys-typescale-display-large-font-family-style); + font-weight: var(--md-sys-typescale-display-large-font-weight); + letter-spacing: var(--md-sys-typescale-display-large-tracking); + line-height: var(--md-sys-typescale-display-large-line-height); + text-decoration: var(--md-sys-typescale-display-large-text-decoration); + text-transform: var(--md-sys-typescale-display-large-text-transform); +} + +.display-medium { + font-family: var(--md-sys-typescale-display-medium-font-family-name); + font-size: var(--md-sys-typescale-display-medium-font-size); + font-style: var(--md-sys-typescale-display-medium-font-family-style); + font-weight: var(--md-sys-typescale-display-medium-font-weight); + letter-spacing: var(--md-sys-typescale-display-medium-tracking); + line-height: var(--md-sys-typescale-display-medium-line-height); + text-decoration: var(--md-sys-typescale-display-medium-text-decoration); + text-transform: var(--md-sys-typescale-display-medium-text-transform); +} + +.display-small { + font-family: var(--md-sys-typescale-display-small-font-family-name); + font-size: var(--md-sys-typescale-display-small-font-size); + font-style: var(--md-sys-typescale-display-small-font-family-style); + font-weight: var(--md-sys-typescale-display-small-font-weight); + letter-spacing: var(--md-sys-typescale-display-small-tracking); + line-height: var(--md-sys-typescale-display-small-line-height); + text-decoration: var(--md-sys-typescale-display-small-text-decoration); + text-transform: var(--md-sys-typescale-display-small-text-transform); +} + +.headline-large { + font-family: var(--md-sys-typescale-headline-large-font-family-name); + font-size: var(--md-sys-typescale-headline-large-font-size); + font-style: var(--md-sys-typescale-headline-large-font-family-style); + font-weight: var(--md-sys-typescale-headline-large-font-weight); + letter-spacing: var(--md-sys-typescale-headline-large-tracking); + line-height: var(--md-sys-typescale-headline-large-line-height); + text-decoration: var(--md-sys-typescale-headline-large-text-decoration); + text-transform: var(--md-sys-typescale-headline-large-text-transform); +} + +.headline-medium { + font-family: var(--md-sys-typescale-headline-medium-font-family-name); + font-size: var(--md-sys-typescale-headline-medium-font-size); + font-style: var(--md-sys-typescale-headline-medium-font-family-style); + font-weight: var(--md-sys-typescale-headline-medium-font-weight); + letter-spacing: var(--md-sys-typescale-headline-medium-tracking); + line-height: var(--md-sys-typescale-headline-medium-line-height); + text-decoration: var(--md-sys-typescale-headline-medium-text-decoration); + text-transform: var(--md-sys-typescale-headline-medium-text-transform); +} + +.headline-small { + font-family: var(--md-sys-typescale-headline-small-font-family-name); + font-size: var(--md-sys-typescale-headline-small-font-size); + font-style: var(--md-sys-typescale-headline-small-font-family-style); + font-weight: var(--md-sys-typescale-headline-small-font-weight); + letter-spacing: var(--md-sys-typescale-headline-small-tracking); + line-height: var(--md-sys-typescale-headline-small-line-height); + text-decoration: var(--md-sys-typescale-headline-small-text-decoration); + text-transform: var(--md-sys-typescale-headline-small-text-transform); +} + +.body-large { + font-family: var(--md-sys-typescale-body-large-font-family-name); + font-size: var(--md-sys-typescale-body-large-font-size); + font-style: var(--md-sys-typescale-body-large-font-family-style); + font-weight: var(--md-sys-typescale-body-large-font-weight); + letter-spacing: var(--md-sys-typescale-body-large-tracking); + line-height: var(--md-sys-typescale-body-large-line-height); + text-decoration: var(--md-sys-typescale-body-large-text-decoration); + text-transform: var(--md-sys-typescale-body-large-text-transform); +} + +.body-medium { + font-family: var(--md-sys-typescale-body-medium-font-family-name); + font-size: var(--md-sys-typescale-body-medium-font-size); + font-style: var(--md-sys-typescale-body-medium-font-family-style); + font-weight: var(--md-sys-typescale-body-medium-font-weight); + letter-spacing: var(--md-sys-typescale-body-medium-tracking); + line-height: var(--md-sys-typescale-body-medium-line-height); + text-decoration: var(--md-sys-typescale-body-medium-text-decoration); + text-transform: var(--md-sys-typescale-body-medium-text-transform); +} + +.body-small { + font-family: var(--md-sys-typescale-body-small-font-family-name); + font-size: var(--md-sys-typescale-body-small-font-size); + font-style: var(--md-sys-typescale-body-small-font-family-style); + font-weight: var(--md-sys-typescale-body-small-font-weight); + letter-spacing: var(--md-sys-typescale-body-small-tracking); + line-height: var(--md-sys-typescale-body-small-line-height); + text-decoration: var(--md-sys-typescale-body-small-text-decoration); + text-transform: var(--md-sys-typescale-body-small-text-transform); +} + +.label-large, .button-content, :host[data-variant=elevated] .button .content, :host[data-variant=filled] .button .content, :host[data-variant=filled-tonal] .button .content, :host[data-variant=outlined] .button .content, :host[data-variant=text] .button .content { + font-family: var(--md-sys-typescale-label-large-font-family-name); + font-size: var(--md-sys-typescale-label-large-font-size); + font-style: var(--md-sys-typescale-label-large-font-family-style); + font-weight: var(--md-sys-typescale-label-large-font-weight); + letter-spacing: var(--md-sys-typescale-label-large-tracking); + line-height: var(--md-sys-typescale-label-large-line-height); + text-decoration: var(--md-sys-typescale-label-large-text-decoration); + text-transform: var(--md-sys-typescale-label-large-text-transform); +} + +.label-medium { + font-family: var(--md-sys-typescale-label-medium-font-family-name); + font-size: var(--md-sys-typescale-label-medium-font-size); + font-style: var(--md-sys-typescale-label-medium-font-family-style); + font-weight: var(--md-sys-typescale-label-medium-font-weight); + letter-spacing: var(--md-sys-typescale-label-medium-tracking); + line-height: var(--md-sys-typescale-label-medium-line-height); + text-decoration: var(--md-sys-typescale-label-medium-text-decoration); + text-transform: var(--md-sys-typescale-label-medium-text-transform); +} + +.label-small { + font-family: var(--md-sys-typescale-label-small-font-family-name); + font-size: var(--md-sys-typescale-label-small-font-size); + font-style: var(--md-sys-typescale-label-small-font-family-style); + font-weight: var(--md-sys-typescale-label-small-font-weight); + letter-spacing: var(--md-sys-typescale-label-small-tracking); + line-height: var(--md-sys-typescale-label-small-line-height); + text-decoration: var(--md-sys-typescale-label-small-text-decoration); + text-transform: var(--md-sys-typescale-label-small-text-transform); +} + +.title-large { + font-family: var(--md-sys-typescale-title-large-font-family-name); + font-size: var(--md-sys-typescale-title-large-font-size); + font-style: var(--md-sys-typescale-title-large-font-family-style); + font-weight: var(--md-sys-typescale-title-large-font-weight); + letter-spacing: var(--md-sys-typescale-title-large-tracking); + line-height: var(--md-sys-typescale-title-large-line-height); + text-decoration: var(--md-sys-typescale-title-large-text-decoration); + text-transform: var(--md-sys-typescale-title-large-text-transform); +} + +.title-medium { + font-family: var(--md-sys-typescale-title-medium-font-family-name); + font-size: var(--md-sys-typescale-title-medium-font-size); + font-style: var(--md-sys-typescale-title-medium-font-family-style); + font-weight: var(--md-sys-typescale-title-medium-font-weight); + letter-spacing: var(--md-sys-typescale-title-medium-tracking); + line-height: var(--md-sys-typescale-title-medium-line-height); + text-decoration: var(--md-sys-typescale-title-medium-text-decoration); + text-transform: var(--md-sys-typescale-title-medium-text-transform); +} + +.title-small { + font-family: var(--md-sys-typescale-title-small-font-family-name); + font-size: var(--md-sys-typescale-title-small-font-size); + font-style: var(--md-sys-typescale-title-small-font-family-style); + font-weight: var(--md-sys-typescale-title-small-font-weight); + letter-spacing: var(--md-sys-typescale-title-small-tracking); + line-height: var(--md-sys-typescale-title-small-line-height); + text-decoration: var(--md-sys-typescale-title-small-text-decoration); + text-transform: var(--md-sys-typescale-title-small-text-transform); +} + +.scrollable-y { + max-height: 100%; + overflow-x: hidden; + overflow-y: auto; +} + +.height-100 { + height: 100%; + max-height: 100%; + min-height: 100%; +} + +.height-100-vh { + height: 100vh; + max-height: 100vh; + min-height: 100vh; +} + +.width-100 { + max-width: 100%; + min-width: 100%; + width: 100%; +} + +.width-100-vw { + max-width: 100vw; + min-width: 100vw; + width: 100vw; +} + +body { + --md-sys-color-primary: rgb(73 93 146); + --md-sys-color-surface-tint: rgb(73 93 146); + --md-sys-color-on-primary: rgb(255 255 255); + --md-sys-color-primary-container: rgb(218 225 255); + --md-sys-color-on-primary-container: rgb(49 69 120); + --md-sys-color-secondary: rgb(88 94 113); + --md-sys-color-on-secondary: rgb(255 255 255); + --md-sys-color-secondary-container: rgb(221 226 249); + --md-sys-color-on-secondary-container: rgb(65 70 89); + --md-sys-color-tertiary: rgb(115 84 113); + --md-sys-color-on-tertiary: rgb(255 255 255); + --md-sys-color-tertiary-container: rgb(255 214 249); + --md-sys-color-on-tertiary-container: rgb(90 61 88); + --md-sys-color-error: rgb(186 26 26); + --md-sys-color-on-error: rgb(255 255 255); + --md-sys-color-error-container: rgb(255 218 214); + --md-sys-color-on-error-container: rgb(147 0 10); + --md-sys-color-background: rgb(250 248 255); + --md-sys-color-on-background: rgb(26 27 33); + --md-sys-color-surface: rgb(250 248 255); + --md-sys-color-on-surface: rgb(26 27 33); + --md-sys-color-surface-variant: rgb(225 226 236); + --md-sys-color-on-surface-variant: rgb(69 70 79); + --md-sys-color-outline: rgb(117 118 128); + --md-sys-color-outline-variant: rgb(197 198 208); + --md-sys-color-shadow: rgb(0 0 0); + --md-sys-color-scrim: rgb(0 0 0); + --md-sys-color-inverse-surface: rgb(47 48 54); + --md-sys-color-inverse-on-surface: rgb(241 240 247); + --md-sys-color-inverse-primary: rgb(179 197 255); + --md-sys-color-primary-fixed: rgb(218 225 255); + --md-sys-color-on-primary-fixed: rgb(0 24 73); + --md-sys-color-primary-fixed-dim: rgb(179 197 255); + --md-sys-color-on-primary-fixed-variant: rgb(49 69 120); + --md-sys-color-secondary-fixed: rgb(221 226 249); + --md-sys-color-on-secondary-fixed: rgb(21 27 44); + --md-sys-color-secondary-fixed-dim: rgb(193 198 221); + --md-sys-color-on-secondary-fixed-variant: rgb(65 70 89); + --md-sys-color-tertiary-fixed: rgb(255 214 249); + --md-sys-color-on-tertiary-fixed: rgb(43 18 43); + --md-sys-color-tertiary-fixed-dim: rgb(225 187 220); + --md-sys-color-on-tertiary-fixed-variant: rgb(90 61 88); + --md-sys-color-surface-dim: rgb(218 217 224); + --md-sys-color-surface-bright: rgb(250 248 255); + --md-sys-color-surface-container-lowest: rgb(255 255 255); + --md-sys-color-surface-container-low: rgb(244 243 250); + --md-sys-color-surface-container: rgb(238 237 244); + --md-sys-color-surface-container-high: rgb(232 231 239); + --md-sys-color-surface-container-highest: rgb(227 226 233); + transition: background-color 0.3s, color 0.3s; +} + +@media (prefers-color-scheme: dark) { + body:not(.light-theme) { + --md-sys-color-primary: rgb(179 197 255); + --md-sys-color-surface-tint: rgb(179 197 255); + --md-sys-color-on-primary: rgb(25 46 96); + --md-sys-color-primary-container: rgb(49 69 120); + --md-sys-color-on-primary-container: rgb(218 225 255); + --md-sys-color-secondary: rgb(193 198 221); + --md-sys-color-on-secondary: rgb(42 48 66); + --md-sys-color-secondary-container: rgb(65 70 89); + --md-sys-color-on-secondary-container: rgb(221 226 249); + --md-sys-color-tertiary: rgb(225 187 220); + --md-sys-color-on-tertiary: rgb(66 39 65); + --md-sys-color-tertiary-container: rgb(90 61 88); + --md-sys-color-on-tertiary-container: rgb(255 214 249); + --md-sys-color-error: rgb(255 180 171); + --md-sys-color-on-error: rgb(105 0 5); + --md-sys-color-error-container: rgb(147 0 10); + --md-sys-color-on-error-container: rgb(255 218 214); + --md-sys-color-background: rgb(18 19 24); + --md-sys-color-on-background: rgb(227 226 233); + --md-sys-color-surface: rgb(18 19 24); + --md-sys-color-on-surface: rgb(227 226 233); + --md-sys-color-surface-variant: rgb(69 70 79); + --md-sys-color-on-surface-variant: rgb(197 198 208); + --md-sys-color-outline: rgb(143 144 154); + --md-sys-color-outline-variant: rgb(69 70 79); + --md-sys-color-shadow: rgb(0 0 0); + --md-sys-color-scrim: rgb(0 0 0); + --md-sys-color-inverse-surface: rgb(227 226 233); + --md-sys-color-inverse-on-surface: rgb(47 48 54); + --md-sys-color-inverse-primary: rgb(73 93 146); + --md-sys-color-primary-fixed: rgb(218 225 255); + --md-sys-color-on-primary-fixed: rgb(0 24 73); + --md-sys-color-primary-fixed-dim: rgb(179 197 255); + --md-sys-color-on-primary-fixed-variant: rgb(49 69 120); + --md-sys-color-secondary-fixed: rgb(221 226 249); + --md-sys-color-on-secondary-fixed: rgb(21 27 44); + --md-sys-color-secondary-fixed-dim: rgb(193 198 221); + --md-sys-color-on-secondary-fixed-variant: rgb(65 70 89); + --md-sys-color-tertiary-fixed: rgb(255 214 249); + --md-sys-color-on-tertiary-fixed: rgb(43 18 43); + --md-sys-color-tertiary-fixed-dim: rgb(225 187 220); + --md-sys-color-on-tertiary-fixed-variant: rgb(90 61 88); + --md-sys-color-surface-dim: rgb(18 19 24); + --md-sys-color-surface-bright: rgb(56 57 63); + --md-sys-color-surface-container-lowest: rgb(13 14 19); + --md-sys-color-surface-container-low: rgb(26 27 33); + --md-sys-color-surface-container: rgb(30 31 37); + --md-sys-color-surface-container-high: rgb(41 42 47); + --md-sys-color-surface-container-highest: rgb(51 52 58); + } +} +body.dark-theme { + --md-sys-color-primary: rgb(179 197 255); + --md-sys-color-surface-tint: rgb(179 197 255); + --md-sys-color-on-primary: rgb(25 46 96); + --md-sys-color-primary-container: rgb(49 69 120); + --md-sys-color-on-primary-container: rgb(218 225 255); + --md-sys-color-secondary: rgb(193 198 221); + --md-sys-color-on-secondary: rgb(42 48 66); + --md-sys-color-secondary-container: rgb(65 70 89); + --md-sys-color-on-secondary-container: rgb(221 226 249); + --md-sys-color-tertiary: rgb(225 187 220); + --md-sys-color-on-tertiary: rgb(66 39 65); + --md-sys-color-tertiary-container: rgb(90 61 88); + --md-sys-color-on-tertiary-container: rgb(255 214 249); + --md-sys-color-error: rgb(255 180 171); + --md-sys-color-on-error: rgb(105 0 5); + --md-sys-color-error-container: rgb(147 0 10); + --md-sys-color-on-error-container: rgb(255 218 214); + --md-sys-color-background: rgb(18 19 24); + --md-sys-color-on-background: rgb(227 226 233); + --md-sys-color-surface: rgb(18 19 24); + --md-sys-color-on-surface: rgb(227 226 233); + --md-sys-color-surface-variant: rgb(69 70 79); + --md-sys-color-on-surface-variant: rgb(197 198 208); + --md-sys-color-outline: rgb(143 144 154); + --md-sys-color-outline-variant: rgb(69 70 79); + --md-sys-color-shadow: rgb(0 0 0); + --md-sys-color-scrim: rgb(0 0 0); + --md-sys-color-inverse-surface: rgb(227 226 233); + --md-sys-color-inverse-on-surface: rgb(47 48 54); + --md-sys-color-inverse-primary: rgb(73 93 146); + --md-sys-color-primary-fixed: rgb(218 225 255); + --md-sys-color-on-primary-fixed: rgb(0 24 73); + --md-sys-color-primary-fixed-dim: rgb(179 197 255); + --md-sys-color-on-primary-fixed-variant: rgb(49 69 120); + --md-sys-color-secondary-fixed: rgb(221 226 249); + --md-sys-color-on-secondary-fixed: rgb(21 27 44); + --md-sys-color-secondary-fixed-dim: rgb(193 198 221); + --md-sys-color-on-secondary-fixed-variant: rgb(65 70 89); + --md-sys-color-tertiary-fixed: rgb(255 214 249); + --md-sys-color-on-tertiary-fixed: rgb(43 18 43); + --md-sys-color-tertiary-fixed-dim: rgb(225 187 220); + --md-sys-color-on-tertiary-fixed-variant: rgb(90 61 88); + --md-sys-color-surface-dim: rgb(18 19 24); + --md-sys-color-surface-bright: rgb(56 57 63); + --md-sys-color-surface-container-lowest: rgb(13 14 19); + --md-sys-color-surface-container-low: rgb(26 27 33); + --md-sys-color-surface-container: rgb(30 31 37); + --md-sys-color-surface-container-high: rgb(41 42 47); + --md-sys-color-surface-container-highest: rgb(51 52 58); +} + +:host { + display: flex; + background-color: transparent; + height: fit-content; + width: fit-content; +} + +.button { + display: flex; + flex-direction: row; + cursor: pointer; + background-color: transparent; + border: 1px solid transparent; + border-radius: 20px; + box-sizing: border-box; + height: 40px; + padding: 0 16px; + transition: all 200ms ease-in-out; + width: fit-content; +} +.button-icon, :host[data-variant=text] .button .icon, :host[data-variant=outlined] .button .icon, :host[data-variant=filled-tonal] .button .icon, :host[data-variant=filled] .button .icon, :host[data-variant=elevated] .button .icon { + background-color: transparent; + height: 24px; + margin: auto; + padding: 0; + width: 24px; +} +.button-content, :host[data-variant=text] .button .content, :host[data-variant=outlined] .button .content, :host[data-variant=filled-tonal] .button .content, :host[data-variant=filled] .button .content, :host[data-variant=elevated] .button .content { + background-color: transparent; + height: fit-content; + margin: auto 8px; + padding: 0; +} + +:host[data-variant=elevated] .button { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: var(--md-sys-color-surface-container-low); +} +:host[data-variant=elevated] .button:enabled:hover, :host[data-variant=elevated] .button:hover { + box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-low), var(--md-sys-color-primary) 8%); +} +:host[data-variant=elevated] .button.hover { + box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-low), var(--md-sys-color-primary) 8%); +} +:host[data-variant=elevated] .button:enabled:focus-visible, :host[data-variant=elevated] .button:focus-visible { + outline: none; + box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-low), var(--md-sys-color-primary) 12%); +} +:host[data-variant=elevated] .button.focus { + box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-low), var(--md-sys-color-primary) 12%); +} +:host[data-variant=elevated] .button:enabled:active, :host[data-variant=elevated] .button:active { + box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-low), var(--md-sys-color-primary) 12%); +} +:host[data-variant=elevated] .button.active { + box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-low), var(--md-sys-color-primary) 12%); +} +:host[data-variant=elevated] .button:disabled, :host[data-variant=elevated] .button:disabled:active, :host[data-variant=elevated] .button:disabled:hover, :host[data-variant=elevated] .button:disabled:focus { + pointer-events: none; + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); + cursor: default; + box-shadow: none; +} +:host[data-variant=elevated] .button:disabled .icon, :host[data-variant=elevated] .button:disabled:active .icon, :host[data-variant=elevated] .button:disabled:hover .icon, :host[data-variant=elevated] .button:disabled:focus .icon { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 32%, transparent); + background: transparent; +} +:host[data-variant=elevated] .button:disabled .content, :host[data-variant=elevated] .button:disabled:active .content, :host[data-variant=elevated] .button:disabled:hover .content, :host[data-variant=elevated] .button:disabled:focus .content { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 32%, transparent); + background: transparent; +} +:host[data-variant=elevated] .button.disabled { + pointer-events: none; + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); + cursor: default; + box-shadow: none; +} +:host[data-variant=elevated] .button.disabled .icon { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 32%, transparent); + background: transparent; +} +:host[data-variant=elevated] .button.disabled .content { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 32%, transparent); + background: transparent; +} +:host[data-variant=elevated] .button .icon { + color: var(--md-sys-color-primary); +} +:host[data-variant=elevated] .button .content { + color: var(--md-sys-color-primary); +} + +:host[data-variant=filled] .button { + background-color: var(--md-sys-color-primary); +} +:host[data-variant=filled] .button:enabled:hover, :host[data-variant=filled] .button:hover { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-primary), var(--md-sys-color-on-primary) 8%); +} +:host[data-variant=filled] .button.hover { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-primary), var(--md-sys-color-on-primary) 8%); +} +:host[data-variant=filled] .button:enabled:focus-visible, :host[data-variant=filled] .button:focus-visible { + outline: none; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-primary), var(--md-sys-color-on-primary) 12%); +} +:host[data-variant=filled] .button.focus { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-primary), var(--md-sys-color-on-primary) 12%); +} +:host[data-variant=filled] .button:enabled:active, :host[data-variant=filled] .button:active { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-primary), var(--md-sys-color-on-primary) 12%); +} +:host[data-variant=filled] .button.active { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-primary), var(--md-sys-color-on-primary) 12%); +} +:host[data-variant=filled] .button:disabled, :host[data-variant=filled] .button:disabled:active, :host[data-variant=filled] .button:disabled:hover, :host[data-variant=filled] .button:disabled:focus { + pointer-events: none; + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); + cursor: default; + box-shadow: none; +} +:host[data-variant=filled] .button:disabled .icon, :host[data-variant=filled] .button:disabled:active .icon, :host[data-variant=filled] .button:disabled:hover .icon, :host[data-variant=filled] .button:disabled:focus .icon { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 32%, transparent); + background: transparent; +} +:host[data-variant=filled] .button:disabled .content, :host[data-variant=filled] .button:disabled:active .content, :host[data-variant=filled] .button:disabled:hover .content, :host[data-variant=filled] .button:disabled:focus .content { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 32%, transparent); + background: transparent; +} +:host[data-variant=filled] .button.disabled { + pointer-events: none; + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); + cursor: default; + box-shadow: none; +} +:host[data-variant=filled] .button.disabled .icon { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 32%, transparent); + background: transparent; +} +:host[data-variant=filled] .button.disabled .content { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 32%, transparent); + background: transparent; +} +:host[data-variant=filled] .button .icon { + color: var(--md-sys-color-on-primary); +} +:host[data-variant=filled] .button .content { + color: var(--md-sys-color-on-primary); +} + +:host[data-variant=filled-tonal] .button { + background-color: var(--md-sys-color-secondary-container); +} +:host[data-variant=filled-tonal] .button:enabled:hover, :host[data-variant=filled-tonal] .button:hover { + background-color: color-mix(in hsl, var(--md-sys-color-secondary-container), var(--md-sys-color-on-secondary-container) 8%); + box-shadow: var(--md-sys-elevation-1); +} +:host[data-variant=filled-tonal] .button.hover { + background-color: color-mix(in hsl, var(--md-sys-color-secondary-container), var(--md-sys-color-on-secondary-container) 8%); + box-shadow: var(--md-sys-elevation-1); +} +:host[data-variant=filled-tonal] .button:enabled:focus-visible, :host[data-variant=filled-tonal] .button:focus-visible { + outline: none; + background-color: color-mix(in hsl, var(--md-sys-color-secondary-container), var(--md-sys-color-on-secondary-container) 12%); + box-shadow: var(--md-sys-elevation-1); +} +:host[data-variant=filled-tonal] .button.focus { + background-color: color-mix(in hsl, var(--md-sys-color-secondary-container), var(--md-sys-color-on-secondary-container) 12%); + box-shadow: var(--md-sys-elevation-1); +} +:host[data-variant=filled-tonal] .button:enabled:active, :host[data-variant=filled-tonal] .button:active { + background-color: color-mix(in hsl, var(--md-sys-color-secondary-container), var(--md-sys-color-on-secondary-container) 12%); + box-shadow: var(--md-sys-elevation-1); +} +:host[data-variant=filled-tonal] .button.active { + background-color: color-mix(in hsl, var(--md-sys-color-secondary-container), var(--md-sys-color-on-secondary-container) 12%); + box-shadow: var(--md-sys-elevation-1); +} +:host[data-variant=filled-tonal] .button:disabled, :host[data-variant=filled-tonal] .button:disabled:active, :host[data-variant=filled-tonal] .button:disabled:hover, :host[data-variant=filled-tonal] .button:disabled:focus { + pointer-events: none; + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); + cursor: default; + box-shadow: none; +} +:host[data-variant=filled-tonal] .button:disabled .icon, :host[data-variant=filled-tonal] .button:disabled:active .icon, :host[data-variant=filled-tonal] .button:disabled:hover .icon, :host[data-variant=filled-tonal] .button:disabled:focus .icon { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 32%, transparent); + background: transparent; +} +:host[data-variant=filled-tonal] .button:disabled .content, :host[data-variant=filled-tonal] .button:disabled:active .content, :host[data-variant=filled-tonal] .button:disabled:hover .content, :host[data-variant=filled-tonal] .button:disabled:focus .content { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 32%, transparent); + background: transparent; +} +:host[data-variant=filled-tonal] .button.disabled { + pointer-events: none; + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); + cursor: default; + box-shadow: none; +} +:host[data-variant=filled-tonal] .button.disabled .icon { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 32%, transparent); + background: transparent; +} +:host[data-variant=filled-tonal] .button.disabled .content { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 32%, transparent); + background: transparent; +} +:host[data-variant=filled-tonal] .button .icon { + color: var(--md-sys-color-on-secondary-container); +} +:host[data-variant=filled-tonal] .button .content { + color: var(--md-sys-color-on-secondary-container); +} + +:host[data-variant=outlined] .button { + background-color: transparent; + border: 1px solid var(--md-sys-color-outline-variant); +} +:host[data-variant=outlined] .button:enabled:hover, :host[data-variant=outlined] .button:hover { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent); +} +:host[data-variant=outlined] .button.hover { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent); +} +:host[data-variant=outlined] .button:enabled:focus-visible, :host[data-variant=outlined] .button:focus-visible { + outline: none; + background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); +} +:host[data-variant=outlined] .button.focus { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); +} +:host[data-variant=outlined] .button:enabled:active, :host[data-variant=outlined] .button:active { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); +} +:host[data-variant=outlined] .button.active { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); +} +:host[data-variant=outlined] .button:disabled, :host[data-variant=outlined] .button:disabled:active, :host[data-variant=outlined] .button:disabled:hover, :host[data-variant=outlined] .button:disabled:focus { + pointer-events: none; + background-color: transparent; + border: 1px solid color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); + cursor: default; + box-shadow: none; +} +:host[data-variant=outlined] .button:disabled .icon, :host[data-variant=outlined] .button:disabled:active .icon, :host[data-variant=outlined] .button:disabled:hover .icon, :host[data-variant=outlined] .button:disabled:focus .icon { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 32%, transparent); + background: transparent; +} +:host[data-variant=outlined] .button:disabled .content, :host[data-variant=outlined] .button:disabled:active .content, :host[data-variant=outlined] .button:disabled:hover .content, :host[data-variant=outlined] .button:disabled:focus .content { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 32%, transparent); + background: transparent; +} +:host[data-variant=outlined] .button.disabled { + pointer-events: none; + background-color: transparent; + border: 1px solid color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); + cursor: default; + box-shadow: none; +} +:host[data-variant=outlined] .button.disabled .icon { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 32%, transparent); + background: transparent; +} +:host[data-variant=outlined] .button.disabled .content { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 32%, transparent); + background: transparent; +} +:host[data-variant=outlined] .button .icon { + color: var(--md-sys-color-on-surface-variant); +} +:host[data-variant=outlined] .button .content { + color: var(--md-sys-color-on-surface-variant); +} + +:host[data-variant=text] .button { + padding: 0 4px; +} +:host[data-variant=text] .button:enabled:hover, :host[data-variant=text] .button:hover { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent); +} +:host[data-variant=text] .button.hover { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent); +} +:host[data-variant=text] .button:enabled:focus-visible, :host[data-variant=text] .button:focus-visible { + outline: none; + background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); +} +:host[data-variant=text] .button.focus { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); +} +:host[data-variant=text] .button:enabled:active, :host[data-variant=text] .button:active { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); +} +:host[data-variant=text] .button.active { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); +} +:host[data-variant=text] .button:disabled, :host[data-variant=text] .button:disabled:active, :host[data-variant=text] .button:disabled:hover, :host[data-variant=text] .button:disabled:focus { + pointer-events: none; + background-color: transparent; + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); + cursor: default; + box-shadow: none; +} +:host[data-variant=text] .button:disabled .icon, :host[data-variant=text] .button:disabled:active .icon, :host[data-variant=text] .button:disabled:hover .icon, :host[data-variant=text] .button:disabled:focus .icon { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 32%, transparent); + background: transparent; +} +:host[data-variant=text] .button:disabled .content, :host[data-variant=text] .button:disabled:active .content, :host[data-variant=text] .button:disabled:hover .content, :host[data-variant=text] .button:disabled:focus .content { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 32%, transparent); + background: transparent; +} +:host[data-variant=text] .button.disabled { + pointer-events: none; + background-color: transparent; + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); + cursor: default; + box-shadow: none; +} +:host[data-variant=text] .button.disabled .icon { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 32%, transparent); + background: transparent; +} +:host[data-variant=text] .button.disabled .content { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 32%, transparent); + background: transparent; +} +:host[data-variant=text] .button .icon { + color: var(--md-sys-color-primary); +} +:host[data-variant=text] .button .content { + color: var(--md-sys-color-primary); +} + +/*# sourceMappingURL=qd-button.css.map */ diff --git a/projects/qd-design/src/lib/qd-button/qd-button.css.map b/projects/qd-design/src/lib/qd-button/qd-button.css.map new file mode 100644 index 0000000..6b9b567 --- /dev/null +++ b/projects/qd-design/src/lib/qd-button/qd-button.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../../styles/qd_design_system.scss","../../styles/typography/typography.token.scss","../../styles/typography/typography.module.scss","../../styles/design/look_and_feel.scss","../../styles/colors/light-theme.scss","../../styles/colors/dark-theme.scss","qd-button.scss","../../styles/design/overall-design.scss"],"names":[],"mappings":"AAQQ;ACRR;AACE;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACzGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AClIF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AHjDF;EITE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EJpCA;;;AAGF;EACE;IKhBA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AL3BF;EKrBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC/CF;EACE;EACA;EACA;EACA;;;AAmBF;EHZE;EACA,gBGYiB;EHqCjB;EGnCA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;EACA;;;AAIJ;EC9CE;EDgDA;;ACgCA;EA5EA;EDgDE;;ACgCF;EAhFA;EDgDE;;ACiBF;EACE;EAlEF;EDqDE;;ACiBF;EAtEA;EDqDE;;ACEF;EAvDA;ED0DE;;ACCF;EA3DA;ED0DE;;ACfF;EACE;ED9CF;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;ACuCF;EACE;EDnDF;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAwDF;EAEE;;AAGF;EAEE;;;AAIJ;EACE;;ACDA;EAhFA;EDqFE;;ACDF;EApFA;EDqFE;;AChBF;EACE;EAtEF;ED0FE;;AChBF;EA1EA;ED0FE;;AC/BF;EA3DA;ED+FE;;AChCF;EA/DA;ED+FE;;AChDF;EACE;ED9CF;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;ACuCF;EACE;EDnDF;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAyFF;EAEE;;AAGF;EAEE;;;AAIJ;EACE;;AClCA;EDqCE;EACA;;AClCF;EDiCE;EACA;;ACjDF;EACE;EDoDA;EACA;;ACjDF;EDgDE;EACA;;AChEF;EDoEE;EACA;;ACjEF;EDgEE;EACA;;ACjFF;EACE;ED9CF;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;ACuCF;EACE;EDnDF;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AA0HF;EAEE;;AAGF;EAEE;;;AAIJ;EACE;EACA;;ACpEA;EDuEE;;ACnEF;EDmEE;;AClFF;EACE;EDqFA;;ACjFF;EDiFE;;AChGF;EDoGE;;AChGF;EDgGE;;AChHF;EACE;EDmHA;EACA;EAlKF;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;ACuCF;EACE;ED8GA;EACA;EAlKF;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AA2JF;EAEE;;AAGF;EAEE;;;AAIJ;EACE;;ACpGA;EDuGE;;ACnGF;EDmGE;;AClHF;EACE;EDqHA;;ACjHF;EDiHE;;AChIF;EDoIE;;AChIF;EDgIE;;AChJF;EACE;EDmJA;EAjMF;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;ACuCF;EACE;ED8IA;EAjMF;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AA0LF;EAEE;;AAGF;EAEE","file":"qd-button.css"} \ No newline at end of file diff --git a/projects/qd-design/src/lib/qd-button/qd-button.html b/projects/qd-design/src/lib/qd-button/qd-button.html new file mode 100644 index 0000000..5304b54 --- /dev/null +++ b/projects/qd-design/src/lib/qd-button/qd-button.html @@ -0,0 +1,16 @@ + diff --git a/projects/qd-design/src/lib/qd-button/qd-button.scss b/projects/qd-design/src/lib/qd-button/qd-button.scss new file mode 100644 index 0000000..952ff3e --- /dev/null +++ b/projects/qd-design/src/lib/qd-button/qd-button.scss @@ -0,0 +1,217 @@ +@use '../../styles/qd_design_system' as qd; + +:host { + display: flex; + background-color: transparent; + height: fit-content; + width: fit-content; +} + +@mixin button-disabled { + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); + cursor: default; + box-shadow: none; + + .icon { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 32%, transparent); + background: transparent; + } + + .content { + color: color-mix(in srgb, var(--md-sys-color-on-surface) 32%, transparent); + background: transparent; + } +} + +.button { + @include qd.flex(row); + @include qd.clickable; + background-color: transparent; + border: 1px solid transparent; + border-radius: 20px; + box-sizing: border-box; + height: 40px; + padding: 0 16px; + transition: all 200ms ease-in-out; + width: fit-content; + + &-icon { + background-color: transparent; + height: 24px; + margin: auto; + padding: 0; + width: 24px; + } + + &-content { + @extend .label-large; + background-color: transparent; + height: fit-content; + margin: auto 8px; + padding: 0; + } +} + +:host[data-variant='elevated'] .button { + @include qd.elevation-1; + background-color: var(--md-sys-color-surface-container-low); + + @include qd.hover { + @include qd.elevation-2; + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-low), var(--md-sys-color-primary) 8%); + } + + @include qd.focus { + @include qd.elevation-2; + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-low), var(--md-sys-color-primary) 12%); + } + + @include qd.active { + @include qd.elevation-2; + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-low), var(--md-sys-color-primary) 12%); + } + + @include qd.disabled { + @include button-disabled; + } + + .icon { + @extend .button-icon; + color: var(--md-sys-color-primary); + } + + .content { + @extend .button-content; + color: var(--md-sys-color-primary); + } +} + +:host[data-variant='filled'] .button { + background-color: var(--md-sys-color-primary); + + @include qd.hover { + @include qd.elevation-1; + background-color: color-mix(in hsl, var(--md-sys-color-primary), var(--md-sys-color-on-primary) 8%); + } + + @include qd.focus { + @include qd.elevation-1; + background-color: color-mix(in hsl, var(--md-sys-color-primary), var(--md-sys-color-on-primary) 12%); + } + + @include qd.active { + @include qd.elevation-1; + background-color: color-mix(in hsl, var(--md-sys-color-primary), var(--md-sys-color-on-primary) 12%); + } + + @include qd.disabled { + @include button-disabled; + } + + .icon { + @extend .button-icon; + color: var(--md-sys-color-on-primary); + } + + .content { + @extend .button-content; + color: var(--md-sys-color-on-primary); + } +} + +:host[data-variant='filled-tonal'] .button { + background-color: var(--md-sys-color-secondary-container); + + @include qd.hover { + background-color: color-mix(in hsl, var(--md-sys-color-secondary-container), var(--md-sys-color-on-secondary-container) 8%); + box-shadow: var(--md-sys-elevation-1); + } + + @include qd.focus { + background-color: color-mix(in hsl, var(--md-sys-color-secondary-container), var(--md-sys-color-on-secondary-container) 12%); + box-shadow: var(--md-sys-elevation-1); + } + + @include qd.active { + background-color: color-mix(in hsl, var(--md-sys-color-secondary-container), var(--md-sys-color-on-secondary-container) 12%); + box-shadow: var(--md-sys-elevation-1); + } + + @include qd.disabled { + @include button-disabled; + } + + .icon { + @extend .button-icon; + color: var(--md-sys-color-on-secondary-container); + } + + .content { + @extend .button-content; + color: var(--md-sys-color-on-secondary-container); + } +} + +:host[data-variant='outlined'] .button { + background-color: transparent; + border: 1px solid var(--md-sys-color-outline-variant); + + @include qd.hover { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent); + } + + @include qd.focus { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); + } + + @include qd.active { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); + } + + @include qd.disabled { + background-color: transparent; + border: 1px solid color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); + @include button-disabled; + } + + .icon { + @extend .button-icon; + color: var(--md-sys-color-on-surface-variant); + } + + .content { + @extend .button-content; + color: var(--md-sys-color-on-surface-variant); + } +} + +:host[data-variant='text'] .button { + padding: 0 4px; + + @include qd.hover { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent); + } + + @include qd.focus { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); + } + + @include qd.active { + background-color: color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent); + } + + @include qd.disabled { + background-color: transparent; + @include button-disabled; + } + + .icon { + @extend .button-icon; + color: var(--md-sys-color-primary); + } + + .content { + @extend .button-content; + color: var(--md-sys-color-primary); + } +} diff --git a/projects/qd-design/src/lib/qd-button/qd-button.spec.ts b/projects/qd-design/src/lib/qd-button/qd-button.spec.ts new file mode 100644 index 0000000..ab309a5 --- /dev/null +++ b/projects/qd-design/src/lib/qd-button/qd-button.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { QdButton } from './qd-button'; + +describe('QdButton', () => { + let component: QdButton; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [QdButton] + }) + .compileComponents(); + + fixture = TestBed.createComponent(QdButton); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/projects/qd-design/src/lib/qd-button/qd-button.ts b/projects/qd-design/src/lib/qd-button/qd-button.ts new file mode 100644 index 0000000..2eb76a7 --- /dev/null +++ b/projects/qd-design/src/lib/qd-button/qd-button.ts @@ -0,0 +1,25 @@ +import {Component, input, output, OutputEmitterRef} from '@angular/core'; +import {QdIcon} from '../qd-icon/qd-icon'; +import {QdButtonVariantDirective} from '../../directives/qd-button-variant'; + +@Component({ + selector: 'qd-button', + imports: [ + QdIcon + ], + templateUrl: './qd-button.html', + styleUrl: './qd-button.scss', + hostDirectives: [ + { + directive: QdButtonVariantDirective, + inputs: ['variant'] + } + ] +}) +export class QdButton { + // Optional inputs + iconName = input(); + text = input(); + disabled = input(false); + type = input<'button' | 'submit' | 'reset'>('button'); +} diff --git a/projects/qd-design/src/lib/qd-card/qd-card.css b/projects/qd-design/src/lib/qd-card/qd-card.css new file mode 100644 index 0000000..b59bc16 --- /dev/null +++ b/projects/qd-design/src/lib/qd-card/qd-card.css @@ -0,0 +1,615 @@ +@import url("https://fonts.googleapis.com/icon?family=Material+Icons"); +:root { + /* body - large */ + --md-sys-typescale-body-large-font-family-name: Roboto; + --md-sys-typescale-body-large-font-family-style: Regular; + --md-sys-typescale-body-large-font-size: 18px; + --md-sys-typescale-body-large-font-weight: 400px; + --md-sys-typescale-body-large-letter-spacing: 0.50px; + --md-sys-typescale-body-large-line-height: 22px; + /* body - medium */ + --md-sys-typescale-body-medium-font-family-name: Roboto; + --md-sys-typescale-body-medium-font-family-style: Regular; + --md-sys-typescale-body-medium-font-size: 16px; + --md-sys-typescale-body-medium-font-weight: 400px; + --md-sys-typescale-body-medium-letter-spacing: 0.25px; + --md-sys-typescale-body-medium-line-height: 20px; + /* body - small */ + --md-sys-typescale-body-small-font-family-name: Roboto; + --md-sys-typescale-body-small-font-family-style: Regular; + --md-sys-typescale-body-small-font-size: 14px; + --md-sys-typescale-body-small-font-weight: 400px; + --md-sys-typescale-body-small-letter-spacing: 0.40px; + --md-sys-typescale-body-small-line-height: 18px; + /* display - large */ + --md-sys-typescale-display-large-font-family-name: Roboto; + --md-sys-typescale-display-large-font-family-style: Regular; + --md-sys-typescale-display-large-font-size: 51px; + --md-sys-typescale-display-large-font-weight: 400px; + --md-sys-typescale-display-large-letter-spacing: -0.25px; + --md-sys-typescale-display-large-line-height: 61px; + /* display - medium */ + --md-sys-typescale-display-medium-font-family-name: Roboto; + --md-sys-typescale-display-medium-font-family-style: Regular; + --md-sys-typescale-display-medium-font-size: 42px; + --md-sys-typescale-display-medium-font-weight: 400px; + --md-sys-typescale-display-medium-letter-spacing: 0px; + --md-sys-typescale-display-medium-line-height: 52px; + /* display - small */ + --md-sys-typescale-display-small-font-family-name: Roboto; + --md-sys-typescale-display-small-font-family-style: Regular; + --md-sys-typescale-display-small-font-size: 40px; + --md-sys-typescale-display-small-font-weight: 400px; + --md-sys-typescale-display-small-letter-spacing: 0px; + --md-sys-typescale-display-small-line-height: 50px; + /* headline - large */ + --md-sys-typescale-headline-large-font-family-name: Roboto; + --md-sys-typescale-headline-large-font-family-style: Regular; + --md-sys-typescale-headline-large-font-size: 36px; + --md-sys-typescale-headline-large-font-weight: 400px; + --md-sys-typescale-headline-large-letter-spacing: 0px; + --md-sys-typescale-headline-large-line-height: 44px; + /* headline - medium */ + --md-sys-typescale-headline-medium-font-family-name: Roboto; + --md-sys-typescale-headline-medium-font-family-style: Regular; + --md-sys-typescale-headline-medium-font-size: 32px; + --md-sys-typescale-headline-medium-font-weight: 400px; + --md-sys-typescale-headline-medium-letter-spacing: 0px; + --md-sys-typescale-headline-medium-line-height: 36px; + /* headline - small */ + --md-sys-typescale-headline-small-font-family-name: Roboto; + --md-sys-typescale-headline-small-font-family-style: Regular; + --md-sys-typescale-headline-small-font-size: 28px; + --md-sys-typescale-headline-small-font-weight: 400px; + --md-sys-typescale-headline-small-letter-spacing: 0px; + --md-sys-typescale-headline-small-line-height: 36px; + /* label - large */ + --md-sys-typescale-label-large-font-family-name: Roboto; + --md-sys-typescale-label-large-font-family-style: Regular; + --md-sys-typescale-label-large-font-size: 12px; + --md-sys-typescale-label-large-font-weight: 500px; + --md-sys-typescale-label-large-letter-spacing: 0.10px; + --md-sys-typescale-label-large-line-height: 14px; + /* label - medium */ + --md-sys-typescale-label-medium-font-family-name: Roboto; + --md-sys-typescale-label-medium-font-family-style: Regular; + --md-sys-typescale-label-medium-font-size: 11px; + --md-sys-typescale-label-medium-font-weight: 500px; + --md-sys-typescale-label-medium-letter-spacing: 0.50px; + --md-sys-typescale-label-medium-line-height: 15px; + /* label - small */ + --md-sys-typescale-label-small-font-family-name: Roboto; + --md-sys-typescale-label-small-font-family-style: Regular; + --md-sys-typescale-label-small-font-size: 10px; + --md-sys-typescale-label-small-font-weight: 500px; + --md-sys-typescale-label-small-letter-spacing: 0.50px; + --md-sys-typescale-label-small-line-height: 14px; + /* title - large */ + --md-sys-typescale-title-large-font-family-name: Roboto; + --md-sys-typescale-title-large-font-family-style: Regular; + --md-sys-typescale-title-large-font-size: 25px; + --md-sys-typescale-title-large-font-weight: 400px; + --md-sys-typescale-title-large-letter-spacing: 0px; + --md-sys-typescale-title-large-line-height: 31px; + /* title - medium */ + --md-sys-typescale-title-medium-font-family-name: Roboto; + --md-sys-typescale-title-medium-font-family-style: Regular; + --md-sys-typescale-title-medium-font-size: 22px; + --md-sys-typescale-title-medium-font-weight: 500px; + --md-sys-typescale-title-medium-letter-spacing: 0.15px; + --md-sys-typescale-title-medium-line-height: 28px; + /* title - small */ + --md-sys-typescale-title-small-font-family-name: Roboto; + --md-sys-typescale-title-small-font-family-style: Regular; + --md-sys-typescale-title-small-font-size: 20px; + --md-sys-typescale-title-small-font-weight: 500px; + --md-sys-typescale-title-small-letter-spacing: 0.10px; + --md-sys-typescale-title-small-line-height: 16px; +} + +.display-large { + font-family: var(--md-sys-typescale-display-large-font-family-name); + font-size: var(--md-sys-typescale-display-large-font-size); + font-style: var(--md-sys-typescale-display-large-font-family-style); + font-weight: var(--md-sys-typescale-display-large-font-weight); + letter-spacing: var(--md-sys-typescale-display-large-tracking); + line-height: var(--md-sys-typescale-display-large-line-height); + text-decoration: var(--md-sys-typescale-display-large-text-decoration); + text-transform: var(--md-sys-typescale-display-large-text-transform); +} + +.display-medium { + font-family: var(--md-sys-typescale-display-medium-font-family-name); + font-size: var(--md-sys-typescale-display-medium-font-size); + font-style: var(--md-sys-typescale-display-medium-font-family-style); + font-weight: var(--md-sys-typescale-display-medium-font-weight); + letter-spacing: var(--md-sys-typescale-display-medium-tracking); + line-height: var(--md-sys-typescale-display-medium-line-height); + text-decoration: var(--md-sys-typescale-display-medium-text-decoration); + text-transform: var(--md-sys-typescale-display-medium-text-transform); +} + +.display-small { + font-family: var(--md-sys-typescale-display-small-font-family-name); + font-size: var(--md-sys-typescale-display-small-font-size); + font-style: var(--md-sys-typescale-display-small-font-family-style); + font-weight: var(--md-sys-typescale-display-small-font-weight); + letter-spacing: var(--md-sys-typescale-display-small-tracking); + line-height: var(--md-sys-typescale-display-small-line-height); + text-decoration: var(--md-sys-typescale-display-small-text-decoration); + text-transform: var(--md-sys-typescale-display-small-text-transform); +} + +.headline-large { + font-family: var(--md-sys-typescale-headline-large-font-family-name); + font-size: var(--md-sys-typescale-headline-large-font-size); + font-style: var(--md-sys-typescale-headline-large-font-family-style); + font-weight: var(--md-sys-typescale-headline-large-font-weight); + letter-spacing: var(--md-sys-typescale-headline-large-tracking); + line-height: var(--md-sys-typescale-headline-large-line-height); + text-decoration: var(--md-sys-typescale-headline-large-text-decoration); + text-transform: var(--md-sys-typescale-headline-large-text-transform); +} + +.headline-medium { + font-family: var(--md-sys-typescale-headline-medium-font-family-name); + font-size: var(--md-sys-typescale-headline-medium-font-size); + font-style: var(--md-sys-typescale-headline-medium-font-family-style); + font-weight: var(--md-sys-typescale-headline-medium-font-weight); + letter-spacing: var(--md-sys-typescale-headline-medium-tracking); + line-height: var(--md-sys-typescale-headline-medium-line-height); + text-decoration: var(--md-sys-typescale-headline-medium-text-decoration); + text-transform: var(--md-sys-typescale-headline-medium-text-transform); +} + +.headline-small { + font-family: var(--md-sys-typescale-headline-small-font-family-name); + font-size: var(--md-sys-typescale-headline-small-font-size); + font-style: var(--md-sys-typescale-headline-small-font-family-style); + font-weight: var(--md-sys-typescale-headline-small-font-weight); + letter-spacing: var(--md-sys-typescale-headline-small-tracking); + line-height: var(--md-sys-typescale-headline-small-line-height); + text-decoration: var(--md-sys-typescale-headline-small-text-decoration); + text-transform: var(--md-sys-typescale-headline-small-text-transform); +} + +.body-large { + font-family: var(--md-sys-typescale-body-large-font-family-name); + font-size: var(--md-sys-typescale-body-large-font-size); + font-style: var(--md-sys-typescale-body-large-font-family-style); + font-weight: var(--md-sys-typescale-body-large-font-weight); + letter-spacing: var(--md-sys-typescale-body-large-tracking); + line-height: var(--md-sys-typescale-body-large-line-height); + text-decoration: var(--md-sys-typescale-body-large-text-decoration); + text-transform: var(--md-sys-typescale-body-large-text-transform); +} + +.body-medium { + font-family: var(--md-sys-typescale-body-medium-font-family-name); + font-size: var(--md-sys-typescale-body-medium-font-size); + font-style: var(--md-sys-typescale-body-medium-font-family-style); + font-weight: var(--md-sys-typescale-body-medium-font-weight); + letter-spacing: var(--md-sys-typescale-body-medium-tracking); + line-height: var(--md-sys-typescale-body-medium-line-height); + text-decoration: var(--md-sys-typescale-body-medium-text-decoration); + text-transform: var(--md-sys-typescale-body-medium-text-transform); +} + +.body-small { + font-family: var(--md-sys-typescale-body-small-font-family-name); + font-size: var(--md-sys-typescale-body-small-font-size); + font-style: var(--md-sys-typescale-body-small-font-family-style); + font-weight: var(--md-sys-typescale-body-small-font-weight); + letter-spacing: var(--md-sys-typescale-body-small-tracking); + line-height: var(--md-sys-typescale-body-small-line-height); + text-decoration: var(--md-sys-typescale-body-small-text-decoration); + text-transform: var(--md-sys-typescale-body-small-text-transform); +} + +.label-large { + font-family: var(--md-sys-typescale-label-large-font-family-name); + font-size: var(--md-sys-typescale-label-large-font-size); + font-style: var(--md-sys-typescale-label-large-font-family-style); + font-weight: var(--md-sys-typescale-label-large-font-weight); + letter-spacing: var(--md-sys-typescale-label-large-tracking); + line-height: var(--md-sys-typescale-label-large-line-height); + text-decoration: var(--md-sys-typescale-label-large-text-decoration); + text-transform: var(--md-sys-typescale-label-large-text-transform); +} + +.label-medium { + font-family: var(--md-sys-typescale-label-medium-font-family-name); + font-size: var(--md-sys-typescale-label-medium-font-size); + font-style: var(--md-sys-typescale-label-medium-font-family-style); + font-weight: var(--md-sys-typescale-label-medium-font-weight); + letter-spacing: var(--md-sys-typescale-label-medium-tracking); + line-height: var(--md-sys-typescale-label-medium-line-height); + text-decoration: var(--md-sys-typescale-label-medium-text-decoration); + text-transform: var(--md-sys-typescale-label-medium-text-transform); +} + +.label-small { + font-family: var(--md-sys-typescale-label-small-font-family-name); + font-size: var(--md-sys-typescale-label-small-font-size); + font-style: var(--md-sys-typescale-label-small-font-family-style); + font-weight: var(--md-sys-typescale-label-small-font-weight); + letter-spacing: var(--md-sys-typescale-label-small-tracking); + line-height: var(--md-sys-typescale-label-small-line-height); + text-decoration: var(--md-sys-typescale-label-small-text-decoration); + text-transform: var(--md-sys-typescale-label-small-text-transform); +} + +.title-large { + font-family: var(--md-sys-typescale-title-large-font-family-name); + font-size: var(--md-sys-typescale-title-large-font-size); + font-style: var(--md-sys-typescale-title-large-font-family-style); + font-weight: var(--md-sys-typescale-title-large-font-weight); + letter-spacing: var(--md-sys-typescale-title-large-tracking); + line-height: var(--md-sys-typescale-title-large-line-height); + text-decoration: var(--md-sys-typescale-title-large-text-decoration); + text-transform: var(--md-sys-typescale-title-large-text-transform); +} + +.title-medium { + font-family: var(--md-sys-typescale-title-medium-font-family-name); + font-size: var(--md-sys-typescale-title-medium-font-size); + font-style: var(--md-sys-typescale-title-medium-font-family-style); + font-weight: var(--md-sys-typescale-title-medium-font-weight); + letter-spacing: var(--md-sys-typescale-title-medium-tracking); + line-height: var(--md-sys-typescale-title-medium-line-height); + text-decoration: var(--md-sys-typescale-title-medium-text-decoration); + text-transform: var(--md-sys-typescale-title-medium-text-transform); +} + +.title-small { + font-family: var(--md-sys-typescale-title-small-font-family-name); + font-size: var(--md-sys-typescale-title-small-font-size); + font-style: var(--md-sys-typescale-title-small-font-family-style); + font-weight: var(--md-sys-typescale-title-small-font-weight); + letter-spacing: var(--md-sys-typescale-title-small-tracking); + line-height: var(--md-sys-typescale-title-small-line-height); + text-decoration: var(--md-sys-typescale-title-small-text-decoration); + text-transform: var(--md-sys-typescale-title-small-text-transform); +} + +.scrollable-y { + max-height: 100%; + overflow-x: hidden; + overflow-y: auto; +} + +.height-100 { + height: 100%; + max-height: 100%; + min-height: 100%; +} + +.height-100-vh { + height: 100vh; + max-height: 100vh; + min-height: 100vh; +} + +.width-100 { + max-width: 100%; + min-width: 100%; + width: 100%; +} + +.width-100-vw { + max-width: 100vw; + min-width: 100vw; + width: 100vw; +} + +body { + --md-sys-color-primary: rgb(73 93 146); + --md-sys-color-surface-tint: rgb(73 93 146); + --md-sys-color-on-primary: rgb(255 255 255); + --md-sys-color-primary-container: rgb(218 225 255); + --md-sys-color-on-primary-container: rgb(49 69 120); + --md-sys-color-secondary: rgb(88 94 113); + --md-sys-color-on-secondary: rgb(255 255 255); + --md-sys-color-secondary-container: rgb(221 226 249); + --md-sys-color-on-secondary-container: rgb(65 70 89); + --md-sys-color-tertiary: rgb(115 84 113); + --md-sys-color-on-tertiary: rgb(255 255 255); + --md-sys-color-tertiary-container: rgb(255 214 249); + --md-sys-color-on-tertiary-container: rgb(90 61 88); + --md-sys-color-error: rgb(186 26 26); + --md-sys-color-on-error: rgb(255 255 255); + --md-sys-color-error-container: rgb(255 218 214); + --md-sys-color-on-error-container: rgb(147 0 10); + --md-sys-color-background: rgb(250 248 255); + --md-sys-color-on-background: rgb(26 27 33); + --md-sys-color-surface: rgb(250 248 255); + --md-sys-color-on-surface: rgb(26 27 33); + --md-sys-color-surface-variant: rgb(225 226 236); + --md-sys-color-on-surface-variant: rgb(69 70 79); + --md-sys-color-outline: rgb(117 118 128); + --md-sys-color-outline-variant: rgb(197 198 208); + --md-sys-color-shadow: rgb(0 0 0); + --md-sys-color-scrim: rgb(0 0 0); + --md-sys-color-inverse-surface: rgb(47 48 54); + --md-sys-color-inverse-on-surface: rgb(241 240 247); + --md-sys-color-inverse-primary: rgb(179 197 255); + --md-sys-color-primary-fixed: rgb(218 225 255); + --md-sys-color-on-primary-fixed: rgb(0 24 73); + --md-sys-color-primary-fixed-dim: rgb(179 197 255); + --md-sys-color-on-primary-fixed-variant: rgb(49 69 120); + --md-sys-color-secondary-fixed: rgb(221 226 249); + --md-sys-color-on-secondary-fixed: rgb(21 27 44); + --md-sys-color-secondary-fixed-dim: rgb(193 198 221); + --md-sys-color-on-secondary-fixed-variant: rgb(65 70 89); + --md-sys-color-tertiary-fixed: rgb(255 214 249); + --md-sys-color-on-tertiary-fixed: rgb(43 18 43); + --md-sys-color-tertiary-fixed-dim: rgb(225 187 220); + --md-sys-color-on-tertiary-fixed-variant: rgb(90 61 88); + --md-sys-color-surface-dim: rgb(218 217 224); + --md-sys-color-surface-bright: rgb(250 248 255); + --md-sys-color-surface-container-lowest: rgb(255 255 255); + --md-sys-color-surface-container-low: rgb(244 243 250); + --md-sys-color-surface-container: rgb(238 237 244); + --md-sys-color-surface-container-high: rgb(232 231 239); + --md-sys-color-surface-container-highest: rgb(227 226 233); + transition: background-color 0.3s, color 0.3s; +} + +@media (prefers-color-scheme: dark) { + body:not(.light-theme) { + --md-sys-color-primary: rgb(179 197 255); + --md-sys-color-surface-tint: rgb(179 197 255); + --md-sys-color-on-primary: rgb(25 46 96); + --md-sys-color-primary-container: rgb(49 69 120); + --md-sys-color-on-primary-container: rgb(218 225 255); + --md-sys-color-secondary: rgb(193 198 221); + --md-sys-color-on-secondary: rgb(42 48 66); + --md-sys-color-secondary-container: rgb(65 70 89); + --md-sys-color-on-secondary-container: rgb(221 226 249); + --md-sys-color-tertiary: rgb(225 187 220); + --md-sys-color-on-tertiary: rgb(66 39 65); + --md-sys-color-tertiary-container: rgb(90 61 88); + --md-sys-color-on-tertiary-container: rgb(255 214 249); + --md-sys-color-error: rgb(255 180 171); + --md-sys-color-on-error: rgb(105 0 5); + --md-sys-color-error-container: rgb(147 0 10); + --md-sys-color-on-error-container: rgb(255 218 214); + --md-sys-color-background: rgb(18 19 24); + --md-sys-color-on-background: rgb(227 226 233); + --md-sys-color-surface: rgb(18 19 24); + --md-sys-color-on-surface: rgb(227 226 233); + --md-sys-color-surface-variant: rgb(69 70 79); + --md-sys-color-on-surface-variant: rgb(197 198 208); + --md-sys-color-outline: rgb(143 144 154); + --md-sys-color-outline-variant: rgb(69 70 79); + --md-sys-color-shadow: rgb(0 0 0); + --md-sys-color-scrim: rgb(0 0 0); + --md-sys-color-inverse-surface: rgb(227 226 233); + --md-sys-color-inverse-on-surface: rgb(47 48 54); + --md-sys-color-inverse-primary: rgb(73 93 146); + --md-sys-color-primary-fixed: rgb(218 225 255); + --md-sys-color-on-primary-fixed: rgb(0 24 73); + --md-sys-color-primary-fixed-dim: rgb(179 197 255); + --md-sys-color-on-primary-fixed-variant: rgb(49 69 120); + --md-sys-color-secondary-fixed: rgb(221 226 249); + --md-sys-color-on-secondary-fixed: rgb(21 27 44); + --md-sys-color-secondary-fixed-dim: rgb(193 198 221); + --md-sys-color-on-secondary-fixed-variant: rgb(65 70 89); + --md-sys-color-tertiary-fixed: rgb(255 214 249); + --md-sys-color-on-tertiary-fixed: rgb(43 18 43); + --md-sys-color-tertiary-fixed-dim: rgb(225 187 220); + --md-sys-color-on-tertiary-fixed-variant: rgb(90 61 88); + --md-sys-color-surface-dim: rgb(18 19 24); + --md-sys-color-surface-bright: rgb(56 57 63); + --md-sys-color-surface-container-lowest: rgb(13 14 19); + --md-sys-color-surface-container-low: rgb(26 27 33); + --md-sys-color-surface-container: rgb(30 31 37); + --md-sys-color-surface-container-high: rgb(41 42 47); + --md-sys-color-surface-container-highest: rgb(51 52 58); + } +} +body.dark-theme { + --md-sys-color-primary: rgb(179 197 255); + --md-sys-color-surface-tint: rgb(179 197 255); + --md-sys-color-on-primary: rgb(25 46 96); + --md-sys-color-primary-container: rgb(49 69 120); + --md-sys-color-on-primary-container: rgb(218 225 255); + --md-sys-color-secondary: rgb(193 198 221); + --md-sys-color-on-secondary: rgb(42 48 66); + --md-sys-color-secondary-container: rgb(65 70 89); + --md-sys-color-on-secondary-container: rgb(221 226 249); + --md-sys-color-tertiary: rgb(225 187 220); + --md-sys-color-on-tertiary: rgb(66 39 65); + --md-sys-color-tertiary-container: rgb(90 61 88); + --md-sys-color-on-tertiary-container: rgb(255 214 249); + --md-sys-color-error: rgb(255 180 171); + --md-sys-color-on-error: rgb(105 0 5); + --md-sys-color-error-container: rgb(147 0 10); + --md-sys-color-on-error-container: rgb(255 218 214); + --md-sys-color-background: rgb(18 19 24); + --md-sys-color-on-background: rgb(227 226 233); + --md-sys-color-surface: rgb(18 19 24); + --md-sys-color-on-surface: rgb(227 226 233); + --md-sys-color-surface-variant: rgb(69 70 79); + --md-sys-color-on-surface-variant: rgb(197 198 208); + --md-sys-color-outline: rgb(143 144 154); + --md-sys-color-outline-variant: rgb(69 70 79); + --md-sys-color-shadow: rgb(0 0 0); + --md-sys-color-scrim: rgb(0 0 0); + --md-sys-color-inverse-surface: rgb(227 226 233); + --md-sys-color-inverse-on-surface: rgb(47 48 54); + --md-sys-color-inverse-primary: rgb(73 93 146); + --md-sys-color-primary-fixed: rgb(218 225 255); + --md-sys-color-on-primary-fixed: rgb(0 24 73); + --md-sys-color-primary-fixed-dim: rgb(179 197 255); + --md-sys-color-on-primary-fixed-variant: rgb(49 69 120); + --md-sys-color-secondary-fixed: rgb(221 226 249); + --md-sys-color-on-secondary-fixed: rgb(21 27 44); + --md-sys-color-secondary-fixed-dim: rgb(193 198 221); + --md-sys-color-on-secondary-fixed-variant: rgb(65 70 89); + --md-sys-color-tertiary-fixed: rgb(255 214 249); + --md-sys-color-on-tertiary-fixed: rgb(43 18 43); + --md-sys-color-tertiary-fixed-dim: rgb(225 187 220); + --md-sys-color-on-tertiary-fixed-variant: rgb(90 61 88); + --md-sys-color-surface-dim: rgb(18 19 24); + --md-sys-color-surface-bright: rgb(56 57 63); + --md-sys-color-surface-container-lowest: rgb(13 14 19); + --md-sys-color-surface-container-low: rgb(26 27 33); + --md-sys-color-surface-container: rgb(30 31 37); + --md-sys-color-surface-container-high: rgb(41 42 47); + --md-sys-color-surface-container-highest: rgb(51 52 58); +} + +:host { + display: flex; + flex-direction: column; + border-radius: 12px; + overflow: hidden; +} +:host.disabled:disabled, :host.disabled:disabled:active, :host.disabled:disabled:hover, :host.disabled:disabled:focus { + pointer-events: none; + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); + cursor: default; + box-shadow: none; +} +:host.disabled.disabled { + pointer-events: none; + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); + cursor: default; + box-shadow: none; +} +:host.disabled .image { + opacity: 32%; +} +:host.disabled .content { + opacity: 32%; +} + +:host[data-variant=filled] { + background-color: var(--md-sys-color-surface-container-highest); +} +:host[data-variant=filled].interactive { + cursor: pointer; +} +:host[data-variant=filled].interactive:enabled:hover, :host[data-variant=filled].interactive:hover { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-highest), var(--md-sys-color-on-surface) 8%); +} +:host[data-variant=filled].interactive.hover { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-highest), var(--md-sys-color-on-surface) 8%); +} +:host[data-variant=filled].interactive:enabled:focus-visible, :host[data-variant=filled].interactive:focus-visible { + outline: none; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-highest), var(--md-sys-color-secondary) 12%); +} +:host[data-variant=filled].interactive.focus { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-highest), var(--md-sys-color-secondary) 12%); +} +:host[data-variant=filled].interactive:enabled:active, :host[data-variant=filled].interactive:active { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-highest), var(--md-sys-color-on-surface) 10%); +} +:host[data-variant=filled].interactive.active { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-highest), var(--md-sys-color-on-surface) 10%); +} +:host[data-variant=filled].interactive:disabled, :host[data-variant=filled].interactive:disabled:active, :host[data-variant=filled].interactive:disabled:hover, :host[data-variant=filled].interactive:disabled:focus { + pointer-events: none; +} +:host[data-variant=filled].interactive.disabled { + pointer-events: none; +} + +:host[data-variant=outlined] { + background-color: var(--md-sys-color-surface); + border: 1px solid var(--md-sys-color-outline-variant); +} +:host[data-variant=outlined].interactive { + cursor: pointer; +} +:host[data-variant=outlined].interactive:enabled:hover, :host[data-variant=outlined].interactive:hover { + background-color: color-mix(in srgb, var(--md-sys-color-surface), var(--md-sys-color-on-surface) 8%); +} +:host[data-variant=outlined].interactive.hover { + background-color: color-mix(in srgb, var(--md-sys-color-surface), var(--md-sys-color-on-surface) 8%); +} +:host[data-variant=outlined].interactive:enabled:focus-visible, :host[data-variant=outlined].interactive:focus-visible { + outline: none; + background-color: color-mix(in srgb, var(--md-sys-color-surface), var(--md-sys-color-on-surface) 10%); +} +:host[data-variant=outlined].interactive.focus { + background-color: color-mix(in srgb, var(--md-sys-color-surface), var(--md-sys-color-on-surface) 10%); +} +:host[data-variant=outlined].interactive:enabled:active, :host[data-variant=outlined].interactive:active { + background-color: color-mix(in srgb, var(--md-sys-color-surface), var(--md-sys-color-on-surface) 10%); +} +:host[data-variant=outlined].interactive.active { + background-color: color-mix(in srgb, var(--md-sys-color-surface), var(--md-sys-color-on-surface) 10%); +} +:host[data-variant=outlined].interactive:disabled, :host[data-variant=outlined].interactive:disabled:active, :host[data-variant=outlined].interactive:disabled:hover, :host[data-variant=outlined].interactive:disabled:focus { + pointer-events: none; + background-color: transparent; + border: 1px solid color-mix(in srgb, var(--md-sys-color-outline) 12%, transparent); +} +:host[data-variant=outlined].interactive.disabled { + pointer-events: none; + background-color: transparent; + border: 1px solid color-mix(in srgb, var(--md-sys-color-outline) 12%, transparent); +} + +:host[data-variant=elevated] { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: var(--md-sys-color-surface-container-low); +} +:host[data-variant=elevated].interactive { + cursor: pointer; +} +:host[data-variant=elevated].interactive:disabled, :host[data-variant=elevated].interactive:disabled:active, :host[data-variant=elevated].interactive:disabled:hover, :host[data-variant=elevated].interactive:disabled:focus { + pointer-events: none; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); +} +:host[data-variant=elevated].interactive.disabled { + pointer-events: none; + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); +} +:host[data-variant=elevated].interactive:enabled:hover, :host[data-variant=elevated].interactive:hover { + box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-low), var(--md-sys-color-on-surface) 8%); +} +:host[data-variant=elevated].interactive.hover { + box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-low), var(--md-sys-color-on-surface) 8%); +} +:host[data-variant=elevated].interactive:enabled:focus-visible, :host[data-variant=elevated].interactive:focus-visible { + outline: none; + box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-low), var(--md-sys-color-on-surface) 10%); +} +:host[data-variant=elevated].interactive.focus { + box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-low), var(--md-sys-color-on-surface) 10%); +} +:host[data-variant=elevated].interactive:enabled:active, :host[data-variant=elevated].interactive:active { + box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-low), var(--md-sys-color-on-surface) 10%); +} +:host[data-variant=elevated].interactive.active { + box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3); + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-low), var(--md-sys-color-on-surface) 10%); +} + +.image { + border-radius: 12px; + overflow: hidden; +} + +.content { + padding: 12px 16px; + overflow: hidden; + color: var(--md-sys-color-on-surface); +} + +/*# sourceMappingURL=qd-card.css.map */ diff --git a/projects/qd-design/src/lib/qd-card/qd-card.css.map b/projects/qd-design/src/lib/qd-card/qd-card.css.map new file mode 100644 index 0000000..cb48f68 --- /dev/null +++ b/projects/qd-design/src/lib/qd-card/qd-card.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../../styles/qd_design_system.scss","../../styles/typography/typography.token.scss","../../styles/typography/typography.module.scss","../../styles/design/look_and_feel.scss","../../styles/colors/light-theme.scss","../../styles/colors/dark-theme.scss","qd-card.scss","../../styles/design/overall-design.scss"],"names":[],"mappings":"AAQQ;ACRR;AACE;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACzGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AClIF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AHjDF;EITE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EJpCA;;;AAGF;EACE;IKhBA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AL3BF;EKrBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC/CF;EHWE;EACA,gBGXiB;EACjB;EACA;;ACkDA;EACE;ED/CE;EACA;EACA;;ACiDJ;EACE;EDpDE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;AAKN;EACE;;AAEA;EHoCA;;AIyBA;EAhFA;EDuBI;;AC6DJ;EApFA;EDuBI;;AC8CJ;EACE;EAtEF;ED4BI;;AC8CJ;EA1EA;ED4BI;;AC+BJ;EA3DA;EDiCI;;AC8BJ;EA/DA;EDiCI;;ACcJ;EACE;;AAIF;EACE;;;ADZJ;EACE;EACA;;AAEA;EHUA;;AIyBA;EDhCI;;ACoCJ;EDpCI;;ACqBJ;EACE;EDlBE;;ACsBJ;EDtBI;;ACOJ;EDHI;;ACOJ;EDPI;;ACTJ;EACE;EDYE;EACA;;ACTJ;EACE;EDOE;EACA;;;AAKN;EClEE;EDoEA;;AAEA;EHfA;;AIRA;EACE;EAhDF;;AAoDA;EACE;EArDF;;AAgFA;EA5EA;ED0EI;;ACMJ;EAhFA;ED0EI;;ACTJ;EACE;EAlEF;ED+EI;;ACTJ;EAtEA;ED+EI;;ACxBJ;EAvDA;EDoFI;;ACzBJ;EA3DA;EDoFI;;;AAKN;EACE;EACA;;;AAGF;EACE;EACA;EACA","file":"qd-card.css"} \ No newline at end of file diff --git a/projects/qd-design/src/lib/qd-card/qd-card.html b/projects/qd-design/src/lib/qd-card/qd-card.html new file mode 100644 index 0000000..8d7d112 --- /dev/null +++ b/projects/qd-design/src/lib/qd-card/qd-card.html @@ -0,0 +1,6 @@ +
+ +
+
+ +
diff --git a/projects/qd-design/src/lib/qd-card/qd-card.scss b/projects/qd-design/src/lib/qd-card/qd-card.scss new file mode 100644 index 0000000..ceed466 --- /dev/null +++ b/projects/qd-design/src/lib/qd-card/qd-card.scss @@ -0,0 +1,111 @@ +@use '../../styles/qd_design_system' as qd; + +:host { + @include qd.flex(column); + border-radius: 12px; + overflow: hidden; + + &.disabled { + @include qd.disabled { + background-color: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent); + cursor: default; + box-shadow: none; + } + + .image { + opacity: 32%; + } + + .content { + opacity: 32%; + } + } +} + +:host[data-variant='filled'] { + background-color: var(--md-sys-color-surface-container-highest); + + &.interactive { + @include qd.clickable; + @include qd.hover { + @include qd.elevation-1; + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-highest), var(--md-sys-color-on-surface) 8%); + } + + @include qd.focus { + @include qd.elevation-1; + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-highest), var(--md-sys-color-secondary) 12%); + } + + @include qd.active { + @include qd.elevation-1; + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-highest), var(--md-sys-color-on-surface) 10%); + } + + @include qd.disabled { + } + } +} + +:host[data-variant='outlined'] { + background-color: var(--md-sys-color-surface); + border: 1px solid var(--md-sys-color-outline-variant); + + &.interactive { + @include qd.clickable; + @include qd.hover { + background-color: color-mix(in srgb, var(--md-sys-color-surface), var(--md-sys-color-on-surface) 8%); + } + + @include qd.focus { + background-color: color-mix(in srgb, var(--md-sys-color-surface), var(--md-sys-color-on-surface) 10%); + } + + @include qd.active { + background-color: color-mix(in srgb, var(--md-sys-color-surface), var(--md-sys-color-on-surface) 10%); + } + + @include qd.disabled { + background-color: transparent; + border: 1px solid color-mix(in srgb, var(--md-sys-color-outline) 12%, transparent); + } + } +} + +:host[data-variant='elevated'] { + @include qd.elevation-1; + background-color: var(--md-sys-color-surface-container-low); + + &.interactive { + @include qd.clickable; + @include qd.disabled { + @include qd.elevation-1; + } + + @include qd.hover { + @include qd.elevation-2; + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-low), var(--md-sys-color-on-surface) 8%); + } + + @include qd.focus { + @include qd.elevation-2; + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-low), var(--md-sys-color-on-surface) 10%); + } + + @include qd.active { + @include qd.elevation-2; + background-color: color-mix(in hsl, var(--md-sys-color-surface-container-low), var(--md-sys-color-on-surface) 10%); + } + } +} + +.image { + border-radius: 12px; + overflow: hidden; +} + +.content { + padding: 12px 16px; + overflow: hidden; + color: var(--md-sys-color-on-surface); +} diff --git a/projects/qd-design/src/lib/qd-card/qd-card.spec.ts b/projects/qd-design/src/lib/qd-card/qd-card.spec.ts new file mode 100644 index 0000000..3c8cda4 --- /dev/null +++ b/projects/qd-design/src/lib/qd-card/qd-card.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { QdCard } from './qd-card'; + +describe('QdCard', () => { + let component: QdCard; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [QdCard] + }) + .compileComponents(); + + fixture = TestBed.createComponent(QdCard); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/projects/qd-design/src/lib/qd-card/qd-card.ts b/projects/qd-design/src/lib/qd-card/qd-card.ts new file mode 100644 index 0000000..7e0cfc7 --- /dev/null +++ b/projects/qd-design/src/lib/qd-card/qd-card.ts @@ -0,0 +1,49 @@ +import { + booleanAttribute, + Component, + ElementRef, + HostBinding, + HostListener, inject, + input, + output, + OutputEmitterRef +} from '@angular/core'; +import {NgOptimizedImage} from '@angular/common'; +import {QdButtonVariantDirective} from '../../directives/qd-button-variant'; +import {QdCardVariantDirective} from '../../directives/qd-card-variant'; + +@Component({ + selector: 'qd-card', + imports: [], + templateUrl: './qd-card.html', + styleUrl: './qd-card.scss', + host: { + '[attr.tabindex]': 'clickable() && !disabled() ? "0" : null', + '[attr.role]': 'clickable() && !disabled() ? "button" : null', + '[class.interactive]': 'clickable() && !disabled()', + '[class.disabled]': 'disabled()', + '(keydown.enter)': 'handleKey($event)', + '(keydown.space)': 'handleKey($event)' + }, + standalone: true, + hostDirectives: [ + { + directive: QdCardVariantDirective, + inputs: ['variant'] + } + ] +}) +export class QdCard { + clickable = input(false, { transform: booleanAttribute }); + disabled = input(false, { transform: booleanAttribute }); + + private element = inject(ElementRef); + + handleKey(event: Event) { + if (!this.clickable()) return; + + event.preventDefault(); + + this.element.nativeElement.click(); + } +} diff --git a/projects/qd-design/src/lib/qd-icon/qd-icon.html b/projects/qd-design/src/lib/qd-icon/qd-icon.html new file mode 100644 index 0000000..798ab61 --- /dev/null +++ b/projects/qd-design/src/lib/qd-icon/qd-icon.html @@ -0,0 +1,6 @@ + diff --git a/projects/qd-design/src/lib/qd-icon/qd-icon.scss b/projects/qd-design/src/lib/qd-icon/qd-icon.scss new file mode 100644 index 0000000..e69de29 diff --git a/projects/qd-design/src/lib/qd-icon/qd-icon.spec.ts b/projects/qd-design/src/lib/qd-icon/qd-icon.spec.ts new file mode 100644 index 0000000..840d151 --- /dev/null +++ b/projects/qd-design/src/lib/qd-icon/qd-icon.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { QdIcon } from './qd-icon'; + +describe('QdIcon', () => { + let component: QdIcon; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [QdIcon] + }) + .compileComponents(); + + fixture = TestBed.createComponent(QdIcon); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/projects/qd-design/src/lib/qd-icon/qd-icon.ts b/projects/qd-design/src/lib/qd-icon/qd-icon.ts new file mode 100644 index 0000000..01c8e48 --- /dev/null +++ b/projects/qd-design/src/lib/qd-icon/qd-icon.ts @@ -0,0 +1,13 @@ +import {Component, input} from '@angular/core'; +import {NgStyle} from '@angular/common'; + +@Component({ + selector: 'qd-icon', + imports: [NgStyle], + templateUrl: './qd-icon.html', + styleUrl: './qd-icon.scss' +}) +export class QdIcon { + size = input(24); + iconName= input.required(); +} diff --git a/projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.css b/projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.css new file mode 100644 index 0000000..3eba59e --- /dev/null +++ b/projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.css @@ -0,0 +1,28 @@ +:host { + display: block; +} + +.tooltip-content { + background-color: #1e1e1e; + color: white; + padding: 8px 12px; + border-radius: 4px; + font-size: 13px; + max-width: 250px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); + pointer-events: none; + animation: tooltip-fade 0.2s cubic-bezier(0, 0, 0.2, 1); +} + +@keyframes tooltip-fade { + from { + opacity: 0; + transform: scale(0.9); + } + to { + opacity: 1; + transform: scale(1); + } +} + +/*# sourceMappingURL=qd-plain-tooltip.css.map */ diff --git a/projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.css.map b/projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.css.map new file mode 100644 index 0000000..f76b65a --- /dev/null +++ b/projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["qd-plain-tooltip.scss"],"names":[],"mappings":"AAAA;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAGF;EACE;IAAO;IAAY;;EACnB;IAAK;IAAY","file":"qd-plain-tooltip.css"} \ No newline at end of file diff --git a/projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.html b/projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.html new file mode 100644 index 0000000..7f26767 --- /dev/null +++ b/projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.html @@ -0,0 +1,3 @@ +
+ {{ text() }} +
diff --git a/projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.scss b/projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.scss new file mode 100644 index 0000000..b466834 --- /dev/null +++ b/projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.scss @@ -0,0 +1,20 @@ +:host { + display: block; +} +.tooltip-content { + background-color: #1e1e1e; + color: white; + padding: 8px 12px; + border-radius: 4px; + font-size: 13px; + max-width: 250px; + box-shadow: 0 4px 6px rgba(0,0,0,0.3); + pointer-events: none; + + animation: tooltip-fade 0.2s cubic-bezier(0, 0, 0.2, 1); +} + +@keyframes tooltip-fade { + from { opacity: 0; transform: scale(0.9); } + to { opacity: 1; transform: scale(1); } +} diff --git a/projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.spec.ts b/projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.spec.ts new file mode 100644 index 0000000..495401a --- /dev/null +++ b/projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { QdPlainTooltip } from './qd-plain-tooltip'; + +describe('QdPlainTooltip', () => { + let component: QdPlainTooltip; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [QdPlainTooltip] + }) + .compileComponents(); + + fixture = TestBed.createComponent(QdPlainTooltip); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.ts b/projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.ts new file mode 100644 index 0000000..9005063 --- /dev/null +++ b/projects/qd-design/src/lib/qd-plain-tooltip/qd-plain-tooltip.ts @@ -0,0 +1,13 @@ +import {ChangeDetectionStrategy, Component, input} from '@angular/core'; + +@Component({ + selector: 'qd-plain-tooltip', + imports: [], + templateUrl: './qd-plain-tooltip.html', + standalone: true, + changeDetection: ChangeDetectionStrategy.OnPush, + styleUrl: './qd-plain-tooltip.scss' +}) +export class QdPlainTooltip { + text = input(); +} diff --git a/projects/qd-design/src/public-api.ts b/projects/qd-design/src/public-api.ts new file mode 100644 index 0000000..083fec0 --- /dev/null +++ b/projects/qd-design/src/public-api.ts @@ -0,0 +1,6 @@ +/* + * Public API Surface of qd-design + */ + +export * from './lib/qd-button/qd-button'; +export * from './directives/qd-button-variant'; diff --git a/projects/qd-design/src/styles/colors/light-theme.scss b/projects/qd-design/src/styles/colors/light-theme.scss new file mode 100644 index 0000000..d848310 --- /dev/null +++ b/projects/qd-design/src/styles/colors/light-theme.scss @@ -0,0 +1,51 @@ +@mixin light-theme-colors-tokens { + --md-sys-color-primary: rgb(73 93 146); + --md-sys-color-surface-tint: rgb(73 93 146); + --md-sys-color-on-primary: rgb(255 255 255); + --md-sys-color-primary-container: rgb(218 225 255); + --md-sys-color-on-primary-container: rgb(49 69 120); + --md-sys-color-secondary: rgb(88 94 113); + --md-sys-color-on-secondary: rgb(255 255 255); + --md-sys-color-secondary-container: rgb(221 226 249); + --md-sys-color-on-secondary-container: rgb(65 70 89); + --md-sys-color-tertiary: rgb(115 84 113); + --md-sys-color-on-tertiary: rgb(255 255 255); + --md-sys-color-tertiary-container: rgb(255 214 249); + --md-sys-color-on-tertiary-container: rgb(90 61 88); + --md-sys-color-error: rgb(186 26 26); + --md-sys-color-on-error: rgb(255 255 255); + --md-sys-color-error-container: rgb(255 218 214); + --md-sys-color-on-error-container: rgb(147 0 10); + --md-sys-color-background: rgb(250 248 255); + --md-sys-color-on-background: rgb(26 27 33); + --md-sys-color-surface: rgb(250 248 255); + --md-sys-color-on-surface: rgb(26 27 33); + --md-sys-color-surface-variant: rgb(225 226 236); + --md-sys-color-on-surface-variant: rgb(69 70 79); + --md-sys-color-outline: rgb(117 118 128); + --md-sys-color-outline-variant: rgb(197 198 208); + --md-sys-color-shadow: rgb(0 0 0); + --md-sys-color-scrim: rgb(0 0 0); + --md-sys-color-inverse-surface: rgb(47 48 54); + --md-sys-color-inverse-on-surface: rgb(241 240 247); + --md-sys-color-inverse-primary: rgb(179 197 255); + --md-sys-color-primary-fixed: rgb(218 225 255); + --md-sys-color-on-primary-fixed: rgb(0 24 73); + --md-sys-color-primary-fixed-dim: rgb(179 197 255); + --md-sys-color-on-primary-fixed-variant: rgb(49 69 120); + --md-sys-color-secondary-fixed: rgb(221 226 249); + --md-sys-color-on-secondary-fixed: rgb(21 27 44); + --md-sys-color-secondary-fixed-dim: rgb(193 198 221); + --md-sys-color-on-secondary-fixed-variant: rgb(65 70 89); + --md-sys-color-tertiary-fixed: rgb(255 214 249); + --md-sys-color-on-tertiary-fixed: rgb(43 18 43); + --md-sys-color-tertiary-fixed-dim: rgb(225 187 220); + --md-sys-color-on-tertiary-fixed-variant: rgb(90 61 88); + --md-sys-color-surface-dim: rgb(218 217 224); + --md-sys-color-surface-bright: rgb(250 248 255); + --md-sys-color-surface-container-lowest: rgb(255 255 255); + --md-sys-color-surface-container-low: rgb(244 243 250); + --md-sys-color-surface-container: rgb(238 237 244); + --md-sys-color-surface-container-high: rgb(232 231 239); + --md-sys-color-surface-container-highest: rgb(227 226 233); +} diff --git a/projects/qd-design/src/styles/design/look_and_feel.scss b/projects/qd-design/src/styles/design/look_and_feel.scss new file mode 100644 index 0000000..884ae5a --- /dev/null +++ b/projects/qd-design/src/styles/design/look_and_feel.scss @@ -0,0 +1,94 @@ +//variables +$header-height-phone: 80px; +$header-height-web: 40px; +$header-width-web: 80px; +$breakpoints: (max-phone: 767px, + max-tablet: 959px, + max-fanart: 1150px, + max-small-desktop: 1599px); + +$button-height: 40px; + +//classes +@mixin flex($direction) { + display: flex; + flex-direction: $direction; +} + +@mixin flex-fill($direction) { + @include flex($direction); + flex: 1 1 auto; +} + +@mixin flex-wrap($direction) { + @include flex($direction); + flex-flow: $direction wrap; +} + +@mixin flex-fill-wrap($direction) { + @include flex-fill($direction); + flex-flow: $direction wrap; +} + +.scrollable-y { + max-height: 100%; + overflow-x: hidden; + overflow-y: auto; +} + +.height-100 { + height: 100%; + max-height: 100%; + min-height: 100%; +} + +.height-100-vh { + height: 100vh; + max-height: 100vh; + min-height: 100vh; +} + +.width-100 { + max-width: 100%; + min-width: 100%; + width: 100%; +} + +.width-100-vw { + max-width: 100vw; + min-width: 100vw; + width: 100vw; +} + +@mixin clickable { + cursor: pointer; +} + +@mixin editable { + cursor: text; +} + +//mixins responsive +@mixin max-phone { + @media only screen and (max-width: map-get($breakpoints, max-phone)) { + @content + } +} + +@mixin max-tablet { + @media only screen and (max-width: map-get($breakpoints, max-tablet)) { + @content + } +} + +@mixin max-fanart { + @media only screen and (max-width: map-get($breakpoints, max-fanart)) { + @content + } +} + +@mixin max-small-desktop { + @media only screen and (max-width: map-get($breakpoints, max-small-desktop)) { + @content + } +} \ No newline at end of file diff --git a/projects/qd-design/src/styles/design/overall-design.scss b/projects/qd-design/src/styles/design/overall-design.scss new file mode 100644 index 0000000..8e11473 --- /dev/null +++ b/projects/qd-design/src/styles/design/overall-design.scss @@ -0,0 +1,234 @@ +@use 'look_and_feel'; + +//variables +$backdrop-filter-blur: blur(10px); +$box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.04), 0px 3px 8px 0px rgba(0, 0, 0, 0.12); +$border-radius: 20px; + +@mixin elevation-1 { + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.30); +} + +@mixin elevation-2 { + box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.30); +} + +@mixin elevation-3 { + box-shadow: 0 4px 8px 3px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.30); +} + +@mixin elevation-4 { + box-shadow: 0 6px 10px 4px rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.30); +} + +@mixin elevation-5 { + box-shadow: 0 8px 12px 6px rgba(0, 0, 0, 0.15), 0 4px 4px 0 rgba(0, 0, 0, 0.30); +} + +@mixin scrollable { + overflow: hidden; + overflow-y: auto; + margin-right: 20px; + + &::-webkit-scrollbar { + background: transparent; + width: 12px; + overflow: hidden; + + &-thumb { + background-color: var(--md-sys-color-primary); + border: 4px solid var(--md-sys-color-surface-container); + border-radius: 8px; + background-clip: border-box; + overflow: hidden; + } + + &-track { + background-color: transparent; + border-bottom-right-radius: 21px; + border-top-right-radius: 21px; + overflow: hidden; + } + } +} + +@mixin disabled { + &:disabled, &:disabled:active, &:disabled:hover, &:disabled:focus { + pointer-events: none; + @content + } + + &.disabled { + pointer-events: none; + @content + } +} + +@mixin active { + &:enabled:active, &:active { + @content + } + + &.active { + @content + } +} + +@mixin focus { + &:enabled:focus-visible, &:focus-visible { + outline: none; + @content + } + + &.focus { + @content + } +} + +@mixin hover { + &:enabled:hover, &:hover { + @content + } + + &.hover { + @content + } +} + +@mixin input { + @include flex-fill(row); + @include editable; + border: 1px solid var(--md-sys-color-outline); + border-radius: 20px; + height: 40px; + padding-left: 16px; + position: relative; + width: 100%; + + .trail { + @include flex(row); + background-color: transparent; + border-radius: 20px; + height: 100%; + min-width: 8px; + padding: 0 8px; + width: fit-content; + + .icon { + @include input-icon; + } + } + + .filename { + @extend .body-large; + background-color: transparent; + border: none; + color: var(--md-sys-color-on-surface); + display: block; + flex: 1 1 auto; + margin: auto 0; + max-width: 100%; + min-width: 40px; + overflow: hidden; + padding: 4px 0; + text-overflow: ellipsis; + white-space: nowrap; + width: fit-content; + } + + + .label { + @extend .body-medium; + color: var(--md-sys-color-on-surface); + left: 0; + min-width: 40px; + pointer-events: none; + position: absolute; + text-align: center; + top: 0; + transition: all 500ms ease-in-out; + translate: 16px 11px; + + &.alwaysTop { + @extend .body-small; + padding: 0 4px; + translate: 16px -9px; + } + } + + .input { + @include flex(row); + @extend .body-large; + background-color: transparent; + border: none; + color: var(--md-sys-color-on-surface); + flex: 1 1 auto; + margin: auto 0; + padding: 4px 0; + width: 100%; + + @media (prefers-color-scheme: dark) { + color-scheme: dark; + } + + @include focus { + outline: none; + } + + &:focus ~ label, &:valid ~ label { + @extend .body-small; + padding: 0 4px; + translate: 16px -9px; + } + } + + @include disabled { + border: 1px solid var(--md-sys-color-on-surface-opacity-012); + pointer-events: none; + + .filename { + @extend .opacity-038; + } + + .label { + @extend .opacity-038; + } + + .input { + @extend .opacity-038; + } + + .trail { + .icon { + @extend .opacity-038; + } + } + } + + &.error { + border: 1px solid var(--md-sys-color-error); + } +} + +@mixin input-icon { + color: var(--md-sys-color-on-surface); + height: fit-content; + margin: auto 4px; + width: fit-content; + + &.clickable { + @include clickable; + } +} + +@mixin error-container { + @include flex(row); + min-height: 15px; + padding: 4px; + + .error-message { + @extend .body-small; + color: var(--md-sys-color-error); + margin: 0; + } +} diff --git a/projects/qd-design/src/styles/qd_design_system.scss b/projects/qd-design/src/styles/qd_design_system.scss new file mode 100644 index 0000000..2f84cf5 --- /dev/null +++ b/projects/qd-design/src/styles/qd_design_system.scss @@ -0,0 +1,25 @@ +@forward "typography/typography.token"; +@forward "typography/typography.module"; +@forward "design/overall-design"; +@forward "design/look_and_feel"; + +@use "colors/light-theme"; +@use 'colors/dark-theme'; + +@import url('https://fonts.googleapis.com/icon?family=Material+Icons'); + +body { + @include light-theme.light-theme-colors-tokens; + + transition: background-color 0.3s, color 0.3s; +} + +@media (prefers-color-scheme: dark) { + body:not(.light-theme) { + @include dark-theme.dark-theme-colors-tokens; + } +} + +body.dark-theme { + @include dark-theme.dark-theme-colors-tokens; +} diff --git a/projects/qd-design/src/styles/typography/typography.module.scss b/projects/qd-design/src/styles/typography/typography.module.scss new file mode 100644 index 0000000..c1625a6 --- /dev/null +++ b/projects/qd-design/src/styles/typography/typography.module.scss @@ -0,0 +1,164 @@ +.display-large { + font-family: var(--md-sys-typescale-display-large-font-family-name); + font-size: var(--md-sys-typescale-display-large-font-size); + font-style: var(--md-sys-typescale-display-large-font-family-style); + font-weight: var(--md-sys-typescale-display-large-font-weight); + letter-spacing: var(--md-sys-typescale-display-large-tracking); + line-height: var(--md-sys-typescale-display-large-line-height); + text-decoration: var(--md-sys-typescale-display-large-text-decoration); + text-transform: var(--md-sys-typescale-display-large-text-transform); +} + +.display-medium { + font-family: var(--md-sys-typescale-display-medium-font-family-name); + font-size: var(--md-sys-typescale-display-medium-font-size); + font-style: var(--md-sys-typescale-display-medium-font-family-style); + font-weight: var(--md-sys-typescale-display-medium-font-weight); + letter-spacing: var(--md-sys-typescale-display-medium-tracking); + line-height: var(--md-sys-typescale-display-medium-line-height); + text-decoration: var(--md-sys-typescale-display-medium-text-decoration); + text-transform: var(--md-sys-typescale-display-medium-text-transform); +} + +.display-small { + font-family: var(--md-sys-typescale-display-small-font-family-name); + font-size: var(--md-sys-typescale-display-small-font-size); + font-style: var(--md-sys-typescale-display-small-font-family-style); + font-weight: var(--md-sys-typescale-display-small-font-weight); + letter-spacing: var(--md-sys-typescale-display-small-tracking); + line-height: var(--md-sys-typescale-display-small-line-height); + text-decoration: var(--md-sys-typescale-display-small-text-decoration); + text-transform: var(--md-sys-typescale-display-small-text-transform); +} + +.headline-large { + font-family: var(--md-sys-typescale-headline-large-font-family-name); + font-size: var(--md-sys-typescale-headline-large-font-size); + font-style: var(--md-sys-typescale-headline-large-font-family-style); + font-weight: var(--md-sys-typescale-headline-large-font-weight); + letter-spacing: var(--md-sys-typescale-headline-large-tracking); + line-height: var(--md-sys-typescale-headline-large-line-height); + text-decoration: var(--md-sys-typescale-headline-large-text-decoration); + text-transform: var(--md-sys-typescale-headline-large-text-transform); +} + +.headline-medium { + font-family: var(--md-sys-typescale-headline-medium-font-family-name); + font-size: var(--md-sys-typescale-headline-medium-font-size); + font-style: var(--md-sys-typescale-headline-medium-font-family-style); + font-weight: var(--md-sys-typescale-headline-medium-font-weight); + letter-spacing: var(--md-sys-typescale-headline-medium-tracking); + line-height: var(--md-sys-typescale-headline-medium-line-height); + text-decoration: var(--md-sys-typescale-headline-medium-text-decoration); + text-transform: var(--md-sys-typescale-headline-medium-text-transform); +} + +.headline-small { + font-family: var(--md-sys-typescale-headline-small-font-family-name); + font-size: var(--md-sys-typescale-headline-small-font-size); + font-style: var(--md-sys-typescale-headline-small-font-family-style); + font-weight: var(--md-sys-typescale-headline-small-font-weight); + letter-spacing: var(--md-sys-typescale-headline-small-tracking); + line-height: var(--md-sys-typescale-headline-small-line-height); + text-decoration: var(--md-sys-typescale-headline-small-text-decoration); + text-transform: var(--md-sys-typescale-headline-small-text-transform); +} + +.body-large { + font-family: var(--md-sys-typescale-body-large-font-family-name); + font-size: var(--md-sys-typescale-body-large-font-size); + font-style: var(--md-sys-typescale-body-large-font-family-style); + font-weight: var(--md-sys-typescale-body-large-font-weight); + letter-spacing: var(--md-sys-typescale-body-large-tracking); + line-height: var(--md-sys-typescale-body-large-line-height); + text-decoration: var(--md-sys-typescale-body-large-text-decoration); + text-transform: var(--md-sys-typescale-body-large-text-transform); +} + +.body-medium { + font-family: var(--md-sys-typescale-body-medium-font-family-name); + font-size: var(--md-sys-typescale-body-medium-font-size); + font-style: var(--md-sys-typescale-body-medium-font-family-style); + font-weight: var(--md-sys-typescale-body-medium-font-weight); + letter-spacing: var(--md-sys-typescale-body-medium-tracking); + line-height: var(--md-sys-typescale-body-medium-line-height); + text-decoration: var(--md-sys-typescale-body-medium-text-decoration); + text-transform: var(--md-sys-typescale-body-medium-text-transform); +} + +.body-small { + font-family: var(--md-sys-typescale-body-small-font-family-name); + font-size: var(--md-sys-typescale-body-small-font-size); + font-style: var(--md-sys-typescale-body-small-font-family-style); + font-weight: var(--md-sys-typescale-body-small-font-weight); + letter-spacing: var(--md-sys-typescale-body-small-tracking); + line-height: var(--md-sys-typescale-body-small-line-height); + text-decoration: var(--md-sys-typescale-body-small-text-decoration); + text-transform: var(--md-sys-typescale-body-small-text-transform); +} + +.label-large { + font-family: var(--md-sys-typescale-label-large-font-family-name); + font-size: var(--md-sys-typescale-label-large-font-size); + font-style: var(--md-sys-typescale-label-large-font-family-style); + font-weight: var(--md-sys-typescale-label-large-font-weight); + letter-spacing: var(--md-sys-typescale-label-large-tracking); + line-height: var(--md-sys-typescale-label-large-line-height); + text-decoration: var(--md-sys-typescale-label-large-text-decoration); + text-transform: var(--md-sys-typescale-label-large-text-transform); +} + +.label-medium { + font-family: var(--md-sys-typescale-label-medium-font-family-name); + font-size: var(--md-sys-typescale-label-medium-font-size); + font-style: var(--md-sys-typescale-label-medium-font-family-style); + font-weight: var(--md-sys-typescale-label-medium-font-weight); + letter-spacing: var(--md-sys-typescale-label-medium-tracking); + line-height: var(--md-sys-typescale-label-medium-line-height); + text-decoration: var(--md-sys-typescale-label-medium-text-decoration); + text-transform: var(--md-sys-typescale-label-medium-text-transform); +} + +.label-small { + font-family: var(--md-sys-typescale-label-small-font-family-name); + font-size: var(--md-sys-typescale-label-small-font-size); + font-style: var(--md-sys-typescale-label-small-font-family-style); + font-weight: var(--md-sys-typescale-label-small-font-weight); + letter-spacing: var(--md-sys-typescale-label-small-tracking); + line-height: var(--md-sys-typescale-label-small-line-height); + text-decoration: var(--md-sys-typescale-label-small-text-decoration); + text-transform: var(--md-sys-typescale-label-small-text-transform); +} + +.title-large { + font-family: var(--md-sys-typescale-title-large-font-family-name); + font-size: var(--md-sys-typescale-title-large-font-size); + font-style: var(--md-sys-typescale-title-large-font-family-style); + font-weight: var(--md-sys-typescale-title-large-font-weight); + letter-spacing: var(--md-sys-typescale-title-large-tracking); + line-height: var(--md-sys-typescale-title-large-line-height); + text-decoration: var(--md-sys-typescale-title-large-text-decoration); + text-transform: var(--md-sys-typescale-title-large-text-transform); +} + +.title-medium { + font-family: var(--md-sys-typescale-title-medium-font-family-name); + font-size: var(--md-sys-typescale-title-medium-font-size); + font-style: var(--md-sys-typescale-title-medium-font-family-style); + font-weight: var(--md-sys-typescale-title-medium-font-weight); + letter-spacing: var(--md-sys-typescale-title-medium-tracking); + line-height: var(--md-sys-typescale-title-medium-line-height); + text-decoration: var(--md-sys-typescale-title-medium-text-decoration); + text-transform: var(--md-sys-typescale-title-medium-text-transform); +} + +.title-small { + font-family: var(--md-sys-typescale-title-small-font-family-name); + font-size: var(--md-sys-typescale-title-small-font-size); + font-style: var(--md-sys-typescale-title-small-font-family-style); + font-weight: var(--md-sys-typescale-title-small-font-weight); + letter-spacing: var(--md-sys-typescale-title-small-tracking); + line-height: var(--md-sys-typescale-title-small-line-height); + text-decoration: var(--md-sys-typescale-title-small-text-decoration); + text-transform: var(--md-sys-typescale-title-small-text-transform); +} diff --git a/projects/qd-design/src/styles/typography/typography.token.scss b/projects/qd-design/src/styles/typography/typography.token.scss new file mode 100644 index 0000000..418796a --- /dev/null +++ b/projects/qd-design/src/styles/typography/typography.token.scss @@ -0,0 +1,107 @@ +:root { + /* body - large */ + --md-sys-typescale-body-large-font-family-name: Roboto; + --md-sys-typescale-body-large-font-family-style: Regular; + --md-sys-typescale-body-large-font-size: 18px; + --md-sys-typescale-body-large-font-weight: 400px; + --md-sys-typescale-body-large-letter-spacing: 0.50px; + --md-sys-typescale-body-large-line-height: 22px; + /* body - medium */ + --md-sys-typescale-body-medium-font-family-name: Roboto; + --md-sys-typescale-body-medium-font-family-style: Regular; + --md-sys-typescale-body-medium-font-size: 16px; + --md-sys-typescale-body-medium-font-weight: 400px; + --md-sys-typescale-body-medium-letter-spacing: 0.25px; + --md-sys-typescale-body-medium-line-height: 20px; + /* body - small */ + --md-sys-typescale-body-small-font-family-name: Roboto; + --md-sys-typescale-body-small-font-family-style: Regular; + --md-sys-typescale-body-small-font-size: 14px; + --md-sys-typescale-body-small-font-weight: 400px; + --md-sys-typescale-body-small-letter-spacing: 0.40px; + --md-sys-typescale-body-small-line-height: 18px; + /* display - large */ + --md-sys-typescale-display-large-font-family-name: Roboto; + --md-sys-typescale-display-large-font-family-style: Regular; + --md-sys-typescale-display-large-font-size: 51px; + --md-sys-typescale-display-large-font-weight: 400px; + --md-sys-typescale-display-large-letter-spacing: -0.25px; + --md-sys-typescale-display-large-line-height: 61px; + /* display - medium */ + --md-sys-typescale-display-medium-font-family-name: Roboto; + --md-sys-typescale-display-medium-font-family-style: Regular; + --md-sys-typescale-display-medium-font-size: 42px; + --md-sys-typescale-display-medium-font-weight: 400px; + --md-sys-typescale-display-medium-letter-spacing: 0px; + --md-sys-typescale-display-medium-line-height: 52px; + /* display - small */ + --md-sys-typescale-display-small-font-family-name: Roboto; + --md-sys-typescale-display-small-font-family-style: Regular; + --md-sys-typescale-display-small-font-size: 40px; + --md-sys-typescale-display-small-font-weight: 400px; + --md-sys-typescale-display-small-letter-spacing: 0px; + --md-sys-typescale-display-small-line-height: 50px; + /* headline - large */ + --md-sys-typescale-headline-large-font-family-name: Roboto; + --md-sys-typescale-headline-large-font-family-style: Regular; + --md-sys-typescale-headline-large-font-size: 36px; + --md-sys-typescale-headline-large-font-weight: 400px; + --md-sys-typescale-headline-large-letter-spacing: 0px; + --md-sys-typescale-headline-large-line-height: 44px; + /* headline - medium */ + --md-sys-typescale-headline-medium-font-family-name: Roboto; + --md-sys-typescale-headline-medium-font-family-style: Regular; + --md-sys-typescale-headline-medium-font-size: 32px; + --md-sys-typescale-headline-medium-font-weight: 400px; + --md-sys-typescale-headline-medium-letter-spacing: 0px; + --md-sys-typescale-headline-medium-line-height: 36px; + /* headline - small */ + --md-sys-typescale-headline-small-font-family-name: Roboto; + --md-sys-typescale-headline-small-font-family-style: Regular; + --md-sys-typescale-headline-small-font-size: 28px; + --md-sys-typescale-headline-small-font-weight: 400px; + --md-sys-typescale-headline-small-letter-spacing: 0px; + --md-sys-typescale-headline-small-line-height: 36px; + /* label - large */ + --md-sys-typescale-label-large-font-family-name: Roboto; + --md-sys-typescale-label-large-font-family-style: Regular; + --md-sys-typescale-label-large-font-size: 12px; + --md-sys-typescale-label-large-font-weight: 500px; + --md-sys-typescale-label-large-letter-spacing: 0.10px; + --md-sys-typescale-label-large-line-height: 14px; + /* label - medium */ + --md-sys-typescale-label-medium-font-family-name: Roboto; + --md-sys-typescale-label-medium-font-family-style: Regular; + --md-sys-typescale-label-medium-font-size: 11px; + --md-sys-typescale-label-medium-font-weight: 500px; + --md-sys-typescale-label-medium-letter-spacing: 0.50px; + --md-sys-typescale-label-medium-line-height: 15px; + /* label - small */ + --md-sys-typescale-label-small-font-family-name: Roboto; + --md-sys-typescale-label-small-font-family-style: Regular; + --md-sys-typescale-label-small-font-size: 10px; + --md-sys-typescale-label-small-font-weight: 500px; + --md-sys-typescale-label-small-letter-spacing: 0.50px; + --md-sys-typescale-label-small-line-height: 14px; + /* title - large */ + --md-sys-typescale-title-large-font-family-name: Roboto; + --md-sys-typescale-title-large-font-family-style: Regular; + --md-sys-typescale-title-large-font-size: 25px; + --md-sys-typescale-title-large-font-weight: 400px; + --md-sys-typescale-title-large-letter-spacing: 0px; + --md-sys-typescale-title-large-line-height: 31px; + /* title - medium */ + --md-sys-typescale-title-medium-font-family-name: Roboto; + --md-sys-typescale-title-medium-font-family-style: Regular; + --md-sys-typescale-title-medium-font-size: 22px; + --md-sys-typescale-title-medium-font-weight: 500px; + --md-sys-typescale-title-medium-letter-spacing: 0.15px; + --md-sys-typescale-title-medium-line-height: 28px; + /* title - small */ + --md-sys-typescale-title-small-font-family-name: Roboto; + --md-sys-typescale-title-small-font-family-style: Regular; + --md-sys-typescale-title-small-font-size: 20px; + --md-sys-typescale-title-small-font-weight: 500px; + --md-sys-typescale-title-small-letter-spacing: 0.10px; + --md-sys-typescale-title-small-line-height: 16px; +} diff --git a/projects/qd-design/tsconfig.lib.json b/projects/qd-design/tsconfig.lib.json new file mode 100644 index 0000000..edb0551 --- /dev/null +++ b/projects/qd-design/tsconfig.lib.json @@ -0,0 +1,18 @@ +/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */ +/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "outDir": "../../out-tsc/lib", + "declaration": true, + "declarationMap": true, + "inlineSources": true, + "types": [] + }, + "include": [ + "src/**/*.ts" + ], + "exclude": [ + "**/*.spec.ts" + ] +} diff --git a/projects/qd-design/tsconfig.lib.prod.json b/projects/qd-design/tsconfig.lib.prod.json new file mode 100644 index 0000000..9215caa --- /dev/null +++ b/projects/qd-design/tsconfig.lib.prod.json @@ -0,0 +1,11 @@ +/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */ +/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */ +{ + "extends": "./tsconfig.lib.json", + "compilerOptions": { + "declarationMap": false + }, + "angularCompilerOptions": { + "compilationMode": "partial" + } +} diff --git a/projects/qd-design/tsconfig.spec.json b/projects/qd-design/tsconfig.spec.json new file mode 100644 index 0000000..0feea88 --- /dev/null +++ b/projects/qd-design/tsconfig.spec.json @@ -0,0 +1,14 @@ +/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */ +/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "outDir": "../../out-tsc/spec", + "types": [ + "jasmine" + ] + }, + "include": [ + "src/**/*.ts" + ] +} diff --git a/tsconfig.json b/tsconfig.json index 7198893..d5a56fd 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -11,6 +11,11 @@ "skipLibCheck": true, "isolatedModules": true, "experimentalDecorators": true, + "paths": { + "qd-design": [ + "./dist/qd-design" + ] + }, "importHelpers": true, "target": "ES2022", "module": "preserve" @@ -22,5 +27,19 @@ "typeCheckHostBindings": true, "strictTemplates": true }, - "files": [] + "files": [], + "references": [ + { + "path": "./projects/qd-design/tsconfig.lib.json" + }, + { + "path": "./projects/qd-design/tsconfig.spec.json" + }, + { + "path": "./projects/qd-design-demo/tsconfig.app.json" + }, + { + "path": "./projects/qd-design-demo/tsconfig.spec.json" + } + ] }