{"_id":"@aqua-ds/web-components","_rev":"9-cace3e60d434ca6b0a8842e20c7c20c7","name":"@aqua-ds/web-components","dist-tags":{"latest":"0.0.8"},"versions":{"0.0.1":{"name":"@aqua-ds/web-components","version":"0.0.1","author":{"name":"frontops@masiv.com"},"license":"MIT","_id":"@aqua-ds/web-components@0.0.1","maintainers":[{"name":"aqua_team","email":"frontops@masiv.com"}],"dist":{"shasum":"49ed5729927df9bc703ffb4682f5fa8cb4252616","tarball":"https://registry.npmjs.org/@aqua-ds/web-components/-/web-components-0.0.1.tgz","fileCount":411,"integrity":"sha512-U2Q1TqJJ7rRs0ywNlZa74QFAcVRRZjce8jeYfxhxsvFbKMLvpHSXzQ2uql6pnY+Ljc3qiBoi7+n8WYYjbAWy4Q==","signatures":[{"sig":"MEYCIQDrLaeV2jArFwzSVMurqAXk7aRNxfcYy064DX9S9Yt+4QIhAMcQAryN8S5ZF2nzmAx/mt5NHfgu10UOr+qxRcY46NMC","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1400294},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/aqua-web-components/aqua-web-components.esm.js","module":"dist/index.js","exports":{".":{"types":"./dist/types/components.d.ts","import":"./dist/aqua-web-components/aqua-web-components.esm.js","require":"./dist/aqua-web-components/aqua-web-components.cjs.js"},"./enums":{"types":"./dist/types/enum/index.d.ts","import":"./dist/collection/enum/index.js"},"./types":{"types":"./dist/types/types/index.d.ts"},"./dist/*":"./dist/*","./loader":{"types":"./loader/index.d.ts","import":"./loader/index.js","require":"./loader/index.cjs"},"./styles/*":"./dist/aqua-web-components/*","./directives":{"types":"./dist/types/utils/helpers/loadDirectives.d.ts","import":"./dist/collection/utils/helpers/loadDirectives.js"},"./components/*":{"import":"./components-build/*"}},"gitHead":"e5a8b0858e49c7d7ef36028d07da9e8da13e274c","scripts":{"docs":"stencil build --docs","test":"stencil test --spec --e2e","build":"stencil build && node ./plugins","start":"stencil build --dev --watch --serve","analyze":"stencil build --stats --prerender","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll"},"_npmUser":{"name":"aqua_team","email":"frontops@masiv.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"","type":"git"},"_npmVersion":"10.9.2","description":"AquaDS Web Components","directories":{},"sideEffects":false,"_nodeVersion":"20.16.0","dependencies":{"luxon":"^3.6.1","howler":"^2.2.4","lodash":"^4.17.21","numbro":"^2.5.0","prismjs":"^1.30.0","tippy.js":"^6.3.7","flag-icons":"^7.2.3","nouislider":"^15.8.1","sortablejs":"^1.15.6","tinycolor2":"^1.6.0","@jaames/iro":"^5.5.2","@stencil/core":"^4.26.0","@tanstack/table-core":"^8.21.3","rollup-plugin-dotenv":"^0.5.1","@tanstack/virtual-core":"^3.13.12","@aqua-ds/style-guidelines":"^0.0.1"},"_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","jest-cli":"^29.7.0","puppeteer":"^21.9.0","@types/jest":"^29.5.14","@types/node":"^16.18.11","@types/luxon":"^3.4.2","@stencil/sass":"3.0.12","@stencil/vue-output-target":"^0.9.4","@stencil/react-output-target":"^0.8.2","@stencil/angular-output-target":"^0.10.2"},"_npmOperationalInternal":{"tmp":"tmp/web-components_0.0.1_1758568390621_0.7555281334573611","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@aqua-ds/web-components","version":"0.0.2","author":{"name":"frontops@masiv.com"},"license":"MIT","_id":"@aqua-ds/web-components@0.0.2","maintainers":[{"name":"aqua_team","email":"frontops@masiv.com"}],"dist":{"shasum":"8288023ecf481919959960ad3414747d5e0582f1","tarball":"https://registry.npmjs.org/@aqua-ds/web-components/-/web-components-0.0.2.tgz","fileCount":411,"integrity":"sha512-4SlIB9C22CG9PBWoVxyIouqgyo13PulYHnsMZbcYTd4U/p4pub6XwVEG0FiD/n/E6F7cJwWx7r8H6/v8Dcafdw==","signatures":[{"sig":"MEQCIEWp5cJiHS605gTMmC0etzsTdfSf3NAlzoxwBRWErCnuAiBygxyqUVo/mL7a0fYkUHuDwQFjwAENCSDcxi7R7oJzlg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1412274},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/aqua-web-components/aqua-web-components.esm.js","module":"dist/index.js","exports":{".":{"types":"./dist/types/components.d.ts","import":"./dist/aqua-web-components/aqua-web-components.esm.js","require":"./dist/aqua-web-components/aqua-web-components.cjs.js"},"./enums":{"types":"./dist/types/enum/index.d.ts","import":"./dist/collection/enum/index.js"},"./types":{"types":"./dist/types/types/index.d.ts"},"./dist/*":"./dist/*","./loader":{"types":"./loader/index.d.ts","import":"./loader/index.js","require":"./loader/index.cjs"},"./styles/*":"./dist/aqua-web-components/*","./directives":{"types":"./dist/types/utils/helpers/loadDirectives.d.ts","import":"./dist/collection/utils/helpers/loadDirectives.js"},"./components/*":{"import":"./components-build/*"}},"gitHead":"1f2f7ca8bd91145075af99e8c6caff8586b0ff69","scripts":{"docs":"stencil build --docs","test":"stencil test --spec --e2e","build":"stencil build && node ./plugins","start":"stencil build --dev --watch --serve","analyze":"stencil build --stats --prerender","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll"},"_npmUser":{"name":"aqua_team","email":"frontops@masiv.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"","type":"git"},"_npmVersion":"10.9.2","description":"AquaDS Web Components","directories":{},"sideEffects":false,"_nodeVersion":"20.16.0","dependencies":{"luxon":"^3.6.1","howler":"^2.2.4","lodash":"^4.17.21","numbro":"^2.5.0","prismjs":"^1.30.0","tippy.js":"^6.3.7","flag-icons":"^7.2.3","nouislider":"^15.8.1","sortablejs":"^1.15.6","tinycolor2":"^1.6.0","@jaames/iro":"^5.5.2","@stencil/core":"^4.26.0","@tanstack/table-core":"^8.21.3","rollup-plugin-dotenv":"^0.5.1","@tanstack/virtual-core":"^3.13.12","@aqua-ds/style-guidelines":"^0.0.1"},"_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","jest-cli":"^29.7.0","puppeteer":"^21.9.0","@types/jest":"^29.5.14","@types/node":"^16.18.11","@types/luxon":"^3.4.2","@stencil/sass":"3.0.12","@stencil/vue-output-target":"^0.9.4","@stencil/react-output-target":"^0.8.2","@stencil/angular-output-target":"^0.10.2"},"_npmOperationalInternal":{"tmp":"tmp/web-components_0.0.2_1758568440533_0.3337838770420345","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@aqua-ds/web-components","version":"0.0.3","author":{"name":"frontops@masiv.com"},"license":"MIT","_id":"@aqua-ds/web-components@0.0.3","maintainers":[{"name":"aqua_team","email":"frontops@masiv.com"}],"dist":{"shasum":"1b2b1a3617cd83b77ba75c93782a36bb63bf219d","tarball":"https://registry.npmjs.org/@aqua-ds/web-components/-/web-components-0.0.3.tgz","fileCount":917,"integrity":"sha512-cohgWzbV52pE3mKgQZXDFSgDiv75vP2qAVCk31EqvyG4nXP9ZxdU+rvO3zc27v4bTk9sHLeikYj6It565bvTng==","signatures":[{"sig":"MEUCIQDFcTGbMeLHFUHRi01q9B0+nkF4M53pOvZFVQd+bJkddQIgFgYYBm2RZ2dn+oU+bXc1ZTriY8s5khBfSfw31p06D2U=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10461649},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/aqua-web-components/aqua-web-components.esm.js","module":"dist/index.js","exports":{".":{"types":"./dist/types/components.d.ts","import":"./dist/aqua-web-components/aqua-web-components.esm.js","require":"./dist/aqua-web-components/aqua-web-components.cjs.js"},"./enums":{"types":"./dist/types/enum/index.d.ts","import":"./dist/collection/enum/index.js"},"./types":{"types":"./dist/types/types/index.d.ts"},"./dist/*":"./dist/*","./loader":{"types":"./loader/index.d.ts","import":"./loader/index.js","require":"./loader/index.cjs"},"./styles/*":"./dist/aqua-web-components/*","./directives":{"types":"./dist/types/utils/helpers/loadDirectives.d.ts","import":"./dist/collection/utils/helpers/loadDirectives.js"},"./components/*":{"import":"./components-build/*"}},"gitHead":"cb4e9a03c2a3f2171d468df3a960d921b88d4df1","scripts":{"docs":"stencil build --docs","test":"stencil test --spec --e2e","build":"stencil build && node ./plugins","start":"stencil build --dev --watch --serve","analyze":"stencil build --stats --prerender","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll"},"_npmUser":{"name":"aqua_team","email":"frontops@masiv.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"","type":"git"},"_npmVersion":"10.9.2","description":"AquaDS Web Components","directories":{},"sideEffects":false,"_nodeVersion":"20.16.0","dependencies":{"luxon":"^3.6.1","howler":"^2.2.4","lodash":"^4.17.21","numbro":"^2.5.0","prismjs":"^1.30.0","tippy.js":"^6.3.7","flag-icons":"^7.2.3","nouislider":"^15.8.1","sortablejs":"^1.15.6","tinycolor2":"^1.6.0","@jaames/iro":"^5.5.2","@stencil/core":"^4.26.0","@tanstack/table-core":"^8.21.3","rollup-plugin-dotenv":"^0.5.1","@tanstack/virtual-core":"^3.13.12","@aqua-ds/style-guidelines":"^0.0.1"},"_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","jest-cli":"^29.7.0","puppeteer":"^21.9.0","@types/jest":"^29.5.14","@types/node":"^16.18.11","@types/luxon":"^3.4.2","@stencil/sass":"3.0.12","@stencil/vue-output-target":"^0.9.4","@stencil/react-output-target":"^0.8.2","@stencil/angular-output-target":"^0.10.2"},"_npmOperationalInternal":{"tmp":"tmp/web-components_0.0.3_1758571838972_0.8320526608682532","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@aqua-ds/web-components","version":"0.0.4","author":{"name":"frontops@masiv.com"},"license":"MIT","_id":"@aqua-ds/web-components@0.0.4","maintainers":[{"name":"aqua_team","email":"frontops@masiv.com"}],"dist":{"shasum":"e5107ac40c592a10075086490071c8adb677e183","tarball":"https://registry.npmjs.org/@aqua-ds/web-components/-/web-components-0.0.4.tgz","fileCount":917,"integrity":"sha512-UjcYp5ykMUM5R2XIjsLYMw9VnMJBPpa84x3e0gAMMxiBHKSXCJ2nGYEXJzxcDYJxajI6+wU0kVK0iljW7K0FAQ==","signatures":[{"sig":"MEUCIA6Em9L5kRCUGs9sddLkSwF6gGcsafSE508d4Ofdw4XAAiEA/svjGtU4mcfp77f2kxJsenAv8sYnM6p26OPUvKxhWNo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10461691},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/aqua-web-components/aqua-web-components.esm.js","module":"dist/index.js","exports":{".":{"types":"./dist/types/components.d.ts","import":"./dist/aqua-web-components/aqua-web-components.esm.js","require":"./dist/aqua-web-components/aqua-web-components.cjs.js"},"./enums":{"types":"./dist/types/enum/index.d.ts","import":"./dist/collection/enum/index.js"},"./types":{"types":"./dist/types/types/index.d.ts"},"./dist/*":"./dist/*","./loader":{"types":"./loader/index.d.ts","import":"./loader/index.js","require":"./loader/index.cjs"},"./styles/*":"./dist/aqua-web-components/*","./directives":{"types":"./dist/types/utils/helpers/loadDirectives.d.ts","import":"./dist/collection/utils/helpers/loadDirectives.js"},"./components/*":{"import":"./components-build/*"}},"gitHead":"79e3ce16b9b1704f852bc9bec9ae42a08b316f76","scripts":{"docs":"stencil build --docs","test":"stencil test --spec --e2e","build":"stencil build && node ./plugins","start":"stencil build --dev --watch --serve","analyze":"stencil build --stats --prerender","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll"},"_npmUser":{"name":"aqua_team","email":"frontops@masiv.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"","type":"git"},"_npmVersion":"10.9.2","description":"AquaDS Web Components","directories":{},"sideEffects":false,"_nodeVersion":"20.16.0","dependencies":{"luxon":"^3.6.1","howler":"^2.2.4","lodash":"^4.17.21","numbro":"^2.5.0","prismjs":"^1.30.0","tippy.js":"^6.3.7","flag-icons":"^7.2.3","nouislider":"^15.8.1","sortablejs":"^1.15.6","tinycolor2":"^1.6.0","@jaames/iro":"^5.5.2","@stencil/core":"^4.26.0","@tanstack/table-core":"^8.21.3","rollup-plugin-dotenv":"^0.5.1","@tanstack/virtual-core":"^3.13.12","@aqua-ds/style-guidelines":"^0.0.1"},"_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","jest-cli":"^29.7.0","puppeteer":"^21.9.0","@types/jest":"^29.5.14","@types/node":"^16.18.11","@types/luxon":"^3.4.2","@stencil/sass":"3.0.12","@stencil/vue-output-target":"^0.9.4","@stencil/react-output-target":"^0.8.2","@stencil/angular-output-target":"^0.10.2"},"_npmOperationalInternal":{"tmp":"tmp/web-components_0.0.4_1758753007916_0.653439677362224","host":"s3://npm-registry-packages-npm-production"}},"0.0.5":{"name":"@aqua-ds/web-components","version":"0.0.5","keywords":["aqua","design-system","component-library","UI","web-components"],"author":{"name":"frontops@masiv.com"},"license":"MIT","_id":"@aqua-ds/web-components@0.0.5","maintainers":[{"name":"aqua_team","email":"frontops@masiv.com"}],"homepage":"https://masivapp.notion.site/Aqua-DS-Component-Library-1f21de3976b980838577e4447648235f?pvs=25","dist":{"shasum":"fc121abd5b92387afc38545d3aa422734ce5e2dc","tarball":"https://registry.npmjs.org/@aqua-ds/web-components/-/web-components-0.0.5.tgz","fileCount":917,"integrity":"sha512-W4H+lQp4Oq6fWWMZB8F3VNjHRp5TgMcJKert7z9MvUShp6j25TgA05x8u0TTM3+6cDKZGEPv5mLws8gzkf6JxQ==","signatures":[{"sig":"MEQCIGUQ2d9yyv76Ejfy7nThycqVuoRbDxjE8vETd1VP3h0sAiBt1MrIIY01ujeBV567mIIAD/i+Q7Qs/prRanhbxnL26w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10475822},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/aqua-web-components/aqua-web-components.esm.js","module":"dist/index.js","exports":{".":{"types":"./dist/types/components.d.ts","import":"./dist/aqua-web-components/aqua-web-components.esm.js","require":"./dist/aqua-web-components/aqua-web-components.cjs.js"},"./enums":{"types":"./dist/types/enum/index.d.ts","import":"./dist/collection/enum/index.js"},"./types":{"types":"./dist/types/types/index.d.ts"},"./dist/*":"./dist/*","./loader":{"types":"./loader/index.d.ts","import":"./loader/index.js","require":"./loader/index.cjs"},"./styles/*":"./dist/aqua-web-components/*","./directives":{"types":"./dist/types/utils/helpers/loadDirectives.d.ts","import":"./dist/collection/utils/helpers/loadDirectives.js"},"./components/*":{"import":"./components-build/*"}},"gitHead":"fa3c18ecd44c0a545e04bef09b1188445dc34bc5","scripts":{"docs":"stencil build --docs","test":"stencil test --spec --e2e","build":"stencil build && node ./plugins","start":"stencil build --dev --watch --serve","analyze":"stencil build --stats --prerender","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll"},"_npmUser":{"name":"aqua_team","email":"frontops@masiv.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"","type":"git"},"_npmVersion":"10.9.2","description":"AquaDS Web Components","directories":{},"sideEffects":false,"_nodeVersion":"20.16.0","dependencies":{"luxon":"^3.6.1","howler":"^2.2.4","lodash":"^4.17.21","numbro":"^2.5.0","prismjs":"^1.30.0","tippy.js":"^6.3.7","flag-icons":"^7.2.3","nouislider":"^15.8.1","sortablejs":"^1.15.6","tinycolor2":"^1.6.0","@jaames/iro":"^5.5.2","@stencil/core":"^4.26.0","@tanstack/table-core":"^8.21.3","rollup-plugin-dotenv":"^0.5.1","@tanstack/virtual-core":"^3.13.12","@aqua-ds/style-guidelines":"^0.0.1"},"_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","jest-cli":"^29.7.0","puppeteer":"^21.9.0","@types/jest":"^29.5.14","@types/node":"^16.18.11","@types/luxon":"^3.4.2","@stencil/sass":"3.0.12","@stencil/vue-output-target":"^0.9.4","@stencil/react-output-target":"^0.8.2","@stencil/angular-output-target":"^0.10.2"},"_npmOperationalInternal":{"tmp":"tmp/web-components_0.0.5_1758922238911_0.48441945257556007","host":"s3://npm-registry-packages-npm-production"}},"0.0.6":{"name":"@aqua-ds/web-components","version":"0.0.6","keywords":["aqua","design-system","component-library","UI","web-components"],"author":{"name":"frontops@masiv.com"},"license":"MIT","_id":"@aqua-ds/web-components@0.0.6","maintainers":[{"name":"aqua_team","email":"frontops@masiv.com"}],"homepage":"https://masivapp.notion.site/Aqua-DS-Component-Library-1f21de3976b980838577e4447648235f?pvs=25","dist":{"shasum":"7c3a8432162fb5bde10f5d220ed4ac3b9a444b17","tarball":"https://registry.npmjs.org/@aqua-ds/web-components/-/web-components-0.0.6.tgz","fileCount":923,"integrity":"sha512-+WhCMgeN/haIVSA/iDI/gSGGQ8RrjXZbiyIvP8GFn32ocmNIgaMdPgBEbI6D73mxqD2v+e6SYbFAUm4grXWoUg==","signatures":[{"sig":"MEUCIQC3PxFo9n44Pu9+yaAruSpBnCk4h54Bg8ZKAg2KyPjeIgIgDmykgKhvs3C5LyXuH0Dye9h75KYvkNSWabNxTMNMh+8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10581056},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/aqua-web-components/aqua-web-components.esm.js","module":"dist/index.js","exports":{".":{"types":"./dist/types/components.d.ts","import":"./dist/aqua-web-components/aqua-web-components.esm.js","require":"./dist/aqua-web-components/aqua-web-components.cjs.js"},"./enums":{"types":"./dist/types/enum/index.d.ts","import":"./dist/collection/enum/index.js"},"./types":{"types":"./dist/types/types/index.d.ts","import":"./dist/collection/types/index.js"},"./dist/*":"./dist/*","./loader":{"types":"./loader/index.d.ts","import":"./loader/index.js","require":"./loader/index.cjs"},"./styles/*":"./dist/aqua-web-components/*","./constants":{"types":"./dist/types/constants/index.d.ts","import":"./dist/collection/constants/index.js"},"./directives":{"types":"./dist/types/utils/helpers/loadDirectives.d.ts","import":"./dist/collection/utils/helpers/loadDirectives.js"},"./interfaces":{"types":"./dist/types/interfaces/index.d.ts","import":"./dist/collection/interfaces/index.js"},"./components/*":{"import":"./components-build/*"}},"gitHead":"67663f94f995aea6f9a204fff73cc68190196eb3","scripts":{"docs":"stencil build --docs","test":"stencil test --spec --e2e","build":"stencil build && node ./plugins","start":"stencil build --dev --watch --serve","analyze":"stencil build --stats --prerender","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll"},"_npmUser":{"name":"aqua_team","email":"frontops@masiv.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"","type":"git"},"_npmVersion":"11.6.1","description":"AquaDS Web Components","directories":{},"sideEffects":false,"_nodeVersion":"22.20.0","dependencies":{"luxon":"^3.6.1","howler":"^2.2.4","lodash":"^4.17.21","numbro":"^2.5.0","prismjs":"^1.30.0","tippy.js":"^6.3.7","nouislider":"^15.8.1","sortablejs":"^1.15.6","tinycolor2":"^1.6.0","@jaames/iro":"^5.5.2","@stencil/core":"^4.26.0","@tanstack/table-core":"^8.21.3","rollup-plugin-dotenv":"^0.5.1","@tanstack/virtual-core":"^3.13.12","@aqua-ds/style-guidelines":"^0.0.1"},"_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","jest-cli":"^29.7.0","puppeteer":"^21.9.0","@types/jest":"^29.5.14","@types/node":"^16.18.11","@types/luxon":"^3.4.2","@stencil/sass":"3.0.12","@stencil/vue-output-target":"^0.9.4","@stencil/react-output-target":"^0.8.2","@stencil/angular-output-target":"^0.10.2"},"_npmOperationalInternal":{"tmp":"tmp/web-components_0.0.6_1760567893994_0.2407752990531009","host":"s3://npm-registry-packages-npm-production"}},"0.0.7":{"name":"@aqua-ds/web-components","version":"0.0.7","keywords":["aqua","design-system","component-library","UI","web-components"],"author":{"name":"frontops@masiv.com"},"license":"MIT","_id":"@aqua-ds/web-components@0.0.7","maintainers":[{"name":"aqua_team","email":"frontops@masiv.com"}],"homepage":"https://masivapp.notion.site/Aqua-DS-Component-Library-1f21de3976b980838577e4447648235f?pvs=25","dist":{"shasum":"702df177209edae8f070e543a358322d42a27400","tarball":"https://registry.npmjs.org/@aqua-ds/web-components/-/web-components-0.0.7.tgz","fileCount":945,"integrity":"sha512-mdaJEwxKs0h1S3+7+YvHZvuLhqDftE5N0Illh9wP9XWB595EDTZu3zMaFbbffodir9StGN2vkApEidBsVGDbRw==","signatures":[{"sig":"MEUCIQC8Yq97gn24wCjFXxIHFsaFrQbL4pp+6avMxkV56MGq9wIgT9Y1ZffpYgHuuR41yFr/rC5uXBIGyrMc5zMfsH1Zed0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10682058},"main":"dist/index.cjs.js","types":"dist/types/index.d.ts","unpkg":"dist/aqua-web-components/aqua-web-components.esm.js","module":"dist/index.js","exports":{".":{"types":"./dist/types/components.d.ts","import":"./dist/aqua-web-components/aqua-web-components.esm.js","require":"./dist/aqua-web-components/aqua-web-components.cjs.js"},"./enums":{"types":"./dist/types/enum/index.d.ts","import":"./dist/collection/enum/index.js"},"./types":{"types":"./dist/types/types/index.d.ts","import":"./dist/collection/types/index.js"},"./dist/*":"./dist/*","./loader":{"types":"./loader/index.d.ts","import":"./loader/index.js","require":"./loader/index.cjs"},"./styles/*":"./dist/aqua-web-components/*","./constants":{"types":"./dist/types/constants/index.d.ts","import":"./dist/collection/constants/index.js"},"./directives":{"types":"./dist/types/utils/helpers/loadDirectives.d.ts","import":"./dist/collection/utils/helpers/loadDirectives.js"},"./interfaces":{"types":"./dist/types/interfaces/index.d.ts","import":"./dist/collection/interfaces/index.js"},"./components/*":{"import":"./components-build/*"}},"gitHead":"302b38574e0057c236d6ea303f9ef50c3a208303","scripts":{"docs":"stencil build --docs","test":"stencil test --spec --e2e","build":"stencil build && node ./plugins","start":"stencil build --dev --watch --serve","analyze":"stencil build --stats --prerender","generate":"stencil generate","test.watch":"stencil test --spec --e2e --watchAll"},"_npmUser":{"name":"aqua_team","email":"frontops@masiv.com"},"collection":"dist/collection/collection-manifest.json","repository":{"url":"","type":"git"},"_npmVersion":"11.1.0","description":"AquaDS Web Components","directories":{},"sideEffects":false,"_nodeVersion":"20.18.0","dependencies":{"luxon":"^3.6.1","howler":"^2.2.4","lodash":"^4.17.21","numbro":"^2.5.0","prismjs":"^1.30.0","tippy.js":"^6.3.7","nouislider":"^15.8.1","sortablejs":"^1.15.6","tinycolor2":"^1.6.0","@jaames/iro":"^5.5.2","@stencil/core":"^4.26.0","@tanstack/table-core":"^8.21.3","rollup-plugin-dotenv":"^0.5.1","@tanstack/virtual-core":"^3.13.12","@aqua-ds/style-guidelines":"^0.0.1"},"_hasShrinkwrap":false,"collection:main":"dist/collection/index.js","devDependencies":{"jest":"^29.7.0","jest-cli":"^29.7.0","puppeteer":"^21.9.0","@types/jest":"^29.5.14","@types/node":"^16.18.11","@types/luxon":"^3.4.2","@stencil/sass":"3.0.12","@stencil/vue-output-target":"^0.9.4","@stencil/react-output-target":"^0.8.2","@stencil/angular-output-target":"^0.10.2"},"_npmOperationalInternal":{"tmp":"tmp/web-components_0.0.7_1760997026640_0.3772993542984089","host":"s3://npm-registry-packages-npm-production"}},"0.0.8":{"name":"@aqua-ds/web-components","version":"0.0.8","description":"AquaDS Web Components","license":"MIT","author":{"name":"frontops@masiv.com"},"homepage":"https://masivapp.notion.site/Aqua-DS-Component-Library-1f21de3976b980838577e4447648235f?pvs=25","main":"dist/index.cjs.js","module":"dist/index.js","types":"dist/types/index.d.ts","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","unpkg":"dist/aqua-web-components/aqua-web-components.esm.js","sideEffects":false,"keywords":["aqua","design-system","component-library","UI","web-components"],"exports":{".":{"import":"./dist/aqua-web-components/aqua-web-components.esm.js","require":"./dist/aqua-web-components/aqua-web-components.cjs.js","types":"./dist/types/components.d.ts"},"./loader":{"import":"./loader/index.js","require":"./loader/index.cjs","types":"./loader/index.d.ts"},"./components/*":{"import":"./components-build/*"},"./directives":{"import":"./dist/collection/utils/helpers/loadDirectives.js","types":"./dist/types/utils/helpers/loadDirectives.d.ts"},"./types":{"import":"./dist/collection/types/index.js","types":"./dist/types/types/index.d.ts"},"./enums":{"import":"./dist/collection/enum/index.js","types":"./dist/types/enum/index.d.ts"},"./constants":{"import":"./dist/collection/constants/index.js","types":"./dist/types/constants/index.d.ts"},"./interfaces":{"import":"./dist/collection/interfaces/index.js","types":"./dist/types/interfaces/index.d.ts"},"./styles/*":"./dist/aqua-web-components/*","./dist/*":"./dist/*"},"repository":{"type":"git","url":""},"scripts":{"build":"stencil build && node ./plugins","docs":"stencil build --docs","start":"stencil build --dev --watch --serve","test":"stencil test --spec --e2e","analyze":"stencil build --stats --prerender","test.watch":"stencil test --spec --e2e --watchAll","generate":"stencil generate"},"devDependencies":{"@stencil/angular-output-target":"^0.10.2","@stencil/react-output-target":"^0.8.2","@stencil/sass":"3.0.12","@stencil/vue-output-target":"^0.9.4","@types/jest":"^29.5.14","@types/luxon":"^3.4.2","@types/node":"^16.18.11","jest":"^29.7.0","jest-cli":"^29.7.0","puppeteer":"^21.9.0"},"dependencies":{"@aqua-ds/style-guidelines":"^0.0.1","@jaames/iro":"^5.5.2","@stencil/core":"^4.26.0","@tanstack/table-core":"^8.21.3","@tanstack/virtual-core":"^3.13.12","howler":"^2.2.4","lodash":"^4.17.21","luxon":"^3.6.1","nouislider":"^15.8.1","numbro":"^2.5.0","prismjs":"^1.30.0","rollup-plugin-dotenv":"^0.5.1","sortablejs":"^1.15.6","tinycolor2":"^1.6.0","tippy.js":"^6.3.7"},"_id":"@aqua-ds/web-components@0.0.8","gitHead":"7f7fbe61c64804bc7c445b2cadbfdaf06a18620d","_nodeVersion":"20.18.0","_npmVersion":"11.1.0","dist":{"integrity":"sha512-RvjvZNDzZDlfmr9tbdXdi4PbqrWrjCsw/d4YC57BAd17FFu/W4gbv9PTJijLanDcjd2TCU8blatHoyLp27sYqw==","shasum":"8b246c2e607384f6741f50b81eee2ee12f94ea6b","tarball":"https://registry.npmjs.org/@aqua-ds/web-components/-/web-components-0.0.8.tgz","fileCount":945,"unpackedSize":10683099,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCICkgp9Su6qF74LRN9n5YXNK2Ci9fwxkvI95R7MUIGdcNAiEA8zFPhOcfFfww8r8sblpH8xnvhh13HoffhwHzAgkF1fo="}]},"_npmUser":{"name":"aqua_team","email":"frontops@masiv.com"},"directories":{},"maintainers":[{"name":"aqua_team","email":"frontops@masiv.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/web-components_0.0.8_1760999941696_0.16797653930283896"},"_hasShrinkwrap":false}},"time":{"created":"2025-09-22T19:13:10.620Z","modified":"2025-10-20T22:39:02.108Z","0.0.1":"2025-09-22T19:13:10.862Z","0.0.2":"2025-09-22T19:14:00.847Z","0.0.3":"2025-09-22T20:10:39.213Z","0.0.4":"2025-09-24T22:30:08.208Z","0.0.5":"2025-09-26T21:30:39.165Z","0.0.6":"2025-10-15T22:38:14.217Z","0.0.7":"2025-10-20T21:50:26.910Z","0.0.8":"2025-10-20T22:39:01.912Z"},"author":{"name":"frontops@masiv.com"},"license":"MIT","homepage":"https://masivapp.notion.site/Aqua-DS-Component-Library-1f21de3976b980838577e4447648235f?pvs=25","keywords":["aqua","design-system","component-library","UI","web-components"],"repository":{"type":"git","url":""},"description":"AquaDS Web Components","maintainers":[{"name":"aqua_team","email":"frontops@masiv.com"}],"readme":"# AquaDS WebComponents\r\n\r\n![version](https://img.shields.io/npm/v/%40aqua-ds%2Fweb-components)\r\n![lastUpdated](https://img.shields.io/npm/last-update/%40aqua-ds%2Fweb-components)\r\n\r\n <center> \r\n\r\n  ![AquaDs](https://img.notionusercontent.com/ext/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fpublic.notion-static.com%2Fbd2cb463-be69-4b79-a901-ef0ff01e283c%2Fsimbol_aqua.png/size/w=160?exp=1758922476&sig=gdBTpSOkMJyg1mAZzp5llZWD1HFegTHzrbLMcpbS3M0&id=1f21de39-76b9-80c9-9a15-007a540a7f73&table=custom_emoji)\r\n\r\n\r\n ✨ **Design together. Build together. Speak the same language.** ✨\r\n\r\n </center>\r\n\r\n\r\n`npm i @aqua-ds/web-components`\r\n\r\n---\r\n\r\nUse the components directly in HTML without any framework by installing the Aqua Web Components package.\r\n\r\n# Installation\r\n\r\nAqua DS Web Components can be installed in two different ways depending on your project’s needs:\r\n\r\n## **Using NPM**\r\n\r\nFor projects using Node.js with a build system (like Vite, Webpack, etc.):\r\n\r\n1. Make sure your project is initialized and supports modern JavaScript.\r\n2. Install Aqua DS Web Components:\r\n\r\n```bash\r\nnpm i @aqua-ds/web-components\r\n```\r\n\r\n1. Import and define the components in your JavaScript entry point:\r\n    \r\n    <aside>\r\n    ℹ️\r\n    \r\n    When use **defineCustomElements** you will subscribe all the web-components on the website. That will enable the possibility of access to any web-component at any moment. **That not affects the app performance.**\r\n    \r\n    </aside>\r\n    \r\n\r\n```jsx\r\nimport { defineCustomElements } from '@aqua-ds/web-components/loader';\r\ndefineCustomElements();\r\n```\r\n\r\n## Using CDN\r\n\r\nFor simpler setups (e.g., pure HTML without a build step):\r\n\r\n1. Include the Aqua DS script in your HTML:\r\n\r\n```jsx\r\n<script type=\"module\" src=[url-to-cdn]></script>\r\n```\r\n\r\n<aside>\r\n⚠️\r\n\r\nIf you need access to the URL AQUA CDN to connect to Aqua’s private cdn, please send an email to the FrontOps team *frontops@masiv.com*\r\n\r\n</aside>\r\n\r\n<aside>\r\n💡\r\n\r\nNote: CDN is ideal for prototyping or static environments.\r\n\r\n</aside>\r\n\r\n# Using Components\r\n\r\nAqua DS offers a wide range of Web Components that can be used across compatible environments. Each component comes with defined props, slots, and events to provide flexible UI behavior.\r\n\r\nHere’s how you can use components from the official list:\r\n\r\n[Components](https://masivapp.notion.site/Components-2011de3976b9801388eadaacd389ee67) \r\n\r\nExample: `<aq-button>`\r\n\r\n```html\r\n<aq-button variant=\"primary\" type=\"submit\">\r\n  <em class=\"aq-icon-settings\"></em>Submit\r\n</aq-button>\r\n```\r\n\r\n## Handling Events\r\n\r\nAqua DS components emit custom events to allow interaction and dynamic behavior in your applications. When using Web Components directly (e.g., in HTML or JavaScript), you can listen to these events using standard DOM event listeners.\r\n\r\n```html\r\n<aq-button variant=\"primary\" type=\"submit\" id=\"aqButton\">\r\n  <em class=\"aq-icon-settings\"></em>Submit\r\n</aq-button>\r\n\r\n<script>\r\n\tconst aqButton = document.getElementById(\"aqButton\");\r\n\t\r\n\taqButton.addEventListener('click', (event)=> {\r\n\t\tconsole.log(\"Click from AqButton: \", event.detail);\r\n\t});\r\n</script>\r\n```\r\n\r\nEach Aqua DS component defines its own set of custom events to support interactive and reactive behavior. These events are designed to reflect meaningful user interactions or internal state changes.\r\n\r\n<aside>\r\nℹ️\r\n\r\nAlways refer to the documentation of each individual component for a complete list of supported events, their purpose, and usage examples.\r\n\r\n</aside>\r\n\r\nUsing the correct event names and handlers ensures proper integration within your app logic and facilitates a seamless user experience.\r\n\r\n## Passing Properties to Web Components\r\n\r\nIn Aqua DS, you can pass properties (also known as \"props\" or \"attributes\") directly to Web Components via HTML attributes or JavaScript.\r\n\r\nThese properties control the component’s behavior, appearance, and logic. Each component has its own set of supported props, which you can find in its documentation.\r\n\r\n### **HTML Example**\r\n\r\n```html\r\n<aq-text-field\r\n\tid=\"aqTextField\"  \r\n\ttype=\"number\"\r\n\tplaceholder=\"This has slot with left content\" \r\n\ticon=\"aq-icon-settings\" \r\n\tlabel=\"This is a label\" \r\n\tsublabel=\"Sub\"\r\n  helper-text=\"This is a helper text\"\r\n  info=\"This is a tooltip\"\r\n  char-counter\r\n\tis-required\r\n\tis-textarea>\r\n</aq-text-field>\r\n```\r\n\r\n### Javascript Example\r\n\r\n```jsx\r\nconst aqTextField = document.getElementById(\"aqTextField\");\r\naqTextField.icon = \"aq-icon-email\";\r\naqTextField.label = \"TextField Label\"\r\n```\r\n\r\n- Boolean props (like `is-disabled` or `is-required`) can be added without a value in HTML.\r\n\r\n### Complex data types as property\r\n\r\nIn WebComponents some props only works when are manually set via Javascript, depending on the component’s internal logic.\r\n\r\n```html\r\n<aq-button-split\r\n    id=\"aqButtonSplit\"\r\n    type=\"button\"\r\n    variant=\"default\"\r\n    size=\"medium\"\r\n    info=\"This is a tooltip\" >\r\n    <em class=\"aq-icon-send-money\"></em> Button\r\n</aq-button-split>\r\n<script>\r\n  const buttonSplit = document.querySelector('#aqButtonSplit');\r\n  \r\n  // Setting a JS-only attribute (complex object)\r\n  buttonSplit.items = [\r\n    { id: \"1\", name: \"Option 1\" },\r\n    { id: \"2\", name: \"Option 2\" },\r\n    { id: \"3\", name: \"Option 3\" }\r\n  ];\r\n</script>\r\n```\r\n\r\n<aside>\r\nℹ️\r\n\r\nAlways check the official documentation of each component to understand which props are available and how they behave\r\n\r\n</aside>\r\n\r\n✨ **Design together. Build together. Speak the same language.** ✨\r\n","readmeFilename":"readme.md"}