From 66351ca7ba85d56f0ed6d1fef2a6a46e2d3b5fda Mon Sep 17 00:00:00 2001 From: Kumari Vijeta Date: Thu, 12 Dec 2024 12:03:15 +0530 Subject: [PATCH 01/10] feat(search): update color token --- src/components/reusable/search/search.scss | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/components/reusable/search/search.scss b/src/components/reusable/search/search.scss index fd0faf19..41c364e0 100644 --- a/src/components/reusable/search/search.scss +++ b/src/components/reusable/search/search.scss @@ -9,6 +9,7 @@ .search { display: flex; position: relative; + background: var(--kd-color-background-forms-secondary); } kd-button { @@ -46,6 +47,7 @@ kyn-text-input { transform-origin: top; opacity: 0; z-index: -1; + background-color: var(--kd-color-background-forms-secondary); .focused.has-value &, &:focus { @@ -59,11 +61,13 @@ kyn-text-input { padding: 16px; cursor: pointer; transition: background-color 150ms ease-out; - background-color: var(--kd-color-background-ui-default); + color: var(--kd-color-text-level-primary); &:hover, &[highlighted] { - background-color: var(--kd-color-background-inverse-hover); + background-color: var( + --kd-color-background-inverse-hover + ); // check with UX } } } From 926cd01952796df9b635e630cd71cfab0f3a3030 Mon Sep 17 00:00:00 2001 From: Kumari Vijeta Date: Thu, 12 Dec 2024 12:41:33 +0530 Subject: [PATCH 02/10] chore: updated --- src/components/reusable/search/search.scss | 3 +-- src/components/reusable/textInput/textInput.scss | 4 ++++ 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/src/components/reusable/search/search.scss b/src/components/reusable/search/search.scss index 41c364e0..c81795fb 100644 --- a/src/components/reusable/search/search.scss +++ b/src/components/reusable/search/search.scss @@ -9,7 +9,6 @@ .search { display: flex; position: relative; - background: var(--kd-color-background-forms-secondary); } kd-button { @@ -66,7 +65,7 @@ kyn-text-input { &:hover, &[highlighted] { background-color: var( - --kd-color-background-inverse-hover + --kd-color-background-accent-subtle ); // check with UX } } diff --git a/src/components/reusable/textInput/textInput.scss b/src/components/reusable/textInput/textInput.scss index ab25a355..791ff23f 100644 --- a/src/components/reusable/textInput/textInput.scss +++ b/src/components/reusable/textInput/textInput.scss @@ -63,6 +63,10 @@ input[type='search']::-webkit-search-results-decoration { appearance: none; } +input[type='search'] { + background-color: var(--kd-color-background-forms-secondary); +} + .clear { border: none; background: none; From b459b0b26ed6e582180ac662c6f2947f382c3e4f Mon Sep 17 00:00:00 2001 From: Kumari Vijeta Date: Thu, 12 Dec 2024 13:43:37 +0530 Subject: [PATCH 03/10] chore: fix --- src/components/reusable/search/search.scss | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/src/components/reusable/search/search.scss b/src/components/reusable/search/search.scss index c81795fb..262dea1d 100644 --- a/src/components/reusable/search/search.scss +++ b/src/components/reusable/search/search.scss @@ -64,9 +64,7 @@ kyn-text-input { &:hover, &[highlighted] { - background-color: var( - --kd-color-background-accent-subtle - ); // check with UX + background-color: var(--kd-color-background-ui-hollow-hover); } } } From fce1466da28ab8ffd68fd4bb6350c1ea0ee20b9d Mon Sep 17 00:00:00 2001 From: Kumari Vijeta Date: Fri, 13 Dec 2024 16:37:21 +0530 Subject: [PATCH 04/10] chore: version update --- package-lock.json | 2126 +++++------------ package.json | 2 +- .../reusable/textInput/textInput.scss | 2 +- 3 files changed, 581 insertions(+), 1549 deletions(-) diff --git a/package-lock.json b/package-lock.json index 9c144260..a8a48522 100644 --- a/package-lock.json +++ b/package-lock.json @@ -98,7 +98,7 @@ "typescript": "^4.9.4" }, "peerDependencies": { - "@kyndryl-design-system/shidoka-foundation": "^2.0.0-next.22" + "@kyndryl-design-system/shidoka-foundation": "^2.0.0-next.24" } }, "node_modules/@adobe/css-tools": { @@ -1878,9 +1878,9 @@ } }, "node_modules/@babel/traverse": { - "version": "7.26.3", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.3.tgz", - "integrity": "sha512-yTmc8J+Sj8yLzwr4PD5Xb/WF3bOYu2C2OoSZPzbuqRm4n98XirsbzaX+GloeO376UnSYIYJ4NCanwV5/ugZkwA==", + "version": "7.26.4", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.4.tgz", + "integrity": "sha512-fH+b7Y4p3yqvApJALCPJcwb0/XaOSgtK4pzV6WVjPR5GLFQBRI7pfoX2V2iM48NXvX07NUxxm1Vw98YjqTcU5w==", "dev": true, "dependencies": { "@babel/code-frame": "^7.26.2", @@ -2260,78 +2260,14 @@ } }, "node_modules/@emotion/use-insertion-effect-with-fallbacks": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.1.0.tgz", - "integrity": "sha512-+wBOcIV5snwGgI2ya3u99D7/FJquOIniQT1IKyDsBmEgwvpxMNeS65Oib7OnE2d2aY+3BU4OiH+0Wchf8yk3Hw==", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.2.0.tgz", + "integrity": "sha512-yJMtVdH59sxi/aVJBpk9FQq+OR8ll5GT8oWd57UpeaKEVGab41JWaCFA7FRLoMLloOZF/c/wsPoe+bfGmRKgDg==", "dev": true, "peerDependencies": { "react": ">=16.8.0" } }, - "node_modules/@esbuild/aix-ppc64": { - "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.19.12.tgz", - "integrity": "sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==", - "cpu": [ - "ppc64" - ], - "dev": true, - "optional": true, - "os": [ - "aix" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/android-arm": { - "version": "0.18.20", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz", - "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==", - "cpu": [ - "arm" - ], - "dev": true, - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/android-arm64": { - "version": "0.18.20", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz", - "integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/android-x64": { - "version": "0.18.20", - "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz", - "integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=12" - } - }, "node_modules/@esbuild/darwin-arm64": { "version": "0.18.20", "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz", @@ -2348,294 +2284,6 @@ "node": ">=12" } }, - "node_modules/@esbuild/darwin-x64": { - "version": "0.18.20", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz", - "integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "darwin" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/freebsd-arm64": { - "version": "0.18.20", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz", - "integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "freebsd" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/freebsd-x64": { - "version": "0.18.20", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz", - "integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "freebsd" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/linux-arm": { - "version": "0.18.20", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz", - "integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==", - "cpu": [ - "arm" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/linux-arm64": { - "version": "0.18.20", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz", - "integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/linux-ia32": { - "version": "0.18.20", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz", - "integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==", - "cpu": [ - "ia32" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/linux-loong64": { - "version": "0.18.20", - "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz", - "integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==", - "cpu": [ - "loong64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/linux-mips64el": { - "version": "0.18.20", - "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz", - "integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==", - "cpu": [ - "mips64el" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/linux-ppc64": { - "version": "0.18.20", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz", - "integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==", - "cpu": [ - "ppc64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/linux-riscv64": { - "version": "0.18.20", - "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz", - "integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==", - "cpu": [ - "riscv64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/linux-s390x": { - "version": "0.18.20", - "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz", - "integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==", - "cpu": [ - "s390x" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/linux-x64": { - "version": "0.18.20", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz", - "integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/netbsd-x64": { - "version": "0.18.20", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz", - "integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "netbsd" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/openbsd-x64": { - "version": "0.18.20", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz", - "integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "openbsd" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/sunos-x64": { - "version": "0.18.20", - "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz", - "integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "sunos" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/win32-arm64": { - "version": "0.18.20", - "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz", - "integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/win32-ia32": { - "version": "0.18.20", - "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz", - "integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==", - "cpu": [ - "ia32" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/@esbuild/win32-x64": { - "version": "0.18.20", - "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz", - "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=12" - } - }, "node_modules/@eslint-community/eslint-utils": { "version": "4.4.1", "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz", @@ -3362,9 +3010,9 @@ } }, "node_modules/@jridgewell/gen-mapping": { - "version": "0.3.5", - "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz", - "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==", + "version": "0.3.8", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz", + "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==", "dev": true, "dependencies": { "@jridgewell/set-array": "^1.2.1", @@ -3464,9 +3112,9 @@ } }, "node_modules/@kyndryl-design-system/shidoka-foundation": { - "version": "2.0.0-next.22", - "resolved": "https://registry.npmjs.org/@kyndryl-design-system/shidoka-foundation/-/shidoka-foundation-2.0.0-next.22.tgz", - "integrity": "sha512-pm5VCbmekCi0sOWv0XvtqxYb5o8IJ6AzF8mapwtbyy6GQI46BKMW0QuZDjIFeyub/KyispgG6m6Ecswm31mXWw==", + "version": "2.0.0-next.24", + "resolved": "https://registry.npmjs.org/@kyndryl-design-system/shidoka-foundation/-/shidoka-foundation-2.0.0-next.24.tgz", + "integrity": "sha512-BYcOXZdpwGWSx+khAzWUu7ZJjWlkIVVs1hCpzwtW539/Nd3xt/nzDnamKp6bvdT3ECPWuV6BSQyzzkf2+9/odQ==", "dev": true, "dependencies": { "@kyndryl-design-system/shidoka-icons": "^1.5.0", @@ -3645,257 +3293,17 @@ "@parcel/watcher-win32-x64": "2.5.0" } }, - "node_modules/@parcel/watcher-android-arm64": { + "node_modules/@parcel/watcher-darwin-arm64": { "version": "2.5.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.0.tgz", - "integrity": "sha512-qlX4eS28bUcQCdribHkg/herLe+0A9RyYC+mm2PXpncit8z5b3nSqGVzMNR3CmtAOgRutiZ02eIJJgP/b1iEFQ==", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.0.tgz", + "integrity": "sha512-hyZ3TANnzGfLpRA2s/4U1kbw2ZI4qGxaRJbBH2DCSREFfubMswheh8TeiC1sGZ3z2jUf3s37P0BBlrD3sjVTUw==", "cpu": [ "arm64" ], "dev": true, "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.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.0.tgz", - "integrity": "sha512-hyZ3TANnzGfLpRA2s/4U1kbw2ZI4qGxaRJbBH2DCSREFfubMswheh8TeiC1sGZ3z2jUf3s37P0BBlrD3sjVTUw==", - "cpu": [ - "arm64" - ], - "dev": true, - "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.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.0.tgz", - "integrity": "sha512-9rhlwd78saKf18fT869/poydQK8YqlU26TMiNg7AIu7eBp9adqbJZqmdFOsbZ5cnLp5XvRo9wcFmNHgHdWaGYA==", - "cpu": [ - "x64" - ], - "dev": true, - "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.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.0.tgz", - "integrity": "sha512-syvfhZzyM8kErg3VF0xpV8dixJ+RzbUaaGaeb7uDuz0D3FK97/mZ5AJQ3XNnDsXX7KkFNtyQyFrXZzQIcN49Tw==", - "cpu": [ - "x64" - ], - "dev": true, - "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.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.0.tgz", - "integrity": "sha512-0VQY1K35DQET3dVYWpOaPFecqOT9dbuCfzjxoQyif1Wc574t3kOSkKevULddcR9znz1TcklCE7Ht6NIxjvTqLA==", - "cpu": [ - "arm" - ], - "dev": true, - "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.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.0.tgz", - "integrity": "sha512-6uHywSIzz8+vi2lAzFeltnYbdHsDm3iIB57d4g5oaB9vKwjb6N6dRIgZMujw4nm5r6v9/BQH0noq6DzHrqr2pA==", - "cpu": [ - "arm" - ], - "dev": true, - "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.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.0.tgz", - "integrity": "sha512-BfNjXwZKxBy4WibDb/LDCriWSKLz+jJRL3cM/DllnHH5QUyoiUNEp3GmL80ZqxeumoADfCCP19+qiYiC8gUBjA==", - "cpu": [ - "arm64" - ], - "dev": true, - "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.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.0.tgz", - "integrity": "sha512-S1qARKOphxfiBEkwLUbHjCY9BWPdWnW9j7f7Hb2jPplu8UZ3nes7zpPOW9bkLbHRvWM0WDTsjdOTUgW0xLBN1Q==", - "cpu": [ - "arm64" - ], - "dev": true, - "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.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.0.tgz", - "integrity": "sha512-d9AOkusyXARkFD66S6zlGXyzx5RvY+chTP9Jp0ypSTC9d4lzyRs9ovGf/80VCxjKddcUvnsGwCHWuF2EoPgWjw==", - "cpu": [ - "x64" - ], - "dev": true, - "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.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.0.tgz", - "integrity": "sha512-iqOC+GoTDoFyk/VYSFHwjHhYrk8bljW6zOhPuhi5t9ulqiYq1togGJB5e3PwYVFFfeVgc6pbz3JdQyDoBszVaA==", - "cpu": [ - "x64" - ], - "dev": true, - "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.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.0.tgz", - "integrity": "sha512-twtft1d+JRNkM5YbmexfcH/N4znDtjgysFaV9zvZmmJezQsKpkfLYJ+JFV3uygugK6AtIM2oADPkB2AdhBrNig==", - "cpu": [ - "arm64" - ], - "dev": true, - "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.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.0.tgz", - "integrity": "sha512-+rgpsNRKwo8A53elqbbHXdOMtY/tAtTzManTWShB5Kk54N8Q9mzNWV7tV+IbGueCbcj826MfWGU3mprWtuf1TA==", - "cpu": [ - "ia32" - ], - "dev": true, - "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.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.0.tgz", - "integrity": "sha512-lPrxve92zEHdgeff3aiu4gDOIt4u7sJYha6wbdEZDCDUhtjTsOMiaJzG5lMY4GkWH8p0fMmO2Ppq5G5XXG+DQw==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "win32" + "darwin" ], "engines": { "node": ">= 10.0.0" @@ -4220,18 +3628,18 @@ } }, "node_modules/@radix-ui/react-roving-focus": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.0.tgz", - "integrity": "sha512-EA6AMGeq9AEeQDeSH0aZgG198qkfHSbvWTf1HvoDmOB5bBG/qTxjYMWUKMnYiV6J/iP/J8MEFSuB2zRU2n7ODA==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.1.tgz", + "integrity": "sha512-QE1RoxPGJ/Nm8Qmk0PxP8ojmoaS67i0s7hVssS7KuI2FQoc/uzVlZsqKfQvxPE6D8hICCPHJ4D88zNhT3OOmkw==", "dev": true, "dependencies": { - "@radix-ui/primitive": "1.1.0", - "@radix-ui/react-collection": "1.1.0", - "@radix-ui/react-compose-refs": "1.1.0", - "@radix-ui/react-context": "1.1.0", + "@radix-ui/primitive": "1.1.1", + "@radix-ui/react-collection": "1.1.1", + "@radix-ui/react-compose-refs": "1.1.1", + "@radix-ui/react-context": "1.1.1", "@radix-ui/react-direction": "1.1.0", "@radix-ui/react-id": "1.1.0", - "@radix-ui/react-primitive": "2.0.0", + "@radix-ui/react-primitive": "2.0.1", "@radix-ui/react-use-callback-ref": "1.1.0", "@radix-ui/react-use-controllable-state": "1.1.0" }, @@ -4251,21 +3659,21 @@ } }, "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/primitive": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.0.tgz", - "integrity": "sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz", + "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA==", "dev": true }, "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-collection": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.0.tgz", - "integrity": "sha512-GZsZslMJEyo1VKm5L1ZJY8tGDxZNPAoUeQUIbKeJfoi7Q4kmig5AsgLMYYuyYbfjd8fBmFORAIwYAkXMnXZgZw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.1.tgz", + "integrity": "sha512-LwT3pSho9Dljg+wY2KN2mrrh6y3qELfftINERIzBUO9e0N+t0oMTyn3k9iv+ZqgrwGkRnLpNJrsMv9BZlt2yuA==", "dev": true, "dependencies": { - "@radix-ui/react-compose-refs": "1.1.0", - "@radix-ui/react-context": "1.1.0", - "@radix-ui/react-primitive": "2.0.0", - "@radix-ui/react-slot": "1.1.0" + "@radix-ui/react-compose-refs": "1.1.1", + "@radix-ui/react-context": "1.1.1", + "@radix-ui/react-primitive": "2.0.1", + "@radix-ui/react-slot": "1.1.1" }, "peerDependencies": { "@types/react": "*", @@ -4283,9 +3691,9 @@ } }, "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-compose-refs": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz", - "integrity": "sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz", + "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==", "dev": true, "peerDependencies": { "@types/react": "*", @@ -4298,9 +3706,9 @@ } }, "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-context": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.0.tgz", - "integrity": "sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz", + "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==", "dev": true, "peerDependencies": { "@types/react": "*", @@ -4346,12 +3754,12 @@ } }, "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-primitive": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz", - "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz", + "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==", "dev": true, "dependencies": { - "@radix-ui/react-slot": "1.1.0" + "@radix-ui/react-slot": "1.1.1" }, "peerDependencies": { "@types/react": "*", @@ -4369,12 +3777,12 @@ } }, "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-slot": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz", - "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz", + "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==", "dev": true, "dependencies": { - "@radix-ui/react-compose-refs": "1.1.0" + "@radix-ui/react-compose-refs": "1.1.1" }, "peerDependencies": { "@types/react": "*", @@ -4479,12 +3887,12 @@ } }, "node_modules/@radix-ui/react-separator": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.0.tgz", - "integrity": "sha512-3uBAs+egzvJBDZAzvb/n4NxxOYpnspmWxO2u5NbZ8Y6FM/NdrGSF9bop3Cf6F6C71z1rTSn8KV0Fo2ZVd79lGA==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.1.tgz", + "integrity": "sha512-RRiNRSrD8iUiXriq/Y5n4/3iE8HzqgLHsusUSg5jVpU2+3tqcUFPJXHDymwEypunc2sWxDUS3UC+rkZRlHedsw==", "dev": true, "dependencies": { - "@radix-ui/react-primitive": "2.0.0" + "@radix-ui/react-primitive": "2.0.1" }, "peerDependencies": { "@types/react": "*", @@ -4502,9 +3910,9 @@ } }, "node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-compose-refs": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz", - "integrity": "sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz", + "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==", "dev": true, "peerDependencies": { "@types/react": "*", @@ -4517,12 +3925,12 @@ } }, "node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-primitive": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz", - "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz", + "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==", "dev": true, "dependencies": { - "@radix-ui/react-slot": "1.1.0" + "@radix-ui/react-slot": "1.1.1" }, "peerDependencies": { "@types/react": "*", @@ -4540,12 +3948,12 @@ } }, "node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-slot": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz", - "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz", + "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==", "dev": true, "dependencies": { - "@radix-ui/react-compose-refs": "1.1.0" + "@radix-ui/react-compose-refs": "1.1.1" }, "peerDependencies": { "@types/react": "*", @@ -4577,13 +3985,13 @@ } }, "node_modules/@radix-ui/react-toggle": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle/-/react-toggle-1.1.0.tgz", - "integrity": "sha512-gwoxaKZ0oJ4vIgzsfESBuSgJNdc0rv12VhHgcqN0TEJmmZixXG/2XpsLK8kzNWYcnaoRIEEQc0bEi3dIvdUpjw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle/-/react-toggle-1.1.1.tgz", + "integrity": "sha512-i77tcgObYr743IonC1hrsnnPmszDRn8p+EGUsUt+5a/JFn28fxaM88Py6V2mc8J5kELMWishI0rLnuGLFD/nnQ==", "dev": true, "dependencies": { - "@radix-ui/primitive": "1.1.0", - "@radix-ui/react-primitive": "2.0.0", + "@radix-ui/primitive": "1.1.1", + "@radix-ui/react-primitive": "2.0.1", "@radix-ui/react-use-controllable-state": "1.1.0" }, "peerDependencies": { @@ -4602,17 +4010,17 @@ } }, "node_modules/@radix-ui/react-toggle-group": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle-group/-/react-toggle-group-1.1.0.tgz", - "integrity": "sha512-PpTJV68dZU2oqqgq75Uzto5o/XfOVgkrJ9rulVmfTKxWp3HfUjHE6CP/WLRR4AzPX9HWxw7vFow2me85Yu+Naw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle-group/-/react-toggle-group-1.1.1.tgz", + "integrity": "sha512-OgDLZEA30Ylyz8YSXvnGqIHtERqnUt1KUYTKdw/y8u7Ci6zGiJfXc02jahmcSNK3YcErqioj/9flWC9S1ihfwg==", "dev": true, "dependencies": { - "@radix-ui/primitive": "1.1.0", - "@radix-ui/react-context": "1.1.0", + "@radix-ui/primitive": "1.1.1", + "@radix-ui/react-context": "1.1.1", "@radix-ui/react-direction": "1.1.0", - "@radix-ui/react-primitive": "2.0.0", - "@radix-ui/react-roving-focus": "1.1.0", - "@radix-ui/react-toggle": "1.1.0", + "@radix-ui/react-primitive": "2.0.1", + "@radix-ui/react-roving-focus": "1.1.1", + "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-use-controllable-state": "1.1.0" }, "peerDependencies": { @@ -4631,15 +4039,15 @@ } }, "node_modules/@radix-ui/react-toggle-group/node_modules/@radix-ui/primitive": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.0.tgz", - "integrity": "sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz", + "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA==", "dev": true }, "node_modules/@radix-ui/react-toggle-group/node_modules/@radix-ui/react-compose-refs": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz", - "integrity": "sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz", + "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==", "dev": true, "peerDependencies": { "@types/react": "*", @@ -4652,9 +4060,9 @@ } }, "node_modules/@radix-ui/react-toggle-group/node_modules/@radix-ui/react-context": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.0.tgz", - "integrity": "sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz", + "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==", "dev": true, "peerDependencies": { "@types/react": "*", @@ -4682,12 +4090,12 @@ } }, "node_modules/@radix-ui/react-toggle-group/node_modules/@radix-ui/react-primitive": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz", - "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz", + "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==", "dev": true, "dependencies": { - "@radix-ui/react-slot": "1.1.0" + "@radix-ui/react-slot": "1.1.1" }, "peerDependencies": { "@types/react": "*", @@ -4705,12 +4113,12 @@ } }, "node_modules/@radix-ui/react-toggle-group/node_modules/@radix-ui/react-slot": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz", - "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz", + "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==", "dev": true, "dependencies": { - "@radix-ui/react-compose-refs": "1.1.0" + "@radix-ui/react-compose-refs": "1.1.1" }, "peerDependencies": { "@types/react": "*", @@ -4756,15 +4164,15 @@ } }, "node_modules/@radix-ui/react-toggle/node_modules/@radix-ui/primitive": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.0.tgz", - "integrity": "sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz", + "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA==", "dev": true }, "node_modules/@radix-ui/react-toggle/node_modules/@radix-ui/react-compose-refs": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz", - "integrity": "sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz", + "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==", "dev": true, "peerDependencies": { "@types/react": "*", @@ -4777,12 +4185,12 @@ } }, "node_modules/@radix-ui/react-toggle/node_modules/@radix-ui/react-primitive": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz", - "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz", + "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==", "dev": true, "dependencies": { - "@radix-ui/react-slot": "1.1.0" + "@radix-ui/react-slot": "1.1.1" }, "peerDependencies": { "@types/react": "*", @@ -4800,12 +4208,12 @@ } }, "node_modules/@radix-ui/react-toggle/node_modules/@radix-ui/react-slot": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz", - "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz", + "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==", "dev": true, "dependencies": { - "@radix-ui/react-compose-refs": "1.1.0" + "@radix-ui/react-compose-refs": "1.1.1" }, "peerDependencies": { "@types/react": "*", @@ -4851,18 +4259,18 @@ } }, "node_modules/@radix-ui/react-toolbar": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-toolbar/-/react-toolbar-1.1.0.tgz", - "integrity": "sha512-ZUKknxhMTL/4hPh+4DuaTot9aO7UD6Kupj4gqXCsBTayX1pD1L+0C2/2VZKXb4tIifQklZ3pf2hG9T+ns+FclQ==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-toolbar/-/react-toolbar-1.1.1.tgz", + "integrity": "sha512-r7T80WOCHc2n3KRzFCbHWGVzkfVTCzDofGU4gqa5ZuIzgnVaLogGsdyifFJXWQDp0lAr5hrf+X9uqQdE0pa6Ww==", "dev": true, "dependencies": { - "@radix-ui/primitive": "1.1.0", - "@radix-ui/react-context": "1.1.0", + "@radix-ui/primitive": "1.1.1", + "@radix-ui/react-context": "1.1.1", "@radix-ui/react-direction": "1.1.0", - "@radix-ui/react-primitive": "2.0.0", - "@radix-ui/react-roving-focus": "1.1.0", - "@radix-ui/react-separator": "1.1.0", - "@radix-ui/react-toggle-group": "1.1.0" + "@radix-ui/react-primitive": "2.0.1", + "@radix-ui/react-roving-focus": "1.1.1", + "@radix-ui/react-separator": "1.1.1", + "@radix-ui/react-toggle-group": "1.1.1" }, "peerDependencies": { "@types/react": "*", @@ -4880,15 +4288,15 @@ } }, "node_modules/@radix-ui/react-toolbar/node_modules/@radix-ui/primitive": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.0.tgz", - "integrity": "sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz", + "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA==", "dev": true }, "node_modules/@radix-ui/react-toolbar/node_modules/@radix-ui/react-compose-refs": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz", - "integrity": "sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz", + "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==", "dev": true, "peerDependencies": { "@types/react": "*", @@ -4901,9 +4309,9 @@ } }, "node_modules/@radix-ui/react-toolbar/node_modules/@radix-ui/react-context": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.0.tgz", - "integrity": "sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz", + "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==", "dev": true, "peerDependencies": { "@types/react": "*", @@ -4931,12 +4339,12 @@ } }, "node_modules/@radix-ui/react-toolbar/node_modules/@radix-ui/react-primitive": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz", - "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz", + "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==", "dev": true, "dependencies": { - "@radix-ui/react-slot": "1.1.0" + "@radix-ui/react-slot": "1.1.1" }, "peerDependencies": { "@types/react": "*", @@ -4954,12 +4362,12 @@ } }, "node_modules/@radix-ui/react-toolbar/node_modules/@radix-ui/react-slot": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz", - "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz", + "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==", "dev": true, "dependencies": { - "@radix-ui/react-compose-refs": "1.1.0" + "@radix-ui/react-compose-refs": "1.1.1" }, "peerDependencies": { "@types/react": "*", @@ -5265,7 +4673,6 @@ "resolved": "https://registry.npmjs.org/@semantic-release/git/-/git-10.0.1.tgz", "integrity": "sha512-eWrx5KguUcU2wUPaO6sfvZI0wPafUKAMNC18aXY4EnNcrZL86dEmpNVnC9uMpGZkmZJ9EfCVJBQx4pV4EMGT1w==", "dev": true, - "license": "MIT", "dependencies": { "@semantic-release/error": "^3.0.0", "aggregate-error": "^3.0.0", @@ -5770,6 +5177,18 @@ "node": ">=18" } }, + "node_modules/@storybook/addon-webpack5-compiler-babel/node_modules/ajv-keywords": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz", + "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==", + "dev": true, + "dependencies": { + "fast-deep-equal": "^3.1.3" + }, + "peerDependencies": { + "ajv": "^8.8.2" + } + }, "node_modules/@storybook/addon-webpack5-compiler-babel/node_modules/babel-loader": { "version": "9.2.1", "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.2.1.tgz", @@ -5889,9 +5308,9 @@ } }, "node_modules/@storybook/addon-webpack5-compiler-babel/node_modules/schema-utils": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz", - "integrity": "sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==", + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz", + "integrity": "sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==", "dev": true, "dependencies": { "@types/json-schema": "^7.0.9", @@ -5900,7 +5319,7 @@ "ajv-keywords": "^5.1.0" }, "engines": { - "node": ">= 12.13.0" + "node": ">= 10.13.0" }, "funding": { "type": "opencollective", @@ -6277,9 +5696,9 @@ } }, "node_modules/@storybook/builder-webpack5/node_modules/@types/node": { - "version": "22.10.1", - "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.1.tgz", - "integrity": "sha512-qKgsUwfHZV2WCWLAnVP1JqnpE6Im6h3Y0+fYgMTasNQ7V++CBX5OT1as0g0f+OyubbFqhf6XVNIsmN4IIhEgGQ==", + "version": "22.10.2", + "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.2.tgz", + "integrity": "sha512-Xxr6BBRCAOQixvonOye19wnzyDiUtTeqldOOmj3CkeblonbccA12PFwlufvRdrpjXxqnmUaeiU5EOA+7s5diUQ==", "dev": true, "dependencies": { "undici-types": "~6.20.0" @@ -6467,9 +5886,9 @@ } }, "node_modules/@storybook/core-common/node_modules/@types/node": { - "version": "18.19.67", - "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.67.tgz", - "integrity": "sha512-wI8uHusga+0ZugNp0Ol/3BqQfEcCCNfojtO6Oou9iVNGPTL6QNSdnUdqq85fRgIorLhLMuPIKpsN98QE9Nh+KQ==", + "version": "18.19.68", + "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.68.tgz", + "integrity": "sha512-QGtpFH1vB99ZmTa63K4/FU8twThj4fuVSBkGddTp7uIL/cuoLWIUSL2RcOaigBhfR+hg5pgGkBnkoOxrTVBMKw==", "dev": true, "dependencies": { "undici-types": "~5.26.4" @@ -6524,9 +5943,9 @@ } }, "node_modules/@storybook/core-webpack/node_modules/@types/node": { - "version": "22.10.1", - "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.1.tgz", - "integrity": "sha512-qKgsUwfHZV2WCWLAnVP1JqnpE6Im6h3Y0+fYgMTasNQ7V++CBX5OT1as0g0f+OyubbFqhf6XVNIsmN4IIhEgGQ==", + "version": "22.10.2", + "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.2.tgz", + "integrity": "sha512-Xxr6BBRCAOQixvonOye19wnzyDiUtTeqldOOmj3CkeblonbccA12PFwlufvRdrpjXxqnmUaeiU5EOA+7s5diUQ==", "dev": true, "dependencies": { "undici-types": "~6.20.0" @@ -6591,9 +6010,9 @@ } }, "node_modules/@storybook/csf-tools": { - "version": "8.4.6", - "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-8.4.6.tgz", - "integrity": "sha512-hNcPQJ0BqXGYDvVF4hwMgO0ExZCNhqM+ogQuMlp2NJCCNDyJYRclQltfCo0+KnwcW6Hmb3xraDmAnxijWJUYeA==", + "version": "8.4.7", + "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-8.4.7.tgz", + "integrity": "sha512-UR+qMZFEII1e9Gx3RViQoqpSIQnaZWiGQFE2u+wjMMRzqoP2TMRnAHM1d8m6Tk0c1BSrcRt4tUfJkIsTI0o5vw==", "dev": true, "funding": { "type": "opencollective", @@ -6610,16 +6029,16 @@ "dev": true }, "node_modules/@storybook/icons": { - "version": "1.2.12", - "resolved": "https://registry.npmjs.org/@storybook/icons/-/icons-1.2.12.tgz", - "integrity": "sha512-UxgyK5W3/UV4VrI3dl6ajGfHM4aOqMAkFLWe2KibeQudLf6NJpDrDMSHwZj+3iKC4jFU7dkKbbtH2h/al4sW3Q==", + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/@storybook/icons/-/icons-1.3.0.tgz", + "integrity": "sha512-Nz/UzeYQdUZUhacrPyfkiiysSjydyjgg/p0P9HxB4p/WaJUUjMAcaoaLgy3EXx61zZJ3iD36WPuDkZs5QYrA0A==", "dev": true, "engines": { "node": ">=14.0.0" }, "peerDependencies": { - "react": "^16.8.0 || ^17.0.0 || ^18.0.0", - "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta" } }, "node_modules/@storybook/instrumenter": { @@ -6928,9 +6347,9 @@ } }, "node_modules/@storybook/test-runner/node_modules/@storybook/core-common": { - "version": "8.4.6", - "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-8.4.6.tgz", - "integrity": "sha512-XIst96ikly+k4/NRXbGlt1hKFyCNsgFvQAWgUnDAg9ukIm7Oq4vz2gGUounhxi/U0CXOIpe7qnZoTse8An2GRQ==", + "version": "8.4.7", + "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-8.4.7.tgz", + "integrity": "sha512-WgVg9UR/Ye4vnoB0i9pQkJsy47IlerkBaxSHycaxIlg87znrYL1K31a5Os1qUXq+eJbH6Jk70dfUmbRh/UOS6A==", "dev": true, "funding": { "type": "opencollective", @@ -7018,18 +6437,18 @@ } }, "node_modules/@storybook/web-components-webpack5/node_modules/@types/node": { - "version": "22.10.1", - "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.1.tgz", - "integrity": "sha512-qKgsUwfHZV2WCWLAnVP1JqnpE6Im6h3Y0+fYgMTasNQ7V++CBX5OT1as0g0f+OyubbFqhf6XVNIsmN4IIhEgGQ==", + "version": "22.10.2", + "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.2.tgz", + "integrity": "sha512-Xxr6BBRCAOQixvonOye19wnzyDiUtTeqldOOmj3CkeblonbccA12PFwlufvRdrpjXxqnmUaeiU5EOA+7s5diUQ==", "dev": true, "dependencies": { "undici-types": "~6.20.0" } }, "node_modules/@storybook/web-components/node_modules/@storybook/components": { - "version": "8.4.6", - "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.4.6.tgz", - "integrity": "sha512-9tKSJJCyFT5RZMRGyozTBJkr9C9Yfk1nuOE9XbDEE1Z+3/IypKR9+iwc5mfNBStDNY+rxtYWNLKBb5GPR2yhzA==", + "version": "8.4.7", + "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.4.7.tgz", + "integrity": "sha512-uyJIcoyeMWKAvjrG9tJBUCKxr2WZk+PomgrgrUwejkIfXMO76i6jw9BwLa0NZjYdlthDv30r9FfbYZyeNPmF0g==", "dev": true, "funding": { "type": "opencollective", @@ -7040,9 +6459,9 @@ } }, "node_modules/@storybook/web-components/node_modules/@storybook/manager-api": { - "version": "8.4.6", - "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.4.6.tgz", - "integrity": "sha512-TsXlQ5m5rTl2KNT9icPFyy822AqXrx1QplZBt/L7cFn7SpqQKDeSta21FH7MG0piAvzOweXebVSqKngJ6cCWWQ==", + "version": "8.4.7", + "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.4.7.tgz", + "integrity": "sha512-ELqemTviCxAsZ5tqUz39sDmQkvhVAvAgiplYy9Uf15kO0SP2+HKsCMzlrm2ue2FfkUNyqbDayCPPCB0Cdn/mpQ==", "dev": true, "funding": { "type": "opencollective", @@ -7053,9 +6472,9 @@ } }, "node_modules/@swc/core": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.10.0.tgz", - "integrity": "sha512-+CuuTCmQFfzaNGg1JmcZvdUVITQXJk9sMnl1C2TiDLzOSVOJRwVD4dNo5dljX/qxpMAN+2BIYlwjlSkoGi6grg==", + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.10.1.tgz", + "integrity": "sha512-rQ4dS6GAdmtzKiCRt3LFVxl37FaY1cgL9kSUTnhQ2xc3fmHOd7jdJK/V4pSZMG1ruGTd0bsi34O2R0Olg9Zo/w==", "dev": true, "hasInstallScript": true, "dependencies": { @@ -7070,16 +6489,16 @@ "url": "https://opencollective.com/swc" }, "optionalDependencies": { - "@swc/core-darwin-arm64": "1.10.0", - "@swc/core-darwin-x64": "1.10.0", - "@swc/core-linux-arm-gnueabihf": "1.10.0", - "@swc/core-linux-arm64-gnu": "1.10.0", - "@swc/core-linux-arm64-musl": "1.10.0", - "@swc/core-linux-x64-gnu": "1.10.0", - "@swc/core-linux-x64-musl": "1.10.0", - "@swc/core-win32-arm64-msvc": "1.10.0", - "@swc/core-win32-ia32-msvc": "1.10.0", - "@swc/core-win32-x64-msvc": "1.10.0" + "@swc/core-darwin-arm64": "1.10.1", + "@swc/core-darwin-x64": "1.10.1", + "@swc/core-linux-arm-gnueabihf": "1.10.1", + "@swc/core-linux-arm64-gnu": "1.10.1", + "@swc/core-linux-arm64-musl": "1.10.1", + "@swc/core-linux-x64-gnu": "1.10.1", + "@swc/core-linux-x64-musl": "1.10.1", + "@swc/core-win32-arm64-msvc": "1.10.1", + "@swc/core-win32-ia32-msvc": "1.10.1", + "@swc/core-win32-x64-msvc": "1.10.1" }, "peerDependencies": { "@swc/helpers": "*" @@ -7091,9 +6510,9 @@ } }, "node_modules/@swc/core-darwin-arm64": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.10.0.tgz", - "integrity": "sha512-wCeUpanqZyzvgqWRtXIyhcFK3CqukAlYyP+fJpY2gWc/+ekdrenNIfZMwY7tyTFDkXDYEKzvn3BN/zDYNJFowQ==", + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.10.1.tgz", + "integrity": "sha512-NyELPp8EsVZtxH/mEqvzSyWpfPJ1lugpTQcSlMduZLj1EASLO4sC8wt8hmL1aizRlsbjCX+r0PyL+l0xQ64/6Q==", "cpu": [ "arm64" ], @@ -7106,150 +6525,6 @@ "node": ">=10" } }, - "node_modules/@swc/core-darwin-x64": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.10.0.tgz", - "integrity": "sha512-0CZPzqTynUBO+SHEl/qKsFSahp2Jv/P2ZRjFG0gwZY5qIcr1+B/v+o74/GyNMBGz9rft+F2WpU31gz2sJwyF4A==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "darwin" - ], - "engines": { - "node": ">=10" - } - }, - "node_modules/@swc/core-linux-arm-gnueabihf": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.10.0.tgz", - "integrity": "sha512-oq+DdMu5uJOFPtRkeiITc4kxmd+QSmK+v+OBzlhdGkSgoH3yRWZP+H2ao0cBXo93ZgCr2LfjiER0CqSKhjGuNA==", - "cpu": [ - "arm" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=10" - } - }, - "node_modules/@swc/core-linux-arm64-gnu": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.10.0.tgz", - "integrity": "sha512-Y6+PC8knchEViRxiCUj3j8wsGXaIhuvU+WqrFqV834eiItEMEI9+Vh3FovqJMBE3L7d4E4ZQtgImHCXjrHfxbw==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=10" - } - }, - "node_modules/@swc/core-linux-arm64-musl": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.10.0.tgz", - "integrity": "sha512-EbrX9A5U4cECCQQfky7945AW9GYnTXtCUXElWTkTYmmyQK87yCyFfY8hmZ9qMFIwxPOH6I3I2JwMhzdi8Qoz7g==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=10" - } - }, - "node_modules/@swc/core-linux-x64-gnu": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.10.0.tgz", - "integrity": "sha512-TaxpO6snTjjfLXFYh5EjZ78se69j2gDcqEM8yB9gguPYwkCHi2Ylfmh7iVaNADnDJFtjoAQp0L41bTV/Pfq9Cg==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=10" - } - }, - "node_modules/@swc/core-linux-x64-musl": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.10.0.tgz", - "integrity": "sha512-IEGvDd6aEEKEyZFZ8oCKuik05G5BS7qwG5hO5PEMzdGeh8JyFZXxsfFXbfeAqjue4UaUUrhnoX+Ze3M2jBVMHw==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=10" - } - }, - "node_modules/@swc/core-win32-arm64-msvc": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.10.0.tgz", - "integrity": "sha512-UkQ952GSpY+Z6XONj9GSW8xGSkF53jrCsuLj0nrcuw7Dvr1a816U/9WYZmmcYS8tnG2vHylhpm6csQkyS8lpCw==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=10" - } - }, - "node_modules/@swc/core-win32-ia32-msvc": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.10.0.tgz", - "integrity": "sha512-a2QpIZmTiT885u/mUInpeN2W9ClCnqrV2LnMqJR1/Fgx1Afw/hAtiDZPtQ0SqS8yDJ2VR5gfNZo3gpxWMrqdVA==", - "cpu": [ - "ia32" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=10" - } - }, - "node_modules/@swc/core-win32-x64-msvc": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.10.0.tgz", - "integrity": "sha512-tZcCmMwf483nwsEBfUk5w9e046kMa1iSik4bP9Kwi2FGtOfHuDfIcwW4jek3hdcgF5SaBW1ktnK/lgQLDi5AtA==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=10" - } - }, "node_modules/@swc/counter": { "version": "0.1.3", "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz", @@ -7612,9 +6887,9 @@ } }, "node_modules/@types/geojson": { - "version": "7946.0.14", - "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.14.tgz", - "integrity": "sha512-WCfD5Ht3ZesJUsONdhvm84dmzWOiOzOAqOncN0++w0lBw1o8OuDNJF2McvvCef/yBqb/HYRahp1BYtODFQ8bRg==", + "version": "7946.0.15", + "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.15.tgz", + "integrity": "sha512-9oSxFzDCT2Rj6DfcHF8G++jxBKS7mBqXl5xrRW+Kbvjry6Uduya2iiwqHPhVXpasAVMBYKkEPGgKhd3+/HZ6xA==", "dev": true }, "node_modules/@types/glob": { @@ -7828,9 +7103,9 @@ "dev": true }, "node_modules/@types/prop-types": { - "version": "15.7.13", - "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.13.tgz", - "integrity": "sha512-hCZTSvwbzWGvhqxp/RqVqwU999pBf2vp7hzIjiYOsl8wqOmUxkQ6ddw1cV3l8811+kdUFus/q4d1Y3E3SyEifA==", + "version": "15.7.14", + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.14.tgz", + "integrity": "sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ==", "dev": true }, "node_modules/@types/qs": { @@ -7852,9 +7127,9 @@ "dev": true }, "node_modules/@types/react": { - "version": "18.3.13", - "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.13.tgz", - "integrity": "sha512-ii/gswMmOievxAJed4PAHT949bpYjPKXvXo1v6cRB/kqc2ZR4n+SgyCyvyc5Fec5ez8VnUumI1Vk7j6fRyRogg==", + "version": "18.3.16", + "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.16.tgz", + "integrity": "sha512-oh8AMIC4Y2ciKufU8hnKgs+ufgbA/dhPTACaZPM86AbwX9QwnFtSoPWEeRUj8fge+v6kFt78BXcDhAU1SrrAsw==", "dev": true, "dependencies": { "@types/prop-types": "*", @@ -8255,9 +7530,9 @@ } }, "node_modules/@ungap/structured-clone": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz", - "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.1.tgz", + "integrity": "sha512-fEzPV3hSkSMltkw152tJKNARhOupqbH96MZWyRjNaYZOMIzbrTeQDG+MTc6Mr2pgzFQzFxAfmhGDNP5QK++2ZA==", "dev": true }, "node_modules/@vitest/expect": { @@ -8862,15 +8137,12 @@ } }, "node_modules/ajv-keywords": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz", - "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==", + "version": "3.5.2", + "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", + "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", "dev": true, - "dependencies": { - "fast-deep-equal": "^3.1.3" - }, "peerDependencies": { - "ajv": "^8.8.2" + "ajv": "^6.9.1" } }, "node_modules/ansi-escapes": { @@ -9576,16 +8848,44 @@ } }, "node_modules/call-bind": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz", - "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==", + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz", + "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==", "dev": true, "dependencies": { + "call-bind-apply-helpers": "^1.0.0", "es-define-property": "^1.0.0", - "es-errors": "^1.3.0", - "function-bind": "^1.1.2", "get-intrinsic": "^1.2.4", - "set-function-length": "^1.2.1" + "set-function-length": "^1.2.2" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/call-bind-apply-helpers": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz", + "integrity": "sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==", + "dev": true, + "dependencies": { + "es-errors": "^1.3.0", + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/call-bound": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.2.tgz", + "integrity": "sha512-0lk0PHFe/uz0vl527fG9CgdE9WdafjDbCXvBbs+LUv000TVt2Jjhqbs4Jwm8gz070w8xXyEAxrPOMullsxXeGg==", + "dev": true, + "dependencies": { + "call-bind": "^1.0.8", + "get-intrinsic": "^1.2.5" }, "engines": { "node": ">= 0.4" @@ -9652,9 +8952,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001686", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001686.tgz", - "integrity": "sha512-Y7deg0Aergpa24M3qLC5xjNklnKnhsmSyR/V89dLZ1n0ucJIFNs7PgR2Yfa/Zf6W79SbBicgtGxZr2juHkEUIA==", + "version": "1.0.30001688", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001688.tgz", + "integrity": "sha512-Nmqpru91cuABu/DTCXbM2NSRHzM2uVHfPnhJ/1zEAJx/ILBRVmz3pzH4N7DZqbdG0gWClsCC05Oj0mJ/1AWMbA==", "dev": true, "funding": [ { @@ -9890,9 +9190,9 @@ } }, "node_modules/chromatic": { - "version": "11.20.0", - "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.20.0.tgz", - "integrity": "sha512-Btdli1qoAI01UKmk3Iqe6vKhAhePRXqNI/2uKKy2R16q7SN/5kLTqhd1JI20LFOZSnH3xSJaUXeJ2xZOJB//3A==", + "version": "11.20.2", + "resolved": "https://registry.npmjs.org/chromatic/-/chromatic-11.20.2.tgz", + "integrity": "sha512-c+M3HVl5Y60c7ipGTZTyeWzWubRW70YsJ7PPDpO1D735ib8+Lu3yGF90j61pvgkXGngpkTPHZyBw83lcu2JMxA==", "dev": true, "bin": { "chroma": "dist/bin.js", @@ -10876,9 +10176,9 @@ "dev": true }, "node_modules/debug": { - "version": "4.3.7", - "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz", - "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==", + "version": "4.4.0", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz", + "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==", "dev": true, "dependencies": { "ms": "^2.1.3" @@ -11398,6 +10698,20 @@ "node": ">=12" } }, + "node_modules/dunder-proto": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.0.tgz", + "integrity": "sha512-9+Sj30DIu+4KvHqMfLUGLFYL2PkURSYMVXJyXe92nFRvlYq5hBjLEhblKB+vkd/WVlUYMWigiY07T91Fkk0+4A==", + "dev": true, + "dependencies": { + "call-bind-apply-helpers": "^1.0.0", + "es-errors": "^1.3.0", + "gopd": "^1.2.0" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/eastasianwidth": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", @@ -11411,9 +10725,9 @@ "dev": true }, "node_modules/electron-to-chromium": { - "version": "1.5.70", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.70.tgz", - "integrity": "sha512-P6FPqAWIZrC3sHDAwBitJBs7N7IF58m39XVny7DFseQXK2eiMn7nNQizFf63mWDDUnFvaqsM8FI0+ZZfLkdUGA==", + "version": "1.5.73", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.73.tgz", + "integrity": "sha512-8wGNxG9tAG5KhGd3eeA0o6ixhiNdgr0DcHWm85XPCphwZgD1lIEoi6t3VERayWao7SF7AAZTw6oARGJeVjH8Kg==", "dev": true }, "node_modules/emittery": { @@ -11487,13 +10801,10 @@ "dev": true }, "node_modules/es-define-property": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz", - "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==", + "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, - "dependencies": { - "get-intrinsic": "^1.2.4" - }, "engines": { "node": ">= 0.4" } @@ -11513,6 +10824,18 @@ "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==", "dev": true }, + "node_modules/es-object-atoms": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz", + "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==", + "dev": true, + "dependencies": { + "es-errors": "^1.3.0" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/es6-error": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/es6-error/-/es6-error-4.1.1.tgz", @@ -11958,9 +11281,9 @@ "dev": true }, "node_modules/express": { - "version": "4.21.1", - "resolved": "https://registry.npmjs.org/express/-/express-4.21.1.tgz", - "integrity": "sha512-YSFlK1Ee0/GC8QaO91tHcDxJiE/X4FbpAyQWkxAvG6AXCuR65YzK8ua6D9hvi/TzUfZMpc+BwuM1IPw8fmQBiQ==", + "version": "4.21.2", + "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz", + "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==", "dev": true, "dependencies": { "accepts": "~1.3.8", @@ -11982,7 +11305,7 @@ "methods": "~1.1.2", "on-finished": "2.4.1", "parseurl": "~1.3.3", - "path-to-regexp": "0.1.10", + "path-to-regexp": "0.1.12", "proxy-addr": "~2.0.7", "qs": "6.13.0", "range-parser": "~1.2.1", @@ -11997,6 +11320,10 @@ }, "engines": { "node": ">= 0.10.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/express" } }, "node_modules/express/node_modules/debug": { @@ -12503,15 +11830,6 @@ "url": "https://github.com/sponsors/epoberezkin" } }, - "node_modules/fork-ts-checker-webpack-plugin/node_modules/ajv-keywords": { - "version": "3.5.2", - "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", - "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", - "dev": true, - "peerDependencies": { - "ajv": "^6.9.1" - } - }, "node_modules/fork-ts-checker-webpack-plugin/node_modules/chokidar": { "version": "3.6.0", "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz", @@ -12758,16 +12076,21 @@ } }, "node_modules/get-intrinsic": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz", - "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==", + "version": "1.2.6", + "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.6.tgz", + "integrity": "sha512-qxsEs+9A+u85HhllWJJFicJfPDhRmjzoYdl64aMWW9yRIJmSyxdn8IEkuIM530/7T+lv0TIHd8L6Q/ra0tEoeA==", "dev": true, "dependencies": { + "call-bind-apply-helpers": "^1.0.1", + "dunder-proto": "^1.0.0", + "es-define-property": "^1.0.1", "es-errors": "^1.3.0", + "es-object-atoms": "^1.0.0", "function-bind": "^1.1.2", - "has-proto": "^1.0.1", - "has-symbols": "^1.0.3", - "hasown": "^2.0.0" + "gopd": "^1.2.0", + "has-symbols": "^1.1.0", + "hasown": "^2.0.2", + "math-intrinsics": "^1.0.0" }, "engines": { "node": ">= 0.4" @@ -13104,21 +12427,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/has-proto": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.1.0.tgz", - "integrity": "sha512-QLdzI9IIO1Jg7f9GT1gXpPpXArAn6cS31R1eEZqz08Gc+uQ8/XiqHWt17Fiw+2p6oTTIq5GXEpQkAlA88YRl/Q==", - "dev": true, - "dependencies": { - "call-bind": "^1.0.7" - }, - "engines": { - "node": ">= 0.4" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, "node_modules/has-symbols": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz", @@ -13752,13 +13060,13 @@ } }, "node_modules/is-arguments": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz", - "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz", + "integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==", "dev": true, "dependencies": { - "call-bind": "^1.0.2", - "has-tostringtag": "^1.0.0" + "call-bound": "^1.0.2", + "has-tostringtag": "^1.0.2" }, "engines": { "node": ">= 0.4" @@ -14019,13 +13327,13 @@ } }, "node_modules/is-regex": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.0.tgz", - "integrity": "sha512-B6ohK4ZmoftlUe+uvenXSbPJFo6U37BH7oO1B3nQH8f/7h27N56s85MhUtbFJAziz5dcmuR3i8ovUl35zp8pFA==", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz", + "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==", "dev": true, "dependencies": { - "call-bind": "^1.0.7", - "gopd": "^1.1.0", + "call-bound": "^1.0.2", + "gopd": "^1.2.0", "has-tostringtag": "^1.0.2", "hasown": "^2.0.2" }, @@ -14049,14 +13357,14 @@ } }, "node_modules/is-symbol": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.0.tgz", - "integrity": "sha512-qS8KkNNXUZ/I+nX6QT8ZS1/Yx0A444yhzdTKxCzKkNjQ9sHErBxJnJAgh+f5YhusYECEcjo4XcyH87hn6+ks0A==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz", + "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==", "dev": true, "dependencies": { - "call-bind": "^1.0.7", - "has-symbols": "^1.0.3", - "safe-regex-test": "^1.0.3" + "call-bound": "^1.0.2", + "has-symbols": "^1.1.0", + "safe-regex-test": "^1.1.0" }, "engines": { "node": ">= 0.4" @@ -15547,9 +14855,9 @@ } }, "node_modules/jsesc": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz", - "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz", + "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==", "dev": true, "bin": { "jsesc": "bin/jsesc" @@ -16712,9 +16020,9 @@ } }, "node_modules/magic-string": { - "version": "0.30.14", - "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.14.tgz", - "integrity": "sha512-5c99P1WKTed11ZC0HMJOj6CDIue6F8ySu+bJL+85q1zBEIY8IklrJ1eiKC2NDRh3Ct3FcvmJPyQHb9erXMTJNw==", + "version": "0.30.15", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.15.tgz", + "integrity": "sha512-zXeaYRgZ6ldS1RJJUrMrYgNJ4fdwnyI6tVqoiIhyCyv5IVTK9BU8Ic2l253GGETQHxI4HNUwhJ3fjDhKqEoaAw==", "dev": true, "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0" @@ -16790,6 +16098,15 @@ "react": ">= 0.14.0" } }, + "node_modules/math-intrinsics": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.0.0.tgz", + "integrity": "sha512-4MqMiKP90ybymYvsut0CH2g4XWbfLtmlCkXmtmdcDCxNB+mQcu1w/1+L/VD7vi/PSv7X2JYV7SCcR+jiPXnQtA==", + "dev": true, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/mdast-util-find-and-replace": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/mdast-util-find-and-replace/-/mdast-util-find-and-replace-3.0.1.tgz", @@ -17704,15 +17021,15 @@ } }, "node_modules/mime": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz", - "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==", + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/mime/-/mime-2.5.2.tgz", + "integrity": "sha512-tqkh47FzKeCPD2PUiPB6pkbMzsCasjxAfC62/Wap5qrUWcb+sFasXUC5I3gYM5iBM8v/Qpn4UK0x+j0iHyFPDg==", "dev": true, "bin": { "mime": "cli.js" }, "engines": { - "node": ">=4" + "node": ">=4.0.0" } }, "node_modules/mime-db": { @@ -18036,9 +17353,9 @@ } }, "node_modules/node-releases": { - "version": "2.0.18", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz", - "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==", + "version": "2.0.19", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz", + "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==", "dev": true }, "node_modules/normalize-package-data": { @@ -18077,6 +17394,18 @@ "node": ">=0.10.0" } }, + "node_modules/normalize-url": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-6.1.0.tgz", + "integrity": "sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/npm-run-path": { "version": "4.0.1", "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz", @@ -18756,9 +18085,9 @@ "dev": true }, "node_modules/path-to-regexp": { - "version": "0.1.10", - "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.10.tgz", - "integrity": "sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w==", + "version": "0.1.12", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz", + "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==", "dev": true }, "node_modules/path-type": { @@ -18861,12 +18190,12 @@ } }, "node_modules/playwright": { - "version": "1.49.0", - "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.49.0.tgz", - "integrity": "sha512-eKpmys0UFDnfNb3vfsf8Vx2LEOtflgRebl0Im2eQQnYMA4Aqd+Zw8bEOB+7ZKvN76901mRnqdsiOGKxzVTbi7A==", + "version": "1.49.1", + "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.49.1.tgz", + "integrity": "sha512-VYL8zLoNTBxVOrJBbDuRgDWa3i+mfQgDTrL8Ah9QXZ7ax4Dsj0MSq5bYgytRnDVVe+njoKnfsYkH3HzqVj5UZA==", "dev": true, "dependencies": { - "playwright-core": "1.49.0" + "playwright-core": "1.49.1" }, "bin": { "playwright": "cli.js" @@ -18879,9 +18208,9 @@ } }, "node_modules/playwright-core": { - "version": "1.49.0", - "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.49.0.tgz", - "integrity": "sha512-R+3KKTQF3npy5GTiKH/T+kdhoJfJojjHESR1YEWhYuEKRVfVaxH3+4+GvXE5xyCngCxhxnykk0Vlah9v8fs3jA==", + "version": "1.49.1", + "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.49.1.tgz", + "integrity": "sha512-BzmpVcs4kE2CH15rWfzpjzVGhWERJfmnXmniSyKeRZUs9Ws65m+RGIi7mjJK/euCegfn3i7jvqWeWyHe9y3Vgg==", "dev": true, "bin": { "playwright-core": "cli.js" @@ -19282,9 +18611,9 @@ } }, "node_modules/postcss-modules-local-by-default": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.1.0.tgz", - "integrity": "sha512-rm0bdSv4jC3BDma3s9H19ZddW0aHX6EoqwDYU2IfZhRN+53QrufTRo2IdkAbRqLx4R2IYbZnbjKKxg4VN5oU9Q==", + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.2.0.tgz", + "integrity": "sha512-5kcJm/zk+GJDSfw+V/42fJ5fhjL5YbFDl8nVdXkJPLLW+Vf9mTD5Xe0wqIaDnLuL2U6cDNpTr+UQ+v2HWIBhzw==", "dev": true, "dependencies": { "icss-utils": "^5.0.0", @@ -19596,18 +18925,6 @@ "postcss": "^8.0.0" } }, - "node_modules/postcss-url/node_modules/mime": { - "version": "2.5.2", - "resolved": "https://registry.npmjs.org/mime/-/mime-2.5.2.tgz", - "integrity": "sha512-tqkh47FzKeCPD2PUiPB6pkbMzsCasjxAfC62/Wap5qrUWcb+sFasXUC5I3gYM5iBM8v/Qpn4UK0x+j0iHyFPDg==", - "dev": true, - "bin": { - "mime": "cli.js" - }, - "engines": { - "node": ">=4.0.0" - } - }, "node_modules/postcss-url/node_modules/minimatch": { "version": "3.0.8", "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.8.tgz", @@ -20302,6 +19619,18 @@ "regjsparser": "bin/parser" } }, + "node_modules/regjsparser/node_modules/jsesc": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz", + "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==", + "dev": true, + "bin": { + "jsesc": "bin/jsesc" + }, + "engines": { + "node": ">=6" + } + }, "node_modules/rehype-external-links": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/rehype-external-links/-/rehype-external-links-3.0.0.tgz", @@ -20667,483 +19996,147 @@ "convert-source-map": "^1.7.0", "loader-utils": "^2.0.0", "postcss": "^8.2.14", - "source-map": "0.6.1" - }, - "engines": { - "node": ">=12" - } - }, - "node_modules/resolve-url-loader/node_modules/convert-source-map": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", - "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==", - "dev": true - }, - "node_modules/resolve-url-loader/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, - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/resolve.exports": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/resolve.exports/-/resolve.exports-2.0.3.tgz", - "integrity": "sha512-OcXjMsGdhL4XnbShKpAcSqPMzQoYkYyhbEaeSko47MjRP9NfEQMhZkXL1DoFlt9LWQn4YttrdnV6X2OiyzBi+A==", - "dev": true, - "engines": { - "node": ">=10" - } - }, - "node_modules/restore-cursor": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz", - "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==", - "dev": true, - "dependencies": { - "onetime": "^5.1.0", - "signal-exit": "^3.0.2" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/reusify": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", - "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", - "dev": true, - "engines": { - "iojs": ">=1.0.0", - "node": ">=0.10.0" - } - }, - "node_modules/rfdc": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz", - "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==", - "dev": true - }, - "node_modules/rimraf": { - "version": "2.7.1", - "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz", - "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==", - "deprecated": "Rimraf versions prior to v4 are no longer supported", - "dev": true, - "dependencies": { - "glob": "^7.1.3" - }, - "bin": { - "rimraf": "bin.js" - } - }, - "node_modules/rimraf/node_modules/glob": { - "version": "7.2.3", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", - "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", - "deprecated": "Glob versions prior to v9 are no longer supported", - "dev": true, - "dependencies": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.1.1", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - }, - "engines": { - "node": "*" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, - "node_modules/rollup": { - "version": "3.29.5", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.5.tgz", - "integrity": "sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==", - "dev": true, - "bin": { - "rollup": "dist/bin/rollup" - }, - "engines": { - "node": ">=14.18.0", - "npm": ">=8.0.0" - }, - "optionalDependencies": { - "fsevents": "~2.3.2" - } - }, - "node_modules/rollup-copy-transform-css": { - "version": "1.2.7", - "resolved": "https://registry.npmjs.org/rollup-copy-transform-css/-/rollup-copy-transform-css-1.2.7.tgz", - "integrity": "sha512-847DK6Pb1fvdWtl0I7r4ABo9cQ5Z/mNAFDFvIdFQRwaL1rldGsES8A+BXD7bUvwVCFqx3o809Zm9WoA/0AYtxQ==", - "dev": true, - "dependencies": { - "cssnano": "^6.0.1", - "esbuild": "^0.19.4", - "picomatch": "^2.3.1", - "postcss": "^8.4.31", - "postcss-fail-on-warn": "^0.2.1", - "postcss-import": "^15.1.0", - "postcss-url": "^10.1.3" - }, - "engines": { - "node": ">= 14.18" - }, - "peerDependencies": { - "rollup": "^2 || ^3 || ^4" - } - }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/android-arm": { - "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.12.tgz", - "integrity": "sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==", - "cpu": [ - "arm" - ], - "dev": true, - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/android-arm64": { - "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.12.tgz", - "integrity": "sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/android-x64": { - "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.12.tgz", - "integrity": "sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/darwin-arm64": { - "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.12.tgz", - "integrity": "sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "darwin" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/darwin-x64": { - "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.12.tgz", - "integrity": "sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "darwin" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/freebsd-arm64": { - "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.12.tgz", - "integrity": "sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "freebsd" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/freebsd-x64": { - "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.12.tgz", - "integrity": "sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==", - "cpu": [ - "x64" - ], - "dev": true, - "optional": true, - "os": [ - "freebsd" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-arm": { - "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.12.tgz", - "integrity": "sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==", - "cpu": [ - "arm" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-arm64": { - "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.12.tgz", - "integrity": "sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==", - "cpu": [ - "arm64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-ia32": { - "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.12.tgz", - "integrity": "sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==", - "cpu": [ - "ia32" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-loong64": { - "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.12.tgz", - "integrity": "sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==", - "cpu": [ - "loong64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-mips64el": { - "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.12.tgz", - "integrity": "sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==", - "cpu": [ - "mips64el" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-ppc64": { - "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.12.tgz", - "integrity": "sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==", - "cpu": [ - "ppc64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=12" - } - }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-riscv64": { - "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.12.tgz", - "integrity": "sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==", - "cpu": [ - "riscv64" - ], - "dev": true, - "optional": true, - "os": [ - "linux" - ], + "source-map": "0.6.1" + }, "engines": { "node": ">=12" } }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-s390x": { - "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.12.tgz", - "integrity": "sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==", - "cpu": [ - "s390x" - ], + "node_modules/resolve-url-loader/node_modules/convert-source-map": { + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", + "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==", + "dev": true + }, + "node_modules/resolve-url-loader/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, - "optional": true, - "os": [ - "linux" - ], "engines": { - "node": ">=12" + "node": ">=0.10.0" } }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-x64": { - "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.12.tgz", - "integrity": "sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==", - "cpu": [ - "x64" - ], + "node_modules/resolve.exports": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/resolve.exports/-/resolve.exports-2.0.3.tgz", + "integrity": "sha512-OcXjMsGdhL4XnbShKpAcSqPMzQoYkYyhbEaeSko47MjRP9NfEQMhZkXL1DoFlt9LWQn4YttrdnV6X2OiyzBi+A==", "dev": true, - "optional": true, - "os": [ - "linux" - ], "engines": { - "node": ">=12" + "node": ">=10" } }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/netbsd-x64": { - "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.12.tgz", - "integrity": "sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==", - "cpu": [ - "x64" - ], + "node_modules/restore-cursor": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz", + "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==", "dev": true, - "optional": true, - "os": [ - "netbsd" - ], + "dependencies": { + "onetime": "^5.1.0", + "signal-exit": "^3.0.2" + }, "engines": { - "node": ">=12" + "node": ">=8" } }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/openbsd-x64": { - "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.12.tgz", - "integrity": "sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==", - "cpu": [ - "x64" - ], + "node_modules/reusify": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", + "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", "dev": true, - "optional": true, - "os": [ - "openbsd" - ], "engines": { - "node": ">=12" + "iojs": ">=1.0.0", + "node": ">=0.10.0" } }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/sunos-x64": { - "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.12.tgz", - "integrity": "sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==", - "cpu": [ - "x64" - ], + "node_modules/rfdc": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz", + "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==", + "dev": true + }, + "node_modules/rimraf": { + "version": "2.7.1", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz", + "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==", + "deprecated": "Rimraf versions prior to v4 are no longer supported", "dev": true, - "optional": true, - "os": [ - "sunos" - ], + "dependencies": { + "glob": "^7.1.3" + }, + "bin": { + "rimraf": "bin.js" + } + }, + "node_modules/rimraf/node_modules/glob": { + "version": "7.2.3", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", + "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", + "deprecated": "Glob versions prior to v9 are no longer supported", + "dev": true, + "dependencies": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.1.1", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + }, "engines": { - "node": ">=12" + "node": "*" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" } }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/win32-arm64": { - "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.12.tgz", - "integrity": "sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==", - "cpu": [ - "arm64" - ], + "node_modules/rollup": { + "version": "3.29.5", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.5.tgz", + "integrity": "sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==", "dev": true, - "optional": true, - "os": [ - "win32" - ], + "bin": { + "rollup": "dist/bin/rollup" + }, "engines": { - "node": ">=12" + "node": ">=14.18.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" } }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/win32-ia32": { - "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.12.tgz", - "integrity": "sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==", - "cpu": [ - "ia32" - ], + "node_modules/rollup-copy-transform-css": { + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/rollup-copy-transform-css/-/rollup-copy-transform-css-1.2.7.tgz", + "integrity": "sha512-847DK6Pb1fvdWtl0I7r4ABo9cQ5Z/mNAFDFvIdFQRwaL1rldGsES8A+BXD7bUvwVCFqx3o809Zm9WoA/0AYtxQ==", "dev": true, - "optional": true, - "os": [ - "win32" - ], + "dependencies": { + "cssnano": "^6.0.1", + "esbuild": "^0.19.4", + "picomatch": "^2.3.1", + "postcss": "^8.4.31", + "postcss-fail-on-warn": "^0.2.1", + "postcss-import": "^15.1.0", + "postcss-url": "^10.1.3" + }, "engines": { - "node": ">=12" + "node": ">= 14.18" + }, + "peerDependencies": { + "rollup": "^2 || ^3 || ^4" } }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/win32-x64": { + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/darwin-arm64": { "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.12.tgz", - "integrity": "sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.12.tgz", + "integrity": "sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==", "cpu": [ - "x64" + "arm64" ], "dev": true, "optional": true, "os": [ - "win32" + "darwin" ], "engines": { "node": ">=12" @@ -21632,18 +20625,6 @@ "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==", "dev": true }, - "node_modules/rollup-plugin-postcss/node_modules/normalize-url": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-6.1.0.tgz", - "integrity": "sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==", - "dev": true, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/rollup-plugin-postcss/node_modules/pify": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/pify/-/pify-5.0.0.tgz", @@ -22239,14 +21220,14 @@ "dev": true }, "node_modules/safe-regex-test": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz", - "integrity": "sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz", + "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==", "dev": true, "dependencies": { - "call-bind": "^1.0.6", + "call-bound": "^1.0.2", "es-errors": "^1.3.0", - "is-regex": "^1.1.4" + "is-regex": "^1.2.1" }, "engines": { "node": ">= 0.4" @@ -22262,9 +21243,9 @@ "dev": true }, "node_modules/sass": { - "version": "1.82.0", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.82.0.tgz", - "integrity": "sha512-j4GMCTa8elGyN9A7x7bEglx0VgSpNUG4W4wNedQ33wSMdnkqQCT8HTwOaVSV4e6yQovcu/3Oc4coJP/l0xhL2Q==", + "version": "1.83.0", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.83.0.tgz", + "integrity": "sha512-qsSxlayzoOjdvXMVLkzF84DJFc2HZEL/rFyGIKbbilYtAvlCxyuzUeff9LawTn4btVnLKg75Z8MMr1lxU1lfGw==", "dev": true, "dependencies": { "chokidar": "^4.0.0", @@ -22389,15 +21370,6 @@ "url": "https://github.com/sponsors/epoberezkin" } }, - "node_modules/schema-utils/node_modules/ajv-keywords": { - "version": "3.5.2", - "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", - "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", - "dev": true, - "peerDependencies": { - "ajv": "^6.9.1" - } - }, "node_modules/schema-utils/node_modules/json-schema-traverse": { "version": "0.4.1", "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", @@ -22461,6 +21433,18 @@ "node": ">= 0.8" } }, + "node_modules/send/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, + "bin": { + "mime": "cli.js" + }, + "engines": { + "node": ">=4" + } + }, "node_modules/serialize-javascript": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz", @@ -22549,15 +21533,69 @@ } }, "node_modules/side-channel": { - "version": "1.0.6", - "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz", - "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==", + "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, "dependencies": { - "call-bind": "^1.0.7", "es-errors": "^1.3.0", - "get-intrinsic": "^1.2.4", - "object-inspect": "^1.13.1" + "object-inspect": "^1.13.3", + "side-channel-list": "^1.0.0", + "side-channel-map": "^1.0.1", + "side-channel-weakmap": "^1.0.2" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/side-channel-list": { + "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, + "dependencies": { + "es-errors": "^1.3.0", + "object-inspect": "^1.13.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/side-channel-map": { + "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, + "dependencies": { + "call-bound": "^1.0.2", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.5", + "object-inspect": "^1.13.3" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/side-channel-weakmap": { + "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, + "dependencies": { + "call-bound": "^1.0.2", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.5", + "object-inspect": "^1.13.3", + "side-channel-map": "^1.0.1" }, "engines": { "node": ">= 0.4" @@ -23609,15 +22647,6 @@ "url": "https://github.com/sponsors/epoberezkin" } }, - "node_modules/terser-webpack-plugin/node_modules/ajv-keywords": { - "version": "3.5.2", - "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", - "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", - "dev": true, - "peerDependencies": { - "ajv": "^6.9.1" - } - }, "node_modules/terser-webpack-plugin/node_modules/jest-worker": { "version": "27.5.1", "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz", @@ -24787,10 +23816,22 @@ } } }, + "node_modules/webpack-dev-middleware/node_modules/ajv-keywords": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz", + "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==", + "dev": true, + "dependencies": { + "fast-deep-equal": "^3.1.3" + }, + "peerDependencies": { + "ajv": "^8.8.2" + } + }, "node_modules/webpack-dev-middleware/node_modules/schema-utils": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz", - "integrity": "sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==", + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz", + "integrity": "sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==", "dev": true, "dependencies": { "@types/json-schema": "^7.0.9", @@ -24799,7 +23840,7 @@ "ajv-keywords": "^5.1.0" }, "engines": { - "node": ">= 12.13.0" + "node": ">= 10.13.0" }, "funding": { "type": "opencollective", @@ -24848,15 +23889,6 @@ "url": "https://github.com/sponsors/epoberezkin" } }, - "node_modules/webpack/node_modules/ajv-keywords": { - "version": "3.5.2", - "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", - "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", - "dev": true, - "peerDependencies": { - "ajv": "^6.9.1" - } - }, "node_modules/webpack/node_modules/es-module-lexer": { "version": "1.5.4", "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.5.4.tgz", diff --git a/package.json b/package.json index 6c4a0f49..2aaf38a4 100644 --- a/package.json +++ b/package.json @@ -40,7 +40,7 @@ "swiper": "^11.1.12" }, "peerDependencies": { - "@kyndryl-design-system/shidoka-foundation": "^2.0.0-next.22" + "@kyndryl-design-system/shidoka-foundation": "^2.0.0-next.24" }, "devDependencies": { "@babel/core": "^7.20.12", diff --git a/src/components/reusable/textInput/textInput.scss b/src/components/reusable/textInput/textInput.scss index 791ff23f..7c056290 100644 --- a/src/components/reusable/textInput/textInput.scss +++ b/src/components/reusable/textInput/textInput.scss @@ -29,7 +29,7 @@ slot[name='icon']::slotted(*) { display: block; [disabled] & { - color: var(--kd-color-text-disabled); + color: var(--kd-color-icon-disabled); } } From 312faefbbca9a2abf66f48268cd21fd9f7b08fc2 Mon Sep 17 00:00:00 2001 From: Kumari Vijeta Date: Fri, 13 Dec 2024 16:55:11 +0530 Subject: [PATCH 05/10] chore: update package.json --- package-lock.json | 2045 ++++++++++++++++++++++++++++----------------- 1 file changed, 1297 insertions(+), 748 deletions(-) diff --git a/package-lock.json b/package-lock.json index 039681e6..351fdd69 100644 --- a/package-lock.json +++ b/package-lock.json @@ -103,8 +103,7 @@ "version": "4.4.1", "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.1.tgz", "integrity": "sha512-12WGKBQzjUAI4ayyF4IAtfw2QR/IDoqk6jTddXDhtYTJF9ASmoE1zst7cVtP0aL/F1jUJL5r+JxKXKEgHNbEUQ==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/@ampproject/remapping": { "version": "2.3.0", @@ -2267,6 +2266,70 @@ "react": ">=16.8.0" } }, + "node_modules/@esbuild/aix-ppc64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.19.12.tgz", + "integrity": "sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "aix" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz", + "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz", + "integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz", + "integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, "node_modules/@esbuild/darwin-arm64": { "version": "0.18.20", "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz", @@ -2283,6 +2346,294 @@ "node": ">=12" } }, + "node_modules/@esbuild/darwin-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz", + "integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/freebsd-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz", + "integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/freebsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz", + "integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-arm": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz", + "integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz", + "integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-ia32": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz", + "integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz", + "integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==", + "cpu": [ + "loong64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-mips64el": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz", + "integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==", + "cpu": [ + "mips64el" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-ppc64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz", + "integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-riscv64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz", + "integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==", + "cpu": [ + "riscv64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-s390x": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz", + "integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==", + "cpu": [ + "s390x" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz", + "integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/netbsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz", + "integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/openbsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz", + "integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/sunos-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz", + "integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz", + "integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-ia32": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz", + "integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz", + "integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, "node_modules/@eslint-community/eslint-utils": { "version": "4.4.1", "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz", @@ -3292,17 +3643,17 @@ "@parcel/watcher-win32-x64": "2.5.0" } }, - "node_modules/@parcel/watcher-darwin-arm64": { + "node_modules/@parcel/watcher-android-arm64": { "version": "2.5.0", - "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.0.tgz", - "integrity": "sha512-hyZ3TANnzGfLpRA2s/4U1kbw2ZI4qGxaRJbBH2DCSREFfubMswheh8TeiC1sGZ3z2jUf3s37P0BBlrD3sjVTUw==", + "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.0.tgz", + "integrity": "sha512-qlX4eS28bUcQCdribHkg/herLe+0A9RyYC+mm2PXpncit8z5b3nSqGVzMNR3CmtAOgRutiZ02eIJJgP/b1iEFQ==", "cpu": [ "arm64" ], "dev": true, "optional": true, "os": [ - "darwin" + "android" ], "engines": { "node": ">= 10.0.0" @@ -3312,9 +3663,249 @@ "url": "https://opencollective.com/parcel" } }, - "node_modules/@pkgjs/parseargs": { - "version": "0.11.0", - "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", + "node_modules/@parcel/watcher-darwin-arm64": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.0.tgz", + "integrity": "sha512-hyZ3TANnzGfLpRA2s/4U1kbw2ZI4qGxaRJbBH2DCSREFfubMswheh8TeiC1sGZ3z2jUf3s37P0BBlrD3sjVTUw==", + "cpu": [ + "arm64" + ], + "dev": true, + "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.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.0.tgz", + "integrity": "sha512-9rhlwd78saKf18fT869/poydQK8YqlU26TMiNg7AIu7eBp9adqbJZqmdFOsbZ5cnLp5XvRo9wcFmNHgHdWaGYA==", + "cpu": [ + "x64" + ], + "dev": true, + "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.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.0.tgz", + "integrity": "sha512-syvfhZzyM8kErg3VF0xpV8dixJ+RzbUaaGaeb7uDuz0D3FK97/mZ5AJQ3XNnDsXX7KkFNtyQyFrXZzQIcN49Tw==", + "cpu": [ + "x64" + ], + "dev": true, + "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.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.0.tgz", + "integrity": "sha512-0VQY1K35DQET3dVYWpOaPFecqOT9dbuCfzjxoQyif1Wc574t3kOSkKevULddcR9znz1TcklCE7Ht6NIxjvTqLA==", + "cpu": [ + "arm" + ], + "dev": true, + "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.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.0.tgz", + "integrity": "sha512-6uHywSIzz8+vi2lAzFeltnYbdHsDm3iIB57d4g5oaB9vKwjb6N6dRIgZMujw4nm5r6v9/BQH0noq6DzHrqr2pA==", + "cpu": [ + "arm" + ], + "dev": true, + "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.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.0.tgz", + "integrity": "sha512-BfNjXwZKxBy4WibDb/LDCriWSKLz+jJRL3cM/DllnHH5QUyoiUNEp3GmL80ZqxeumoADfCCP19+qiYiC8gUBjA==", + "cpu": [ + "arm64" + ], + "dev": true, + "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.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.0.tgz", + "integrity": "sha512-S1qARKOphxfiBEkwLUbHjCY9BWPdWnW9j7f7Hb2jPplu8UZ3nes7zpPOW9bkLbHRvWM0WDTsjdOTUgW0xLBN1Q==", + "cpu": [ + "arm64" + ], + "dev": true, + "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.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.0.tgz", + "integrity": "sha512-d9AOkusyXARkFD66S6zlGXyzx5RvY+chTP9Jp0ypSTC9d4lzyRs9ovGf/80VCxjKddcUvnsGwCHWuF2EoPgWjw==", + "cpu": [ + "x64" + ], + "dev": true, + "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.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.0.tgz", + "integrity": "sha512-iqOC+GoTDoFyk/VYSFHwjHhYrk8bljW6zOhPuhi5t9ulqiYq1togGJB5e3PwYVFFfeVgc6pbz3JdQyDoBszVaA==", + "cpu": [ + "x64" + ], + "dev": true, + "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.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.0.tgz", + "integrity": "sha512-twtft1d+JRNkM5YbmexfcH/N4znDtjgysFaV9zvZmmJezQsKpkfLYJ+JFV3uygugK6AtIM2oADPkB2AdhBrNig==", + "cpu": [ + "arm64" + ], + "dev": true, + "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.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.0.tgz", + "integrity": "sha512-+rgpsNRKwo8A53elqbbHXdOMtY/tAtTzManTWShB5Kk54N8Q9mzNWV7tV+IbGueCbcj826MfWGU3mprWtuf1TA==", + "cpu": [ + "ia32" + ], + "dev": true, + "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.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.0.tgz", + "integrity": "sha512-lPrxve92zEHdgeff3aiu4gDOIt4u7sJYha6wbdEZDCDUhtjTsOMiaJzG5lMY4GkWH8p0fMmO2Ppq5G5XXG+DQw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@pkgjs/parseargs": { + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==", "dev": true, "optional": true, @@ -4739,7 +5330,6 @@ "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-8.4.7.tgz", "integrity": "sha512-GpUvXp6n25U1ZSv+hmDC+05BEqxWdlWjQTb/GaboRXZQeMBlze6zckpVb66spjmmtQAIISo0eZxX1+mGcVR7lA==", "dev": true, - "license": "MIT", "dependencies": { "@storybook/addon-highlight": "8.4.7", "axe-core": "^4.2.0" @@ -4757,7 +5347,6 @@ "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-8.4.7.tgz", "integrity": "sha512-mjtD5JxcPuW74T6h7nqMxWTvDneFtokg88p6kQ5OnC1M259iAXb//yiSZgu/quunMHPCXSiqn4FNOSgASTSbsA==", "dev": true, - "license": "MIT", "dependencies": { "@storybook/global": "^5.0.0", "@types/uuid": "^9.0.1", @@ -4778,7 +5367,6 @@ "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-8.4.7.tgz", "integrity": "sha512-I4/aErqtFiazcoWyKafOAm3bLpxTj6eQuH/woSbk1Yx+EzN+Dbrgx1Updy8//bsNtKkcrXETITreqHC+a57DHQ==", "dev": true, - "license": "MIT", "dependencies": { "@storybook/global": "^5.0.0", "memoizerific": "^1.11.3", @@ -4797,7 +5385,6 @@ "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-8.4.7.tgz", "integrity": "sha512-377uo5IsJgXLnQLJixa47+11V+7Wn9KcDEw+96aGCBCfLbWNH8S08tJHHnSu+jXg9zoqCAC23MetntVp6LetHA==", "dev": true, - "license": "MIT", "dependencies": { "@storybook/global": "^5.0.0", "dequal": "^2.0.2", @@ -4849,7 +5436,6 @@ "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-8.4.7.tgz", "integrity": "sha512-NwWaiTDT5puCBSUOVuf6ME7Zsbwz7Y79WF5tMZBx/sLQ60vpmJVQsap6NSjvK1Ravhc21EsIXqemAcBjAWu80w==", "dev": true, - "license": "MIT", "dependencies": { "@mdx-js/react": "^3.0.0", "@storybook/blocks": "8.4.7", @@ -4872,7 +5458,6 @@ "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-8.4.7.tgz", "integrity": "sha512-+BtZHCBrYtQKILtejKxh0CDRGIgTl9PumfBOKRaihYb4FX1IjSAxoV/oo/IfEjlkF5f87vouShWsRa8EUauFDw==", "dev": true, - "license": "MIT", "dependencies": { "@storybook/addon-actions": "8.4.7", "@storybook/addon-backgrounds": "8.4.7", @@ -4898,7 +5483,6 @@ "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-8.4.7.tgz", "integrity": "sha512-whQIDBd3PfVwcUCrRXvCUHWClXe9mQ7XkTPCdPo4B/tZ6Z9c6zD8JUHT76ddyHivixFLowMnA8PxMU6kCMAiNw==", "dev": true, - "license": "MIT", "dependencies": { "@storybook/global": "^5.0.0" }, @@ -4915,7 +5499,6 @@ "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-8.4.7.tgz", "integrity": "sha512-fnufT3ym8ht3HHUIRVXAH47iOJW/QOb0VSM+j269gDuvyDcY03D1civCu1v+eZLGaXPKJ8vtjr0L8zKQ/4P0JQ==", "dev": true, - "license": "MIT", "dependencies": { "@storybook/global": "^5.0.0", "@storybook/instrumenter": "8.4.7", @@ -4936,7 +5519,6 @@ "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-8.4.7.tgz", "integrity": "sha512-L/1h4dMeMKF+MM0DanN24v5p3faNYbbtOApMgg7SlcBT/tgo3+cAjkgmNpYA8XtKnDezm+T2mTDhB8mmIRZpIQ==", "dev": true, - "license": "MIT", "dependencies": { "@storybook/csf": "^0.1.11", "@storybook/global": "^5.0.0", @@ -4961,7 +5543,6 @@ "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-8.4.7.tgz", "integrity": "sha512-QfvqYWDSI5F68mKvafEmZic3SMiK7zZM8VA0kTXx55hF/+vx61Mm0HccApUT96xCXIgmwQwDvn9gS4TkX81Dmw==", "dev": true, - "license": "MIT", "dependencies": { "@storybook/global": "^5.0.0", "tiny-invariant": "^1.3.1" @@ -4979,7 +5560,6 @@ "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-8.4.7.tgz", "integrity": "sha512-6LYRqUZxSodmAIl8icr585Oi8pmzbZ90aloZJIpve+dBAzo7ydYrSQxxoQEVltXbKf3VeVcrs64ouAYqjisMYA==", "dev": true, - "license": "MIT", "dependencies": { "@storybook/global": "^5.0.0", "ts-dedent": "^2.0.0" @@ -4997,7 +5577,6 @@ "resolved": "https://registry.npmjs.org/@storybook/addon-storysource/-/addon-storysource-8.4.7.tgz", "integrity": "sha512-ckMSiVf+8V3IVN3lTdzCdToXVoGhZ57pwMv0OpkdVIEn6sqHFHwHrOYiXpF3SXTicwayjylcL1JXTGoBFFDVOQ==", "dev": true, - "license": "MIT", "dependencies": { "@storybook/source-loader": "8.4.7", "estraverse": "^5.2.0", @@ -5129,7 +5708,6 @@ "resolved": "https://registry.npmjs.org/@storybook/addon-themes/-/addon-themes-8.4.7.tgz", "integrity": "sha512-MZa3eWTz0b3BQvF71WqLqvEYzDtbMhQx1IIluWBMMGzJ4sWBzLX85LoNMUlHsNd4EhEmAZ1xQQFIJpDWTBx0nQ==", "dev": true, - "license": "MIT", "dependencies": { "ts-dedent": "^2.0.0" }, @@ -5146,7 +5724,6 @@ "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-8.4.7.tgz", "integrity": "sha512-OSfdv5UZs+NdGB+nZmbafGUWimiweJ/56gShlw8Neo/4jOJl1R3rnRqqY7MYx8E4GwoX+i3GF5C3iWFNQqlDcw==", "dev": true, - "license": "MIT", "funding": { "type": "opencollective", "url": "https://opencollective.com/storybook" @@ -5160,7 +5737,6 @@ "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-8.4.7.tgz", "integrity": "sha512-hvczh/jjuXXcOogih09a663sRDDSATXwbE866al1DXgbDFraYD/LxX/QDb38W9hdjU9+Qhx8VFIcNWoMQns5HQ==", "dev": true, - "license": "MIT", "dependencies": { "memoizerific": "^1.11.3" }, @@ -5622,7 +6198,6 @@ "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.4.7.tgz", "integrity": "sha512-+QH7+JwXXXIyP3fRCxz/7E2VZepAanXJM7G8nbR3wWsqWgrRp4Wra6MvybxAYCxU7aNfJX5c+RW84SNikFpcIA==", "dev": true, - "license": "MIT", "dependencies": { "@storybook/csf": "^0.1.11", "@storybook/icons": "^1.2.12", @@ -5651,7 +6226,6 @@ "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-8.4.7.tgz", "integrity": "sha512-O8LpsQ+4g2x5kh7rI9+jEUdX8k1a5egBQU1lbudmHchqsV0IKiVqBD9LL5Gj3wpit4vB8coSW4ZWTFBw8FQb4Q==", "dev": true, - "license": "MIT", "dependencies": { "@storybook/core-webpack": "8.4.7", "@types/node": "^22.0.0", @@ -5697,7 +6271,6 @@ "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.2.tgz", "integrity": "sha512-Xxr6BBRCAOQixvonOye19wnzyDiUtTeqldOOmj3CkeblonbccA12PFwlufvRdrpjXxqnmUaeiU5EOA+7s5diUQ==", "dev": true, - "license": "MIT", "dependencies": { "undici-types": "~6.20.0" } @@ -5706,15 +6279,13 @@ "version": "1.5.4", "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.5.4.tgz", "integrity": "sha512-MVNK56NiMrOwitFB7cqDwq0CQutbw+0BvLshJSse0MUNU+y1FC3bUS/AQg7oUng+/wKrrki7JfmwtVHkVfPLlw==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/@storybook/builder-webpack5/node_modules/semver": { "version": "7.6.3", "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz", "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==", "dev": true, - "license": "ISC", "bin": { "semver": "bin/semver.js" }, @@ -5830,7 +6401,6 @@ "resolved": "https://registry.npmjs.org/@storybook/core/-/core-8.4.7.tgz", "integrity": "sha512-7Z8Z0A+1YnhrrSXoKKwFFI4gnsLbWzr8fnDCU6+6HlDukFYh8GHRcZ9zKfqmy6U3hw2h8H5DrHsxWfyaYUUOoA==", "dev": true, - "license": "MIT", "dependencies": { "@storybook/csf": "^0.1.11", "better-opn": "^3.0.2", @@ -5937,7 +6507,6 @@ "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-8.4.7.tgz", "integrity": "sha512-Tj+CjQLpFyBJxhhMms+vbPT3+gTRAiQlrhY3L1IEVwBa3wtRMS0qjozH26d1hK4G6mUIEdwu13L54HMU/w33Sg==", "dev": true, - "license": "MIT", "dependencies": { "@types/node": "^22.0.0", "ts-dedent": "^2.0.0" @@ -5955,7 +6524,6 @@ "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.2.tgz", "integrity": "sha512-Xxr6BBRCAOQixvonOye19wnzyDiUtTeqldOOmj3CkeblonbccA12PFwlufvRdrpjXxqnmUaeiU5EOA+7s5diUQ==", "dev": true, - "license": "MIT", "dependencies": { "undici-types": "~6.20.0" } @@ -5965,7 +6533,6 @@ "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz", "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==", "dev": true, - "license": "ISC", "bin": { "semver": "bin/semver.js" }, @@ -5978,7 +6545,6 @@ "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz", "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==", "dev": true, - "license": "MIT", "engines": { "node": ">=10.0.0" }, @@ -6009,7 +6575,6 @@ "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-8.4.7.tgz", "integrity": "sha512-Fgogplu4HImgC+AYDcdGm1rmL6OR1rVdNX1Be9C/NEXwOCpbbBwi0BxTf/2ZxHRk9fCeaPEcOdP5S8QHfltc1g==", "dev": true, - "license": "MIT", "dependencies": { "unplugin": "^1.3.1" }, @@ -6018,20 +6583,6 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.3.6" - } - }, - "node_modules/@storybook/csf-tools": { - "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/csf-tools/-/csf-tools-8.4.7.tgz", - "integrity": "sha512-UR+qMZFEII1e9Gx3RViQoqpSIQnaZWiGQFE2u+wjMMRzqoP2TMRnAHM1d8m6Tk0c1BSrcRt4tUfJkIsTI0o5vw==", - "dev": true, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0" "storybook": "^8.4.7" } }, @@ -6046,7 +6597,6 @@ "resolved": "https://registry.npmjs.org/@storybook/icons/-/icons-1.3.0.tgz", "integrity": "sha512-Nz/UzeYQdUZUhacrPyfkiiysSjydyjgg/p0P9HxB4p/WaJUUjMAcaoaLgy3EXx61zZJ3iD36WPuDkZs5QYrA0A==", "dev": true, - "license": "MIT", "engines": { "node": ">=14.0.0" }, @@ -6060,7 +6610,6 @@ "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-8.4.7.tgz", "integrity": "sha512-k6NSD3jaRCCHAFtqXZ7tw8jAzD/yTEWXGya+REgZqq5RCkmJ+9S4Ytp/6OhQMPtPFX23gAuJJzTQVLcCr+gjRg==", "dev": true, - "license": "MIT", "dependencies": { "@storybook/global": "^5.0.0", "@vitest/utils": "^2.1.1" @@ -6147,7 +6696,6 @@ "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.4.7.tgz", "integrity": "sha512-0QVQwHw+OyZGHAJEXo6Knx+6/4er7n2rTDE5RYJ9F2E2Lg42E19pfdLlq2Jhoods2Xrclo3wj6GWR//Ahi39Eg==", "dev": true, - "license": "MIT", "funding": { "type": "opencollective", "url": "https://opencollective.com/storybook" @@ -6161,7 +6709,6 @@ "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.4.7.tgz", "integrity": "sha512-6bkG2jvKTmWrmVzCgwpTxwIugd7Lu+2btsLAqhQSzDyIj2/uhMNp8xIMr/NBDtLgq3nomt9gefNa9xxLwk/OMg==", "dev": true, - "license": "MIT", "funding": { "type": "opencollective", "url": "https://opencollective.com/storybook" @@ -6273,7 +6820,6 @@ "resolved": "https://registry.npmjs.org/@storybook/source-loader/-/source-loader-8.4.7.tgz", "integrity": "sha512-DrsYGGfNbbqlMzkhbLoNyNqrPa4QIkZ6O7FJ8Z/8jWb0cerQH2N6JW6k12ZnXgs8dO2Z33+iSEDIV8odh0E0PA==", "dev": true, - "license": "MIT", "dependencies": { "@storybook/csf": "^0.1.11", "es-toolkit": "^1.22.0", @@ -6293,7 +6839,6 @@ "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.4.2.tgz", "integrity": "sha512-e9MewbtFo+Fevyuxn/4rrcDAaq0IYxPGLvObpQjiZBMAzB9IGmzlnG9RZy3FFas+eBMu2vA0CszMeduow5dIuQ==", "dev": true, - "license": "MIT", "bin": { "prettier": "bin/prettier.cjs" }, @@ -6309,7 +6854,6 @@ "resolved": "https://registry.npmjs.org/@storybook/test/-/test-8.4.7.tgz", "integrity": "sha512-AhvJsu5zl3uG40itSQVuSy5WByp3UVhS6xAnme4FWRwgSxhvZjATJ3AZkkHWOYjnnk+P2/sbz/XuPli1FVCWoQ==", "dev": true, - "license": "MIT", "dependencies": { "@storybook/csf": "^0.1.11", "@storybook/global": "^5.0.0", @@ -6333,7 +6877,6 @@ "resolved": "https://registry.npmjs.org/@storybook/test-runner/-/test-runner-0.20.1.tgz", "integrity": "sha512-3WU/th/uncIR6vpQDK9hKjiZjmczsluoLbgkRV7ufxY9IgHCGcbIjvT5EPS+XZIaOrNGjaPsyB5cE1okKn9iSA==", "dev": true, - "license": "MIT", "dependencies": { "@babel/core": "^7.22.5", "@babel/generator": "^7.22.5", @@ -6360,16 +6903,6 @@ }, "engines": { "node": "^16.10.0 || ^18.0.0 || >=20.0.0" - } - }, - "node_modules/@storybook/test-runner/node_modules/@storybook/core-common": { - "version": "8.4.7", - "resolved": "https://registry.npmjs.org/@storybook/core-common/-/core-common-8.4.7.tgz", - "integrity": "sha512-WgVg9UR/Ye4vnoB0i9pQkJsy47IlerkBaxSHycaxIlg87znrYL1K31a5Os1qUXq+eJbH6Jk70dfUmbRh/UOS6A==", - "dev": true, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" }, "peerDependencies": { "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0" @@ -6380,7 +6913,6 @@ "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.4.7.tgz", "integrity": "sha512-99rgLEjf7iwfSEmdqlHkSG3AyLcK0sfExcr0jnc6rLiAkBhzuIsvcHjjUwkR210SOCgXqBPW0ZA6uhnuyppHLw==", "dev": true, - "license": "MIT", "funding": { "type": "opencollective", "url": "https://opencollective.com/storybook" @@ -6410,7 +6942,6 @@ "resolved": "https://registry.npmjs.org/@storybook/web-components/-/web-components-8.4.7.tgz", "integrity": "sha512-zR/bUWGkS5uxvqfXnW082ScrC4y5UrTdE1VKasezLGi5bTLub2hz8JP87PJgtWrq+mdrdmkLGzv5O4iJ/tlMAw==", "dev": true, - "license": "MIT", "dependencies": { "@storybook/components": "8.4.7", "@storybook/global": "^5.0.0", @@ -6437,7 +6968,6 @@ "resolved": "https://registry.npmjs.org/@storybook/web-components-webpack5/-/web-components-webpack5-8.4.7.tgz", "integrity": "sha512-RgLFQB7F4FOX5nOK3byaCo5Gs8nKMq1uNswOXdHSgZKfJfaZxmyMMGmnVUmOOLECsxyREokHwRDKma8SgFrRRA==", "dev": true, - "license": "MIT", "dependencies": { "@storybook/builder-webpack5": "8.4.7", "@storybook/web-components": "8.4.7", @@ -6469,7 +6999,6 @@ "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.4.7.tgz", "integrity": "sha512-uyJIcoyeMWKAvjrG9tJBUCKxr2WZk+PomgrgrUwejkIfXMO76i6jw9BwLa0NZjYdlthDv30r9FfbYZyeNPmF0g==", "dev": true, - "license": "MIT", "funding": { "type": "opencollective", "url": "https://opencollective.com/storybook" @@ -6483,7 +7012,6 @@ "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.4.7.tgz", "integrity": "sha512-ELqemTviCxAsZ5tqUz39sDmQkvhVAvAgiplYy9Uf15kO0SP2+HKsCMzlrm2ue2FfkUNyqbDayCPPCB0Cdn/mpQ==", "dev": true, - "license": "MIT", "funding": { "type": "opencollective", "url": "https://opencollective.com/storybook" @@ -6546,44 +7074,187 @@ "node": ">=10" } }, - "node_modules/@swc/counter": { - "version": "0.1.3", - "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz", - "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==", - "dev": true - }, - "node_modules/@swc/jest": { - "version": "0.2.37", - "resolved": "https://registry.npmjs.org/@swc/jest/-/jest-0.2.37.tgz", - "integrity": "sha512-CR2BHhmXKGxTiFr21DYPRHQunLkX3mNIFGFkxBGji6r9uyIR5zftTOVYj1e0sFNMV2H7mf/+vpaglqaryBtqfQ==", + "node_modules/@swc/core-darwin-x64": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.10.1.tgz", + "integrity": "sha512-L4BNt1fdQ5ZZhAk5qoDfUnXRabDOXKnXBxMDJ+PWLSxOGBbWE6aJTnu4zbGjJvtot0KM46m2LPAPY8ttknqaZA==", + "cpu": [ + "x64" + ], "dev": true, - "dependencies": { - "@jest/create-cache-key-function": "^29.7.0", - "@swc/counter": "^0.1.3", - "jsonc-parser": "^3.2.0" - }, + "optional": true, + "os": [ + "darwin" + ], "engines": { - "npm": ">= 7.0.0" - }, - "peerDependencies": { - "@swc/core": "*" + "node": ">=10" } }, - "node_modules/@swc/types": { - "version": "0.1.17", - "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.17.tgz", - "integrity": "sha512-V5gRru+aD8YVyCOMAjMpWR1Ui577DD5KSJsHP8RAxopAH22jFz6GZd/qxqjO6MJHQhcsjvjOFXyDhyLQUnMveQ==", + "node_modules/@swc/core-linux-arm-gnueabihf": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.10.1.tgz", + "integrity": "sha512-Y1u9OqCHgvVp2tYQAJ7hcU9qO5brDMIrA5R31rwWQIAKDkJKtv3IlTHF0hrbWk1wPR0ZdngkQSJZple7G+Grvw==", + "cpu": [ + "arm" + ], "dev": true, - "dependencies": { - "@swc/counter": "^0.1.3" + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=10" } }, - "node_modules/@testing-library/dom": { - "version": "10.4.0", - "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.0.tgz", - "integrity": "sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ==", + "node_modules/@swc/core-linux-arm64-gnu": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.10.1.tgz", + "integrity": "sha512-tNQHO/UKdtnqjc7o04iRXng1wTUXPgVd8Y6LI4qIbHVoVPwksZydISjMcilKNLKIwOoUQAkxyJ16SlOAeADzhQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-linux-arm64-musl": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.10.1.tgz", + "integrity": "sha512-x0L2Pd9weQ6n8dI1z1Isq00VHFvpBClwQJvrt3NHzmR+1wCT/gcYl1tp9P5xHh3ldM8Cn4UjWCw+7PaUgg8FcQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-linux-x64-gnu": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.10.1.tgz", + "integrity": "sha512-yyYEwQcObV3AUsC79rSzN9z6kiWxKAVJ6Ntwq2N9YoZqSPYph+4/Am5fM1xEQYf/kb99csj0FgOelomJSobxQA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-linux-x64-musl": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.10.1.tgz", + "integrity": "sha512-tcaS43Ydd7Fk7sW5ROpaf2Kq1zR+sI5K0RM+0qYLYYurvsJruj3GhBCaiN3gkzd8m/8wkqNqtVklWaQYSDsyqA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-win32-arm64-msvc": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.10.1.tgz", + "integrity": "sha512-D3Qo1voA7AkbOzQ2UGuKNHfYGKL6eejN8VWOoQYtGHHQi1p5KK/Q7V1ku55oxXBsj79Ny5FRMqiRJpVGad7bjQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-win32-ia32-msvc": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.10.1.tgz", + "integrity": "sha512-WalYdFoU3454Og+sDKHM1MrjvxUGwA2oralknXkXL8S0I/8RkWZOB++p3pLaGbTvOO++T+6znFbQdR8KRaa7DA==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-win32-x64-msvc": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.10.1.tgz", + "integrity": "sha512-JWobfQDbTnoqaIwPKQ3DVSywihVXlQMbDuwik/dDWlj33A8oEHcjPOGs4OqcA3RHv24i+lfCQpM3Mn4FAMfacA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/counter": { + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz", + "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==", + "dev": true + }, + "node_modules/@swc/jest": { + "version": "0.2.37", + "resolved": "https://registry.npmjs.org/@swc/jest/-/jest-0.2.37.tgz", + "integrity": "sha512-CR2BHhmXKGxTiFr21DYPRHQunLkX3mNIFGFkxBGji6r9uyIR5zftTOVYj1e0sFNMV2H7mf/+vpaglqaryBtqfQ==", + "dev": true, + "dependencies": { + "@jest/create-cache-key-function": "^29.7.0", + "@swc/counter": "^0.1.3", + "jsonc-parser": "^3.2.0" + }, + "engines": { + "npm": ">= 7.0.0" + }, + "peerDependencies": { + "@swc/core": "*" + } + }, + "node_modules/@swc/types": { + "version": "0.1.17", + "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.17.tgz", + "integrity": "sha512-V5gRru+aD8YVyCOMAjMpWR1Ui577DD5KSJsHP8RAxopAH22jFz6GZd/qxqjO6MJHQhcsjvjOFXyDhyLQUnMveQ==", + "dev": true, + "dependencies": { + "@swc/counter": "^0.1.3" + } + }, + "node_modules/@testing-library/dom": { + "version": "10.4.0", + "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.0.tgz", + "integrity": "sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ==", "dev": true, - "license": "MIT", "dependencies": { "@babel/code-frame": "^7.10.4", "@babel/runtime": "^7.12.5", @@ -6603,7 +7274,6 @@ "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.5.0.tgz", "integrity": "sha512-xGGHpBXYSHUUr6XsKBfs85TWlYKpTc37cSBBVrXcib2MkHLboWlkClhWF37JKlDb9KEq3dHs+f2xR7XJEWGBxA==", "dev": true, - "license": "MIT", "dependencies": { "@adobe/css-tools": "^4.4.0", "aria-query": "^5.0.0", @@ -6624,7 +7294,6 @@ "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz", "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==", "dev": true, - "license": "MIT", "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" @@ -6637,15 +7306,13 @@ "version": "0.6.3", "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz", "integrity": "sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/@testing-library/user-event": { "version": "14.5.2", "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.5.2.tgz", "integrity": "sha512-YAh82Wh4TIrxYLmfGcixwD18oIjyC1pFQC2Y01F2lzV2HTMiYrI0nze0FD0ocB//CKS/7jIUgae+adPqxK5yCQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=12", "npm": ">=6" @@ -6700,8 +7367,7 @@ "version": "5.0.4", "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz", "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/@types/babel__code-frame": { "version": "7.0.6", @@ -6853,7 +7519,6 @@ "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-9.6.1.tgz", "integrity": "sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==", "dev": true, - "license": "MIT", "dependencies": { "@types/estree": "*", "@types/json-schema": "*" @@ -6864,7 +7529,6 @@ "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz", "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==", "dev": true, - "license": "MIT", "dependencies": { "@types/eslint": "*", "@types/estree": "*" @@ -6944,8 +7608,7 @@ "version": "6.1.0", "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz", "integrity": "sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/@types/http-assert": { "version": "1.5.6", @@ -7097,8 +7760,7 @@ "version": "4.0.2", "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz", "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/@types/parse5": { "version": "6.0.3", @@ -7118,13 +7780,6 @@ "integrity": "sha512-AUZTa7hQ2KY5L7AmtSiqxlhWxb4ina0yd8hNbl4TWuqnv/pFP0nDMb3YrfSBf4hJVGLh2YEIBfKaBW/9UEl6IQ==", "dev": true }, - "node_modules/@types/prop-types": { - "version": "15.7.14", - "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.14.tgz", - "integrity": "sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ==", - "dev": true - }, - "node_modules/@types/qs": { "version": "6.9.17", "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.17.tgz", @@ -7143,16 +7798,6 @@ "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==", "dev": true }, - "node_modules/@types/react": { - "version": "18.3.16", - "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.16.tgz", - "integrity": "sha512-oh8AMIC4Y2ciKufU8hnKgs+ufgbA/dhPTACaZPM86AbwX9QwnFtSoPWEeRUj8fge+v6kFt78BXcDhAU1SrrAsw==", - "dev": true, - "dependencies": { - "@types/prop-types": "*", - "csstype": "^3.0.2" - } - }, "node_modules/@types/resolve": { "version": "1.20.2", "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz", @@ -7557,7 +8202,6 @@ "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-2.0.5.tgz", "integrity": "sha512-yHZtwuP7JZivj65Gxoi8upUN2OzHTi3zVfjwdpu2WrvCZPLwsJ2Ey5ILIPccoW23dd/zQBlJ4/dhi7DWNyXCpA==", "dev": true, - "license": "MIT", "dependencies": { "@vitest/spy": "2.0.5", "@vitest/utils": "2.0.5", @@ -7573,7 +8217,6 @@ "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.0.5.tgz", "integrity": "sha512-h8k+1oWHfwTkyTkb9egzwNMfJAEx4veaPSnMeKbVSjp4euqGSbQlm5+6VHwTr7u4FJslVVsUG5nopCaAYdOmSQ==", "dev": true, - "license": "MIT", "dependencies": { "tinyrainbow": "^1.2.0" }, @@ -7586,7 +8229,6 @@ "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.0.5.tgz", "integrity": "sha512-d8HKbqIcya+GR67mkZbrzhS5kKhtp8dQLcmRZLGTscGVg7yImT82cIrhtn2L8+VujWcy6KZweApgNmPsTAO/UQ==", "dev": true, - "license": "MIT", "dependencies": { "@vitest/pretty-format": "2.0.5", "estree-walker": "^3.0.3", @@ -7602,7 +8244,6 @@ "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz", "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==", "dev": true, - "license": "MIT", "dependencies": { "@types/estree": "^1.0.0" } @@ -7612,7 +8253,6 @@ "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.8.tgz", "integrity": "sha512-9HiSZ9zpqNLKlbIDRWOnAWqgcA7xu+8YxXSekhr0Ykab7PAYFkhkwoqVArPOtJhPmYeE2YHgKZlj3CP36z2AJQ==", "dev": true, - "license": "MIT", "dependencies": { "tinyrainbow": "^1.2.0" }, @@ -7625,7 +8265,6 @@ "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-2.0.5.tgz", "integrity": "sha512-c/jdthAhvJdpfVuaexSrnawxZz6pywlTPe84LUB2m/4t3rl2fTo9NFGBG4oWgaD+FTgDDV8hJ/nibT7IfH3JfA==", "dev": true, - "license": "MIT", "dependencies": { "tinyspy": "^3.0.0" }, @@ -7638,7 +8277,6 @@ "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.1.8.tgz", "integrity": "sha512-dwSoui6djdwbfFmIgbIjX2ZhIoG7Ex/+xpxyiEgIGzjliY8xGkcpITKTlp6B4MgtGkF2ilvm97cPM96XZaAgcA==", "dev": true, - "license": "MIT", "dependencies": { "@vitest/pretty-format": "2.1.8", "loupe": "^3.1.2", @@ -7882,7 +8520,6 @@ "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz", "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==", "dev": true, - "license": "MIT", "dependencies": { "@webassemblyjs/helper-numbers": "1.13.2", "@webassemblyjs/helper-wasm-bytecode": "1.13.2" @@ -7892,29 +8529,25 @@ "version": "1.13.2", "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz", "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/@webassemblyjs/helper-api-error": { "version": "1.13.2", "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz", "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/@webassemblyjs/helper-buffer": { "version": "1.14.1", "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz", "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/@webassemblyjs/helper-numbers": { "version": "1.13.2", "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz", "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==", "dev": true, - "license": "MIT", "dependencies": { "@webassemblyjs/floating-point-hex-parser": "1.13.2", "@webassemblyjs/helper-api-error": "1.13.2", @@ -7925,15 +8558,13 @@ "version": "1.13.2", "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz", "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/@webassemblyjs/helper-wasm-section": { "version": "1.14.1", "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz", "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==", "dev": true, - "license": "MIT", "dependencies": { "@webassemblyjs/ast": "1.14.1", "@webassemblyjs/helper-buffer": "1.14.1", @@ -7946,7 +8577,6 @@ "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz", "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==", "dev": true, - "license": "MIT", "dependencies": { "@xtuc/ieee754": "^1.2.0" } @@ -7956,7 +8586,6 @@ "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.13.2.tgz", "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==", "dev": true, - "license": "Apache-2.0", "dependencies": { "@xtuc/long": "4.2.2" } @@ -7965,15 +8594,13 @@ "version": "1.13.2", "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz", "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/@webassemblyjs/wasm-edit": { "version": "1.14.1", "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz", "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==", "dev": true, - "license": "MIT", "dependencies": { "@webassemblyjs/ast": "1.14.1", "@webassemblyjs/helper-buffer": "1.14.1", @@ -7990,7 +8617,6 @@ "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz", "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==", "dev": true, - "license": "MIT", "dependencies": { "@webassemblyjs/ast": "1.14.1", "@webassemblyjs/helper-wasm-bytecode": "1.13.2", @@ -8004,7 +8630,6 @@ "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz", "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==", "dev": true, - "license": "MIT", "dependencies": { "@webassemblyjs/ast": "1.14.1", "@webassemblyjs/helper-buffer": "1.14.1", @@ -8017,7 +8642,6 @@ "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz", "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==", "dev": true, - "license": "MIT", "dependencies": { "@webassemblyjs/ast": "1.14.1", "@webassemblyjs/helper-api-error": "1.13.2", @@ -8032,7 +8656,6 @@ "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz", "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==", "dev": true, - "license": "MIT", "dependencies": { "@webassemblyjs/ast": "1.14.1", "@xtuc/long": "4.2.2" @@ -8042,15 +8665,13 @@ "version": "1.2.0", "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz", "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==", - "dev": true, - "license": "BSD-3-Clause" + "dev": true }, "node_modules/@xtuc/long": { "version": "4.2.2", "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz", "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==", - "dev": true, - "license": "Apache-2.0" + "dev": true }, "node_modules/accepts": { "version": "1.3.8", @@ -8221,7 +8842,6 @@ "engines": [ "node >= 0.8.0" ], - "license": "Apache-2.0", "bin": { "ansi-html": "bin/ansi-html" } @@ -8328,7 +8948,6 @@ "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz", "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==", "dev": true, - "license": "Apache-2.0", "dependencies": { "dequal": "^2.0.3" } @@ -8380,7 +8999,6 @@ "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz", "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==", "dev": true, - "license": "MIT", "engines": { "node": ">=12" } @@ -8390,7 +9008,6 @@ "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.16.1.tgz", "integrity": "sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==", "dev": true, - "license": "MIT", "dependencies": { "tslib": "^2.0.1" }, @@ -8418,7 +9035,6 @@ "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz", "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==", "dev": true, - "license": "MIT", "dependencies": { "possible-typed-array-names": "^1.0.0" }, @@ -8669,7 +9285,6 @@ "resolved": "https://registry.npmjs.org/better-opn/-/better-opn-3.0.2.tgz", "integrity": "sha512-aVNobHnJqLiUelTaHat9DZ1qM2w0C0Eym4LPI/3JxOnSokGVdsl1T1kN7TFvsEAD8G47A6VKQ0TVHqbBnYMJlQ==", "dev": true, - "license": "MIT", "dependencies": { "open": "^8.0.4" }, @@ -8895,7 +9510,6 @@ "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz", "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==", "dev": true, - "license": "MIT", "dependencies": { "pascal-case": "^3.1.2", "tslib": "^2.0.3" @@ -8964,7 +9578,6 @@ "resolved": "https://registry.npmjs.org/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz", "integrity": "sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==", "dev": true, - "license": "MIT", "engines": { "node": ">=4" } @@ -8984,7 +9597,6 @@ "resolved": "https://registry.npmjs.org/chai/-/chai-5.1.2.tgz", "integrity": "sha512-aGtmf24DW6MLHHG5gCx4zaI3uBq3KRtxeVs0DjFH6Z0rDNbsvTxFASFvdj79pxjxZ8/5u3PIiN3IwEIQkiiuPw==", "dev": true, - "license": "MIT", "dependencies": { "assertion-error": "^2.0.1", "check-error": "^2.1.1", @@ -9154,7 +9766,6 @@ "resolved": "https://registry.npmjs.org/check-error/-/check-error-2.1.1.tgz", "integrity": "sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==", "dev": true, - "license": "MIT", "engines": { "node": ">= 16" } @@ -9208,7 +9819,6 @@ "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.4.tgz", "integrity": "sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=6.0" } @@ -9239,7 +9849,6 @@ "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.3.tgz", "integrity": "sha512-D5J+kHaVb/wKSFcyyV75uCn8fiY4sV38XJoe4CUyGQ+mOU/fMVYUdH1hJC+CJQ5uY3EnW27SbJYS4X8BiLrAFg==", "dev": true, - "license": "MIT", "dependencies": { "source-map": "~0.6.0" }, @@ -9252,7 +9861,6 @@ "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" } @@ -9472,7 +10080,6 @@ "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz", "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==", "dev": true, - "license": "MIT", "engines": { "node": ">= 12" } @@ -9536,8 +10143,7 @@ "version": "1.0.0", "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz", "integrity": "sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/content-disposition": { "version": "0.5.4", @@ -9895,8 +10501,7 @@ "version": "1.5.1", "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz", "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/cssesc": { "version": "3.0.0", @@ -10234,7 +10839,6 @@ "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-5.0.2.tgz", "integrity": "sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==", "dev": true, - "license": "MIT", "engines": { "node": ">=6" } @@ -10559,15 +11163,13 @@ "version": "0.5.16", "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz", "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/dom-converter": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz", "integrity": "sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==", "dev": true, - "license": "MIT", "dependencies": { "utila": "~0.4" } @@ -10639,7 +11241,6 @@ "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz", "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==", "dev": true, - "license": "MIT", "dependencies": { "no-case": "^3.0.4", "tslib": "^2.0.3" @@ -10737,12 +11338,20 @@ "node": ">= 4" } }, + "node_modules/encodeurl": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", + "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==", + "dev": true, + "engines": { + "node": ">= 0.8" + } + }, "node_modules/enhanced-resolve": { "version": "5.17.1", "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz", "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==", "dev": true, - "license": "MIT", "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.2.0" @@ -10807,16 +11416,12 @@ "engines": { "node": ">= 0.4" } + }, "node_modules/es-toolkit": { "version": "1.29.0", "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.29.0.tgz", "integrity": "sha512-GjTll+E6APcfAQA09D89HdT8Qn2Yb+TeDSDBTMcxAo+V+w1amAtCI15LJu4YPH/UCPoSo/F47Gr1LIM0TE0lZA==", - "dev": true, - "license": "MIT", - "workspaces": [ - "docs", - "benchmarks" - ] + "dev": true }, "node_modules/es6-error": { "version": "4.1.1", @@ -10961,7 +11566,6 @@ "resolved": "https://registry.npmjs.org/eslint-plugin-storybook/-/eslint-plugin-storybook-0.11.1.tgz", "integrity": "sha512-yGKpAYkBm/Q2hZg476vRUAvd9lAccjjSvzU5nYy3BSQbKTPy7uopx7JEpwk2vSuw4weTMZzWF64z9/gp/K5RCg==", "dev": true, - "license": "MIT", "dependencies": { "@storybook/csf": "^0.1.11", "@typescript-eslint/utils": "^8.8.1", @@ -10979,7 +11583,6 @@ "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.18.0.tgz", "integrity": "sha512-PNGcHop0jkK2WVYGotk/hxj+UFLhXtGPiGtiaWgVBVP1jhMoMCHlTyJA+hEj4rszoSdLTK3fN4oOatrL0Cp+Xw==", "dev": true, - "license": "MIT", "dependencies": { "@typescript-eslint/types": "8.18.0", "@typescript-eslint/visitor-keys": "8.18.0" @@ -10997,7 +11600,6 @@ "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.18.0.tgz", "integrity": "sha512-FNYxgyTCAnFwTrzpBGq+zrnoTO4x0c1CKYY5MuUTzpScqmY5fmsh2o3+57lqdI3NZucBDCzDgdEbIaNfAjAHQA==", "dev": true, - "license": "MIT", "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" }, @@ -11011,7 +11613,6 @@ "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.18.0.tgz", "integrity": "sha512-rqQgFRu6yPkauz+ms3nQpohwejS8bvgbPyIDq13cgEDbkXt4LH4OkDMT0/fN1RUtzG8e8AKJyDBoocuQh8qNeg==", "dev": true, - "license": "MIT", "dependencies": { "@typescript-eslint/types": "8.18.0", "@typescript-eslint/visitor-keys": "8.18.0", @@ -11038,7 +11639,6 @@ "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.18.0.tgz", "integrity": "sha512-p6GLdY383i7h5b0Qrfbix3Vc3+J2k6QWw6UMUeY5JGfm3C5LbZ4QIZzJNoNOfgyRe0uuYKjvVOsO/jD4SJO+xg==", "dev": true, - "license": "MIT", "dependencies": { "@eslint-community/eslint-utils": "^4.4.0", "@typescript-eslint/scope-manager": "8.18.0", @@ -11062,7 +11662,6 @@ "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.18.0.tgz", "integrity": "sha512-pCh/qEA8Lb1wVIqNvBke8UaRjJ6wrAWkJO5yyIbs8Yx6TNGYyfNjOo61tLv+WwLvoLPp4BQ8B7AHKijl8NGUfw==", "dev": true, - "license": "MIT", "dependencies": { "@typescript-eslint/types": "8.18.0", "eslint-visitor-keys": "^4.2.0" @@ -11080,7 +11679,6 @@ "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", "dev": true, - "license": "MIT", "dependencies": { "balanced-match": "^1.0.0" } @@ -11090,7 +11688,6 @@ "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz", "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==", "dev": true, - "license": "Apache-2.0", "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" }, @@ -11103,7 +11700,6 @@ "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", "dev": true, - "license": "ISC", "dependencies": { "brace-expansion": "^2.0.1" }, @@ -11119,7 +11715,6 @@ "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz", "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==", "dev": true, - "license": "ISC", "bin": { "semver": "bin/semver.js" }, @@ -11336,7 +11931,6 @@ "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz", "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.8.x" } @@ -11407,82 +12001,6 @@ "integrity": "sha512-+kn8561vHAY+dt+0gMqqj1oY+g5xWrsuGMk4QGxotT2WS545nVqqjs37z6hrYfIuucwqthzwJfCJUEYqixyljg==", "dev": true }, - "node_modules/express": { - "version": "4.21.2", - "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz", - "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==", - "dev": true, - "dependencies": { - "accepts": "~1.3.8", - "array-flatten": "1.1.1", - "body-parser": "1.20.3", - "content-disposition": "0.5.4", - "content-type": "~1.0.4", - "cookie": "0.7.1", - "cookie-signature": "1.0.6", - "debug": "2.6.9", - "depd": "2.0.0", - "encodeurl": "~2.0.0", - "escape-html": "~1.0.3", - "etag": "~1.8.1", - "finalhandler": "1.3.1", - "fresh": "0.5.2", - "http-errors": "2.0.0", - "merge-descriptors": "1.0.3", - "methods": "~1.1.2", - "on-finished": "2.4.1", - "parseurl": "~1.3.3", - "path-to-regexp": "0.1.12", - "proxy-addr": "~2.0.7", - "qs": "6.13.0", - "range-parser": "~1.2.1", - "safe-buffer": "5.2.1", - "send": "0.19.0", - "serve-static": "1.16.2", - "setprototypeof": "1.2.0", - "statuses": "2.0.1", - "type-is": "~1.6.18", - "utils-merge": "1.0.1", - "vary": "~1.1.2" - }, - "engines": { - "node": ">= 0.10.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/express" - } - }, - "node_modules/express/node_modules/debug": { - "version": "2.6.9", - "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", - "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", - "dev": true, - "dependencies": { - "ms": "2.0.0" - } - }, - "node_modules/express/node_modules/ms": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", - "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", - "dev": true - }, - "node_modules/express/node_modules/qs": { - "version": "6.13.0", - "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz", - "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==", - "dev": true, - "dependencies": { - "side-channel": "^1.0.6" - }, - "engines": { - "node": ">=0.6" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, "node_modules/extend": { "version": "3.0.2", "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz", @@ -11848,7 +12366,6 @@ "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz", "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==", "dev": true, - "license": "MIT", "dependencies": { "is-callable": "^1.1.3" } @@ -11886,7 +12403,6 @@ "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-8.0.0.tgz", "integrity": "sha512-mX3qW3idpueT2klaQXBzrIM/pHw+T0B/V9KHEvNrqijTq9NFnMZU6oreVxDYcf33P8a5cW+67PjodNHthGnNVg==", "dev": true, - "license": "MIT", "dependencies": { "@babel/code-frame": "^7.16.7", "chalk": "^4.1.2", @@ -11915,7 +12431,6 @@ "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", "dev": true, - "license": "MIT", "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", @@ -11927,22 +12442,11 @@ "url": "https://github.com/sponsors/epoberezkin" } }, - "node_modules/fork-ts-checker-webpack-plugin/node_modules/ajv-keywords": { - "version": "3.5.2", - "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", - "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", - "dev": true, - "license": "MIT", - "peerDependencies": { - "ajv": "^6.9.1" - } - }, "node_modules/fork-ts-checker-webpack-plugin/node_modules/chokidar": { "version": "3.6.0", "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz", "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==", "dev": true, - "license": "MIT", "dependencies": { "anymatch": "~3.1.2", "braces": "~3.0.2", @@ -11967,7 +12471,6 @@ "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz", "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==", "dev": true, - "license": "MIT", "dependencies": { "@types/parse-json": "^4.0.0", "import-fresh": "^3.2.1", @@ -11984,7 +12487,6 @@ "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz", "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==", "dev": true, - "license": "MIT", "dependencies": { "graceful-fs": "^4.2.0", "jsonfile": "^6.0.1", @@ -11998,15 +12500,13 @@ "version": "0.4.1", "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/fork-ts-checker-webpack-plugin/node_modules/schema-utils": { "version": "3.3.0", "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz", "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==", "dev": true, - "license": "MIT", "dependencies": { "@types/json-schema": "^7.0.8", "ajv": "^6.12.5", @@ -12025,7 +12525,6 @@ "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz", "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==", "dev": true, - "license": "ISC", "bin": { "semver": "bin/semver.js" }, @@ -12038,7 +12537,6 @@ "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==", "dev": true, - "license": "ISC", "engines": { "node": ">= 6" } @@ -12113,8 +12611,7 @@ "version": "1.0.6", "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.6.tgz", "integrity": "sha512-b1FMfwetIKymC0eioW7mTywihSQE4oLzQn1dB6rZB5fx/3NpNEdAWeCSMB+60/AeT0TCXsxzAlcYVEFCTAksWg==", - "dev": true, - "license": "Unlicense" + "dev": true }, "node_modules/fs.realpath": { "version": "1.0.0", @@ -12290,8 +12787,7 @@ "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" + "dev": true }, "node_modules/glob/node_modules/brace-expansion": { "version": "2.0.1", @@ -12597,7 +13093,6 @@ "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz", "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==", "dev": true, - "license": "MIT", "bin": { "he": "bin/he" } @@ -12658,8 +13153,7 @@ "type": "patreon", "url": "https://patreon.com/mdevils" } - ], - "license": "MIT" + ] }, "node_modules/html-escaper": { "version": "2.0.2", @@ -12672,7 +13166,6 @@ "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz", "integrity": "sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==", "dev": true, - "license": "MIT", "dependencies": { "camel-case": "^4.1.2", "clean-css": "^5.2.2", @@ -12703,7 +13196,6 @@ "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.6.3.tgz", "integrity": "sha512-QSf1yjtSAsmf7rYBV7XX86uua4W/vkhIt0xNXKbsi2foEeW7vjJQz4bhnpL3xH+l1ryl1680uNv968Z+X6jSYg==", "dev": true, - "license": "MIT", "dependencies": { "@types/html-minifier-terser": "^6.0.0", "html-minifier-terser": "^6.0.2", @@ -12758,16 +13250,7 @@ "node": ">= 0.8" } }, - "node_modules/http-assert/node_modules/depd": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", - "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==", - "dev": true, - "engines": { - "node": ">= 0.6" - } - }, - "node_modules/http-assert/node_modules/http-errors": { + "node_modules/http-errors": { "version": "1.8.1", "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz", "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==", @@ -12783,31 +13266,15 @@ "node": ">= 0.6" } }, - "node_modules/http-assert/node_modules/statuses": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz", - "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==", + "node_modules/http-errors/node_modules/depd": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", + "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==", "dev": true, "engines": { "node": ">= 0.6" } }, - "node_modules/http-errors": { - "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, - "dependencies": { - "depd": "2.0.0", - "inherits": "2.0.4", - "setprototypeof": "1.2.0", - "statuses": "2.0.1", - "toidentifier": "1.0.1" - }, - "engines": { - "node": ">= 0.8" - } - }, "node_modules/human-signals": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz", @@ -13118,7 +13585,6 @@ "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz", "integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==", "dev": true, - "license": "MIT", "dependencies": { "call-bound": "^1.0.2", "has-tostringtag": "^1.0.2" @@ -13176,7 +13642,6 @@ "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz", "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.4" }, @@ -13446,7 +13911,6 @@ "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz", "integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==", "dev": true, - "license": "MIT", "dependencies": { "which-typed-array": "^1.1.14" }, @@ -14907,7 +15371,6 @@ "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-4.1.0.tgz", "integrity": "sha512-Hicd6JK5Njt2QB6XYFS7ok9e37O8AYk3jTcppG4YVQnYjOemymvTcmc7OWsmq/Qqj5TdRFO5/x/tIPmBeRtGHg==", "dev": true, - "license": "MIT", "engines": { "node": ">=12.0.0" } @@ -15132,51 +15595,17 @@ "node": ">= 8" } }, - "node_modules/koa-send/node_modules/depd": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", - "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==", + "node_modules/koa-static": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/koa-static/-/koa-static-5.0.0.tgz", + "integrity": "sha512-UqyYyH5YEXaJrf9S8E23GoJFQZXkBVJ9zYYMPGz919MSX1KuvAcycIuS0ci150HCoPf4XQVhQ84Qf8xRPWxFaQ==", "dev": true, + "dependencies": { + "debug": "^3.1.0", + "koa-send": "^5.0.0" + }, "engines": { - "node": ">= 0.6" - } - }, - "node_modules/koa-send/node_modules/http-errors": { - "version": "1.8.1", - "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz", - "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==", - "dev": true, - "dependencies": { - "depd": "~1.1.2", - "inherits": "2.0.4", - "setprototypeof": "1.2.0", - "statuses": ">= 1.5.0 < 2", - "toidentifier": "1.0.1" - }, - "engines": { - "node": ">= 0.6" - } - }, - "node_modules/koa-send/node_modules/statuses": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz", - "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==", - "dev": true, - "engines": { - "node": ">= 0.6" - } - }, - "node_modules/koa-static": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/koa-static/-/koa-static-5.0.0.tgz", - "integrity": "sha512-UqyYyH5YEXaJrf9S8E23GoJFQZXkBVJ9zYYMPGz919MSX1KuvAcycIuS0ci150HCoPf4XQVhQ84Qf8xRPWxFaQ==", - "dev": true, - "dependencies": { - "debug": "^3.1.0", - "koa-send": "^5.0.0" - }, - "engines": { - "node": ">= 7.6.0" + "node": ">= 7.6.0" } }, "node_modules/koa-static/node_modules/debug": { @@ -15188,49 +15617,6 @@ "ms": "^2.1.1" } }, - "node_modules/koa/node_modules/encodeurl": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", - "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==", - "dev": true, - "engines": { - "node": ">= 0.8" - } - }, - "node_modules/koa/node_modules/http-errors": { - "version": "1.8.1", - "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.8.1.tgz", - "integrity": "sha512-Kpk9Sm7NmI+RHhnj6OIWDI1d6fIoFAtFt9RLaTMRlg/8w49juAStsrBgp0Dp4OdxdVbRIeKhtCUvoi/RuAhO4g==", - "dev": true, - "dependencies": { - "depd": "~1.1.2", - "inherits": "2.0.4", - "setprototypeof": "1.2.0", - "statuses": ">= 1.5.0 < 2", - "toidentifier": "1.0.1" - }, - "engines": { - "node": ">= 0.6" - } - }, - "node_modules/koa/node_modules/http-errors/node_modules/depd": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", - "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==", - "dev": true, - "engines": { - "node": ">= 0.6" - } - }, - "node_modules/koa/node_modules/statuses": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz", - "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==", - "dev": true, - "engines": { - "node": ">= 0.6" - } - }, "node_modules/lazy-universal-dotenv": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/lazy-universal-dotenv/-/lazy-universal-dotenv-4.0.0.tgz", @@ -15816,7 +16202,6 @@ "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz", "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==", "dev": true, - "license": "MIT", "engines": { "node": ">=6.11.5" } @@ -16049,15 +16434,13 @@ "version": "3.1.2", "resolved": "https://registry.npmjs.org/loupe/-/loupe-3.1.2.tgz", "integrity": "sha512-23I4pFZHmAemUnz8WZXbYRSKYj801VDaNv9ETuMh7IrMc7VuVVSo+Z9iLE3ni30+U48iDWfi30d3twAXBYmnCg==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/lower-case": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz", "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==", "dev": true, - "license": "MIT", "dependencies": { "tslib": "^2.0.3" } @@ -16076,7 +16459,6 @@ "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz", "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==", "dev": true, - "license": "MIT", "bin": { "lz-string": "bin/bin.js" } @@ -16148,18 +16530,6 @@ "url": "https://github.com/sponsors/wooorm" } }, - "node_modules/markdown-to-jsx": { - "version": "7.7.1", - "resolved": "https://registry.npmjs.org/markdown-to-jsx/-/markdown-to-jsx-7.7.1.tgz", - "integrity": "sha512-BjLkHb+fWCAH9gp7ndbgPrY+zeZlGFtCiQNTWk+PD+GKfLg9YsUPNonSsYXGw6nQ7eZqeR+i71X59PpWXlxc/w==", - "dev": true, - "engines": { - "node": ">= 10" - }, - "peerDependencies": { - "react": ">= 0.14.0" - } - }, "node_modules/math-intrinsics": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.0.0.tgz", @@ -16390,7 +16760,6 @@ "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.5.3.tgz", "integrity": "sha512-UERzLsxzllchadvbPs5aolHh65ISpKpM+ccLbOJ8/vvpBKmAWf+la7dXFy7Mr0ySHbdHrFv5kGFCUHHe6GFEmw==", "dev": true, - "license": "Unlicense", "dependencies": { "fs-monkey": "^1.0.4" }, @@ -17341,7 +17710,6 @@ "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz", "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==", "dev": true, - "license": "MIT", "dependencies": { "lower-case": "^2.0.2", "tslib": "^2.0.3" @@ -17351,8 +17719,7 @@ "version": "3.1.1", "resolved": "https://registry.npmjs.org/node-abort-controller/-/node-abort-controller-3.1.1.tgz", "integrity": "sha512-AGK2yQKIjRuqnc6VkX2Xj5d+QW8xZ87pa1UK6yA6ouUyuxfHuMP6umE5QK7UmTeOAymo+Zx1Fxiuw9rVx8taHQ==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/node-addon-api": { "version": "7.1.1", @@ -17995,7 +18362,6 @@ "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz", "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==", "dev": true, - "license": "MIT", "dependencies": { "dot-case": "^3.0.4", "tslib": "^2.0.3" @@ -18060,7 +18426,6 @@ "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz", "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==", "dev": true, - "license": "MIT", "dependencies": { "no-case": "^3.0.4", "tslib": "^2.0.3" @@ -18070,8 +18435,7 @@ "version": "1.0.1", "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz", "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/path-exists": { "version": "4.0.0", @@ -18134,12 +18498,6 @@ "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==", "dev": true }, - "node_modules/path-to-regexp": { - "version": "0.1.12", - "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz", - "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==", - "dev": true - }, "node_modules/path-type": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz", @@ -18154,7 +18512,6 @@ "resolved": "https://registry.npmjs.org/pathval/-/pathval-2.0.0.tgz", "integrity": "sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==", "dev": true, - "license": "MIT", "engines": { "node": ">= 14.16" } @@ -18301,7 +18658,6 @@ "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz", "integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.4" } @@ -19024,7 +19380,6 @@ "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz", "integrity": "sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==", "dev": true, - "license": "MIT", "dependencies": { "lodash": "^4.17.20", "renderkid": "^3.0.0" @@ -19035,7 +19390,6 @@ "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz", "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==", "dev": true, - "license": "MIT", "dependencies": { "ansi-regex": "^5.0.1", "ansi-styles": "^5.0.0", @@ -19050,7 +19404,6 @@ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz", "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==", "dev": true, - "license": "MIT", "engines": { "node": ">=10" }, @@ -19137,8 +19490,7 @@ "version": "1.4.1", "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz", "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/pure-rand": { "version": "6.1.0", @@ -19235,7 +19587,6 @@ "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" } @@ -19255,6 +19606,31 @@ "node": ">= 0.8" } }, + "node_modules/raw-body/node_modules/http-errors": { + "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, + "dependencies": { + "depd": "2.0.0", + "inherits": "2.0.4", + "setprototypeof": "1.2.0", + "statuses": "2.0.1", + "toidentifier": "1.0.1" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/raw-body/node_modules/statuses": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", + "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", + "dev": true, + "engines": { + "node": ">= 0.8" + } + }, "node_modules/react": { "version": "18.3.1", "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz", @@ -19284,8 +19660,7 @@ "version": "17.0.2", "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/react-remove-scroll": { "version": "2.5.5", @@ -19547,7 +19922,6 @@ "resolved": "https://registry.npmjs.org/recast/-/recast-0.23.9.tgz", "integrity": "sha512-Hx/BGIbwj+Des3+xy5uAtAbdCyqK9y9wbBcDFDYanLS9JnMqf7OeF87HQwUimE87OEc72mr6tkKUKMBBL+hF9Q==", "dev": true, - "license": "MIT", "dependencies": { "ast-types": "^0.16.1", "esprima": "~4.0.0", @@ -19564,7 +19938,6 @@ "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" } @@ -19668,47 +20041,11 @@ "node": ">=6" } }, - "node_modules/rehype-external-links": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/rehype-external-links/-/rehype-external-links-3.0.0.tgz", - "integrity": "sha512-yp+e5N9V3C6bwBeAC4n796kc86M4gJCdlVhiMTxIrJG5UHDMh+PJANf9heqORJbt1nrCbDwIlAZKjANIaVBbvw==", - "dev": true, - "dependencies": { - "@types/hast": "^3.0.0", - "@ungap/structured-clone": "^1.0.0", - "hast-util-is-element": "^3.0.0", - "is-absolute-url": "^4.0.0", - "space-separated-tokens": "^2.0.0", - "unist-util-visit": "^5.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/rehype-slug": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/rehype-slug/-/rehype-slug-6.0.0.tgz", - "integrity": "sha512-lWyvf/jwu+oS5+hL5eClVd3hNdmwM1kAC0BUvEGD19pajQMIzcNUd/k9GsfQ+FfECvX+JE+e9/btsKH0EjJT6A==", - "dev": true, - "dependencies": { - "@types/hast": "^3.0.0", - "github-slugger": "^2.0.0", - "hast-util-heading-rank": "^3.0.0", - "hast-util-to-string": "^3.0.0", - "unist-util-visit": "^5.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, "node_modules/relateurl": { "version": "0.2.7", "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz", "integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.10" } @@ -19779,7 +20116,6 @@ "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz", "integrity": "sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==", "dev": true, - "license": "MIT", "dependencies": { "css-select": "^4.1.3", "dom-converter": "^0.2.0", @@ -19793,7 +20129,6 @@ "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz", "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==", "dev": true, - "license": "MIT", "dependencies": { "domelementtype": "^2.0.1", "domhandler": "^4.2.0", @@ -19813,15 +20148,13 @@ "type": "github", "url": "https://github.com/sponsors/fb55" } - ], - "license": "BSD-2-Clause" + ] }, "node_modules/renderkid/node_modules/domhandler": { "version": "4.3.1", "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz", "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==", "dev": true, - "license": "BSD-2-Clause", "dependencies": { "domelementtype": "^2.2.0" }, @@ -19837,7 +20170,6 @@ "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz", "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==", "dev": true, - "license": "BSD-2-Clause", "dependencies": { "dom-serializer": "^1.0.1", "domelementtype": "^2.2.0", @@ -19852,7 +20184,6 @@ "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz", "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==", "dev": true, - "license": "BSD-2-Clause", "funding": { "url": "https://github.com/fb55/entities?sponsor=1" } @@ -19869,7 +20200,6 @@ "url": "https://github.com/sponsors/fb55" } ], - "license": "MIT", "dependencies": { "domelementtype": "^2.0.1", "domhandler": "^4.0.0", @@ -20013,166 +20343,493 @@ "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==", "dev": true }, - "node_modules/resolve-path/node_modules/statuses": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz", - "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==", + "node_modules/resolve-url-loader": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/resolve-url-loader/-/resolve-url-loader-5.0.0.tgz", + "integrity": "sha512-uZtduh8/8srhBoMx//5bwqjQ+rfYOUq8zC9NrMUGtjBiGTtFJM42s58/36+hTqeqINcnYe08Nj3LkK9lW4N8Xg==", + "dev": true, + "dependencies": { + "adjust-sourcemap-loader": "^4.0.0", + "convert-source-map": "^1.7.0", + "loader-utils": "^2.0.0", + "postcss": "^8.2.14", + "source-map": "0.6.1" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/resolve-url-loader/node_modules/convert-source-map": { + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", + "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==", + "dev": true + }, + "node_modules/resolve-url-loader/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, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/resolve.exports": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/resolve.exports/-/resolve.exports-2.0.3.tgz", + "integrity": "sha512-OcXjMsGdhL4XnbShKpAcSqPMzQoYkYyhbEaeSko47MjRP9NfEQMhZkXL1DoFlt9LWQn4YttrdnV6X2OiyzBi+A==", + "dev": true, + "engines": { + "node": ">=10" + } + }, + "node_modules/restore-cursor": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz", + "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==", + "dev": true, + "dependencies": { + "onetime": "^5.1.0", + "signal-exit": "^3.0.2" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/reusify": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", + "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", + "dev": true, + "engines": { + "iojs": ">=1.0.0", + "node": ">=0.10.0" + } + }, + "node_modules/rfdc": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz", + "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==", + "dev": true + }, + "node_modules/rimraf": { + "version": "2.7.1", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz", + "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==", + "deprecated": "Rimraf versions prior to v4 are no longer supported", + "dev": true, + "dependencies": { + "glob": "^7.1.3" + }, + "bin": { + "rimraf": "bin.js" + } + }, + "node_modules/rimraf/node_modules/glob": { + "version": "7.2.3", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", + "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", + "deprecated": "Glob versions prior to v9 are no longer supported", + "dev": true, + "dependencies": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.1.1", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + }, + "engines": { + "node": "*" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/rollup": { + "version": "3.29.5", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.5.tgz", + "integrity": "sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==", + "dev": true, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=14.18.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "fsevents": "~2.3.2" + } + }, + "node_modules/rollup-copy-transform-css": { + "version": "1.2.7", + "resolved": "https://registry.npmjs.org/rollup-copy-transform-css/-/rollup-copy-transform-css-1.2.7.tgz", + "integrity": "sha512-847DK6Pb1fvdWtl0I7r4ABo9cQ5Z/mNAFDFvIdFQRwaL1rldGsES8A+BXD7bUvwVCFqx3o809Zm9WoA/0AYtxQ==", + "dev": true, + "dependencies": { + "cssnano": "^6.0.1", + "esbuild": "^0.19.4", + "picomatch": "^2.3.1", + "postcss": "^8.4.31", + "postcss-fail-on-warn": "^0.2.1", + "postcss-import": "^15.1.0", + "postcss-url": "^10.1.3" + }, + "engines": { + "node": ">= 14.18" + }, + "peerDependencies": { + "rollup": "^2 || ^3 || ^4" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/android-arm": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.12.tgz", + "integrity": "sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/android-arm64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.12.tgz", + "integrity": "sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/android-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.12.tgz", + "integrity": "sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/darwin-arm64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.12.tgz", + "integrity": "sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/darwin-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.12.tgz", + "integrity": "sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/freebsd-arm64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.12.tgz", + "integrity": "sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/freebsd-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.12.tgz", + "integrity": "sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-arm": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.12.tgz", + "integrity": "sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-arm64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.12.tgz", + "integrity": "sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-ia32": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.12.tgz", + "integrity": "sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-loong64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.12.tgz", + "integrity": "sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==", + "cpu": [ + "loong64" + ], "dev": true, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">= 0.6" + "node": ">=12" } }, - "node_modules/resolve-url-loader": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/resolve-url-loader/-/resolve-url-loader-5.0.0.tgz", - "integrity": "sha512-uZtduh8/8srhBoMx//5bwqjQ+rfYOUq8zC9NrMUGtjBiGTtFJM42s58/36+hTqeqINcnYe08Nj3LkK9lW4N8Xg==", + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-mips64el": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.12.tgz", + "integrity": "sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==", + "cpu": [ + "mips64el" + ], "dev": true, - "dependencies": { - "adjust-sourcemap-loader": "^4.0.0", - "convert-source-map": "^1.7.0", - "loader-utils": "^2.0.0", - "postcss": "^8.2.14", - "source-map": "0.6.1" - }, + "optional": true, + "os": [ + "linux" + ], "engines": { "node": ">=12" } }, - "node_modules/resolve-url-loader/node_modules/convert-source-map": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", - "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==", - "dev": true - }, - "node_modules/resolve-url-loader/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==", + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-ppc64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.12.tgz", + "integrity": "sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==", + "cpu": [ + "ppc64" + ], "dev": true, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">=0.10.0" + "node": ">=12" } }, - "node_modules/resolve.exports": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/resolve.exports/-/resolve.exports-2.0.3.tgz", - "integrity": "sha512-OcXjMsGdhL4XnbShKpAcSqPMzQoYkYyhbEaeSko47MjRP9NfEQMhZkXL1DoFlt9LWQn4YttrdnV6X2OiyzBi+A==", + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-riscv64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.12.tgz", + "integrity": "sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==", + "cpu": [ + "riscv64" + ], "dev": true, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">=10" + "node": ">=12" } }, - "node_modules/restore-cursor": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz", - "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==", + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-s390x": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.12.tgz", + "integrity": "sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==", + "cpu": [ + "s390x" + ], "dev": true, - "dependencies": { - "onetime": "^5.1.0", - "signal-exit": "^3.0.2" - }, + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">=8" + "node": ">=12" } }, - "node_modules/reusify": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", - "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.12.tgz", + "integrity": "sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==", + "cpu": [ + "x64" + ], "dev": true, + "optional": true, + "os": [ + "linux" + ], "engines": { - "iojs": ">=1.0.0", - "node": ">=0.10.0" + "node": ">=12" } }, - "node_modules/rfdc": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz", - "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==", - "dev": true + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/netbsd-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.12.tgz", + "integrity": "sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=12" + } }, - "node_modules/rimraf": { - "version": "2.7.1", - "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz", - "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==", - "deprecated": "Rimraf versions prior to v4 are no longer supported", + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/openbsd-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.12.tgz", + "integrity": "sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==", + "cpu": [ + "x64" + ], "dev": true, - "dependencies": { - "glob": "^7.1.3" - }, - "bin": { - "rimraf": "bin.js" + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=12" } }, - "node_modules/rimraf/node_modules/glob": { - "version": "7.2.3", - "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", - "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", - "deprecated": "Glob versions prior to v9 are no longer supported", + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/sunos-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.12.tgz", + "integrity": "sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==", + "cpu": [ + "x64" + ], "dev": true, - "dependencies": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.1.1", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" - }, + "optional": true, + "os": [ + "sunos" + ], "engines": { - "node": "*" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" + "node": ">=12" } }, - "node_modules/rollup": { - "version": "3.29.5", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.5.tgz", - "integrity": "sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==", + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/win32-arm64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.12.tgz", + "integrity": "sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==", + "cpu": [ + "arm64" + ], "dev": true, - "bin": { - "rollup": "dist/bin/rollup" - }, + "optional": true, + "os": [ + "win32" + ], "engines": { - "node": ">=14.18.0", - "npm": ">=8.0.0" - }, - "optionalDependencies": { - "fsevents": "~2.3.2" + "node": ">=12" } }, - "node_modules/rollup-copy-transform-css": { - "version": "1.2.7", - "resolved": "https://registry.npmjs.org/rollup-copy-transform-css/-/rollup-copy-transform-css-1.2.7.tgz", - "integrity": "sha512-847DK6Pb1fvdWtl0I7r4ABo9cQ5Z/mNAFDFvIdFQRwaL1rldGsES8A+BXD7bUvwVCFqx3o809Zm9WoA/0AYtxQ==", + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/win32-ia32": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.12.tgz", + "integrity": "sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==", + "cpu": [ + "ia32" + ], "dev": true, - "dependencies": { - "cssnano": "^6.0.1", - "esbuild": "^0.19.4", - "picomatch": "^2.3.1", - "postcss": "^8.4.31", - "postcss-fail-on-warn": "^0.2.1", - "postcss-import": "^15.1.0", - "postcss-url": "^10.1.3" - }, + "optional": true, + "os": [ + "win32" + ], "engines": { - "node": ">= 14.18" - }, - "peerDependencies": { - "rollup": "^2 || ^3 || ^4" + "node": ">=12" } }, - "node_modules/rollup-copy-transform-css/node_modules/@esbuild/darwin-arm64": { + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/win32-x64": { "version": "0.19.12", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.12.tgz", - "integrity": "sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.12.tgz", + "integrity": "sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==", "cpu": [ - "arm64" + "x64" ], "dev": true, "optional": true, "os": [ - "darwin" + "win32" ], "engines": { "node": ">=12" @@ -21421,66 +22078,6 @@ "semver": "bin/semver.js" } }, - "node_modules/send": { - "version": "0.19.0", - "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz", - "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==", - "dev": true, - "dependencies": { - "debug": "2.6.9", - "depd": "2.0.0", - "destroy": "1.2.0", - "encodeurl": "~1.0.2", - "escape-html": "~1.0.3", - "etag": "~1.8.1", - "fresh": "0.5.2", - "http-errors": "2.0.0", - "mime": "1.6.0", - "ms": "2.1.3", - "on-finished": "2.4.1", - "range-parser": "~1.2.1", - "statuses": "2.0.1" - }, - "engines": { - "node": ">= 0.8.0" - } - }, - "node_modules/send/node_modules/debug": { - "version": "2.6.9", - "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", - "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", - "dev": true, - "dependencies": { - "ms": "2.0.0" - } - }, - "node_modules/send/node_modules/debug/node_modules/ms": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", - "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==", - "dev": true - }, - "node_modules/send/node_modules/encodeurl": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", - "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==", - "dev": true, - "engines": { - "node": ">= 0.8" - } - }, - "node_modules/send/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, - "bin": { - "mime": "cli.js" - }, - "engines": { - "node": ">=4" - } - }, "node_modules/serialize-javascript": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz", @@ -21888,12 +22485,12 @@ } }, "node_modules/statuses": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", - "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==", + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz", + "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==", "dev": true, "engines": { - "node": ">= 0.8" + "node": ">= 0.6" } }, "node_modules/store2": { @@ -21907,7 +22504,6 @@ "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.4.7.tgz", "integrity": "sha512-RP/nMJxiWyFc8EVMH5gp20ID032Wvk+Yr3lmKidoegto5Iy+2dVQnUoElZb2zpbVXNHWakGuAkfI0dY1Hfp/vw==", "dev": true, - "license": "MIT", "dependencies": { "@storybook/core": "8.4.7" }, @@ -22586,7 +23182,6 @@ "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz", "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=6" } @@ -22623,7 +23218,6 @@ "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.10.tgz", "integrity": "sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w==", "dev": true, - "license": "MIT", "dependencies": { "@jridgewell/trace-mapping": "^0.3.20", "jest-worker": "^27.4.5", @@ -22658,7 +23252,6 @@ "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", "dev": true, - "license": "MIT", "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", @@ -22670,22 +23263,11 @@ "url": "https://github.com/sponsors/epoberezkin" } }, - "node_modules/terser-webpack-plugin/node_modules/ajv-keywords": { - "version": "3.5.2", - "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", - "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", - "dev": true, - "license": "MIT", - "peerDependencies": { - "ajv": "^6.9.1" - } - }, "node_modules/terser-webpack-plugin/node_modules/jest-worker": { "version": "27.5.1", "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz", "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==", "dev": true, - "license": "MIT", "dependencies": { "@types/node": "*", "merge-stream": "^2.0.0", @@ -22699,15 +23281,13 @@ "version": "0.4.1", "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/terser-webpack-plugin/node_modules/schema-utils": { "version": "3.3.0", "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz", "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==", "dev": true, - "license": "MIT", "dependencies": { "@types/json-schema": "^7.0.8", "ajv": "^6.12.5", @@ -22726,7 +23306,6 @@ "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz", "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==", "dev": true, - "license": "BSD-3-Clause", "dependencies": { "randombytes": "^2.1.0" } @@ -22736,7 +23315,6 @@ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz", "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==", "dev": true, - "license": "MIT", "dependencies": { "has-flag": "^4.0.0" }, @@ -22848,7 +23426,6 @@ "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-1.2.0.tgz", "integrity": "sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==", "dev": true, - "license": "MIT", "engines": { "node": ">=14.0.0" } @@ -22858,7 +23435,6 @@ "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-3.0.2.tgz", "integrity": "sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==", "dev": true, - "license": "MIT", "engines": { "node": ">=14.0.0" } @@ -22979,7 +23555,6 @@ "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.3.tgz", "integrity": "sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==", "dev": true, - "license": "MIT", "engines": { "node": ">=16" }, @@ -23338,7 +23913,6 @@ "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.16.0.tgz", "integrity": "sha512-5liCNPuJW8dqh3+DM6uNM2EI3MLLpCKp/KY+9pB5M2S2SR2qvvDHhKgBOaTWEbZTAws3CXfB0rKTIolWKL05VQ==", "dev": true, - "license": "MIT", "dependencies": { "acorn": "^8.14.0", "webpack-virtual-modules": "^0.6.2" @@ -23400,7 +23974,6 @@ "resolved": "https://registry.npmjs.org/url/-/url-0.11.4.tgz", "integrity": "sha512-oCwdVC7mTuWiPyjLUz/COz5TLk6wgp0RCsN+wHZ2Ekneac9w8uuV0njcbbie2ME+Vs+d6duwmYuR3HgQXs1fOg==", "dev": true, - "license": "MIT", "dependencies": { "punycode": "^1.4.1", "qs": "^6.12.3" @@ -23470,7 +24043,6 @@ "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz", "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==", "dev": true, - "license": "MIT", "dependencies": { "inherits": "^2.0.3", "is-arguments": "^1.0.4", @@ -23489,8 +24061,7 @@ "version": "0.4.0", "resolved": "https://registry.npmjs.org/utila/-/utila-0.4.0.tgz", "integrity": "sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/uuid": { "version": "9.0.1", @@ -23747,7 +24318,6 @@ "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.2.tgz", "integrity": "sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==", "dev": true, - "license": "MIT", "dependencies": { "glob-to-regexp": "^0.4.1", "graceful-fs": "^4.1.2" @@ -23796,7 +24366,6 @@ "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.97.1.tgz", "integrity": "sha512-EksG6gFY3L1eFMROS/7Wzgrii5mBAFe4rIr3r2BTfo7bcc+DWwFZ4OJ/miOuHJO/A85HwyI4eQ0F6IKXesO7Fg==", "dev": true, - "license": "MIT", "dependencies": { "@types/eslint-scope": "^3.7.7", "@types/estree": "^1.0.6", @@ -23843,7 +24412,6 @@ "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-6.1.3.tgz", "integrity": "sha512-A4ChP0Qj8oGociTs6UdlRUGANIGrCDL3y+pmQMc+dSsraXHCatFpmMey4mYELA+juqwUqwQsUgJJISXl1KWmiw==", "dev": true, - "license": "MIT", "dependencies": { "colorette": "^2.0.10", "memfs": "^3.4.12", @@ -23884,7 +24452,6 @@ "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz", "integrity": "sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==", "dev": true, - "license": "MIT", "dependencies": { "@types/json-schema": "^7.0.9", "ajv": "^8.9.0", @@ -23904,7 +24471,6 @@ "resolved": "https://registry.npmjs.org/webpack-hot-middleware/-/webpack-hot-middleware-2.26.1.tgz", "integrity": "sha512-khZGfAeJx6I8K9zKohEWWYN6KDlVw2DHownoe+6Vtwj1LP9WFgegXnVMSkZ/dBEBtXFwrkkydsaPFlB7f8wU2A==", "dev": true, - "license": "MIT", "dependencies": { "ansi-html-community": "0.0.8", "html-entities": "^2.1.0", @@ -23916,7 +24482,6 @@ "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz", "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==", "dev": true, - "license": "MIT", "engines": { "node": ">=10.13.0" } @@ -23925,15 +24490,13 @@ "version": "0.6.2", "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz", "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/webpack/node_modules/ajv": { "version": "6.12.6", "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", "dev": true, - "license": "MIT", "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", @@ -23945,36 +24508,23 @@ "url": "https://github.com/sponsors/epoberezkin" } }, - "node_modules/webpack/node_modules/ajv-keywords": { - "version": "3.5.2", - "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", - "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", - "dev": true, - "license": "MIT", - "peerDependencies": { - "ajv": "^6.9.1" - } - }, "node_modules/webpack/node_modules/es-module-lexer": { "version": "1.5.4", "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.5.4.tgz", "integrity": "sha512-MVNK56NiMrOwitFB7cqDwq0CQutbw+0BvLshJSse0MUNU+y1FC3bUS/AQg7oUng+/wKrrki7JfmwtVHkVfPLlw==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/webpack/node_modules/json-schema-traverse": { "version": "0.4.1", "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/webpack/node_modules/schema-utils": { "version": "3.3.0", "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz", "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==", "dev": true, - "license": "MIT", "dependencies": { "@types/json-schema": "^7.0.8", "ajv": "^6.12.5", @@ -24024,7 +24574,6 @@ "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.16.tgz", "integrity": "sha512-g+N+GAWiRj66DngFwHvISJd+ITsyphZvD1vChfVg6cEdnzy53GzB3oy0fUNlvhz7H7+MiqhYr26qxQShCpKTTQ==", "dev": true, - "license": "MIT", "dependencies": { "available-typed-arrays": "^1.0.7", "call-bind": "^1.0.7", From 541a96f25db638ae8705fba041d1e6323bb0798b Mon Sep 17 00:00:00 2001 From: Kumari Vijeta Date: Wed, 18 Dec 2024 15:16:47 +0530 Subject: [PATCH 06/10] chore: color token update --- .eslintrc.json | 4 +- custom-elements.json | 19586 ++++++++-------- package-lock.json | 1749 +- src/common/scss/form-input.scss | 5 +- src/components/reusable/search/search.scss | 5 +- .../reusable/search/search.stories.js | 4 +- .../reusable/textInput/textInput.scss | 2 +- 7 files changed, 11171 insertions(+), 10184 deletions(-) diff --git a/.eslintrc.json b/.eslintrc.json index 77f59719..93db31c2 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -3,8 +3,8 @@ "extends": [ "eslint:recommended", "plugin:@typescript-eslint/eslint-recommended", - "plugin:@typescript-eslint/recommended", - "plugin:storybook/recommended" + "plugin:@typescript-eslint/recommended" + //"plugin:storybook/recommended" ], "parser": "@typescript-eslint/parser", "parserOptions": { diff --git a/custom-elements.json b/custom-elements.json index df28db48..0fe7384c 100644 --- a/custom-elements.json +++ b/custom-elements.json @@ -4,174 +4,107 @@ "modules": [ { "kind": "javascript-module", - "path": "src/components/global/footer/footer.ts", + "path": "src/components/reusable/blockCodeView/blockCodeView.ts", "declarations": [ { "kind": "class", - "description": "The global Footer component.", - "name": "Footer", - "slots": [ + "description": "`` component to display `` snippets as standalone single-/multi-line block elements.", + "name": "BlockCodeView", + "members": [ { - "description": "Default slot, for links.", - "name": "unnamed" + "kind": "field", + "name": "darkTheme", + "type": { + "text": "'light' | 'dark'" + }, + "default": "'dark'", + "description": "Sets background and text theming.", + "attribute": "darkTheme" }, { - "description": "Slot for the logo, will overwrite the default logo.", - "name": "logo" + "kind": "field", + "name": "language", + "type": { + "text": "string" + }, + "default": "''", + "description": "If empty string, attempt language syntax auto-detection. Setting a value will override auto-detection and manually configure desired language.", + "attribute": "language" }, { - "description": "Slot for the copyright text.", - "name": "copyright" - } - ], - "members": [ + "kind": "field", + "name": "maxHeight", + "type": { + "text": "number | null" + }, + "default": "null", + "description": "Customizable max-height setting for code snippet container.", + "attribute": "maxHeight" + }, { "kind": "field", - "name": "rootUrl", + "name": "codeViewLabel", "type": { "text": "string" }, - "default": "'/'", - "description": "URL for the footer logo link. Should target the application home page.", - "attribute": "rootUrl" + "default": "''", + "description": "Optionally displayed label above code snippet container.", + "attribute": "codeViewLabel" }, { - "kind": "method", - "name": "handleRootLinkClick", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] - } - ], - "events": [ + "kind": "field", + "name": "copyOptionVisible", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Optionally display button to copy code snippet.", + "attribute": "copyOptionVisible" + }, { - "description": "Captures the logo link click event and emits the original event.", - "name": "on-root-link-click" - } - ], - "attributes": [ + "kind": "field", + "name": "codeViewExpandable", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Optionally display button to expand code snippet container.", + "attribute": "codeViewExpandable" + }, { - "name": "rootUrl", + "kind": "field", + "name": "copyButtonText", "type": { "text": "string" }, - "default": "'/'", - "description": "URL for the footer logo link. Should target the application home page.", - "fieldName": "rootUrl" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-footer", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "Footer", - "declaration": { - "name": "Footer", - "module": "src/components/global/footer/footer.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-footer", - "declaration": { - "name": "Footer", - "module": "src/components/global/footer/footer.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/footer/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "Footer", - "declaration": { - "name": "Footer", - "module": "./footer" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/localNav/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "LocalNav", - "declaration": { - "name": "LocalNav", - "module": "./localNav" - } - }, - { - "kind": "js", - "name": "LocalNavLink", - "declaration": { - "name": "LocalNavLink", - "module": "./localNavLink" - } - }, - { - "kind": "js", - "name": "LocalNavDivider", - "declaration": { - "name": "LocalNavDivider", - "module": "./localNavDivider" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/localNav/localNav.ts", - "declarations": [ - { - "kind": "class", - "description": "The global Side Navigation component.", - "name": "LocalNav", - "slots": [ - { - "description": "The default slot, for local nav links.", - "name": "unnamed" + "default": "''", + "description": "Sets copy code button text (optional).", + "attribute": "copyButtonText" }, { - "description": "Slot for a search input", - "name": "search" - } - ], - "members": [ + "kind": "field", + "name": "copyButtonDescriptionAttr", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets copy button description attr value.", + "attribute": "copyButtonDescriptionAttr" + }, { "kind": "field", - "name": "pinned", + "name": "codeSnippet", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Local nav pinned state.", - "attribute": "pinned" + "default": "''", + "description": "Sets code snippet for display -- NOTE: original formatting is preserved.", + "attribute": "codeSnippet" }, { "kind": "field", "name": "textStrings", - "default": "{\n pin: 'Pin',\n unpin: 'Unpin',\n toggleMenu: 'Toggle Menu',\n collapse: 'Collapse',\n menu: 'Menu',\n}", + "default": "{\n collapsed: 'Collapsed',\n expanded: 'Expanded',\n}", "description": "Text string customization.", "attribute": "textStrings", "type": { @@ -180,74 +113,171 @@ }, { "kind": "method", - "name": "_handleNavToggle", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] + "name": "getContainerClasses", + "privacy": "private" }, { "kind": "method", - "name": "_handleMobileNavToggle", + "name": "renderCopyButton", "privacy": "private" }, { "kind": "method", - "name": "handlePointerEnter", + "name": "renderExpandButton", + "privacy": "private" + }, + { + "kind": "method", + "name": "highlightCode", + "privacy": "private" + }, + { + "kind": "method", + "name": "detectLanguage", "privacy": "private", + "return": { + "type": { + "text": "string" + } + }, "parameters": [ { - "name": "e", + "name": "code", "type": { - "text": "PointerEvent" + "text": "string" } } ] }, { "kind": "method", - "name": "handlePointerLeave", + "name": "calculateRelevance", "privacy": "private", + "return": { + "type": { + "text": "number" + } + }, "parameters": [ { - "name": "e", + "name": "tokens", "type": { - "text": "PointerEvent" + "text": "(string | Prism.Token)[]" } - } + }, + { + "name": "language", + "type": { + "text": "string" + } + } ] }, { "kind": "method", - "name": "_updateChildren", - "privacy": "private" + "name": "getTokenRelevance", + "privacy": "private", + "return": { + "type": { + "text": "number" + } + }, + "parameters": [ + { + "name": "token", + "type": { + "text": "Prism.Token" + } + }, + { + "name": "language", + "type": { + "text": "string" + } + } + ] }, { "kind": "method", - "name": "handleSlotChange", + "name": "isLanguageSpecificToken", + "privacy": "private", + "return": { + "type": { + "text": "boolean" + } + }, + "parameters": [ + { + "name": "token", + "type": { + "text": "Prism.Token" + } + }, + { + "name": "language", + "type": { + "text": "string" + } + } + ] + }, + { + "kind": "method", + "name": "determineMarkupLanguage", + "privacy": "private", + "return": { + "type": { + "text": "string" + } + }, + "parameters": [ + { + "name": "code", + "type": { + "text": "string" + } + } + ] + }, + { + "kind": "method", + "name": "checkOverflow", "privacy": "private" }, { "kind": "method", - "name": "_handleLinkActive", + "name": "removeLeadingWhitespace", "privacy": "private", + "return": { + "type": { + "text": "string" + } + }, "parameters": [ { - "name": "e", + "name": "code", "type": { - "text": "any" + "text": "string" } } ] }, { "kind": "method", - "name": "_handleClickOut", + "name": "formatExampleCode", + "privacy": "private", + "parameters": [ + { + "name": "code", + "type": { + "text": "string" + } + } + ] + }, + { + "kind": "method", + "name": "copyCode", "privacy": "private", "parameters": [ { @@ -257,23 +287,126 @@ } } ] + }, + { + "kind": "method", + "name": "getContainerStyle", + "privacy": "private", + "return": { + "type": { + "text": "string" + } + } + }, + { + "kind": "method", + "name": "expandCodeView", + "privacy": "private" + }, + { + "kind": "method", + "name": "handleKeypress", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "KeyboardEvent" + } + } + ] } ], "events": [ { - "description": "Captures the click event and emits the pinned state and original event details.", - "name": "on-toggle" + "name": "on-copy", + "type": { + "text": "CustomEvent" + }, + "description": "Emits when the copy button is clicked." } ], "attributes": [ { - "name": "pinned", + "name": "darkTheme", + "type": { + "text": "'light' | 'dark'" + }, + "default": "'dark'", + "description": "Sets background and text theming.", + "fieldName": "darkTheme" + }, + { + "name": "language", + "type": { + "text": "string" + }, + "default": "''", + "description": "If empty string, attempt language syntax auto-detection. Setting a value will override auto-detection and manually configure desired language.", + "fieldName": "language" + }, + { + "name": "maxHeight", + "type": { + "text": "number | null" + }, + "default": "null", + "description": "Customizable max-height setting for code snippet container.", + "fieldName": "maxHeight" + }, + { + "name": "codeViewLabel", + "type": { + "text": "string" + }, + "default": "''", + "description": "Optionally displayed label above code snippet container.", + "fieldName": "codeViewLabel" + }, + { + "name": "copyOptionVisible", "type": { "text": "boolean" }, "default": "false", - "description": "Local nav pinned state.", - "fieldName": "pinned" + "description": "Optionally display button to copy code snippet.", + "fieldName": "copyOptionVisible" + }, + { + "name": "codeViewExpandable", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Optionally display button to expand code snippet container.", + "fieldName": "codeViewExpandable" + }, + { + "name": "copyButtonText", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets copy code button text (optional).", + "fieldName": "copyButtonText" + }, + { + "name": "copyButtonDescriptionAttr", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets copy button description attr value.", + "fieldName": "copyButtonDescriptionAttr" + }, + { + "name": "codeSnippet", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets code snippet for display -- NOTE: original formatting is preserved.", + "fieldName": "codeSnippet" }, { "name": "textStrings", @@ -286,361 +419,317 @@ "name": "LitElement", "package": "lit" }, - "tagName": "kyn-local-nav", + "tagName": "kyn-block-code-view", "customElement": true } ], "exports": [ { "kind": "js", - "name": "LocalNav", + "name": "BlockCodeView", "declaration": { - "name": "LocalNav", - "module": "src/components/global/localNav/localNav.ts" + "name": "BlockCodeView", + "module": "src/components/reusable/blockCodeView/blockCodeView.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-local-nav", + "name": "kyn-block-code-view", "declaration": { - "name": "LocalNav", - "module": "src/components/global/localNav/localNav.ts" + "name": "BlockCodeView", + "module": "src/components/reusable/blockCodeView/blockCodeView.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/localNav/localNavDivider.ts", + "path": "src/components/reusable/blockCodeView/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "BlockCodeView", + "declaration": { + "name": "BlockCodeView", + "module": "./blockCodeView" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/breadcrumbs/breadcrumbs.ts", "declarations": [ { "kind": "class", - "description": "Local Nav divider", - "name": "LocalNavDivider", - "members": [ + "description": "Breadcrumbs Component.", + "name": "Breadcrumbs", + "slots": [ { - "kind": "field", - "name": "heading", - "type": { - "text": "string" - }, - "default": "''", - "description": "Optional heading text.", - "attribute": "heading" - } - ], - "attributes": [ - { - "name": "heading", - "type": { - "text": "string" - }, - "default": "''", - "description": "Optional heading text.", - "fieldName": "heading" + "description": "Slot for inserting links.", + "name": "unnamed" } ], + "members": [], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-local-nav-divider", + "tagName": "kyn-breadcrumbs", "customElement": true } ], "exports": [ { "kind": "js", - "name": "LocalNavDivider", + "name": "Breadcrumbs", "declaration": { - "name": "LocalNavDivider", - "module": "src/components/global/localNav/localNavDivider.ts" + "name": "Breadcrumbs", + "module": "src/components/reusable/breadcrumbs/breadcrumbs.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-local-nav-divider", + "name": "kyn-breadcrumbs", "declaration": { - "name": "LocalNavDivider", - "module": "src/components/global/localNav/localNavDivider.ts" + "name": "Breadcrumbs", + "module": "src/components/reusable/breadcrumbs/breadcrumbs.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/localNav/localNavLink.ts", + "path": "src/components/reusable/breadcrumbs/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "Breadcrumbs", + "declaration": { + "name": "Breadcrumbs", + "module": "./breadcrumbs" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/card/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "VitalCardSkeleton", + "declaration": { + "name": "VitalCardSkeleton", + "module": "./vitalCard.skeleton" + } + }, + { + "kind": "js", + "name": "InformationalCardSkeleton", + "declaration": { + "name": "InformationalCardSkeleton", + "module": "./informationalCard.skeleton" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/card/informationalCard.skeleton.ts", "declarations": [ { "kind": "class", - "description": "Link component for use in the global Side Navigation component.", - "name": "LocalNavLink", - "slots": [ - { - "description": "The default slot, for the link text.", - "name": "unnamed" - }, - { - "description": "Slot for an icon. Use 16px size.", - "name": "icon" - }, - { - "description": "Slot for the next level of links, supports three levels.", - "name": "links" - } - ], + "description": "`kyn-info-card-skeleton` Web Component.\nA skeleton loading state for the informational card component that mirrors its structure.", + "name": "InformationalCardSkeleton", "members": [ { "kind": "field", - "name": "href", - "type": { - "text": "string" - }, - "default": "''", - "description": "Link url.", - "attribute": "href" - }, - { - "kind": "field", - "name": "expanded", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Expanded state.", - "attribute": "expanded" - }, - { - "kind": "field", - "name": "active", + "name": "lines", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Active state.", - "attribute": "active", - "reflects": true + "default": "0", + "description": "Sets the number of body/description lines to show in the skeleton pattern example.", + "attribute": "lines" }, { "kind": "field", - "name": "disabled", + "name": "thumbnailVisible", "type": { - "text": "boolean" + "text": "boolean | undefined" }, "default": "false", - "description": "Disabled state.", - "attribute": "disabled" - }, - { - "kind": "field", - "name": "backText", - "type": { - "text": "string" - }, - "default": "'Back'", - "description": "Text for mobile \"Back\" button.", - "attribute": "backText" - }, - { - "kind": "method", - "name": "_handleTextSlotChange", - "privacy": "private" - }, - { - "kind": "method", - "name": "_getSlotText", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleLinksSlotChange", - "privacy": "private" - }, - { - "kind": "method", - "name": "updateChildren", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleBack", - "privacy": "private" - }, - { - "kind": "method", - "name": "handleClick", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] - } - ], - "events": [ - { - "description": "Captures the click event and emits the original event, level, and if default was prevented.", - "name": "on-click" + "description": "Sets show or hide thumbnail element.", + "attribute": "thumbnailVisible" } ], "attributes": [ { - "name": "href", - "type": { - "text": "string" - }, - "default": "''", - "description": "Link url.", - "fieldName": "href" - }, - { - "name": "expanded", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Expanded state.", - "fieldName": "expanded" - }, - { - "name": "active", + "name": "lines", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Active state.", - "fieldName": "active" + "default": "0", + "description": "Sets the number of body/description lines to show in the skeleton pattern example.", + "fieldName": "lines" }, { - "name": "disabled", + "name": "thumbnailVisible", "type": { - "text": "boolean" + "text": "boolean | undefined" }, "default": "false", - "description": "Disabled state.", - "fieldName": "disabled" - }, - { - "name": "backText", - "type": { - "text": "string" - }, - "default": "'Back'", - "description": "Text for mobile \"Back\" button.", - "fieldName": "backText" + "description": "Sets show or hide thumbnail element.", + "fieldName": "thumbnailVisible" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-local-nav-link", + "tagName": "kyn-info-card-skeleton", "customElement": true } ], "exports": [ { "kind": "js", - "name": "LocalNavLink", + "name": "InformationalCardSkeleton", "declaration": { - "name": "LocalNavLink", - "module": "src/components/global/localNav/localNavLink.ts" + "name": "InformationalCardSkeleton", + "module": "src/components/reusable/card/informationalCard.skeleton.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-local-nav-link", + "name": "kyn-info-card-skeleton", "declaration": { - "name": "LocalNavLink", - "module": "src/components/global/localNav/localNavLink.ts" + "name": "InformationalCardSkeleton", + "module": "src/components/reusable/card/informationalCard.skeleton.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/header/header.ts", + "path": "src/components/reusable/card/vitalCard.skeleton.ts", "declarations": [ { "kind": "class", - "description": "The global Header component.", - "name": "Header", - "slots": [ - { - "description": "The default slot for all empty space right of the logo/title.", - "name": "unnamed" - }, - { - "description": "Slot for the logo, will overwrite the default logo.", - "name": "logo" - }, + "description": "`kyn-vital-card-skeleton` Web Component.\nA skeleton loading state for the vital card component that mirrors its structure.", + "name": "VitalCardSkeleton", + "members": [ { - "description": "Slot left of the logo, intended for the header nav.", - "name": "left" - }, + "kind": "field", + "name": "lines", + "type": { + "text": "number" + }, + "default": "0", + "description": "Sets the number of body/description lines to show in the skeleton pattern example.", + "attribute": "lines" + } + ], + "attributes": [ { - "description": "Slot between logo/title and right flyouts.", - "name": "center" + "name": "lines", + "type": { + "text": "number" + }, + "default": "0", + "description": "Sets the number of body/description lines to show in the skeleton pattern example.", + "fieldName": "lines" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-vital-card-skeleton", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "VitalCardSkeleton", + "declaration": { + "name": "VitalCardSkeleton", + "module": "src/components/reusable/card/vitalCard.skeleton.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-vital-card-skeleton", + "declaration": { + "name": "VitalCardSkeleton", + "module": "src/components/reusable/card/vitalCard.skeleton.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/checkbox/checkbox.ts", + "declarations": [ + { + "kind": "class", + "description": "Checkbox.", + "name": "Checkbox", + "slots": [ + { + "description": "Slot for label text.", + "name": "unnamed" } ], "members": [ { "kind": "field", - "name": "rootUrl", + "name": "value", "type": { "text": "string" }, - "default": "'/'", - "description": "URL for the header logo link. Should target the application home page.", - "attribute": "rootUrl" + "default": "''", + "description": "Checkbox value.", + "attribute": "value" }, { "kind": "field", - "name": "appTitle", + "name": "disabled", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "App title text next to logo. Hidden on smaller screens.", - "attribute": "appTitle" - }, - { - "kind": "method", - "name": "handleSlotChange", - "privacy": "private" + "default": "false", + "description": "Checkbox disabled state, inherited from the parent group.", + "attribute": "disabled" }, { - "kind": "method", - "name": "handleRootLinkClick", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] + "kind": "field", + "name": "visiblyHidden", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Determines whether the label should be hidden from visual view but remain accessible\nto screen readers for accessibility purposes.", + "attribute": "visiblyHidden" }, { - "kind": "method", - "name": "_handleNavToggle", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] + "kind": "field", + "name": "indeterminate", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Determines whether the checkbox is in an indeterminate state.", + "attribute": "indeterminate" }, { "kind": "method", - "name": "_handleFlyoutsToggle", + "name": "handleChange", "privacy": "private", "parameters": [ { @@ -654,209 +743,167 @@ ], "events": [ { - "description": "Captures the menu toggle click event and emits the menu open state in the detail.", - "name": "on-menu-toggle" - }, - { - "description": "Captures the logo link click event and emits the original event details.", - "name": "on-root-link-click" + "description": "Captures the change event and emits the selected value and original event details.", + "name": "on-checkbox-change" } ], "attributes": [ { - "name": "rootUrl", + "name": "value", "type": { "text": "string" }, - "default": "'/'", - "description": "URL for the header logo link. Should target the application home page.", - "fieldName": "rootUrl" + "default": "''", + "description": "Checkbox value.", + "fieldName": "value" }, { - "name": "appTitle", + "name": "disabled", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "App title text next to logo. Hidden on smaller screens.", - "fieldName": "appTitle" + "default": "false", + "description": "Checkbox disabled state, inherited from the parent group.", + "fieldName": "disabled" + }, + { + "name": "visiblyHidden", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Determines whether the label should be hidden from visual view but remain accessible\nto screen readers for accessibility purposes.", + "fieldName": "visiblyHidden" + }, + { + "name": "indeterminate", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Determines whether the checkbox is in an indeterminate state.", + "fieldName": "indeterminate" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-header", + "tagName": "kyn-checkbox", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Header", + "name": "Checkbox", "declaration": { - "name": "Header", - "module": "src/components/global/header/header.ts" + "name": "Checkbox", + "module": "src/components/reusable/checkbox/checkbox.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-header", + "name": "kyn-checkbox", "declaration": { - "name": "Header", - "module": "src/components/global/header/header.ts" + "name": "Checkbox", + "module": "src/components/reusable/checkbox/checkbox.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/header/headerCategory.ts", + "path": "src/components/reusable/checkbox/checkboxGroup.ts", "declarations": [ { "kind": "class", - "description": "Header link category", - "name": "HeaderCategory", + "description": "Checkbox group container.", + "name": "CheckboxGroup", "slots": [ { - "description": "Slot for links.", + "description": "Slot for individual checkboxes.", "name": "unnamed" + }, + { + "description": "Slot for tooltip.", + "name": "tooltip" + }, + { + "description": "Slot for description text.", + "name": "description" } ], "members": [ { "kind": "field", - "name": "heading", + "name": "value", "type": { - "text": "string" + "text": "Array" }, - "default": "''", - "description": "Link url.", - "attribute": "heading" - } - ], - "attributes": [ + "default": "[]", + "description": "Checkbox group selected values.", + "attribute": "value" + }, { - "name": "heading", + "kind": "field", + "name": "required", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Link url.", - "fieldName": "heading" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-header-category", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "HeaderCategory", - "declaration": { - "name": "HeaderCategory", - "module": "src/components/global/header/headerCategory.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-header-category", - "declaration": { - "name": "HeaderCategory", - "module": "src/components/global/header/headerCategory.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/header/headerDivider.ts", - "declarations": [ - { - "kind": "class", - "description": "Header divider", - "name": "HeaderDivider", - "members": [], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-header-divider", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "HeaderDivider", - "declaration": { - "name": "HeaderDivider", - "module": "src/components/global/header/headerDivider.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-header-divider", - "declaration": { - "name": "HeaderDivider", - "module": "src/components/global/header/headerDivider.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/header/headerFlyout.ts", - "declarations": [ - { - "kind": "class", - "description": "Component for header flyout items.", - "name": "HeaderFlyout", - "slots": [ + "default": "false", + "description": "Makes a single selection required.", + "attribute": "required" + }, { - "description": "Slot for flyout menu content.", - "name": "unnamed" + "kind": "field", + "name": "disabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Checkbox group disabled state.", + "attribute": "disabled" }, { - "description": "Slot for button/toggle content.", - "name": "button" - } - ], - "members": [ + "kind": "field", + "name": "horizontal", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Checkbox group horizontal style.", + "attribute": "horizontal" + }, { "kind": "field", - "name": "open", + "name": "selectAll", "type": { "text": "boolean" }, "default": "false", - "description": "Flyout open state.", - "attribute": "open" + "description": "Adds a \"Select All\" checkbox to the top of the group.", + "attribute": "selectAll" }, { "kind": "field", - "name": "anchorLeft", + "name": "hideLegend", "type": { "text": "boolean" }, "default": "false", - "description": "Anchor flyout menu to the left edge of the button instead of the right edge.", - "attribute": "anchorLeft" + "description": "Hide the group legend/label visually.", + "attribute": "hideLegend" }, { "kind": "field", - "name": "hideArrow", + "name": "filterable", "type": { "text": "boolean" }, "default": "false", - "description": "Hides the arrow.", - "attribute": "hideArrow" + "description": "Adds a search input to enable filtering of checkboxes.", + "attribute": "filterable" }, { "kind": "field", @@ -865,460 +912,774 @@ "text": "string" }, "default": "''", - "description": "Menu & button label.", + "description": "Label text.", "attribute": "label" }, { "kind": "field", - "name": "hideMenuLabel", + "name": "limitCheckboxes", "type": { "text": "boolean" }, "default": "false", - "description": "Hide the label at the top of the flyout menu.", - "attribute": "hideMenuLabel" + "description": "Limits visible checkboxes behind a \"Show all\" button.", + "attribute": "limitCheckboxes" }, { "kind": "field", - "name": "hideButtonLabel", + "name": "textStrings", + "default": "{\n selectAll: 'Select all',\n showMore: 'Show more',\n showLess: 'Show less',\n search: 'Search',\n required: 'Required',\n error: 'Error',\n}", + "description": "Text string customization.", + "attribute": "textStrings", "type": { - "text": "boolean" - }, - "default": "false", - "description": "Hide the label in the mobile button.", - "attribute": "hideButtonLabel" + "text": "object" + } }, { "kind": "field", - "name": "assistiveText", + "name": "checkboxes", "type": { - "text": "string" + "text": "Array" }, - "default": "''", - "description": "DEPRECATED. Use `label` instead.\nButton assistive text, title + aria-label.", - "attribute": "assistiveText" + "default": "[]" }, { "kind": "field", - "name": "href", + "name": "filteredCheckboxes", "type": { - "text": "string" + "text": "Array" }, - "default": "''", - "description": "Turns the button into a link.", - "attribute": "href" + "default": "[]" }, { - "kind": "field", - "name": "backText", - "type": { - "text": "string" - }, - "default": "'Back'", - "description": "Text for mobile \"Back\" button.", - "attribute": "backText" + "kind": "method", + "name": "_validate", + "privacy": "private", + "parameters": [ + { + "name": "interacted", + "type": { + "text": "Boolean" + } + }, + { + "name": "report", + "type": { + "text": "Boolean" + } + } + ] }, { "kind": "method", - "name": "_handleBack", - "privacy": "private" + "name": "_handleCheckboxChange", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + } + ] }, { "kind": "method", - "name": "handleClick", + "name": "_emitChangeEvent", "privacy": "private" }, { "kind": "method", - "name": "handleClickOut", + "name": "_handleFilter", "privacy": "private", "parameters": [ { "name": "e", "type": { - "text": "Event" + "text": "any" } } ] }, { "kind": "method", - "name": "_handleOverlayClick", + "name": "_toggleRevealed", + "privacy": "private", + "parameters": [ + { + "name": "revealed", + "type": { + "text": "boolean" + } + } + ] + }, + { + "kind": "method", + "name": "_handleSlotChange", + "privacy": "private" + }, + { + "kind": "method", + "name": "_updateChildren", "privacy": "private" + }, + { + "kind": "method", + "name": "_handleSubgroupChange", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + } + ] + } + ], + "events": [ + { + "description": "Captures the change event and emits the selected values.", + "name": "on-checkbox-group-change" + }, + { + "description": "Captures the search input event and emits the search term.", + "name": "on-search" + }, + { + "description": "Captures the show more/less click and emits the expanded state.", + "name": "on-limit-toggle" } ], "attributes": [ { - "name": "open", + "name": "value", "type": { - "text": "boolean" + "text": "Array" }, - "default": "false", - "description": "Flyout open state.", - "fieldName": "open" + "default": "[]", + "description": "Checkbox group selected values.", + "fieldName": "value" }, { - "name": "anchorLeft", + "name": "required", "type": { "text": "boolean" }, "default": "false", - "description": "Anchor flyout menu to the left edge of the button instead of the right edge.", - "fieldName": "anchorLeft" + "description": "Makes a single selection required.", + "fieldName": "required" }, { - "name": "hideArrow", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Hides the arrow.", - "fieldName": "hideArrow" + "description": "Checkbox group disabled state.", + "fieldName": "disabled" }, { - "name": "label", + "name": "horizontal", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Menu & button label.", - "fieldName": "label" + "default": "false", + "description": "Checkbox group horizontal style.", + "fieldName": "horizontal" }, { - "name": "hideMenuLabel", + "name": "selectAll", "type": { "text": "boolean" }, "default": "false", - "description": "Hide the label at the top of the flyout menu.", - "fieldName": "hideMenuLabel" + "description": "Adds a \"Select All\" checkbox to the top of the group.", + "fieldName": "selectAll" }, { - "name": "hideButtonLabel", + "name": "hideLegend", "type": { "text": "boolean" }, "default": "false", - "description": "Hide the label in the mobile button.", - "fieldName": "hideButtonLabel" - }, + "description": "Hide the group legend/label visually.", + "fieldName": "hideLegend" + }, { - "name": "assistiveText", + "name": "filterable", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "DEPRECATED. Use `label` instead.\nButton assistive text, title + aria-label.", - "fieldName": "assistiveText" + "default": "false", + "description": "Adds a search input to enable filtering of checkboxes.", + "fieldName": "filterable" }, { - "name": "href", + "name": "label", "type": { "text": "string" }, "default": "''", - "description": "Turns the button into a link.", - "fieldName": "href" + "description": "Label text.", + "fieldName": "label" }, { - "name": "backText", + "name": "limitCheckboxes", "type": { - "text": "string" + "text": "boolean" }, - "default": "'Back'", - "description": "Text for mobile \"Back\" button.", - "fieldName": "backText" + "default": "false", + "description": "Limits visible checkboxes behind a \"Show all\" button.", + "fieldName": "limitCheckboxes" + }, + { + "name": "textStrings", + "default": "_defaultTextStrings", + "description": "Text string customization.", + "fieldName": "textStrings" + } + ], + "mixins": [ + { + "name": "FormMixin", + "module": "/src/common/mixins/form-input" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-header-flyout", + "tagName": "kyn-checkbox-group", "customElement": true } ], "exports": [ { "kind": "js", - "name": "HeaderFlyout", + "name": "CheckboxGroup", "declaration": { - "name": "HeaderFlyout", - "module": "src/components/global/header/headerFlyout.ts" + "name": "CheckboxGroup", + "module": "src/components/reusable/checkbox/checkboxGroup.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-header-flyout", + "name": "kyn-checkbox-group", "declaration": { - "name": "HeaderFlyout", - "module": "src/components/global/header/headerFlyout.ts" + "name": "CheckboxGroup", + "module": "src/components/reusable/checkbox/checkboxGroup.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/header/headerFlyouts.ts", + "path": "src/components/reusable/checkbox/checkboxSubgroup.ts", "declarations": [ { "kind": "class", - "description": "Container for header-flyout components.", - "name": "HeaderFlyouts", + "description": "Checkbox subgroup", + "name": "CheckboxSubgroup", "slots": [ { - "description": "Slot for header-flyout components.", + "description": "Slot for child kyn-checkboxes.", "name": "unnamed" + }, + { + "description": "Slot for parent kyn-checkbox.", + "name": "parent" } ], "members": [ { - "kind": "field", - "name": "open", - "type": { - "text": "boolean" - }, - "default": "false", - "attribute": "open" + "kind": "method", + "name": "_handleSlotchange", + "privacy": "private" }, { "kind": "method", - "name": "_toggleOpen", - "privacy": "private" + "name": "_syncParent", + "privacy": "private", + "parameters": [ + { + "name": "count", + "type": { + "text": "number" + } + } + ] }, { "kind": "method", - "name": "_handleClickOut", + "name": "_handleCheckboxChange", "privacy": "private", "parameters": [ { "name": "e", "type": { - "text": "Event" + "text": "any" } } ] } ], - "attributes": [ - { - "name": "open", - "type": { - "text": "boolean" - }, - "default": "false", - "fieldName": "open" - } - ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-header-flyouts", + "tagName": "kyn-checkbox-subgroup", "customElement": true } ], "exports": [ { "kind": "js", - "name": "HeaderFlyouts", + "name": "CheckboxSubgroup", "declaration": { - "name": "HeaderFlyouts", - "module": "src/components/global/header/headerFlyouts.ts" + "name": "CheckboxSubgroup", + "module": "src/components/reusable/checkbox/checkboxSubgroup.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-header-flyouts", + "name": "kyn-checkbox-subgroup", "declaration": { - "name": "HeaderFlyouts", - "module": "src/components/global/header/headerFlyouts.ts" + "name": "CheckboxSubgroup", + "module": "src/components/reusable/checkbox/checkboxSubgroup.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/header/headerLink.ts", + "path": "src/components/reusable/checkbox/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "Checkbox", + "declaration": { + "name": "Checkbox", + "module": "./checkbox" + } + }, + { + "kind": "js", + "name": "CheckboxGroup", + "declaration": { + "name": "CheckboxGroup", + "module": "./checkboxGroup" + } + }, + { + "kind": "js", + "name": "CheckboxSubgroup", + "declaration": { + "name": "CheckboxSubgroup", + "module": "./checkboxSubgroup" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/datePicker/datepicker.ts", "declarations": [ { "kind": "class", - "description": "Component for navigation links within the Header.", - "name": "HeaderLink", + "description": "Datepicker: uses Flatpickr's datetime picker library -- `https://flatpickr.js.org`", + "name": "DatePicker", "slots": [ { - "description": "Slot for link text/content.", - "name": "unnamed" - }, - { - "description": "Slot for sublinks (up to two levels).", - "name": "links" + "description": "Slot for tooltip.", + "name": "tooltip" } ], "members": [ { "kind": "field", - "name": "open", + "name": "label", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Link open state.", - "attribute": "open" + "default": "''", + "description": "Label text.", + "attribute": "label" }, { "kind": "field", - "name": "href", + "name": "locale", + "type": { + "text": "SupportedLocale" + }, + "default": "'en'", + "attribute": "locale" + }, + { + "kind": "field", + "name": "dateFormat", "type": { "text": "string" }, - "default": "''", - "description": "Link url.", - "attribute": "href" + "default": "'Y-m-d'", + "description": "Sets flatpickr value to define how the date will be displayed in the input box (ex: `Y-m-d H:i`).", + "attribute": "dateFormat" }, { "kind": "field", - "name": "target", - "default": "'_self'", + "name": "defaultDate", "type": { - "text": "'_self'" + "text": "Date | null" }, - "description": "Defines a target attribute for where to load the URL. Possible options include \"_self\" (default), \"_blank\", \"_parent\", \"_top\"", - "attribute": "target" + "default": "null", + "description": "Sets the initial selected date(s)", + "attribute": "defaultDate" }, { "kind": "field", - "name": "rel", + "name": "defaultErrorMessage", "type": { "text": "string" }, "default": "''", - "description": "Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship", - "attribute": "rel" + "description": "Sets default error message.", + "attribute": "defaultErrorMessage" }, { "kind": "field", - "name": "isActive", + "name": "required", "type": { "text": "boolean" }, "default": "false", - "description": "Link active state, for example when URL path matches link href.", - "attribute": "isActive" + "description": "Sets datepicker form input value to required/required.", + "attribute": "required" }, { "kind": "field", - "name": "divider", + "name": "size", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "DEPRECATED. Adds a 1px shadow to the bottom of the link.", - "attribute": "divider" + "default": "'md'", + "description": "Input size. \"sm\", \"md\", or \"lg\".", + "attribute": "size" }, { "kind": "field", - "name": "searchLabel", + "name": "value", "type": { - "text": "string" + "text": "Date | Date[] | null" }, - "default": "'Search'", - "description": "Label for sub-menu link search input, which is visible with > 5 sub-links.", - "attribute": "searchLabel" + "default": "null", + "description": "Sets pre-selected date/time value.", + "attribute": "value" }, { "kind": "field", - "name": "backText", + "name": "warnText", "type": { "text": "string" }, - "default": "'Back'", - "description": "Text for mobile \"Back\" button.", - "attribute": "backText" + "default": "''", + "description": "Sets validation warning messaging.", + "attribute": "warnText" }, { "kind": "field", - "name": "_searchTerm", + "name": "disable", "type": { - "text": "string" + "text": "(string | number | Date)[]" }, - "default": "''", - "description": "Text for mobile \"Back\" button." + "default": "[]", + "description": "Sets flatpickr options setting to disable specific dates.", + "attribute": "disable" }, { - "kind": "method", - "name": "_handleSearch", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" + "kind": "field", + "name": "enable", + "type": { + "text": "(string | number | Date)[]" + }, + "default": "[]", + "description": "Sets flatpickr options setting to enable specific dates.", + "attribute": "enable" + }, + { + "kind": "field", + "name": "mode", + "type": { + "text": "'single' | 'multiple'" + }, + "default": "'single'", + "description": "Sets flatpickr mode to select single (default), multiple dates.", + "attribute": "mode" + }, + { + "kind": "field", + "name": "caption", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets caption to be displayed under primary date picker elements.", + "attribute": "caption" + }, + { + "kind": "field", + "name": "datePickerDisabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Sets entire datepicker form element to enabled/disabled.", + "attribute": "datePickerDisabled" + }, + { + "kind": "field", + "name": "twentyFourHourFormat", + "type": { + "text": "boolean | null" + }, + "default": "null", + "description": "Sets 24 hour formatting true/false.\nDefaults to 12H for all `en-*` locales and 24H for all other locales.", + "attribute": "twentyFourHourFormat" + }, + { + "kind": "field", + "name": "minDate", + "type": { + "text": "string | number | Date" + }, + "default": "''", + "description": "Sets lower boundary of datepicker date selection.", + "attribute": "minDate" + }, + { + "kind": "field", + "name": "maxDate", + "type": { + "text": "string | number | Date" + }, + "default": "''", + "description": "Sets upper boundary of datepicker date selection.", + "attribute": "maxDate" + }, + { + "kind": "field", + "name": "errorAriaLabel", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets aria label attribute for error message.", + "attribute": "errorAriaLabel" + }, + { + "kind": "field", + "name": "errorTitle", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets title attribute for error message.", + "attribute": "errorTitle" + }, + { + "kind": "field", + "name": "warningAriaLabel", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets aria label attribute for warning message.", + "attribute": "warningAriaLabel" + }, + { + "kind": "field", + "name": "warningTitle", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets title attribute for warning message.", + "attribute": "warningTitle" + }, + { + "kind": "field", + "name": "textStrings", + "default": "{\n requiredText: 'Required',\n clearAll: 'Clear',\n}", + "description": "Customizable text strings.", + "attribute": "textStrings", + "type": { + "text": "object" + } + }, + { + "kind": "method", + "name": "renderValidationMessage", + "privacy": "private", + "parameters": [ + { + "name": "errorId", + "type": { + "text": "string" + } + }, + { + "name": "warningId", + "type": { + "text": "string" } } ] }, { "kind": "method", - "name": "_searchFilter", - "privacy": "private" + "name": "getDatepickerClasses" }, { "kind": "method", - "name": "_handleBack", + "name": "reinitializeFlatpickr", "privacy": "private" }, { "kind": "method", - "name": "_handleLinksSlotChange", + "name": "setupAnchor", "privacy": "private" }, { "kind": "method", - "name": "handlePointerEnter", + "name": "_handleClear", "privacy": "private", "parameters": [ { - "name": "e", + "name": "event", "type": { - "text": "PointerEvent" + "text": "Event" } } ] }, { "kind": "method", - "name": "handlePointerLeave", - "privacy": "private", + "name": "initializeFlatpickr", + "return": { + "type": { + "text": "Promise" + } + } + }, + { + "kind": "method", + "name": "updateFlatpickrOptions", + "return": { + "type": { + "text": "Promise" + } + } + }, + { + "kind": "method", + "name": "setInitialDates", + "return": { + "type": { + "text": "void" + } + } + }, + { + "kind": "method", + "name": "getComponentFlatpickrOptions", + "return": { + "type": { + "text": "Promise>" + } + } + }, + { + "kind": "method", + "name": "handleOpen", + "return": { + "type": { + "text": "void" + } + } + }, + { + "kind": "method", + "name": "handleClose", + "return": { + "type": { + "text": "Promise" + } + } + }, + { + "kind": "method", + "name": "handleDateChange", + "return": { + "type": { + "text": "Promise" + } + }, "parameters": [ { - "name": "e", + "name": "selectedDates", "type": { - "text": "PointerEvent" + "text": "Date[]" + } + }, + { + "name": "dateStr", + "type": { + "text": "string" } } ] }, { "kind": "method", - "name": "handleClick", + "name": "setShouldFlatpickrOpen", "privacy": "private", + "return": { + "type": { + "text": "void" + } + }, "parameters": [ { - "name": "e", + "name": "value", "type": { - "text": "Event" + "text": "boolean" } } ] }, { "kind": "method", - "name": "handleClickOut", + "name": "closeFlatpickr", + "privacy": "private", + "return": { + "type": { + "text": "void" + } + } + }, + { + "kind": "method", + "name": "preventFlatpickrOpen", "privacy": "private", + "return": { + "type": { + "text": "void" + } + }, "parameters": [ { - "name": "e", + "name": "event", "type": { "text": "Event" } @@ -1327,1736 +1688,1238 @@ }, { "kind": "method", - "name": "determineLevel", - "privacy": "private" - }, - { - "kind": "method", - "name": "_positionMenu", - "privacy": "private" + "name": "handleInputClickEvent", + "privacy": "private", + "return": { + "type": { + "text": "void" + } + } + }, + { + "kind": "method", + "name": "handleInputFocusEvent", + "privacy": "private", + "return": { + "type": { + "text": "void" + } + } + }, + { + "kind": "method", + "name": "_validate", + "privacy": "private", + "return": { + "type": { + "text": "void" + } + }, + "parameters": [ + { + "name": "interacted", + "type": { + "text": "boolean" + } + }, + { + "name": "report", + "type": { + "text": "boolean" + } + } + ] + }, + { + "kind": "method", + "name": "_onChange", + "privacy": "private" + }, + { + "kind": "method", + "name": "_handleFormReset", + "privacy": "private" } ], "events": [ { - "description": "Captures the click event and emits the original event details.", - "name": "on-click" + "description": "Captures the input event and emits the selected value and original event details.", + "name": "on-change" } ], "attributes": [ { - "name": "open", + "name": "label", + "type": { + "text": "string" + }, + "default": "''", + "description": "Label text.", + "fieldName": "label" + }, + { + "name": "locale", + "type": { + "text": "SupportedLocale" + }, + "default": "'en'", + "fieldName": "locale" + }, + { + "name": "dateFormat", + "type": { + "text": "string" + }, + "default": "'Y-m-d'", + "description": "Sets flatpickr value to define how the date will be displayed in the input box (ex: `Y-m-d H:i`).", + "fieldName": "dateFormat" + }, + { + "name": "defaultDate", + "type": { + "text": "Date | null" + }, + "default": "null", + "description": "Sets the initial selected date(s)", + "fieldName": "defaultDate" + }, + { + "name": "defaultErrorMessage", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets default error message.", + "fieldName": "defaultErrorMessage" + }, + { + "name": "required", "type": { "text": "boolean" }, "default": "false", - "description": "Link open state.", - "fieldName": "open" + "description": "Sets datepicker form input value to required/required.", + "fieldName": "required" }, { - "name": "href", + "name": "size", + "type": { + "text": "string" + }, + "default": "'md'", + "description": "Input size. \"sm\", \"md\", or \"lg\".", + "fieldName": "size" + }, + { + "name": "value", + "type": { + "text": "Date | Date[] | null" + }, + "default": "null", + "description": "Sets pre-selected date/time value.", + "fieldName": "value" + }, + { + "name": "warnText", "type": { "text": "string" }, "default": "''", - "description": "Link url.", - "fieldName": "href" + "description": "Sets validation warning messaging.", + "fieldName": "warnText" }, { - "name": "target", - "default": "'_self'", + "name": "disable", "type": { - "text": "'_self'" + "text": "(string | number | Date)[]" }, - "description": "Defines a target attribute for where to load the URL. Possible options include \"_self\" (default), \"_blank\", \"_parent\", \"_top\"", - "fieldName": "target" + "default": "[]", + "description": "Sets flatpickr options setting to disable specific dates.", + "fieldName": "disable" }, { - "name": "rel", + "name": "enable", + "type": { + "text": "(string | number | Date)[]" + }, + "default": "[]", + "description": "Sets flatpickr options setting to enable specific dates.", + "fieldName": "enable" + }, + { + "name": "mode", + "type": { + "text": "'single' | 'multiple'" + }, + "default": "'single'", + "description": "Sets flatpickr mode to select single (default), multiple dates.", + "fieldName": "mode" + }, + { + "name": "caption", "type": { "text": "string" }, "default": "''", - "description": "Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship", - "fieldName": "rel" + "description": "Sets caption to be displayed under primary date picker elements.", + "fieldName": "caption" }, { - "name": "isActive", + "name": "datePickerDisabled", "type": { "text": "boolean" }, "default": "false", - "description": "Link active state, for example when URL path matches link href.", - "fieldName": "isActive" + "description": "Sets entire datepicker form element to enabled/disabled.", + "fieldName": "datePickerDisabled" }, { - "name": "divider", + "name": "twentyFourHourFormat", "type": { - "text": "boolean" + "text": "boolean | null" }, - "default": "false", - "description": "DEPRECATED. Adds a 1px shadow to the bottom of the link.", - "fieldName": "divider" + "default": "null", + "description": "Sets 24 hour formatting true/false.\nDefaults to 12H for all `en-*` locales and 24H for all other locales.", + "fieldName": "twentyFourHourFormat" }, { - "name": "searchLabel", + "name": "minDate", + "type": { + "text": "string | number | Date" + }, + "default": "''", + "description": "Sets lower boundary of datepicker date selection.", + "fieldName": "minDate" + }, + { + "name": "maxDate", + "type": { + "text": "string | number | Date" + }, + "default": "''", + "description": "Sets upper boundary of datepicker date selection.", + "fieldName": "maxDate" + }, + { + "name": "errorAriaLabel", "type": { "text": "string" }, - "default": "'Search'", - "description": "Label for sub-menu link search input, which is visible with > 5 sub-links.", - "fieldName": "searchLabel" + "default": "''", + "description": "Sets aria label attribute for error message.", + "fieldName": "errorAriaLabel" }, { - "name": "backText", + "name": "errorTitle", "type": { "text": "string" }, - "default": "'Back'", - "description": "Text for mobile \"Back\" button.", - "fieldName": "backText" + "default": "''", + "description": "Sets title attribute for error message.", + "fieldName": "errorTitle" + }, + { + "name": "warningAriaLabel", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets aria label attribute for warning message.", + "fieldName": "warningAriaLabel" + }, + { + "name": "warningTitle", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets title attribute for warning message.", + "fieldName": "warningTitle" + }, + { + "name": "textStrings", + "default": "_defaultTextStrings", + "description": "Customizable text strings.", + "fieldName": "textStrings" + } + ], + "mixins": [ + { + "name": "FormMixin", + "module": "/src/common/mixins/form-input" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-header-link", + "tagName": "kyn-date-picker", "customElement": true } ], "exports": [ { "kind": "js", - "name": "HeaderLink", + "name": "DatePicker", "declaration": { - "name": "HeaderLink", - "module": "src/components/global/header/headerLink.ts" + "name": "DatePicker", + "module": "src/components/reusable/datePicker/datepicker.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-header-link", + "name": "kyn-date-picker", "declaration": { - "name": "HeaderLink", - "module": "src/components/global/header/headerLink.ts" - } + "name": "DatePicker", + "module": "src/components/reusable/datePicker/datepicker.ts" + } } ] }, { "kind": "javascript-module", - "path": "src/components/global/header/headerNav.ts", - "declarations": [ - { - "kind": "class", - "description": "Container for header navigation links.", - "name": "HeaderNav", - "slots": [ - { - "description": "This element has a slot.", - "name": "unnamed" - } - ], - "members": [ - { - "kind": "field", - "name": "slot", - "type": { - "text": "string" - }, - "default": "'left'", - "description": "Force correct slot", - "attribute": "slot", - "reflects": true - }, - { - "kind": "method", - "name": "_toggleMenuOpen", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleClickOut", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] - }, - { - "kind": "method", - "name": "_handleOverlayClick", - "privacy": "private" - } - ], - "attributes": [ - { - "name": "slot", - "type": { - "text": "string" - }, - "default": "'left'", - "description": "Force correct slot", - "fieldName": "slot" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-header-nav", - "customElement": true - } - ], + "path": "src/components/reusable/datePicker/index.ts", + "declarations": [], "exports": [ { "kind": "js", - "name": "HeaderNav", - "declaration": { - "name": "HeaderNav", - "module": "src/components/global/header/headerNav.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-header-nav", + "name": "DatePicker", "declaration": { - "name": "HeaderNav", - "module": "src/components/global/header/headerNav.ts" + "name": "DatePicker", + "module": "./datepicker" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/header/headerNotificationPanel.ts", + "path": "src/components/reusable/daterangepicker/daterangepicker.ts", "declarations": [ { "kind": "class", - "description": "Component for notification panel within the Header.", - "name": "HeaderNotificationPanel", + "description": "Date Range Picker: uses Flatpickr library, range picker implementation -- `https://flatpickr.js.org/examples/#range-calendar`", + "name": "DateRangePicker", "slots": [ { - "description": "Slot for panel menu", - "name": "menu-slot" - }, - { - "description": "Slot for notification content.", - "name": "unnamed" + "description": "Slot for tooltip.", + "name": "tooltip" } ], "members": [ { "kind": "field", - "name": "panelTitle", + "name": "label", "type": { "text": "string" }, "default": "''", - "description": "Notification panel Title.", - "attribute": "panelTitle" + "description": "Label text.", + "attribute": "label" }, { "kind": "field", - "name": "panelFooterBtnText", + "name": "locale", "type": { - "text": "string" + "text": "SupportedLocale" }, - "default": "''", - "description": "Notification panel footer button text.", - "attribute": "panelFooterBtnText" + "default": "'en'", + "description": "Sets and dynamically imports specific l10n calendar localization.", + "attribute": "locale" }, { "kind": "field", - "name": "hidePanelFooter", + "name": "dateFormat", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Hide notification panel footer", - "attribute": "hidePanelFooter" + "default": "'Y-m-d'", + "description": "Sets flatpickr value to define how the date will be displayed in the input box (ex: `Y-m-d H:i`).", + "attribute": "dateFormat" }, { - "kind": "method", - "name": "_handlefooterBtnEvent", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - } - ], - "events": [ - { - "description": "Emits the panel footer button event.", - "name": "on-footer-btn-click" - } - ], - "attributes": [ - { - "name": "panelTitle", + "kind": "field", + "name": "defaultDate", "type": { - "text": "string" + "text": "Date | null" }, - "default": "''", - "description": "Notification panel Title.", - "fieldName": "panelTitle" + "default": "null", + "description": "Sets the initial selected date(s)", + "attribute": "defaultDate" }, { - "name": "panelFooterBtnText", + "kind": "field", + "name": "defaultErrorMessage", "type": { "text": "string" }, "default": "''", - "description": "Notification panel footer button text.", - "fieldName": "panelFooterBtnText" + "description": "Sets default error message.", + "attribute": "defaultErrorMessage" }, { - "name": "hidePanelFooter", + "kind": "field", + "name": "value", "type": { - "text": "boolean" + "text": "[Date | null, Date | null]" }, - "default": "false", - "description": "Hide notification panel footer", - "fieldName": "hidePanelFooter" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-header-notification-panel", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "HeaderNotificationPanel", - "declaration": { - "name": "HeaderNotificationPanel", - "module": "src/components/global/header/headerNotificationPanel.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-header-notification-panel", - "declaration": { - "name": "HeaderNotificationPanel", - "module": "src/components/global/header/headerNotificationPanel.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/header/headerPanelLink.ts", - "declarations": [ - { - "kind": "class", - "description": "Header fly-out panel link.", - "name": "HeaderPanelLink", - "slots": [ - { - "description": "Slot for link text/content.", - "name": "unnamed" - } - ], - "members": [ + "default": "[null, null]", + "description": "Sets date/time range value.", + "attribute": "value" + }, { "kind": "field", - "name": "href", + "name": "warnText", "type": { "text": "string" }, "default": "''", - "description": "Link url.", - "attribute": "href" + "description": "Sets validation warning messaging.", + "attribute": "warnText" }, { "kind": "field", - "name": "target", - "default": "'_self'", + "name": "disable", "type": { - "text": "'_self'" + "text": "(string | number | Date)[]" }, - "description": "Defines a target attribute for where to load the URL. Possible options include \"_self\" (default), \"_blank\", \"_parent\", \"_top\"", - "attribute": "target" + "default": "[]", + "description": "Sets flatpickr options setting to disable specific dates.", + "attribute": "disable" }, { "kind": "field", - "name": "rel", + "name": "enable", + "type": { + "text": "(string | number | Date)[]" + }, + "default": "[]", + "description": "Sets flatpickr options setting to enable specific dates.", + "attribute": "enable" + }, + { + "kind": "field", + "name": "caption", "type": { "text": "string" }, "default": "''", - "description": "Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship", - "attribute": "rel" + "description": "Sets caption to be displayed under primary date picker elements.", + "attribute": "caption" }, { - "kind": "method", - "name": "handleClick", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] - } - ], - "events": [ - { - "description": "Captures the click event and emits the original event details.", - "name": "on-click" - } - ], - "attributes": [ + "kind": "field", + "name": "required", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Sets date range picker form input value to required/required.", + "attribute": "required" + }, { - "name": "href", + "kind": "field", + "name": "size", "type": { "text": "string" }, - "default": "''", - "description": "Link url.", - "fieldName": "href" + "default": "'md'", + "description": "Input size. \"sm\", \"md\", or \"lg\".", + "attribute": "size" }, { - "name": "target", - "default": "'_self'", + "kind": "field", + "name": "dateRangePickerDisabled", "type": { - "text": "'_self'" + "text": "boolean" }, - "description": "Defines a target attribute for where to load the URL. Possible options include \"_self\" (default), \"_blank\", \"_parent\", \"_top\"", - "fieldName": "target" + "default": "false", + "description": "Sets entire date range picker form element to enabled/disabled.", + "attribute": "dateRangePickerDisabled" }, { - "name": "rel", + "kind": "field", + "name": "twentyFourHourFormat", "type": { - "text": "string" + "text": "boolean | null" }, - "default": "''", - "description": "Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship", - "fieldName": "rel" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-header-panel-link", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "HeaderPanelLink", - "declaration": { - "name": "HeaderPanelLink", - "module": "src/components/global/header/headerPanelLink.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-header-panel-link", - "declaration": { - "name": "HeaderPanelLink", - "module": "src/components/global/header/headerPanelLink.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/header/headerUserProfile.ts", - "declarations": [ - { - "kind": "class", - "description": "Header user profile.", - "name": "HeaderUserProfile", - "slots": [ + "default": "null", + "description": "Sets 24 hour formatting true/false.\nDefaults to 12H for all `en-` locales and 24H for all other locales.", + "attribute": "twentyFourHourFormat" + }, { - "description": "Slot for the profile picture img.", - "name": "unnamed" - } - ], - "members": [ + "kind": "field", + "name": "minDate", + "type": { + "text": "string | number | Date" + }, + "default": "''", + "description": "Sets lower boundary of date range picker date selection.", + "attribute": "minDate" + }, { "kind": "field", - "name": "name", + "name": "maxDate", "type": { - "text": "string" + "text": "string | number | Date" }, "default": "''", - "description": "The user's name.", - "attribute": "name" + "description": "Sets upper boundary of date range picker date selection.", + "attribute": "maxDate" }, { "kind": "field", - "name": "subtitle", + "name": "errorAriaLabel", "type": { "text": "string" }, "default": "''", - "description": "The user's job title, or subtext.", - "attribute": "subtitle" + "description": "Sets aria label attribute for error message.", + "attribute": "errorAriaLabel" }, { "kind": "field", - "name": "email", + "name": "errorTitle", "type": { "text": "string" }, "default": "''", - "description": "The user's email address.", - "attribute": "email" + "description": "Sets title attribute for error message.", + "attribute": "errorTitle" }, { "kind": "field", - "name": "profileLink", + "name": "warningAriaLabel", "type": { "text": "string" }, "default": "''", - "description": "View profile link URL.", - "attribute": "profileLink" + "description": "Sets aria label attribute for warning message.", + "attribute": "warningAriaLabel" }, { "kind": "field", - "name": "profileLinkText", + "name": "warningTitle", "type": { "text": "string" }, - "default": "'View Profile'", - "description": "View Profile link text.", - "attribute": "profileLinkText" + "default": "''", + "description": "Sets title attribute for warning message.", + "attribute": "warningTitle" + }, + { + "kind": "field", + "name": "textStrings", + "default": "{\n requiredText: 'Required',\n clearAll: 'Clear',\n}", + "description": "Customizable text strings.", + "attribute": "textStrings", + "type": { + "text": "object" + } }, { "kind": "method", - "name": "_handleProfileClick", + "name": "renderValidationMessage", "privacy": "private", "parameters": [ { - "name": "e", + "name": "errorId", "type": { - "text": "any" + "text": "string" + } + }, + { + "name": "warningId", + "type": { + "text": "string" } } ] - } - ], - "events": [ + }, { - "description": "Captures the view profile link click event and emits the original event details.", - "name": "on-profile-link-click" - } - ], - "attributes": [ + "kind": "method", + "name": "_handleClear", + "privacy": "private", + "parameters": [ + { + "name": "event", + "type": { + "text": "Event" + } + } + ] + }, { - "name": "name", - "type": { - "text": "string" - }, - "default": "''", - "description": "The user's name.", - "fieldName": "name" + "kind": "method", + "name": "getDateRangePickerClasses" }, { - "name": "subtitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "The user's job title, or subtext.", - "fieldName": "subtitle" + "kind": "method", + "name": "reinitializeFlatpickr", + "privacy": "private" }, { - "name": "email", - "type": { - "text": "string" - }, - "default": "''", - "description": "The user's email address.", - "fieldName": "email" + "kind": "method", + "name": "setupAnchor", + "privacy": "private" }, { - "name": "profileLink", - "type": { - "text": "string" - }, - "default": "''", - "description": "View profile link URL.", - "fieldName": "profileLink" + "kind": "method", + "name": "initializeFlatpickr", + "privacy": "private" }, - { - "name": "profileLinkText", - "type": { - "text": "string" - }, - "default": "'View Profile'", - "description": "View Profile link text.", - "fieldName": "profileLinkText" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-header-user-profile", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "HeaderUserProfile", - "declaration": { - "name": "HeaderUserProfile", - "module": "src/components/global/header/headerUserProfile.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-header-user-profile", - "declaration": { - "name": "HeaderUserProfile", - "module": "src/components/global/header/headerUserProfile.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/header/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "Header", - "declaration": { - "name": "Header", - "module": "./header" - } - }, - { - "kind": "js", - "name": "HeaderNav", - "declaration": { - "name": "HeaderNav", - "module": "./headerNav" - } - }, - { - "kind": "js", - "name": "HeaderLink", - "declaration": { - "name": "HeaderLink", - "module": "./headerLink" - } - }, - { - "kind": "js", - "name": "HeaderCategory", - "declaration": { - "name": "HeaderCategory", - "module": "./headerCategory" - } - }, - { - "kind": "js", - "name": "HeaderDivider", - "declaration": { - "name": "HeaderDivider", - "module": "./headerDivider" - } - }, - { - "kind": "js", - "name": "HeaderFlyouts", - "declaration": { - "name": "HeaderFlyouts", - "module": "./headerFlyouts" - } - }, - { - "kind": "js", - "name": "HeaderFlyout", - "declaration": { - "name": "HeaderFlyout", - "module": "./headerFlyout" - } - }, - { - "kind": "js", - "name": "HeaderUserProfile", - "declaration": { - "name": "HeaderUserProfile", - "module": "./headerUserProfile" - } - }, - { - "kind": "js", - "name": "HeaderPanelLink", - "declaration": { - "name": "HeaderPanelLink", - "module": "./headerPanelLink" - } - }, - { - "kind": "js", - "name": "HeaderNotificationPanel", - "declaration": { - "name": "HeaderNotificationPanel", - "module": "./headerNotificationPanel" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/uiShell/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "UiShell", - "declaration": { - "name": "UiShell", - "module": "./uiShell" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/uiShell/uiShell.ts", - "declarations": [ - { - "kind": "class", - "description": "Container to help with positioning and padding of the global elements such as: adds padding for the fixed Header and Local Nav, adds main content gutters, and makes Footer sticky. This takes the onus off of the consuming app to configure these values.", - "name": "UiShell", - "slots": [ - { - "description": "Slot for global elements.", - "name": "unnamed" - } - ], - "members": [ { "kind": "method", - "name": "handleSlotChange", - "privacy": "private" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-ui-shell", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "UiShell", - "declaration": { - "name": "UiShell", - "module": "src/components/global/uiShell/uiShell.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-ui-shell", - "declaration": { - "name": "UiShell", - "module": "src/components/global/uiShell/uiShell.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/blockCodeView/blockCodeView.ts", - "declarations": [ - { - "kind": "class", - "description": "`` component to display `` snippets as standalone single-/multi-line block elements.", - "name": "BlockCodeView", - "members": [ - { - "kind": "field", - "name": "darkTheme", - "type": { - "text": "'light' | 'dark'" - }, - "default": "'dark'", - "description": "Sets background and text theming.", - "attribute": "darkTheme" + "name": "getComponentFlatpickrOptions", + "return": { + "type": { + "text": "Promise>" + } + } }, { - "kind": "field", - "name": "language", - "type": { - "text": "string" - }, - "default": "''", - "description": "If empty string, attempt language syntax auto-detection. Setting a value will override auto-detection and manually configure desired language.", - "attribute": "language" + "kind": "method", + "name": "updateFlatpickrOptions" }, { - "kind": "field", - "name": "maxHeight", - "type": { - "text": "number | null" - }, - "default": "null", - "description": "Customizable max-height setting for code snippet container.", - "attribute": "maxHeight" + "kind": "method", + "name": "setInitialDates", + "return": { + "type": { + "text": "void" + } + } }, { - "kind": "field", - "name": "codeViewLabel", - "type": { - "text": "string" - }, - "default": "''", - "description": "Optionally displayed label above code snippet container.", - "attribute": "codeViewLabel" + "kind": "method", + "name": "handleOpen", + "return": { + "type": { + "text": "void" + } + } }, { - "kind": "field", - "name": "copyOptionVisible", - "type": { - "text": "boolean" + "kind": "method", + "name": "handleDateChange", + "return": { + "type": { + "text": "Promise" + } }, - "default": "false", - "description": "Optionally display button to copy code snippet.", - "attribute": "copyOptionVisible" + "parameters": [ + { + "name": "selectedDates", + "type": { + "text": "Date[]" + } + } + ] }, { - "kind": "field", - "name": "codeViewExpandable", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Optionally display button to expand code snippet container.", - "attribute": "codeViewExpandable" - }, - { - "kind": "field", - "name": "copyButtonText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets copy code button text (optional).", - "attribute": "copyButtonText" - }, - { - "kind": "field", - "name": "copyButtonDescriptionAttr", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets copy button description attr value.", - "attribute": "copyButtonDescriptionAttr" - }, - { - "kind": "field", - "name": "codeSnippet", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets code snippet for display -- NOTE: original formatting is preserved.", - "attribute": "codeSnippet" - }, - { - "kind": "field", - "name": "textStrings", - "default": "{\n collapsed: 'Collapsed',\n expanded: 'Expanded',\n}", - "description": "Text string customization.", - "attribute": "textStrings", - "type": { - "text": "object" - } - }, - { - "kind": "method", - "name": "getContainerClasses", - "privacy": "private" - }, - { - "kind": "method", - "name": "renderCopyButton", - "privacy": "private" - }, - { - "kind": "method", - "name": "renderExpandButton", - "privacy": "private" - }, - { - "kind": "method", - "name": "highlightCode", - "privacy": "private" + "kind": "method", + "name": "handleClose" }, { "kind": "method", - "name": "detectLanguage", - "privacy": "private", - "return": { - "type": { - "text": "string" - } - }, + "name": "updateSelectedDateRangeAria", "parameters": [ { - "name": "code", + "name": "selectedDates", "type": { - "text": "string" + "text": "Date[]" } } ] }, { "kind": "method", - "name": "calculateRelevance", + "name": "setShouldFlatpickrOpen", "privacy": "private", - "return": { - "type": { - "text": "number" - } - }, "parameters": [ { - "name": "tokens", - "type": { - "text": "(string | Prism.Token)[]" - } - }, - { - "name": "language", + "name": "value", "type": { - "text": "string" + "text": "boolean" } } ] }, { "kind": "method", - "name": "getTokenRelevance", - "privacy": "private", - "return": { - "type": { - "text": "number" - } - }, - "parameters": [ - { - "name": "token", - "type": { - "text": "Prism.Token" - } - }, - { - "name": "language", - "type": { - "text": "string" - } - } - ] + "name": "closeFlatpickr", + "privacy": "private" }, { "kind": "method", - "name": "isLanguageSpecificToken", + "name": "preventFlatpickrOpen", "privacy": "private", - "return": { - "type": { - "text": "boolean" - } - }, "parameters": [ { - "name": "token", - "type": { - "text": "Prism.Token" - } - }, - { - "name": "language", + "name": "event", "type": { - "text": "string" + "text": "Event" } } ] }, { "kind": "method", - "name": "determineMarkupLanguage", - "privacy": "private", - "return": { - "type": { - "text": "string" - } - }, - "parameters": [ - { - "name": "code", - "type": { - "text": "string" - } - } - ] + "name": "handleInputClickEvent", + "privacy": "private" }, { "kind": "method", - "name": "checkOverflow", + "name": "handleInputFocusEvent", "privacy": "private" }, { "kind": "method", - "name": "removeLeadingWhitespace", + "name": "_validate", "privacy": "private", "return": { "type": { - "text": "string" + "text": "void" } }, "parameters": [ { - "name": "code", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "formatExampleCode", - "privacy": "private", - "parameters": [ - { - "name": "code", + "name": "interacted", "type": { - "text": "string" + "text": "boolean" } - } - ] - }, - { - "kind": "method", - "name": "copyCode", - "privacy": "private", - "parameters": [ + }, { - "name": "e", + "name": "report", "type": { - "text": "Event" + "text": "boolean" } } ] }, { "kind": "method", - "name": "getContainerStyle", - "privacy": "private", - "return": { - "type": { - "text": "string" - } - } - }, - { - "kind": "method", - "name": "expandCodeView", + "name": "_onChange", "privacy": "private" }, { "kind": "method", - "name": "handleKeypress", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "KeyboardEvent" - } - } - ] + "name": "_handleFormReset", + "privacy": "private" } ], "events": [ { - "name": "on-copy", - "type": { - "text": "CustomEvent" - }, - "description": "Emits when the copy button is clicked." + "description": "Captures the input event and emits the selected value and original event details.", + "name": "on-change" } ], "attributes": [ { - "name": "darkTheme", + "name": "label", "type": { - "text": "'light' | 'dark'" + "text": "string" }, - "default": "'dark'", - "description": "Sets background and text theming.", - "fieldName": "darkTheme" + "default": "''", + "description": "Label text.", + "fieldName": "label" }, { - "name": "language", + "name": "locale", + "type": { + "text": "SupportedLocale" + }, + "default": "'en'", + "description": "Sets and dynamically imports specific l10n calendar localization.", + "fieldName": "locale" + }, + { + "name": "dateFormat", "type": { "text": "string" }, - "default": "''", - "description": "If empty string, attempt language syntax auto-detection. Setting a value will override auto-detection and manually configure desired language.", - "fieldName": "language" + "default": "'Y-m-d'", + "description": "Sets flatpickr value to define how the date will be displayed in the input box (ex: `Y-m-d H:i`).", + "fieldName": "dateFormat" }, { - "name": "maxHeight", + "name": "defaultDate", "type": { - "text": "number | null" + "text": "Date | null" }, "default": "null", - "description": "Customizable max-height setting for code snippet container.", - "fieldName": "maxHeight" + "description": "Sets the initial selected date(s)", + "fieldName": "defaultDate" }, { - "name": "codeViewLabel", + "name": "defaultErrorMessage", "type": { "text": "string" }, "default": "''", - "description": "Optionally displayed label above code snippet container.", - "fieldName": "codeViewLabel" + "description": "Sets default error message.", + "fieldName": "defaultErrorMessage" }, { - "name": "copyOptionVisible", + "name": "value", "type": { - "text": "boolean" + "text": "[Date | null, Date | null]" }, - "default": "false", - "description": "Optionally display button to copy code snippet.", - "fieldName": "copyOptionVisible" - }, + "default": "[null, null]", + "description": "Sets date/time range value.", + "fieldName": "value" + }, { - "name": "codeViewExpandable", + "name": "warnText", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets validation warning messaging.", + "fieldName": "warnText" + }, + { + "name": "disable", + "type": { + "text": "(string | number | Date)[]" + }, + "default": "[]", + "description": "Sets flatpickr options setting to disable specific dates.", + "fieldName": "disable" + }, + { + "name": "enable", + "type": { + "text": "(string | number | Date)[]" + }, + "default": "[]", + "description": "Sets flatpickr options setting to enable specific dates.", + "fieldName": "enable" + }, + { + "name": "caption", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets caption to be displayed under primary date picker elements.", + "fieldName": "caption" + }, + { + "name": "required", "type": { "text": "boolean" }, "default": "false", - "description": "Optionally display button to expand code snippet container.", - "fieldName": "codeViewExpandable" + "description": "Sets date range picker form input value to required/required.", + "fieldName": "required" }, { - "name": "copyButtonText", + "name": "size", + "type": { + "text": "string" + }, + "default": "'md'", + "description": "Input size. \"sm\", \"md\", or \"lg\".", + "fieldName": "size" + }, + { + "name": "dateRangePickerDisabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Sets entire date range picker form element to enabled/disabled.", + "fieldName": "dateRangePickerDisabled" + }, + { + "name": "twentyFourHourFormat", + "type": { + "text": "boolean | null" + }, + "default": "null", + "description": "Sets 24 hour formatting true/false.\nDefaults to 12H for all `en-` locales and 24H for all other locales.", + "fieldName": "twentyFourHourFormat" + }, + { + "name": "minDate", + "type": { + "text": "string | number | Date" + }, + "default": "''", + "description": "Sets lower boundary of date range picker date selection.", + "fieldName": "minDate" + }, + { + "name": "maxDate", + "type": { + "text": "string | number | Date" + }, + "default": "''", + "description": "Sets upper boundary of date range picker date selection.", + "fieldName": "maxDate" + }, + { + "name": "errorAriaLabel", "type": { "text": "string" }, "default": "''", - "description": "Sets copy code button text (optional).", - "fieldName": "copyButtonText" + "description": "Sets aria label attribute for error message.", + "fieldName": "errorAriaLabel" }, { - "name": "copyButtonDescriptionAttr", + "name": "errorTitle", "type": { "text": "string" }, "default": "''", - "description": "Sets copy button description attr value.", - "fieldName": "copyButtonDescriptionAttr" + "description": "Sets title attribute for error message.", + "fieldName": "errorTitle" }, { - "name": "codeSnippet", + "name": "warningAriaLabel", "type": { "text": "string" }, "default": "''", - "description": "Sets code snippet for display -- NOTE: original formatting is preserved.", - "fieldName": "codeSnippet" + "description": "Sets aria label attribute for warning message.", + "fieldName": "warningAriaLabel" + }, + { + "name": "warningTitle", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets title attribute for warning message.", + "fieldName": "warningTitle" }, { "name": "textStrings", "default": "_defaultTextStrings", - "description": "Text string customization.", + "description": "Customizable text strings.", "fieldName": "textStrings" } ], + "mixins": [ + { + "name": "FormMixin", + "module": "/src/common/mixins/form-input" + } + ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-block-code-view", + "tagName": "kyn-date-range-picker", "customElement": true } ], "exports": [ { "kind": "js", - "name": "BlockCodeView", + "name": "DateRangePicker", "declaration": { - "name": "BlockCodeView", - "module": "src/components/reusable/blockCodeView/blockCodeView.ts" + "name": "DateRangePicker", + "module": "src/components/reusable/daterangepicker/daterangepicker.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-block-code-view", + "name": "kyn-date-range-picker", "declaration": { - "name": "BlockCodeView", - "module": "src/components/reusable/blockCodeView/blockCodeView.ts" + "name": "DateRangePicker", + "module": "src/components/reusable/daterangepicker/daterangepicker.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/blockCodeView/index.ts", + "path": "src/components/reusable/daterangepicker/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "BlockCodeView", + "name": "DateRangePicker", "declaration": { - "name": "BlockCodeView", - "module": "./blockCodeView" + "name": "DateRangePicker", + "module": "./daterangepicker" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/breadcrumbs/breadcrumbs.ts", + "path": "src/components/reusable/dropdown/dropdown.ts", "declarations": [ { "kind": "class", - "description": "Breadcrumbs Component.", - "name": "Breadcrumbs", + "description": "Dropdown, single select.", + "name": "Dropdown", "slots": [ { - "description": "Slot for inserting links.", + "description": "Slot for dropdown options.", "name": "unnamed" + }, + { + "description": "Slot for tooltip.", + "name": "tooltip" } ], - "members": [], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-breadcrumbs", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "Breadcrumbs", - "declaration": { - "name": "Breadcrumbs", - "module": "src/components/reusable/breadcrumbs/breadcrumbs.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-breadcrumbs", - "declaration": { - "name": "Breadcrumbs", - "module": "src/components/reusable/breadcrumbs/breadcrumbs.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/breadcrumbs/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "Breadcrumbs", - "declaration": { - "name": "Breadcrumbs", - "module": "./breadcrumbs" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/card/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "VitalCardSkeleton", - "declaration": { - "name": "VitalCardSkeleton", - "module": "./vitalCard.skeleton" - } - }, - { - "kind": "js", - "name": "InformationalCardSkeleton", - "declaration": { - "name": "InformationalCardSkeleton", - "module": "./informationalCard.skeleton" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/card/informationalCard.skeleton.ts", - "declarations": [ - { - "kind": "class", - "description": "`kyn-info-card-skeleton` Web Component.\nA skeleton loading state for the informational card component that mirrors its structure.", - "name": "InformationalCardSkeleton", "members": [ { "kind": "field", - "name": "lines", + "name": "label", "type": { - "text": "number" + "text": "string" }, - "default": "0", - "description": "Sets the number of body/description lines to show in the skeleton pattern example.", - "attribute": "lines" + "default": "''", + "description": "Label text.", + "attribute": "label" }, { "kind": "field", - "name": "thumbnailVisible", + "name": "size", "type": { - "text": "boolean | undefined" + "text": "string" }, - "default": "false", - "description": "Sets show or hide thumbnail element.", - "attribute": "thumbnailVisible" - } - ], - "attributes": [ - { - "name": "lines", - "type": { - "text": "number" - }, - "default": "0", - "description": "Sets the number of body/description lines to show in the skeleton pattern example.", - "fieldName": "lines" + "default": "'md'", + "description": "Dropdown size/height. \"sm\", \"md\", or \"lg\".", + "attribute": "size" }, { - "name": "thumbnailVisible", + "kind": "field", + "name": "inline", "type": { - "text": "boolean | undefined" + "text": "boolean" }, "default": "false", - "description": "Sets show or hide thumbnail element.", - "fieldName": "thumbnailVisible" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-info-card-skeleton", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "InformationalCardSkeleton", - "declaration": { - "name": "InformationalCardSkeleton", - "module": "src/components/reusable/card/informationalCard.skeleton.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-info-card-skeleton", - "declaration": { - "name": "InformationalCardSkeleton", - "module": "src/components/reusable/card/informationalCard.skeleton.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/card/vitalCard.skeleton.ts", - "declarations": [ - { - "kind": "class", - "description": "`kyn-vital-card-skeleton` Web Component.\nA skeleton loading state for the vital card component that mirrors its structure.", - "name": "VitalCardSkeleton", - "members": [ + "description": "Dropdown inline style type.", + "attribute": "inline" + }, { "kind": "field", - "name": "lines", - "type": { - "text": "number" - }, - "default": "0", - "description": "Sets the number of body/description lines to show in the skeleton pattern example.", - "attribute": "lines" - } - ], - "attributes": [ - { - "name": "lines", + "name": "caption", "type": { - "text": "number" + "text": "string" }, - "default": "0", - "description": "Sets the number of body/description lines to show in the skeleton pattern example.", - "fieldName": "lines" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-vital-card-skeleton", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "VitalCardSkeleton", - "declaration": { - "name": "VitalCardSkeleton", - "module": "src/components/reusable/card/vitalCard.skeleton.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-vital-card-skeleton", - "declaration": { - "name": "VitalCardSkeleton", - "module": "src/components/reusable/card/vitalCard.skeleton.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/checkbox/checkbox.ts", - "declarations": [ - { - "kind": "class", - "description": "Checkbox.", - "name": "Checkbox", - "slots": [ - { - "description": "Slot for label text.", - "name": "unnamed" - } - ], - "members": [ + "default": "''", + "description": "Optional text beneath the input.", + "attribute": "caption" + }, { "kind": "field", - "name": "value", + "name": "placeholder", "type": { "text": "string" }, "default": "''", - "description": "Checkbox value.", - "attribute": "value" + "description": "Dropdown placeholder.", + "attribute": "placeholder" }, { "kind": "field", - "name": "disabled", + "name": "open", "type": { "text": "boolean" }, "default": "false", - "description": "Checkbox disabled state, inherited from the parent group.", - "attribute": "disabled" + "description": "Listbox/drawer open state.", + "attribute": "open" }, { "kind": "field", - "name": "visiblyHidden", + "name": "searchable", "type": { "text": "boolean" }, "default": "false", - "description": "Determines whether the label should be hidden from visual view but remain accessible\nto screen readers for accessibility purposes.", - "attribute": "visiblyHidden" + "description": "Makes the dropdown searchable.", + "attribute": "searchable" }, { "kind": "field", - "name": "indeterminate", + "name": "filterSearch", "type": { "text": "boolean" }, "default": "false", - "description": "Determines whether the checkbox is in an indeterminate state.", - "attribute": "indeterminate" + "description": "Searchable variant filters results.", + "attribute": "filterSearch" }, { - "kind": "method", - "name": "handleChange", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - } - ], - "events": [ - { - "description": "Captures the change event and emits the selected value and original event details.", - "name": "on-checkbox-change" - } - ], - "attributes": [ - { - "name": "value", + "kind": "field", + "name": "multiple", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Checkbox value.", - "fieldName": "value" + "default": "false", + "description": "Enabled multi-select functionality.", + "attribute": "multiple" }, { - "name": "disabled", + "kind": "field", + "name": "required", "type": { "text": "boolean" }, "default": "false", - "description": "Checkbox disabled state, inherited from the parent group.", - "fieldName": "disabled" + "description": "Makes the dropdown required.", + "attribute": "required" }, { - "name": "visiblyHidden", + "kind": "field", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Determines whether the label should be hidden from visual view but remain accessible\nto screen readers for accessibility purposes.", - "fieldName": "visiblyHidden" + "description": "Dropdown disabled state.", + "attribute": "disabled" }, { - "name": "indeterminate", + "kind": "field", + "name": "hideTags", "type": { "text": "boolean" }, "default": "false", - "description": "Determines whether the checkbox is in an indeterminate state.", - "fieldName": "indeterminate" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-checkbox", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "Checkbox", - "declaration": { - "name": "Checkbox", - "module": "src/components/reusable/checkbox/checkbox.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-checkbox", - "declaration": { - "name": "Checkbox", - "module": "src/components/reusable/checkbox/checkbox.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/checkbox/checkboxGroup.ts", - "declarations": [ - { - "kind": "class", - "description": "Checkbox group container.", - "name": "CheckboxGroup", - "slots": [ - { - "description": "Slot for individual checkboxes.", - "name": "unnamed" - }, - { - "description": "Slot for tooltip.", - "name": "tooltip" + "description": "Hide the tags below multi-select.", + "attribute": "hideTags" }, - { - "description": "Slot for description text.", - "name": "description" - } - ], - "members": [ { "kind": "field", - "name": "value", + "name": "selectAll", "type": { - "text": "Array" - }, - "default": "[]", - "description": "Checkbox group selected values.", - "attribute": "value" - }, - { - "kind": "field", - "name": "required", - "type": { - "text": "boolean" + "text": "boolean" }, "default": "false", - "description": "Makes a single selection required.", - "attribute": "required" + "description": "Adds a \"Select all\" option to the top of a multi-select dropdown.", + "attribute": "selectAll" }, { "kind": "field", - "name": "disabled", + "name": "selectAllText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Checkbox group disabled state.", - "attribute": "disabled" + "default": "'Select all'", + "description": "\"Select all\" text customization.", + "attribute": "selectAllText" }, { "kind": "field", - "name": "horizontal", + "name": "menuMinWidth", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Checkbox group horizontal style.", - "attribute": "horizontal" + "default": "'initial'", + "description": "Menu CSS min-width value.", + "attribute": "menuMinWidth" }, { "kind": "field", - "name": "selectAll", + "name": "textStrings", + "default": "{\n selectedOptions: 'List of selected options',\n required: 'Required',\n error: 'Error',\n}", + "description": "Text string customization.", + "attribute": "textStrings", "type": { - "text": "boolean" - }, - "default": "false", - "description": "Adds a \"Select All\" checkbox to the top of the group.", - "attribute": "selectAll" + "text": "object" + } }, { "kind": "field", - "name": "hideLegend", + "name": "searchText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Hide the group legend/label visually.", - "attribute": "hideLegend" + "default": "''", + "description": "Search input value.", + "attribute": "searchText" }, { - "kind": "field", - "name": "filterable", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Adds a search input to enable filtering of checkboxes.", - "attribute": "filterable" + "kind": "method", + "name": "handleSlotChange", + "privacy": "private" }, { - "kind": "field", - "name": "label", - "type": { - "text": "string" - }, - "default": "''", - "description": "Label text.", - "attribute": "label" + "kind": "method", + "name": "handleClick", + "privacy": "private" }, { - "kind": "field", - "name": "limitCheckboxes", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Limits visible checkboxes behind a \"Show all\" button.", - "attribute": "limitCheckboxes" + "kind": "method", + "name": "_handleLabelClick", + "privacy": "private" }, { - "kind": "field", - "name": "textStrings", - "default": "{\n selectAll: 'Select all',\n showMore: 'Show more',\n showLess: 'Show less',\n search: 'Search',\n required: 'Required',\n error: 'Error',\n}", - "description": "Text string customization.", - "attribute": "textStrings", - "type": { - "text": "object" - } + "kind": "method", + "name": "handleButtonKeydown", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + } + ] }, { - "kind": "field", - "name": "checkboxes", - "type": { - "text": "Array" - }, - "default": "[]" + "kind": "method", + "name": "handleListKeydown", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + } + ] }, { - "kind": "field", - "name": "filteredCheckboxes", - "type": { - "text": "Array" - }, - "default": "[]" + "kind": "method", + "name": "handleListBlur", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + } + ] }, { "kind": "method", - "name": "_validate", + "name": "handleKeyboard", "privacy": "private", "parameters": [ { - "name": "interacted", + "name": "e", "type": { - "text": "Boolean" + "text": "any" } }, { - "name": "report", + "name": "keyCode", "type": { - "text": "Boolean" + "text": "number" + } + }, + { + "name": "target", + "type": { + "text": "string" } } ] }, { "kind": "method", - "name": "_handleCheckboxChange", + "name": "handleClearMultiple", "privacy": "private", "parameters": [ { @@ -3069,12 +2932,20 @@ }, { "kind": "method", - "name": "_emitChangeEvent", - "privacy": "private" + "name": "handleTagClear", + "privacy": "private", + "parameters": [ + { + "name": "value", + "type": { + "text": "string" + } + } + ] }, { "kind": "method", - "name": "_handleFilter", + "name": "handleClear", "privacy": "private", "parameters": [ { @@ -3087,30 +2958,46 @@ }, { "kind": "method", - "name": "_toggleRevealed", + "name": "handleSearchClick", "privacy": "private", "parameters": [ { - "name": "revealed", + "name": "e", "type": { - "text": "boolean" + "text": "any" } } ] }, { "kind": "method", - "name": "_handleSlotChange", - "privacy": "private" + "name": "handleButtonBlur", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + } + ] }, { "kind": "method", - "name": "_updateChildren", - "privacy": "private" + "name": "handleSearchBlur", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + } + ] }, { "kind": "method", - "name": "_handleSubgroupChange", + "name": "handleSearchKeydown", "privacy": "private", "parameters": [ { @@ -3120,109 +3007,285 @@ } } ] - } - ], - "events": [ - { - "description": "Captures the change event and emits the selected values.", - "name": "on-checkbox-group-change" }, { - "description": "Captures the search input event and emits the search term.", - "name": "on-search" + "kind": "method", + "name": "handleSearchInput", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + } + ] }, { - "description": "Captures the show more/less click and emits the expanded state.", - "name": "on-limit-toggle" - } - ], - "attributes": [ + "kind": "method", + "name": "_updateSelectedOptions", + "privacy": "private" + }, { - "name": "value", - "type": { - "text": "Array" - }, - "default": "[]", - "description": "Checkbox group selected values.", - "fieldName": "value" + "kind": "method", + "name": "_handleClick", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + } + ] }, { - "name": "required", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Makes a single selection required.", - "fieldName": "required" + "kind": "method", + "name": "_handleBlur", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + } + ] }, { - "name": "disabled", + "kind": "method", + "name": "_handleClickOut", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "Event" + } + } + ] + }, + { + "kind": "method", + "name": "updateValue", + "privacy": "private", + "parameters": [ + { + "name": "value", + "type": { + "text": "string" + } + }, + { + "name": "selected", + "default": "false" + } + ] + }, + { + "kind": "method", + "name": "_validate", + "privacy": "private", + "parameters": [ + { + "name": "interacted", + "type": { + "text": "Boolean" + } + }, + { + "name": "report", + "type": { + "text": "Boolean" + } + } + ] + }, + { + "kind": "method", + "name": "emitValue", + "privacy": "private" + }, + { + "kind": "method", + "name": "_emitSearch", + "privacy": "private" + }, + { + "kind": "method", + "name": "_updateTags", + "privacy": "private" + }, + { + "kind": "method", + "name": "_updateOptions", + "privacy": "private" + } + ], + "events": [ + { + "description": "Captures the input event and emits the selected value and original event details.", + "name": "on-change" + }, + { + "description": "Capture the search input event and emits the search text.", + "name": "on-search" + }, + { + "description": "Captures the the multi-select clear all button click event and emits the value.", + "name": "on-clear-all" + } + ], + "attributes": [ + { + "name": "label", + "type": { + "text": "string" + }, + "default": "''", + "description": "Label text.", + "fieldName": "label" + }, + { + "name": "size", + "type": { + "text": "string" + }, + "default": "'md'", + "description": "Dropdown size/height. \"sm\", \"md\", or \"lg\".", + "fieldName": "size" + }, + { + "name": "inline", "type": { "text": "boolean" }, "default": "false", - "description": "Checkbox group disabled state.", - "fieldName": "disabled" + "description": "Dropdown inline style type.", + "fieldName": "inline" }, { - "name": "horizontal", + "name": "caption", + "type": { + "text": "string" + }, + "default": "''", + "description": "Optional text beneath the input.", + "fieldName": "caption" + }, + { + "name": "placeholder", + "type": { + "text": "string" + }, + "default": "''", + "description": "Dropdown placeholder.", + "fieldName": "placeholder" + }, + { + "name": "open", "type": { "text": "boolean" }, "default": "false", - "description": "Checkbox group horizontal style.", - "fieldName": "horizontal" + "description": "Listbox/drawer open state.", + "fieldName": "open" }, { - "name": "selectAll", + "name": "searchable", "type": { "text": "boolean" }, "default": "false", - "description": "Adds a \"Select All\" checkbox to the top of the group.", - "fieldName": "selectAll" + "description": "Makes the dropdown searchable.", + "fieldName": "searchable" }, { - "name": "hideLegend", + "name": "filterSearch", "type": { "text": "boolean" }, "default": "false", - "description": "Hide the group legend/label visually.", - "fieldName": "hideLegend" + "description": "Searchable variant filters results.", + "fieldName": "filterSearch" }, { - "name": "filterable", + "name": "multiple", "type": { "text": "boolean" }, "default": "false", - "description": "Adds a search input to enable filtering of checkboxes.", - "fieldName": "filterable" + "description": "Enabled multi-select functionality.", + "fieldName": "multiple" }, { - "name": "label", + "name": "required", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Label text.", - "fieldName": "label" + "default": "false", + "description": "Makes the dropdown required.", + "fieldName": "required" }, { - "name": "limitCheckboxes", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Limits visible checkboxes behind a \"Show all\" button.", - "fieldName": "limitCheckboxes" + "description": "Dropdown disabled state.", + "fieldName": "disabled" + }, + { + "name": "hideTags", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Hide the tags below multi-select.", + "fieldName": "hideTags" + }, + { + "name": "selectAll", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Adds a \"Select all\" option to the top of a multi-select dropdown.", + "fieldName": "selectAll" + }, + { + "name": "selectAllText", + "type": { + "text": "string" + }, + "default": "'Select all'", + "description": "\"Select all\" text customization.", + "fieldName": "selectAllText" + }, + { + "name": "menuMinWidth", + "type": { + "text": "string" + }, + "default": "'initial'", + "description": "Menu CSS min-width value.", + "fieldName": "menuMinWidth" }, { "name": "textStrings", "default": "_defaultTextStrings", "description": "Text string customization.", "fieldName": "textStrings" + }, + { + "name": "searchText", + "type": { + "text": "string" + }, + "default": "''", + "description": "Search input value.", + "fieldName": "searchText" } ], "mixins": [ @@ -3235,69 +3298,146 @@ "name": "LitElement", "package": "lit" }, - "tagName": "kyn-checkbox-group", + "tagName": "kyn-dropdown", "customElement": true } ], "exports": [ { "kind": "js", - "name": "CheckboxGroup", + "name": "Dropdown", "declaration": { - "name": "CheckboxGroup", - "module": "src/components/reusable/checkbox/checkboxGroup.ts" + "name": "Dropdown", + "module": "src/components/reusable/dropdown/dropdown.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-checkbox-group", + "name": "kyn-dropdown", "declaration": { - "name": "CheckboxGroup", - "module": "src/components/reusable/checkbox/checkboxGroup.ts" + "name": "Dropdown", + "module": "src/components/reusable/dropdown/dropdown.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/checkbox/checkboxSubgroup.ts", + "path": "src/components/reusable/dropdown/dropdownCategory.ts", "declarations": [ { "kind": "class", - "description": "Checkbox subgroup", - "name": "CheckboxSubgroup", + "description": "Dropdown category.", + "name": "DropdownCategory", "slots": [ { - "description": "Slot for child kyn-checkboxes.", + "description": "Slot for category title text.", "name": "unnamed" - }, - { - "description": "Slot for parent kyn-checkbox.", - "name": "parent" } ], - "members": [ - { - "kind": "method", - "name": "_handleSlotchange", - "privacy": "private" + "members": [], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-dropdown-category", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "DropdownCategory", + "declaration": { + "name": "DropdownCategory", + "module": "src/components/reusable/dropdown/dropdownCategory.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-dropdown-category", + "declaration": { + "name": "DropdownCategory", + "module": "src/components/reusable/dropdown/dropdownCategory.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/dropdown/dropdownOption.ts", + "declarations": [ + { + "kind": "class", + "description": "Dropdown option.", + "name": "DropdownOption", + "slots": [ + { + "description": "Slot for option text.", + "name": "unnamed" + } + ], + "members": [ + { + "kind": "field", + "name": "value", + "type": { + "text": "string" + }, + "default": "''", + "description": "Option value.", + "attribute": "value" + }, + { + "kind": "field", + "name": "disabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Option disabled state.", + "attribute": "disabled" + }, + { + "kind": "field", + "name": "indeterminate", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Determines whether the checkbox is in an indeterminate state.", + "attribute": "indeterminate", + "reflects": true }, { "kind": "method", - "name": "_syncParent", + "name": "handleSlotChange", "privacy": "private", "parameters": [ { - "name": "count", + "name": "e", "type": { - "text": "number" + "text": "any" } } ] }, { "kind": "method", - "name": "_handleCheckboxChange", + "name": "handleClick", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "Event" + } + } + ] + }, + { + "kind": "method", + "name": "handleBlur", "privacy": "private", "parameters": [ { @@ -3309,1443 +3449,1550 @@ ] } ], + "events": [ + { + "description": "Emits the option details to the parent dropdown.", + "name": "on-click" + } + ], + "attributes": [ + { + "name": "value", + "type": { + "text": "string" + }, + "default": "''", + "description": "Option value.", + "fieldName": "value" + }, + { + "name": "disabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Option disabled state.", + "fieldName": "disabled" + }, + { + "name": "indeterminate", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Determines whether the checkbox is in an indeterminate state.", + "fieldName": "indeterminate" + } + ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-checkbox-subgroup", + "tagName": "kyn-dropdown-option", "customElement": true } ], "exports": [ { "kind": "js", - "name": "CheckboxSubgroup", + "name": "DropdownOption", "declaration": { - "name": "CheckboxSubgroup", - "module": "src/components/reusable/checkbox/checkboxSubgroup.ts" + "name": "DropdownOption", + "module": "src/components/reusable/dropdown/dropdownOption.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-checkbox-subgroup", + "name": "kyn-dropdown-option", "declaration": { - "name": "CheckboxSubgroup", - "module": "src/components/reusable/checkbox/checkboxSubgroup.ts" + "name": "DropdownOption", + "module": "src/components/reusable/dropdown/dropdownOption.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/checkbox/index.ts", + "path": "src/components/reusable/dropdown/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "Checkbox", + "name": "Dropdown", "declaration": { - "name": "Checkbox", - "module": "./checkbox" + "name": "Dropdown", + "module": "./dropdown" } }, { "kind": "js", - "name": "CheckboxGroup", + "name": "DropdownOption", "declaration": { - "name": "CheckboxGroup", - "module": "./checkboxGroup" + "name": "DropdownOption", + "module": "./dropdownOption" } }, { "kind": "js", - "name": "CheckboxSubgroup", + "name": "DropdownCategory", "declaration": { - "name": "CheckboxSubgroup", - "module": "./checkboxSubgroup" + "name": "DropdownCategory", + "module": "./dropdownCategory" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/datePicker/datepicker.ts", + "path": "src/components/reusable/errorBlock/errorBlock.ts", "declarations": [ { "kind": "class", - "description": "Datepicker: uses Flatpickr's datetime picker library -- `https://flatpickr.js.org`", - "name": "DatePicker", + "description": "Error block.", + "name": "ErrorBlock", "slots": [ { - "description": "Slot for tooltip.", - "name": "tooltip" - } - ], - "members": [ - { - "kind": "field", - "name": "label", - "type": { - "text": "string" - }, - "default": "''", - "description": "Label text.", - "attribute": "label" - }, - { - "kind": "field", - "name": "locale", - "type": { - "text": "SupportedLocale" - }, - "default": "'en'", - "attribute": "locale" + "description": "Slot for the error description.", + "name": "unnamed" }, { - "kind": "field", - "name": "dateFormat", - "type": { - "text": "string" - }, - "default": "'Y-m-d'", - "description": "Sets flatpickr value to define how the date will be displayed in the input box (ex: `Y-m-d H:i`).", - "attribute": "dateFormat" + "description": "Slot for the error image.", + "name": "image" }, { - "kind": "field", - "name": "defaultDate", - "type": { - "text": "Date | null" - }, - "default": "null", - "description": "Sets the initial selected date(s)", - "attribute": "defaultDate" - }, + "description": "Slot for the action buttons.", + "name": "actions" + } + ], + "members": [ { "kind": "field", - "name": "defaultErrorMessage", + "name": "titleText", "type": { "text": "string" }, "default": "''", - "description": "Sets default error message.", - "attribute": "defaultErrorMessage" - }, - { - "kind": "field", - "name": "required", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Sets datepicker form input value to required/required.", - "attribute": "required" - }, + "description": "Title text", + "attribute": "titleText" + } + ], + "attributes": [ { - "kind": "field", - "name": "size", - "type": { - "text": "string" - }, - "default": "'md'", - "description": "Input size. \"sm\", \"md\", or \"lg\".", - "attribute": "size" - }, - { - "kind": "field", - "name": "value", - "type": { - "text": "Date | Date[] | null" - }, - "default": "null", - "description": "Sets pre-selected date/time value.", - "attribute": "value" - }, - { - "kind": "field", - "name": "warnText", + "name": "titleText", "type": { "text": "string" }, "default": "''", - "description": "Sets validation warning messaging.", - "attribute": "warnText" - }, - { - "kind": "field", - "name": "disable", - "type": { - "text": "(string | number | Date)[]" - }, - "default": "[]", - "description": "Sets flatpickr options setting to disable specific dates.", - "attribute": "disable" - }, - { - "kind": "field", - "name": "enable", - "type": { - "text": "(string | number | Date)[]" - }, - "default": "[]", - "description": "Sets flatpickr options setting to enable specific dates.", - "attribute": "enable" - }, - { - "kind": "field", - "name": "mode", - "type": { - "text": "'single' | 'multiple'" - }, - "default": "'single'", - "description": "Sets flatpickr mode to select single (default), multiple dates.", - "attribute": "mode" - }, - { - "kind": "field", - "name": "caption", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets caption to be displayed under primary date picker elements.", - "attribute": "caption" - }, - { - "kind": "field", - "name": "datePickerDisabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Sets entire datepicker form element to enabled/disabled.", - "attribute": "datePickerDisabled" - }, - { - "kind": "field", - "name": "twentyFourHourFormat", - "type": { - "text": "boolean | null" - }, - "default": "null", - "description": "Sets 24 hour formatting true/false.\nDefaults to 12H for all `en-*` locales and 24H for all other locales.", - "attribute": "twentyFourHourFormat" - }, - { - "kind": "field", - "name": "minDate", - "type": { - "text": "string | number | Date" - }, - "default": "''", - "description": "Sets lower boundary of datepicker date selection.", - "attribute": "minDate" - }, - { - "kind": "field", - "name": "maxDate", - "type": { - "text": "string | number | Date" - }, - "default": "''", - "description": "Sets upper boundary of datepicker date selection.", - "attribute": "maxDate" - }, - { - "kind": "field", - "name": "errorAriaLabel", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets aria label attribute for error message.", - "attribute": "errorAriaLabel" - }, - { - "kind": "field", - "name": "errorTitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets title attribute for error message.", - "attribute": "errorTitle" - }, - { - "kind": "field", - "name": "warningAriaLabel", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets aria label attribute for warning message.", - "attribute": "warningAriaLabel" - }, - { - "kind": "field", - "name": "warningTitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets title attribute for warning message.", - "attribute": "warningTitle" - }, - { - "kind": "field", - "name": "textStrings", - "default": "{\n requiredText: 'Required',\n clearAll: 'Clear',\n}", - "description": "Customizable text strings.", - "attribute": "textStrings", - "type": { - "text": "object" - } - }, - { - "kind": "method", - "name": "renderValidationMessage", - "privacy": "private", - "parameters": [ - { - "name": "errorId", - "type": { - "text": "string" - } - }, - { - "name": "warningId", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "getDatepickerClasses" - }, - { - "kind": "method", - "name": "reinitializeFlatpickr", - "privacy": "private" - }, - { - "kind": "method", - "name": "setupAnchor", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleClear", - "privacy": "private", - "parameters": [ - { - "name": "event", - "type": { - "text": "Event" - } - } - ] - }, - { - "kind": "method", - "name": "initializeFlatpickr", - "return": { - "type": { - "text": "Promise" - } - } - }, - { - "kind": "method", - "name": "updateFlatpickrOptions", - "return": { - "type": { - "text": "Promise" - } - } - }, - { - "kind": "method", - "name": "setInitialDates", - "return": { - "type": { - "text": "void" - } - } - }, + "description": "Title text", + "fieldName": "titleText" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-error-block", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "ErrorBlock", + "declaration": { + "name": "ErrorBlock", + "module": "src/components/reusable/errorBlock/errorBlock.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-error-block", + "declaration": { + "name": "ErrorBlock", + "module": "src/components/reusable/errorBlock/errorBlock.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/errorBlock/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "ErrorBlock", + "declaration": { + "name": "ErrorBlock", + "module": "./errorBlock" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/globalFilter/globalFilter.ts", + "declarations": [ + { + "kind": "class", + "description": "Global Filter bar.", + "name": "GlobalFilter", + "slots": [ { - "kind": "method", - "name": "getComponentFlatpickrOptions", - "return": { - "type": { - "text": "Promise>" - } - } + "description": "Left slot, intended for search input and modal.", + "name": "unnamed" }, { - "kind": "method", - "name": "handleOpen", - "return": { - "type": { - "text": "void" - } - } + "description": "Right slot, intended for action buttons and overflow menu.", + "name": "actions" }, { - "kind": "method", - "name": "handleClose", - "return": { - "type": { - "text": "Promise" - } - } - }, + "description": "Slot below the filter bar, for tag group.", + "name": "tags" + } + ], + "members": [], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-global-filter", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "GlobalFilter", + "declaration": { + "name": "GlobalFilter", + "module": "src/components/reusable/globalFilter/globalFilter.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-global-filter", + "declaration": { + "name": "GlobalFilter", + "module": "src/components/reusable/globalFilter/globalFilter.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/globalFilter/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "GlobalFilter", + "declaration": { + "name": "GlobalFilter", + "module": "./globalFilter" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/inlineCodeView/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "InlineCodeView", + "declaration": { + "name": "InlineCodeView", + "module": "./inlineCodeView" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/inlineCodeView/inlineCodeView.ts", + "declarations": [ + { + "kind": "class", + "description": "`` component to display code snippets inline within HTML content.", + "name": "InlineCodeView", + "slots": [ { - "kind": "method", - "name": "handleDateChange", - "return": { - "type": { - "text": "Promise" - } - }, - "parameters": [ - { - "name": "selectedDates", - "type": { - "text": "Date[]" - } - }, - { - "name": "dateStr", - "type": { - "text": "string" - } - } - ] - }, + "description": "inline code snippet slot.", + "name": "unnamed" + } + ], + "members": [ { - "kind": "method", - "name": "setShouldFlatpickrOpen", - "privacy": "private", - "return": { - "type": { - "text": "void" - } + "kind": "field", + "name": "darkTheme", + "type": { + "text": "'light' | 'dark'" }, - "parameters": [ - { - "name": "value", - "type": { - "text": "boolean" - } - } - ] + "default": "'dark'", + "description": "Sets background and text theming.", + "attribute": "darkTheme" }, { - "kind": "method", - "name": "closeFlatpickr", - "privacy": "private", - "return": { - "type": { - "text": "void" - } - } - }, + "kind": "field", + "name": "snippetFontSize", + "type": { + "text": "number" + }, + "default": "14", + "description": "Font size value (px) to match code snippet font-size of surrounding text (min, default 14px).", + "attribute": "snippetFontSize" + } + ], + "attributes": [ { - "kind": "method", - "name": "preventFlatpickrOpen", - "privacy": "private", - "return": { - "type": { - "text": "void" - } + "name": "darkTheme", + "type": { + "text": "'light' | 'dark'" }, - "parameters": [ - { - "name": "event", - "type": { - "text": "Event" - } - } - ] + "default": "'dark'", + "description": "Sets background and text theming.", + "fieldName": "darkTheme" }, { - "kind": "method", - "name": "handleInputClickEvent", - "privacy": "private", - "return": { - "type": { - "text": "void" - } - } - }, + "name": "snippetFontSize", + "type": { + "text": "number" + }, + "default": "14", + "description": "Font size value (px) to match code snippet font-size of surrounding text (min, default 14px).", + "fieldName": "snippetFontSize" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-inline-code-view", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "InlineCodeView", + "declaration": { + "name": "InlineCodeView", + "module": "src/components/reusable/inlineCodeView/inlineCodeView.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-inline-code-view", + "declaration": { + "name": "InlineCodeView", + "module": "src/components/reusable/inlineCodeView/inlineCodeView.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/loaders/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "Loader", + "declaration": { + "name": "Loader", + "module": "./loader" + } + }, + { + "kind": "js", + "name": "LoaderInline", + "declaration": { + "name": "LoaderInline", + "module": "./inline" + } + }, + { + "kind": "js", + "name": "Skeleton", + "declaration": { + "name": "Skeleton", + "module": "./skeleton" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/loaders/inline.ts", + "declarations": [ + { + "kind": "class", + "description": "Inline Loader.", + "name": "LoaderInline", + "slots": [ { - "kind": "method", - "name": "handleInputFocusEvent", - "privacy": "private", - "return": { - "type": { - "text": "void" - } - } - }, + "description": "Slot for text/description.", + "name": "unnamed" + } + ], + "members": [ { - "kind": "method", - "name": "_validate", - "privacy": "private", - "return": { - "type": { - "text": "void" - } + "kind": "field", + "name": "status", + "type": { + "text": "string" }, - "parameters": [ - { - "name": "interacted", - "type": { - "text": "boolean" - } - }, - { - "name": "report", - "type": { - "text": "boolean" - } - } - ] + "default": "'active'", + "description": "Status. Can be `active`, `inactive`, `success`, `error`.", + "attribute": "status" }, { "kind": "method", - "name": "_onChange", + "name": "_emitStart", "privacy": "private" }, { "kind": "method", - "name": "_handleFormReset", + "name": "_emitStop", "privacy": "private" } ], "events": [ { - "description": "Captures the input event and emits the selected value and original event details.", - "name": "on-change" + "description": "Emits when the loader been started.", + "name": "on-start" + }, + { + "description": "Emits when the loader has been stopped and all animations have completed.", + "name": "on-stop" } ], "attributes": [ { - "name": "label", + "name": "status", "type": { "text": "string" }, - "default": "''", - "description": "Label text.", - "fieldName": "label" - }, + "default": "'active'", + "description": "Status. Can be `active`, `inactive`, `success`, `error`.", + "fieldName": "status" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-loader-inline", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "LoaderInline", + "declaration": { + "name": "LoaderInline", + "module": "src/components/reusable/loaders/inline.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-loader-inline", + "declaration": { + "name": "LoaderInline", + "module": "src/components/reusable/loaders/inline.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/loaders/loader.ts", + "declarations": [ + { + "kind": "class", + "description": "Loader.", + "name": "Loader", + "members": [ { - "name": "locale", + "kind": "field", + "name": "stopped", "type": { - "text": "SupportedLocale" + "text": "boolean" }, - "default": "'en'", - "fieldName": "locale" + "default": "false", + "description": "Animation stopped state", + "attribute": "stopped" }, { - "name": "dateFormat", + "kind": "field", + "name": "overlay", "type": { - "text": "string" + "text": "boolean" }, - "default": "'Y-m-d'", - "description": "Sets flatpickr value to define how the date will be displayed in the input box (ex: `Y-m-d H:i`).", - "fieldName": "dateFormat" + "default": "false", + "description": "Display the loader as an overlay", + "attribute": "overlay" }, { - "name": "defaultDate", - "type": { - "text": "Date | null" - }, - "default": "null", - "description": "Sets the initial selected date(s)", - "fieldName": "defaultDate" + "kind": "method", + "name": "_emitStart", + "privacy": "private" }, { - "name": "defaultErrorMessage", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets default error message.", - "fieldName": "defaultErrorMessage" + "kind": "method", + "name": "_emitStop", + "privacy": "private" + } + ], + "events": [ + { + "description": "Emits when the loader been started.", + "name": "on-start" }, { - "name": "required", + "description": "Emits when the loader has been stopped and all animations have completed.", + "name": "on-stop" + } + ], + "attributes": [ + { + "name": "stopped", "type": { "text": "boolean" }, "default": "false", - "description": "Sets datepicker form input value to required/required.", - "fieldName": "required" - }, - { - "name": "size", - "type": { - "text": "string" - }, - "default": "'md'", - "description": "Input size. \"sm\", \"md\", or \"lg\".", - "fieldName": "size" + "description": "Animation stopped state", + "fieldName": "stopped" }, { - "name": "value", + "name": "overlay", "type": { - "text": "Date | Date[] | null" + "text": "boolean" }, - "default": "null", - "description": "Sets pre-selected date/time value.", - "fieldName": "value" - }, + "default": "false", + "description": "Display the loader as an overlay", + "fieldName": "overlay" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-loader", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "Loader", + "declaration": { + "name": "Loader", + "module": "src/components/reusable/loaders/loader.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-loader", + "declaration": { + "name": "Loader", + "module": "src/components/reusable/loaders/loader.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/loaders/skeleton.ts", + "declarations": [ + { + "kind": "class", + "description": "", + "name": "Skeleton", + "members": [ { - "name": "warnText", + "kind": "field", + "name": "shape", "type": { - "text": "string" + "text": "'rectangle' | 'circle'" }, - "default": "''", - "description": "Sets validation warning messaging.", - "fieldName": "warnText" + "default": "'rectangle'", + "description": "Defines the shape of the skeleton element.", + "attribute": "shape", + "reflects": true }, { - "name": "disable", + "kind": "field", + "name": "size", "type": { - "text": "(string | number | Date)[]" + "text": "'small' | 'medium' | 'large' | string | undefined" }, - "default": "[]", - "description": "Sets flatpickr options setting to disable specific dates.", - "fieldName": "disable" + "description": "Optional: Predefined size or custom size value (e.g., 'small', '100px').", + "attribute": "size" }, { - "name": "enable", + "kind": "field", + "name": "width", "type": { - "text": "(string | number | Date)[]" + "text": "string | undefined" }, - "default": "[]", - "description": "Sets flatpickr options setting to enable specific dates.", - "fieldName": "enable" + "description": "Optional: Custom width (overrides size if provided).", + "attribute": "width" }, { - "name": "mode", + "kind": "field", + "name": "height", "type": { - "text": "'single' | 'multiple'" + "text": "string | undefined" }, - "default": "'single'", - "description": "Sets flatpickr mode to select single (default), multiple dates.", - "fieldName": "mode" + "description": "Optional: Custom height (overrides size if provided).", + "attribute": "height" }, { - "name": "caption", + "kind": "field", + "name": "lines", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Sets caption to be displayed under primary date picker elements.", - "fieldName": "caption" + "default": "1", + "description": "Sets the number of skeleton lines to display.", + "attribute": "lines" }, { - "name": "datePickerDisabled", + "kind": "field", + "name": "inline", "type": { "text": "boolean" }, "default": "false", - "description": "Sets entire datepicker form element to enabled/disabled.", - "fieldName": "datePickerDisabled" + "description": "Sets whether to display inline or block.", + "attribute": "inline" }, { - "name": "twentyFourHourFormat", + "kind": "field", + "name": "shade", "type": { - "text": "boolean | null" + "text": "'light' | 'dark' | string" }, - "default": "null", - "description": "Sets 24 hour formatting true/false.\nDefaults to 12H for all `en-*` locales and 24H for all other locales.", - "fieldName": "twentyFourHourFormat" - }, + "default": "'light'", + "description": "Defines the shade of the skeleton.", + "attribute": "shade" + } + ], + "attributes": [ { - "name": "minDate", + "name": "shape", "type": { - "text": "string | number | Date" + "text": "'rectangle' | 'circle'" }, - "default": "''", - "description": "Sets lower boundary of datepicker date selection.", - "fieldName": "minDate" + "default": "'rectangle'", + "description": "Defines the shape of the skeleton element.", + "fieldName": "shape" }, { - "name": "maxDate", + "name": "size", "type": { - "text": "string | number | Date" + "text": "'small' | 'medium' | 'large' | string | undefined" }, - "default": "''", - "description": "Sets upper boundary of datepicker date selection.", - "fieldName": "maxDate" + "description": "Optional: Predefined size or custom size value (e.g., 'small', '100px').", + "fieldName": "size" }, { - "name": "errorAriaLabel", + "name": "width", "type": { - "text": "string" + "text": "string | undefined" }, - "default": "''", - "description": "Sets aria label attribute for error message.", - "fieldName": "errorAriaLabel" + "description": "Optional: Custom width (overrides size if provided).", + "fieldName": "width" }, { - "name": "errorTitle", + "name": "height", "type": { - "text": "string" + "text": "string | undefined" }, - "default": "''", - "description": "Sets title attribute for error message.", - "fieldName": "errorTitle" + "description": "Optional: Custom height (overrides size if provided).", + "fieldName": "height" }, { - "name": "warningAriaLabel", + "name": "lines", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Sets aria label attribute for warning message.", - "fieldName": "warningAriaLabel" + "default": "1", + "description": "Sets the number of skeleton lines to display.", + "fieldName": "lines" }, { - "name": "warningTitle", + "name": "inline", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets title attribute for warning message.", - "fieldName": "warningTitle" + "default": "false", + "description": "Sets whether to display inline or block.", + "fieldName": "inline" }, { - "name": "textStrings", - "default": "_defaultTextStrings", - "description": "Customizable text strings.", - "fieldName": "textStrings" - } - ], - "mixins": [ - { - "name": "FormMixin", - "module": "/src/common/mixins/form-input" + "name": "shade", + "type": { + "text": "'light' | 'dark' | string" + }, + "default": "'light'", + "description": "Defines the shade of the skeleton.", + "fieldName": "shade" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-date-picker", + "tagName": "kyn-skeleton", "customElement": true } ], "exports": [ { "kind": "js", - "name": "DatePicker", + "name": "Skeleton", "declaration": { - "name": "DatePicker", - "module": "src/components/reusable/datePicker/datepicker.ts" + "name": "Skeleton", + "module": "src/components/reusable/loaders/skeleton.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-date-picker", + "name": "kyn-skeleton", "declaration": { - "name": "DatePicker", - "module": "src/components/reusable/datePicker/datepicker.ts" + "name": "Skeleton", + "module": "src/components/reusable/loaders/skeleton.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/datePicker/index.ts", + "path": "src/components/reusable/modal/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "DatePicker", + "name": "Modal", "declaration": { - "name": "DatePicker", - "module": "./datepicker" + "name": "Modal", + "module": "./modal" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/daterangepicker/daterangepicker.ts", + "path": "src/components/reusable/modal/modal.ts", "declarations": [ { "kind": "class", - "description": "Date Range Picker: uses Flatpickr library, range picker implementation -- `https://flatpickr.js.org/examples/#range-calendar`", - "name": "DateRangePicker", + "description": "Modal.", + "name": "Modal", "slots": [ { - "description": "Slot for tooltip.", - "name": "tooltip" + "description": "Slot for modal body content.", + "name": "unnamed" + }, + { + "description": "Slot for the anchor button content.", + "name": "anchor" } ], "members": [ { "kind": "field", - "name": "label", + "name": "open", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Modal open state.", + "attribute": "open" + }, + { + "kind": "field", + "name": "size", + "type": { + "text": "string" + }, + "default": "'auto'", + "description": "Modal size. `'auto'`, `'md'`, or `'lg'`.", + "attribute": "size" + }, + { + "kind": "field", + "name": "titleText", "type": { "text": "string" }, "default": "''", - "description": "Label text.", - "attribute": "label" + "description": "Title/heading text, required.", + "attribute": "titleText" }, { "kind": "field", - "name": "locale", + "name": "labelText", "type": { - "text": "SupportedLocale" + "text": "string" }, - "default": "'en'", - "description": "Sets and dynamically imports specific l10n calendar localization.", - "attribute": "locale" + "default": "''", + "description": "Label text, optional.", + "attribute": "labelText" }, { "kind": "field", - "name": "dateFormat", + "name": "okText", "type": { "text": "string" }, - "default": "'Y-m-d'", - "description": "Sets flatpickr value to define how the date will be displayed in the input box (ex: `Y-m-d H:i`).", - "attribute": "dateFormat" + "default": "'OK'", + "description": "OK button text.", + "attribute": "okText" }, { "kind": "field", - "name": "defaultDate", + "name": "cancelText", "type": { - "text": "Date | null" + "text": "string" }, - "default": "null", - "description": "Sets the initial selected date(s)", - "attribute": "defaultDate" + "default": "'Cancel'", + "description": "Cancel button text.", + "attribute": "cancelText" }, { "kind": "field", - "name": "defaultErrorMessage", + "name": "destructive", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Changes the primary button styles to indicate the action is destructive.", + "attribute": "destructive" + }, + { + "kind": "field", + "name": "okDisabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Disables the primary button.", + "attribute": "okDisabled" + }, + { + "kind": "field", + "name": "secondaryDisabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Disables the secondary button.", + "attribute": "secondaryDisabled" + }, + { + "kind": "field", + "name": "hideFooter", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Hides the footer/action buttons to create a passive modal.", + "attribute": "hideFooter" + }, + { + "kind": "field", + "name": "secondaryButtonText", + "type": { + "text": "string" + }, + "default": "'Secondary'", + "description": "Secondary button text.", + "attribute": "secondaryButtonText" + }, + { + "kind": "field", + "name": "showSecondaryButton", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Hides the secondary button.", + "attribute": "showSecondaryButton" + }, + { + "kind": "field", + "name": "hideCancelButton", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Hides the cancel button.", + "attribute": "hideCancelButton" + }, + { + "kind": "field", + "name": "beforeClose", + "type": { + "text": "Function" + }, + "description": "Function to execute before the modal can close. Useful for running checks or validations before closing. Exposes `returnValue` (`'ok'` or `'cancel'`). Must return `true` or `false`." + }, + { + "kind": "field", + "name": "closeText", + "type": { + "text": "string" + }, + "default": "'Close'", + "description": "Close button text.", + "attribute": "closeText" + }, + { + "kind": "method", + "name": "_openModal", + "privacy": "private" + }, + { + "kind": "method", + "name": "_closeModal", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "Event" + } + }, + { + "name": "returnValue", + "type": { + "text": "string" + } + } + ] + }, + { + "kind": "method", + "name": "_emitCloseEvent", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "Event" + } + } + ] + } + ], + "events": [ + { + "description": "Emits the modal close event with `returnValue` (`'ok'` or `'cancel'`).", + "name": "on-close" + } + ], + "attributes": [ + { + "name": "open", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Modal open state.", + "fieldName": "open" + }, + { + "name": "size", + "type": { + "text": "string" + }, + "default": "'auto'", + "description": "Modal size. `'auto'`, `'md'`, or `'lg'`.", + "fieldName": "size" + }, + { + "name": "titleText", + "type": { + "text": "string" + }, + "default": "''", + "description": "Title/heading text, required.", + "fieldName": "titleText" + }, + { + "name": "labelText", "type": { "text": "string" }, "default": "''", - "description": "Sets default error message.", - "attribute": "defaultErrorMessage" + "description": "Label text, optional.", + "fieldName": "labelText" }, { - "kind": "field", - "name": "value", + "name": "okText", "type": { - "text": "[Date | null, Date | null]" + "text": "string" }, - "default": "[null, null]", - "description": "Sets date/time range value.", - "attribute": "value" + "default": "'OK'", + "description": "OK button text.", + "fieldName": "okText" }, { - "kind": "field", - "name": "warnText", + "name": "cancelText", "type": { "text": "string" }, - "default": "''", - "description": "Sets validation warning messaging.", - "attribute": "warnText" + "default": "'Cancel'", + "description": "Cancel button text.", + "fieldName": "cancelText" }, { - "kind": "field", - "name": "disable", + "name": "destructive", "type": { - "text": "(string | number | Date)[]" + "text": "boolean" }, - "default": "[]", - "description": "Sets flatpickr options setting to disable specific dates.", - "attribute": "disable" + "default": "false", + "description": "Changes the primary button styles to indicate the action is destructive.", + "fieldName": "destructive" }, { - "kind": "field", - "name": "enable", + "name": "okDisabled", "type": { - "text": "(string | number | Date)[]" + "text": "boolean" }, - "default": "[]", - "description": "Sets flatpickr options setting to enable specific dates.", - "attribute": "enable" + "default": "false", + "description": "Disables the primary button.", + "fieldName": "okDisabled" }, { - "kind": "field", - "name": "caption", + "name": "secondaryDisabled", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets caption to be displayed under primary date picker elements.", - "attribute": "caption" + "default": "false", + "description": "Disables the secondary button.", + "fieldName": "secondaryDisabled" }, { - "kind": "field", - "name": "required", + "name": "hideFooter", "type": { "text": "boolean" }, "default": "false", - "description": "Sets date range picker form input value to required/required.", - "attribute": "required" + "description": "Hides the footer/action buttons to create a passive modal.", + "fieldName": "hideFooter" }, { - "kind": "field", - "name": "size", + "name": "secondaryButtonText", "type": { "text": "string" }, - "default": "'md'", - "description": "Input size. \"sm\", \"md\", or \"lg\".", - "attribute": "size" + "default": "'Secondary'", + "description": "Secondary button text.", + "fieldName": "secondaryButtonText" }, { - "kind": "field", - "name": "dateRangePickerDisabled", + "name": "showSecondaryButton", "type": { "text": "boolean" }, "default": "false", - "description": "Sets entire date range picker form element to enabled/disabled.", - "attribute": "dateRangePickerDisabled" + "description": "Hides the secondary button.", + "fieldName": "showSecondaryButton" }, { - "kind": "field", - "name": "twentyFourHourFormat", + "name": "hideCancelButton", "type": { - "text": "boolean | null" + "text": "boolean" }, - "default": "null", - "description": "Sets 24 hour formatting true/false.\nDefaults to 12H for all `en-` locales and 24H for all other locales.", - "attribute": "twentyFourHourFormat" + "default": "false", + "description": "Hides the cancel button.", + "fieldName": "hideCancelButton" }, { - "kind": "field", - "name": "minDate", + "name": "closeText", "type": { - "text": "string | number | Date" + "text": "string" }, - "default": "''", - "description": "Sets lower boundary of date range picker date selection.", - "attribute": "minDate" - }, + "default": "'Close'", + "description": "Close button text.", + "fieldName": "closeText" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-modal", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "Modal", + "declaration": { + "name": "Modal", + "module": "src/components/reusable/modal/modal.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-modal", + "declaration": { + "name": "Modal", + "module": "src/components/reusable/modal/modal.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/notification/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "Notification", + "declaration": { + "name": "Notification", + "module": "./notification" + } + }, + { + "kind": "js", + "name": "NotificationContainer", + "declaration": { + "name": "NotificationContainer", + "module": "./notificationContainer" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/notification/notification.ts", + "declarations": [ + { + "kind": "class", + "description": "Notification component.", + "name": "Notification", + "slots": [ { - "kind": "field", - "name": "maxDate", - "type": { - "text": "string | number | Date" - }, - "default": "''", - "description": "Sets upper boundary of date range picker date selection.", - "attribute": "maxDate" + "description": "Slot for notification message body.", + "name": "unnamed" }, + { + "description": "Slot for menu.", + "name": "actions" + } + ], + "members": [ { "kind": "field", - "name": "errorAriaLabel", + "name": "notificationTitle", "type": { "text": "string" }, "default": "''", - "description": "Sets aria label attribute for error message.", - "attribute": "errorAriaLabel" + "description": "Notification Title (Required).", + "attribute": "notificationTitle" }, { "kind": "field", - "name": "errorTitle", + "name": "notificationSubtitle", "type": { "text": "string" }, "default": "''", - "description": "Sets title attribute for error message.", - "attribute": "errorTitle" + "description": "Notification subtitle.(optional)", + "attribute": "notificationSubtitle" }, { "kind": "field", - "name": "warningAriaLabel", + "name": "timeStamp", "type": { "text": "string" }, "default": "''", - "description": "Sets aria label attribute for warning message.", - "attribute": "warningAriaLabel" + "description": "Timestamp of notification.\nIt is recommended to add the context along with the timestamp. Example: `Updated 2 mins ago`.", + "attribute": "timeStamp" }, { "kind": "field", - "name": "warningTitle", + "name": "href", "type": { "text": "string" }, "default": "''", - "description": "Sets title attribute for warning message.", - "attribute": "warningTitle" - }, - { - "kind": "field", - "name": "textStrings", - "default": "{\n requiredText: 'Required',\n clearAll: 'Clear',\n}", - "description": "Customizable text strings.", - "attribute": "textStrings", - "type": { - "text": "object" - } - }, - { - "kind": "method", - "name": "renderValidationMessage", - "privacy": "private", - "parameters": [ - { - "name": "errorId", - "type": { - "text": "string" - } - }, - { - "name": "warningId", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "_handleClear", - "privacy": "private", - "parameters": [ - { - "name": "event", - "type": { - "text": "Event" - } - } - ] - }, - { - "kind": "method", - "name": "getDateRangePickerClasses" - }, - { - "kind": "method", - "name": "reinitializeFlatpickr", - "privacy": "private" + "description": "Card href link", + "attribute": "href" }, { - "kind": "method", - "name": "setupAnchor", - "privacy": "private" + "kind": "field", + "name": "tagStatus", + "type": { + "text": "string" + }, + "default": "'default'", + "description": "Notification status / tag type. `'default'`, `'info'`, `'warning'`, `'success'` & `'error'`.", + "attribute": "tagStatus" }, { - "kind": "method", - "name": "initializeFlatpickr", - "privacy": "private" + "kind": "field", + "name": "type", + "type": { + "text": "string" + }, + "default": "'normal'", + "description": "Notification type. `'normal'`, `'inline'`, `'toast'` and `'clickable'`. Clickable type can be use inside notification panel", + "attribute": "type" }, { - "kind": "method", - "name": "getComponentFlatpickrOptions", - "return": { - "type": { - "text": "Promise>" - } - } + "kind": "field", + "name": "textStrings", + "type": { + "text": "any" + }, + "default": "{\n success: 'Success',\n warning: 'Warning',\n info: 'Info',\n error: 'Error',\n }", + "description": "Customizable text strings.", + "attribute": "textStrings" }, { - "kind": "method", - "name": "updateFlatpickrOptions" + "kind": "field", + "name": "closeBtnDescription", + "type": { + "text": "string" + }, + "default": "'Close'", + "description": "Close button description (Required to support accessibility).", + "attribute": "closeBtnDescription" }, { - "kind": "method", - "name": "setInitialDates", - "return": { - "type": { - "text": "void" - } - } + "kind": "field", + "name": "assistiveNotificationTypeText", + "type": { + "text": "string" + }, + "default": "''", + "description": "Assistive text for notification type.\nRequired for `'clickable'`, `'inline'` and `'toast'` notification types.", + "attribute": "assistiveNotificationTypeText" }, { - "kind": "method", - "name": "handleOpen", - "return": { - "type": { - "text": "void" - } - } + "kind": "field", + "name": "notificationRole", + "type": { + "text": "'alert' | 'log' | 'status' | undefined" + }, + "description": "Notification role (Required to support accessibility).", + "attribute": "notificationRole" }, { - "kind": "method", - "name": "handleDateChange", - "return": { - "type": { - "text": "Promise" - } + "kind": "field", + "name": "statusLabel", + "type": { + "text": "string" }, - "parameters": [ - { - "name": "selectedDates", - "type": { - "text": "Date[]" - } - } - ] + "default": "'Status'", + "description": "Status label (Required to support accessibility).\nAssign the localized string value for the word **Status**.", + "attribute": "statusLabel" }, { - "kind": "method", - "name": "handleClose" + "kind": "field", + "name": "unRead", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Set notification mark read prop. Required ony for `type: 'clickable'`.", + "attribute": "unRead", + "reflects": true }, { - "kind": "method", - "name": "updateSelectedDateRangeAria", - "parameters": [ - { - "name": "selectedDates", - "type": { - "text": "Date[]" - } - } - ] + "kind": "field", + "name": "hideCloseButton", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Hide close (x) button. Useful only for `type='toast'`. This required `timeout > 0` otherwise toast remain as it is when `hideCloseButton` is set true.", + "attribute": "hideCloseButton" }, { - "kind": "method", - "name": "setShouldFlatpickrOpen", - "privacy": "private", - "parameters": [ - { - "name": "value", - "type": { - "text": "boolean" - } - } - ] + "kind": "field", + "name": "timeout", + "type": { + "text": "number" + }, + "default": "8", + "description": "Timeout (Default 8 seconds for Toast). Specify an optional duration the toast notification should be closed in. Only apply with `type = 'toast'`", + "attribute": "timeout" }, { "kind": "method", - "name": "closeFlatpickr", + "name": "renderInnerUI", "privacy": "private" }, { "kind": "method", - "name": "preventFlatpickrOpen", - "privacy": "private", - "parameters": [ - { - "name": "event", - "type": { - "text": "Event" - } - } - ] - }, - { - "kind": "method", - "name": "handleInputClickEvent", + "name": "_close", "privacy": "private" }, { "kind": "method", - "name": "handleInputFocusEvent", + "name": "_handleClose", "privacy": "private" }, { "kind": "method", - "name": "_validate", + "name": "_handleCardClick", "privacy": "private", - "return": { - "type": { - "text": "void" - } - }, "parameters": [ { - "name": "interacted", - "type": { - "text": "boolean" - } - }, - { - "name": "report", + "name": "e", "type": { - "text": "boolean" + "text": "any" } } ] - }, - { - "kind": "method", - "name": "_onChange", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleFormReset", - "privacy": "private" } ], "events": [ { - "description": "Captures the input event and emits the selected value and original event details.", - "name": "on-change" + "description": "Emit event for clickable notification.", + "name": "on-notification-click" + }, + { + "description": "Emits when an inline/toast notification closes.", + "name": "on-close" } ], "attributes": [ { - "name": "label", - "type": { - "text": "string" - }, - "default": "''", - "description": "Label text.", - "fieldName": "label" - }, - { - "name": "locale", - "type": { - "text": "SupportedLocale" - }, - "default": "'en'", - "description": "Sets and dynamically imports specific l10n calendar localization.", - "fieldName": "locale" - }, - { - "name": "dateFormat", - "type": { - "text": "string" - }, - "default": "'Y-m-d'", - "description": "Sets flatpickr value to define how the date will be displayed in the input box (ex: `Y-m-d H:i`).", - "fieldName": "dateFormat" - }, - { - "name": "defaultDate", - "type": { - "text": "Date | null" - }, - "default": "null", - "description": "Sets the initial selected date(s)", - "fieldName": "defaultDate" - }, - { - "name": "defaultErrorMessage", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets default error message.", - "fieldName": "defaultErrorMessage" - }, - { - "name": "value", - "type": { - "text": "[Date | null, Date | null]" - }, - "default": "[null, null]", - "description": "Sets date/time range value.", - "fieldName": "value" - }, - { - "name": "warnText", + "name": "notificationTitle", "type": { "text": "string" }, "default": "''", - "description": "Sets validation warning messaging.", - "fieldName": "warnText" + "description": "Notification Title (Required).", + "fieldName": "notificationTitle" }, { - "name": "disable", + "name": "notificationSubtitle", "type": { - "text": "(string | number | Date)[]" + "text": "string" }, - "default": "[]", - "description": "Sets flatpickr options setting to disable specific dates.", - "fieldName": "disable" + "default": "''", + "description": "Notification subtitle.(optional)", + "fieldName": "notificationSubtitle" }, { - "name": "enable", + "name": "timeStamp", "type": { - "text": "(string | number | Date)[]" + "text": "string" }, - "default": "[]", - "description": "Sets flatpickr options setting to enable specific dates.", - "fieldName": "enable" + "default": "''", + "description": "Timestamp of notification.\nIt is recommended to add the context along with the timestamp. Example: `Updated 2 mins ago`.", + "fieldName": "timeStamp" }, { - "name": "caption", + "name": "href", "type": { "text": "string" }, "default": "''", - "description": "Sets caption to be displayed under primary date picker elements.", - "fieldName": "caption" + "description": "Card href link", + "fieldName": "href" }, { - "name": "required", + "name": "tagStatus", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Sets date range picker form input value to required/required.", - "fieldName": "required" + "default": "'default'", + "description": "Notification status / tag type. `'default'`, `'info'`, `'warning'`, `'success'` & `'error'`.", + "fieldName": "tagStatus" }, { - "name": "size", + "name": "type", "type": { "text": "string" }, - "default": "'md'", - "description": "Input size. \"sm\", \"md\", or \"lg\".", - "fieldName": "size" + "default": "'normal'", + "description": "Notification type. `'normal'`, `'inline'`, `'toast'` and `'clickable'`. Clickable type can be use inside notification panel", + "fieldName": "type" }, { - "name": "dateRangePickerDisabled", + "name": "textStrings", "type": { - "text": "boolean" + "text": "any" }, - "default": "false", - "description": "Sets entire date range picker form element to enabled/disabled.", - "fieldName": "dateRangePickerDisabled" + "default": "{\n success: 'Success',\n warning: 'Warning',\n info: 'Info',\n error: 'Error',\n }", + "description": "Customizable text strings.", + "fieldName": "textStrings" }, { - "name": "twentyFourHourFormat", + "name": "closeBtnDescription", "type": { - "text": "boolean | null" + "text": "string" }, - "default": "null", - "description": "Sets 24 hour formatting true/false.\nDefaults to 12H for all `en-` locales and 24H for all other locales.", - "fieldName": "twentyFourHourFormat" + "default": "'Close'", + "description": "Close button description (Required to support accessibility).", + "fieldName": "closeBtnDescription" }, { - "name": "minDate", + "name": "assistiveNotificationTypeText", "type": { - "text": "string | number | Date" + "text": "string" }, "default": "''", - "description": "Sets lower boundary of date range picker date selection.", - "fieldName": "minDate" + "description": "Assistive text for notification type.\nRequired for `'clickable'`, `'inline'` and `'toast'` notification types.", + "fieldName": "assistiveNotificationTypeText" }, { - "name": "maxDate", + "name": "notificationRole", "type": { - "text": "string | number | Date" + "text": "'alert' | 'log' | 'status' | undefined" }, - "default": "''", - "description": "Sets upper boundary of date range picker date selection.", - "fieldName": "maxDate" + "description": "Notification role (Required to support accessibility).", + "fieldName": "notificationRole" }, { - "name": "errorAriaLabel", + "name": "statusLabel", "type": { "text": "string" }, - "default": "''", - "description": "Sets aria label attribute for error message.", - "fieldName": "errorAriaLabel" + "default": "'Status'", + "description": "Status label (Required to support accessibility).\nAssign the localized string value for the word **Status**.", + "fieldName": "statusLabel" }, { - "name": "errorTitle", + "name": "unRead", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets title attribute for error message.", - "fieldName": "errorTitle" + "default": "false", + "description": "Set notification mark read prop. Required ony for `type: 'clickable'`.", + "fieldName": "unRead" }, { - "name": "warningAriaLabel", + "name": "hideCloseButton", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets aria label attribute for warning message.", - "fieldName": "warningAriaLabel" + "default": "false", + "description": "Hide close (x) button. Useful only for `type='toast'`. This required `timeout > 0` otherwise toast remain as it is when `hideCloseButton` is set true.", + "fieldName": "hideCloseButton" }, { - "name": "warningTitle", + "name": "timeout", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Sets title attribute for warning message.", - "fieldName": "warningTitle" - }, - { - "name": "textStrings", - "default": "_defaultTextStrings", - "description": "Customizable text strings.", - "fieldName": "textStrings" + "default": "8", + "description": "Timeout (Default 8 seconds for Toast). Specify an optional duration the toast notification should be closed in. Only apply with `type = 'toast'`", + "fieldName": "timeout" } ], - "mixins": [ + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-notification", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "Notification", + "declaration": { + "name": "Notification", + "module": "src/components/reusable/notification/notification.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-notification", + "declaration": { + "name": "Notification", + "module": "src/components/reusable/notification/notification.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/notification/notificationContainer.ts", + "declarations": [ + { + "kind": "class", + "description": "Notification container component for Toast notification.\nUsage is limited for ..", + "name": "NotificationContainer", + "slots": [ { - "name": "FormMixin", - "module": "/src/common/mixins/form-input" + "description": "Slot for component.", + "name": "unnamed" } ], + "members": [], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-date-range-picker", + "tagName": "kyn-notification-container", "customElement": true } ], "exports": [ { "kind": "js", - "name": "DateRangePicker", + "name": "NotificationContainer", "declaration": { - "name": "DateRangePicker", - "module": "src/components/reusable/daterangepicker/daterangepicker.ts" + "name": "NotificationContainer", + "module": "src/components/reusable/notification/notificationContainer.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-date-range-picker", + "name": "kyn-notification-container", "declaration": { - "name": "DateRangePicker", - "module": "src/components/reusable/daterangepicker/daterangepicker.ts" + "name": "NotificationContainer", + "module": "src/components/reusable/notification/notificationContainer.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/daterangepicker/index.ts", + "path": "src/components/reusable/numberInput/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "DateRangePicker", + "name": "NumberInput", "declaration": { - "name": "DateRangePicker", - "module": "./daterangepicker" + "name": "NumberInput", + "module": "./numberInput" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/dropdown/dropdown.ts", + "path": "src/components/reusable/numberInput/numberInput.ts", "declarations": [ { "kind": "class", - "description": "Dropdown, single select.", - "name": "Dropdown", + "description": "Number input.", + "name": "NumberInput", "slots": [ - { - "description": "Slot for dropdown options.", - "name": "unnamed" - }, { "description": "Slot for tooltip.", "name": "tooltip" @@ -4769,78 +5016,28 @@ "text": "string" }, "default": "'md'", - "description": "Dropdown size/height. \"sm\", \"md\", or \"lg\".", + "description": "Input size. \"sm\", \"md\", or \"lg\".", "attribute": "size" }, { "kind": "field", - "name": "inline", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Dropdown inline style type.", - "attribute": "inline" - }, - { - "kind": "field", - "name": "caption", - "type": { - "text": "string" - }, - "default": "''", - "description": "Optional text beneath the input.", - "attribute": "caption" - }, - { - "kind": "field", - "name": "placeholder", - "type": { - "text": "string" - }, - "default": "''", - "description": "Dropdown placeholder.", - "attribute": "placeholder" - }, - { - "kind": "field", - "name": "open", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Listbox/drawer open state.", - "attribute": "open" - }, - { - "kind": "field", - "name": "searchable", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Makes the dropdown searchable.", - "attribute": "searchable" - }, - { - "kind": "field", - "name": "filterSearch", + "name": "value", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Searchable variant filters results.", - "attribute": "filterSearch" + "default": "0", + "description": "Input value.", + "attribute": "value" }, { "kind": "field", - "name": "multiple", + "name": "placeholder", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Enabled multi-select functionality.", - "attribute": "multiple" + "default": "''", + "description": "Input placeholder.", + "attribute": "placeholder" }, { "kind": "field", @@ -4849,7 +5046,7 @@ "text": "boolean" }, "default": "false", - "description": "Makes the dropdown required.", + "description": "Makes the input required.", "attribute": "required" }, { @@ -4859,273 +5056,93 @@ "text": "boolean" }, "default": "false", - "description": "Dropdown disabled state.", + "description": "Input disabled state.", "attribute": "disabled" }, { "kind": "field", - "name": "hideTags", + "name": "caption", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Hide the tags below multi-select.", - "attribute": "hideTags" + "default": "''", + "description": "Optional text beneath the input.", + "attribute": "caption" }, { "kind": "field", - "name": "selectAll", + "name": "max", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Adds a \"Select all\" option to the top of a multi-select dropdown.", - "attribute": "selectAll" + "description": "Maximum value.", + "attribute": "max" }, { "kind": "field", - "name": "selectAllText", + "name": "min", "type": { - "text": "string" + "text": "number" }, - "default": "'Select all'", - "description": "\"Select all\" text customization.", - "attribute": "selectAllText" + "description": "Minimum value.", + "attribute": "min" }, { "kind": "field", - "name": "menuMinWidth", + "name": "step", "type": { - "text": "string" + "text": "number" }, - "default": "'initial'", - "description": "Menu CSS min-width value.", - "attribute": "menuMinWidth" + "default": "1", + "description": "Step value.", + "attribute": "step" }, { "kind": "field", - "name": "textStrings", - "default": "{\n selectedOptions: 'List of selected options',\n required: 'Required',\n error: 'Error',\n}", - "description": "Text string customization.", - "attribute": "textStrings", + "name": "hideLabel", "type": { - "text": "object" - } + "text": "boolean" + }, + "default": "false", + "description": "Visually hide the label.", + "attribute": "hideLabel" }, { "kind": "field", - "name": "searchText", + "name": "textStrings", + "default": "{\n requiredText: 'Required',\n subtract: 'Subtract',\n add: 'Add',\n error: 'Error',\n}", + "description": "Customizable text strings.", + "attribute": "textStrings", "type": { - "text": "string" - }, - "default": "''", - "description": "Search input value.", - "attribute": "searchText" - }, - { - "kind": "method", - "name": "handleSlotChange", - "privacy": "private" - }, - { - "kind": "method", - "name": "handleClick", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleLabelClick", - "privacy": "private" - }, - { - "kind": "method", - "name": "handleButtonKeydown", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "handleListKeydown", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "handleListBlur", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "handleKeyboard", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - }, - { - "name": "keyCode", - "type": { - "text": "number" - } - }, - { - "name": "target", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "handleClearMultiple", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "handleTagClear", - "privacy": "private", - "parameters": [ - { - "name": "value", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "handleClear", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "handleSearchClick", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "handleButtonBlur", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "handleSearchBlur", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "handleSearchKeydown", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] + "text": "object" + } }, { "kind": "method", - "name": "handleSearchInput", + "name": "_sizeMap", "privacy": "private", "parameters": [ { - "name": "e", + "name": "size", "type": { - "text": "any" + "text": "string" } } ] }, { "kind": "method", - "name": "_updateSelectedOptions", + "name": "_handleSubtract", "privacy": "private" }, { "kind": "method", - "name": "_handleClick", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] + "name": "_handleAdd", + "privacy": "private" }, { "kind": "method", - "name": "_handleBlur", + "name": "_handleInput", "privacy": "private", "parameters": [ { @@ -5138,31 +5155,15 @@ }, { "kind": "method", - "name": "_handleClickOut", + "name": "_emitValue", "privacy": "private", "parameters": [ { "name": "e", + "optional": true, "type": { - "text": "Event" - } - } - ] - }, - { - "kind": "method", - "name": "updateValue", - "privacy": "private", - "parameters": [ - { - "name": "value", - "type": { - "text": "string" + "text": "any" } - }, - { - "name": "selected", - "default": "false" } ] }, @@ -5184,40 +5185,12 @@ } } ] - }, - { - "kind": "method", - "name": "emitValue", - "privacy": "private" - }, - { - "kind": "method", - "name": "_emitSearch", - "privacy": "private" - }, - { - "kind": "method", - "name": "_updateTags", - "privacy": "private" - }, - { - "kind": "method", - "name": "_updateOptions", - "privacy": "private" } ], "events": [ { - "description": "Captures the input event and emits the selected value and original event details.", - "name": "on-change" - }, - { - "description": "Capture the search input event and emits the search text.", - "name": "on-search" - }, - { - "description": "Captures the the multi-select clear all button click event and emits the value.", - "name": "on-clear-all" + "description": "Captures the input event and emits the value and original event details.", + "name": "on-input" } ], "attributes": [ @@ -5236,26 +5209,17 @@ "text": "string" }, "default": "'md'", - "description": "Dropdown size/height. \"sm\", \"md\", or \"lg\".", + "description": "Input size. \"sm\", \"md\", or \"lg\".", "fieldName": "size" }, { - "name": "inline", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Dropdown inline style type.", - "fieldName": "inline" - }, - { - "name": "caption", + "name": "value", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Optional text beneath the input.", - "fieldName": "caption" + "default": "0", + "description": "Input value.", + "fieldName": "value" }, { "name": "placeholder", @@ -5263,113 +5227,75 @@ "text": "string" }, "default": "''", - "description": "Dropdown placeholder.", + "description": "Input placeholder.", "fieldName": "placeholder" }, { - "name": "open", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Listbox/drawer open state.", - "fieldName": "open" - }, - { - "name": "searchable", + "name": "required", "type": { "text": "boolean" }, "default": "false", - "description": "Makes the dropdown searchable.", - "fieldName": "searchable" + "description": "Makes the input required.", + "fieldName": "required" }, { - "name": "filterSearch", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Searchable variant filters results.", - "fieldName": "filterSearch" + "description": "Input disabled state.", + "fieldName": "disabled" }, { - "name": "multiple", + "name": "caption", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Enabled multi-select functionality.", - "fieldName": "multiple" + "default": "''", + "description": "Optional text beneath the input.", + "fieldName": "caption" }, { - "name": "required", + "name": "max", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Makes the dropdown required.", - "fieldName": "required" + "description": "Maximum value.", + "fieldName": "max" }, { - "name": "disabled", + "name": "min", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Dropdown disabled state.", - "fieldName": "disabled" + "description": "Minimum value.", + "fieldName": "min" }, { - "name": "hideTags", + "name": "step", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Hide the tags below multi-select.", - "fieldName": "hideTags" + "default": "1", + "description": "Step value.", + "fieldName": "step" }, { - "name": "selectAll", + "name": "hideLabel", "type": { "text": "boolean" }, "default": "false", - "description": "Adds a \"Select all\" option to the top of a multi-select dropdown.", - "fieldName": "selectAll" - }, - { - "name": "selectAllText", - "type": { - "text": "string" - }, - "default": "'Select all'", - "description": "\"Select all\" text customization.", - "fieldName": "selectAllText" - }, - { - "name": "menuMinWidth", - "type": { - "text": "string" - }, - "default": "'initial'", - "description": "Menu CSS min-width value.", - "fieldName": "menuMinWidth" + "description": "Visually hide the label.", + "fieldName": "hideLabel" }, { "name": "textStrings", "default": "_defaultTextStrings", - "description": "Text string customization.", + "description": "Customizable text strings.", "fieldName": "textStrings" - }, - { - "name": "searchText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Search input value.", - "fieldName": "searchText" } ], "mixins": [ @@ -5382,146 +5308,161 @@ "name": "LitElement", "package": "lit" }, - "tagName": "kyn-dropdown", + "tagName": "kyn-number-input", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Dropdown", + "name": "NumberInput", "declaration": { - "name": "Dropdown", - "module": "src/components/reusable/dropdown/dropdown.ts" + "name": "NumberInput", + "module": "src/components/reusable/numberInput/numberInput.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-dropdown", + "name": "kyn-number-input", "declaration": { - "name": "Dropdown", - "module": "src/components/reusable/dropdown/dropdown.ts" + "name": "NumberInput", + "module": "src/components/reusable/numberInput/numberInput.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/dropdown/dropdownCategory.ts", - "declarations": [ - { - "kind": "class", - "description": "Dropdown category.", - "name": "DropdownCategory", - "slots": [ - { - "description": "Slot for category title text.", - "name": "unnamed" - } - ], - "members": [], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-dropdown-category", - "customElement": true - } - ], + "path": "src/components/reusable/overflowMenu/index.ts", + "declarations": [], "exports": [ { "kind": "js", - "name": "DropdownCategory", + "name": "OverflowMenu", "declaration": { - "name": "DropdownCategory", - "module": "src/components/reusable/dropdown/dropdownCategory.ts" + "name": "OverflowMenu", + "module": "./overflowMenu" } }, { - "kind": "custom-element-definition", - "name": "kyn-dropdown-category", + "kind": "js", + "name": "OverflowMenuItem", "declaration": { - "name": "DropdownCategory", - "module": "src/components/reusable/dropdown/dropdownCategory.ts" + "name": "OverflowMenuItem", + "module": "./overflowMenuItem" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/dropdown/dropdownOption.ts", + "path": "src/components/reusable/overflowMenu/overflowMenu.ts", "declarations": [ { "kind": "class", - "description": "Dropdown option.", - "name": "DropdownOption", + "description": "Overflow Menu.", + "name": "OverflowMenu", "slots": [ { - "description": "Slot for option text.", + "description": "Slot for overflow menu items.", "name": "unnamed" } ], "members": [ { "kind": "field", - "name": "value", + "name": "open", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Menu open state.", + "attribute": "open" + }, + { + "kind": "field", + "name": "anchorRight", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Option value.", - "attribute": "value" + "default": "false", + "description": "Anchors the menu to the right of the button.", + "attribute": "anchorRight" }, { "kind": "field", - "name": "disabled", + "name": "verticalDots", "type": { "text": "boolean" }, "default": "false", - "description": "Option disabled state.", - "attribute": "disabled" + "description": "3 dots vertical orientation.", + "attribute": "verticalDots" }, { "kind": "field", - "name": "indeterminate", + "name": "fixed", "type": { "text": "boolean" }, "default": "false", - "description": "Determines whether the checkbox is in an indeterminate state.", - "attribute": "indeterminate", - "reflects": true + "description": "Use fixed instead of absolute position. Useful when placed within elements with overflow scroll.", + "attribute": "fixed" + }, + { + "kind": "field", + "name": "assistiveText", + "type": { + "text": "string" + }, + "default": "'Toggle Menu'", + "description": "Button assistive text..", + "attribute": "assistiveText" }, { "kind": "method", - "name": "handleSlotChange", + "name": "_emitToggleEvent", + "privacy": "private" + }, + { + "kind": "method", + "name": "toggleMenu", + "privacy": "private" + }, + { + "kind": "method", + "name": "_positionMenu", + "privacy": "private" + }, + { + "kind": "method", + "name": "handleClickOut", "privacy": "private", "parameters": [ { "name": "e", "type": { - "text": "any" + "text": "Event" } } ] }, { "kind": "method", - "name": "handleClick", + "name": "handleEscapePress", "privacy": "private", "parameters": [ { "name": "e", "type": { - "text": "Event" + "text": "any" } } ] }, { "kind": "method", - "name": "handleBlur", + "name": "handleKeyDown", "privacy": "private", "parameters": [ { @@ -5531,1311 +5472,1700 @@ } } ] + }, + { + "kind": "method", + "name": "getMenuItems" + }, + { + "kind": "method", + "name": "getMenu" } ], "events": [ { - "description": "Emits the option details to the parent dropdown.", - "name": "on-click" + "description": "Capture the open/close event and emits the new state.", + "name": "on-toggle" } ], "attributes": [ { - "name": "value", + "name": "open", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Option value.", - "fieldName": "value" + "default": "false", + "description": "Menu open state.", + "fieldName": "open" }, { - "name": "disabled", + "name": "anchorRight", "type": { "text": "boolean" }, "default": "false", - "description": "Option disabled state.", - "fieldName": "disabled" + "description": "Anchors the menu to the right of the button.", + "fieldName": "anchorRight" }, { - "name": "indeterminate", + "name": "verticalDots", "type": { "text": "boolean" }, "default": "false", - "description": "Determines whether the checkbox is in an indeterminate state.", - "fieldName": "indeterminate" + "description": "3 dots vertical orientation.", + "fieldName": "verticalDots" + }, + { + "name": "fixed", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Use fixed instead of absolute position. Useful when placed within elements with overflow scroll.", + "fieldName": "fixed" + }, + { + "name": "assistiveText", + "type": { + "text": "string" + }, + "default": "'Toggle Menu'", + "description": "Button assistive text..", + "fieldName": "assistiveText" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-dropdown-option", + "tagName": "kyn-overflow-menu", "customElement": true } ], "exports": [ { "kind": "js", - "name": "DropdownOption", + "name": "OverflowMenu", "declaration": { - "name": "DropdownOption", - "module": "src/components/reusable/dropdown/dropdownOption.ts" + "name": "OverflowMenu", + "module": "src/components/reusable/overflowMenu/overflowMenu.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-dropdown-option", - "declaration": { - "name": "DropdownOption", - "module": "src/components/reusable/dropdown/dropdownOption.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/dropdown/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "Dropdown", - "declaration": { - "name": "Dropdown", - "module": "./dropdown" - } - }, - { - "kind": "js", - "name": "DropdownOption", - "declaration": { - "name": "DropdownOption", - "module": "./dropdownOption" - } - }, - { - "kind": "js", - "name": "DropdownCategory", + "name": "kyn-overflow-menu", "declaration": { - "name": "DropdownCategory", - "module": "./dropdownCategory" + "name": "OverflowMenu", + "module": "src/components/reusable/overflowMenu/overflowMenu.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/errorBlock/errorBlock.ts", + "path": "src/components/reusable/overflowMenu/overflowMenuItem.ts", "declarations": [ { "kind": "class", - "description": "Error block.", - "name": "ErrorBlock", + "description": "Overflow Menu.", + "name": "OverflowMenuItem", "slots": [ { - "description": "Slot for the error description.", + "description": "Slot for item text.", "name": "unnamed" + } + ], + "members": [ + { + "kind": "field", + "name": "href", + "type": { + "text": "string" + }, + "default": "''", + "description": "Makes the item a link.", + "attribute": "href" }, { - "description": "Slot for the error image.", - "name": "image" + "kind": "field", + "name": "destructive", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Adds destructive styles.", + "attribute": "destructive" }, { - "description": "Slot for the action buttons.", - "name": "actions" - } - ], - "members": [ + "kind": "field", + "name": "disabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Item disabled state.", + "attribute": "disabled" + }, { "kind": "field", - "name": "titleText", + "name": "description", "type": { "text": "string" }, "default": "''", - "description": "Title text", - "attribute": "titleText" + "description": "Item description text for screen reader's", + "attribute": "description" + }, + { + "kind": "method", + "name": "handleClick", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "Event" + } + } + ] + }, + { + "kind": "method", + "name": "handleKeyDown", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + } + ] + }, + { + "kind": "method", + "name": "checkOverflow", + "privacy": "private" + } + ], + "events": [ + { + "description": "Captures the click event and emits the original event details.", + "name": "on-click" } ], "attributes": [ { - "name": "titleText", + "name": "href", + "type": { + "text": "string" + }, + "default": "''", + "description": "Makes the item a link.", + "fieldName": "href" + }, + { + "name": "destructive", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Title text", - "fieldName": "titleText" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-error-block", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "ErrorBlock", - "declaration": { - "name": "ErrorBlock", - "module": "src/components/reusable/errorBlock/errorBlock.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-error-block", - "declaration": { - "name": "ErrorBlock", - "module": "src/components/reusable/errorBlock/errorBlock.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/errorBlock/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "ErrorBlock", - "declaration": { - "name": "ErrorBlock", - "module": "./errorBlock" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/globalFilter/globalFilter.ts", - "declarations": [ - { - "kind": "class", - "description": "Global Filter bar.", - "name": "GlobalFilter", - "slots": [ - { - "description": "Left slot, intended for search input and modal.", - "name": "unnamed" + "default": "false", + "description": "Adds destructive styles.", + "fieldName": "destructive" }, { - "description": "Right slot, intended for action buttons and overflow menu.", - "name": "actions" + "name": "disabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Item disabled state.", + "fieldName": "disabled" }, { - "description": "Slot below the filter bar, for tag group.", - "name": "tags" + "name": "description", + "type": { + "text": "string" + }, + "default": "''", + "description": "Item description text for screen reader's", + "fieldName": "description" } ], - "members": [], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-global-filter", + "tagName": "kyn-overflow-menu-item", "customElement": true } ], "exports": [ { "kind": "js", - "name": "GlobalFilter", + "name": "OverflowMenuItem", "declaration": { - "name": "GlobalFilter", - "module": "src/components/reusable/globalFilter/globalFilter.ts" + "name": "OverflowMenuItem", + "module": "src/components/reusable/overflowMenu/overflowMenuItem.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-global-filter", - "declaration": { - "name": "GlobalFilter", - "module": "src/components/reusable/globalFilter/globalFilter.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/globalFilter/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "GlobalFilter", + "name": "kyn-overflow-menu-item", "declaration": { - "name": "GlobalFilter", - "module": "./globalFilter" + "name": "OverflowMenuItem", + "module": "src/components/reusable/overflowMenu/overflowMenuItem.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/inlineCodeView/index.ts", + "path": "src/components/reusable/pagetitle/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "InlineCodeView", + "name": "PageTitle", "declaration": { - "name": "InlineCodeView", - "module": "./inlineCodeView" + "name": "PageTitle", + "module": "./pageTitle" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/inlineCodeView/inlineCodeView.ts", + "path": "src/components/reusable/pagetitle/pageTitle.ts", "declarations": [ { "kind": "class", - "description": "`` component to display code snippets inline within HTML content.", - "name": "InlineCodeView", + "description": "Page Title", + "name": "PageTitle", "slots": [ { - "description": "inline code snippet slot.", - "name": "unnamed" + "description": "Slot for icon. Use size 56 * 56 as per UX guidelines.", + "name": "icon" } ], "members": [ { "kind": "field", - "name": "darkTheme", + "name": "headLine", "type": { - "text": "'light' | 'dark'" + "text": "string" }, - "default": "'dark'", - "description": "Sets background and text theming.", - "attribute": "darkTheme" + "default": "''", + "description": "Headline text.", + "attribute": "headLine" }, { "kind": "field", - "name": "snippetFontSize", + "name": "pageTitle", "type": { - "text": "number" + "text": "string" }, - "default": "14", - "description": "Font size value (px) to match code snippet font-size of surrounding text (min, default 14px).", - "attribute": "snippetFontSize" + "default": "''", + "description": "Page title text (required).", + "attribute": "pageTitle" + }, + { + "kind": "field", + "name": "subTitle", + "type": { + "text": "string" + }, + "default": "''", + "description": "Page subtitle text.", + "attribute": "subTitle" + }, + { + "kind": "field", + "name": "type", + "type": { + "text": "string" + }, + "default": "'primary'", + "description": "Type of page title `'primary'` & `'secondary'`.", + "attribute": "type" } ], "attributes": [ { - "name": "darkTheme", + "name": "headLine", "type": { - "text": "'light' | 'dark'" + "text": "string" }, - "default": "'dark'", - "description": "Sets background and text theming.", - "fieldName": "darkTheme" + "default": "''", + "description": "Headline text.", + "fieldName": "headLine" }, { - "name": "snippetFontSize", + "name": "pageTitle", "type": { - "text": "number" + "text": "string" }, - "default": "14", - "description": "Font size value (px) to match code snippet font-size of surrounding text (min, default 14px).", - "fieldName": "snippetFontSize" + "default": "''", + "description": "Page title text (required).", + "fieldName": "pageTitle" + }, + { + "name": "subTitle", + "type": { + "text": "string" + }, + "default": "''", + "description": "Page subtitle text.", + "fieldName": "subTitle" + }, + { + "name": "type", + "type": { + "text": "string" + }, + "default": "'primary'", + "description": "Type of page title `'primary'` & `'secondary'`.", + "fieldName": "type" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-inline-code-view", + "tagName": "kyn-page-title", "customElement": true } ], "exports": [ { "kind": "js", - "name": "InlineCodeView", + "name": "PageTitle", "declaration": { - "name": "InlineCodeView", - "module": "src/components/reusable/inlineCodeView/inlineCodeView.ts" + "name": "PageTitle", + "module": "src/components/reusable/pagetitle/pageTitle.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-inline-code-view", + "name": "kyn-page-title", "declaration": { - "name": "InlineCodeView", - "module": "src/components/reusable/inlineCodeView/inlineCodeView.ts" + "name": "PageTitle", + "module": "src/components/reusable/pagetitle/pageTitle.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/loaders/index.ts", + "path": "src/components/reusable/progressBar/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "Loader", - "declaration": { - "name": "Loader", - "module": "./loader" - } - }, - { - "kind": "js", - "name": "LoaderInline", - "declaration": { - "name": "LoaderInline", - "module": "./inline" - } - }, - { - "kind": "js", - "name": "Skeleton", + "name": "ProgressBar", "declaration": { - "name": "Skeleton", - "module": "./skeleton" + "name": "ProgressBar", + "module": "./progressBar" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/loaders/inline.ts", + "path": "src/components/reusable/progressBar/progressBar.ts", "declarations": [ { "kind": "class", - "description": "Inline Loader.", - "name": "LoaderInline", + "description": "`` -- progress bar status indicator component.", + "name": "ProgressBar", "slots": [ { - "description": "Slot for text/description.", + "description": "Slot for tooltip text content.", "name": "unnamed" } ], "members": [ { "kind": "field", - "name": "status", + "name": "showInlineLoadStatus", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Sets visibility of optional inline load status spinner.", + "attribute": "showInlineLoadStatus" + }, + { + "kind": "field", + "name": "showActiveHelperText", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Controls whether to show default helper text for active state.", + "attribute": "showActiveHelperText" + }, + { + "kind": "field", + "name": "progressBarId", "type": { "text": "string" }, + "default": "''", + "description": "Sets progress bar html id property for accessibility (ex: `example-progress-bar`).", + "attribute": "progressBarId" + }, + { + "kind": "field", + "name": "status", + "type": { + "text": "'active' | 'success' | 'error'" + }, "default": "'active'", - "description": "Status. Can be `active`, `inactive`, `success`, `error`.", + "description": "Sets progress bar status mode.", "attribute": "status" }, + { + "kind": "field", + "name": "value", + "type": { + "text": "number | null" + }, + "default": "null", + "description": "Sets initial progress bar value (optionally hard-coded).", + "attribute": "value" + }, + { + "kind": "field", + "name": "max", + "type": { + "text": "number" + }, + "default": "100", + "description": "Sets manual max value (default = 100).", + "attribute": "max" + }, + { + "kind": "field", + "name": "label", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets optional progress bar label.", + "attribute": "label" + }, + { + "kind": "field", + "name": "helperText", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets optional helper text that appears underneath progress bar element.", + "attribute": "helperText" + }, + { + "kind": "field", + "name": "unit", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets the unit for progress measurement (ex: 'MB', 'GB', '%')", + "attribute": "unit" + }, + { + "kind": "field", + "name": "hideLabel", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Visually hide the label.", + "attribute": "hideLabel" + }, { "kind": "method", - "name": "_emitStart", - "privacy": "private" + "name": "renderProgressBar", + "privacy": "private", + "parameters": [ + { + "name": "currentStatus", + "type": { + "text": "ProgressStatus" + } + }, + { + "name": "currentValue", + "type": { + "text": "number | null" + } + } + ] }, { "kind": "method", - "name": "_emitStop", + "name": "renderProgressBarLabel", + "privacy": "private", + "parameters": [ + { + "name": "currentStatus", + "type": { + "text": "ProgressStatus" + } + }, + { + "name": "currentValue", + "type": { + "text": "number | null" + } + } + ] + }, + { + "kind": "method", + "name": "renderStatusIconOrLoader", + "privacy": "private", + "parameters": [ + { + "name": "currentStatus", + "type": { + "text": "ProgressStatus" + } + }, + { + "name": "currentValue", + "type": { + "text": "number | null" + } + } + ] + }, + { + "kind": "method", + "name": "getProgressBarClasses", + "privacy": "private", + "parameters": [ + { + "name": "status", + "type": { + "text": "ProgressStatus" + } + } + ] + }, + { + "kind": "method", + "name": "getHelperText", "privacy": "private" - } - ], - "events": [ + }, { - "description": "Emits when the loader been started.", - "name": "on-start" + "kind": "method", + "name": "getCurrentStatus", + "privacy": "private", + "return": { + "type": { + "text": "ProgressStatus" + } + }, + "parameters": [ + { + "name": "currentValue", + "type": { + "text": "number | null" + } + } + ] }, { - "description": "Emits when the loader has been stopped and all animations have completed.", - "name": "on-stop" + "kind": "method", + "name": "startProgress", + "privacy": "private" + }, + { + "kind": "method", + "name": "cancelAnimation", + "privacy": "private" } ], "attributes": [ { - "name": "status", + "name": "showInlineLoadStatus", "type": { - "text": "string" + "text": "boolean" }, - "default": "'active'", - "description": "Status. Can be `active`, `inactive`, `success`, `error`.", - "fieldName": "status" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-loader-inline", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "LoaderInline", - "declaration": { - "name": "LoaderInline", - "module": "src/components/reusable/loaders/inline.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-loader-inline", - "declaration": { - "name": "LoaderInline", - "module": "src/components/reusable/loaders/inline.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/loaders/loader.ts", - "declarations": [ - { - "kind": "class", - "description": "Loader.", - "name": "Loader", - "members": [ + "default": "false", + "description": "Sets visibility of optional inline load status spinner.", + "fieldName": "showInlineLoadStatus" + }, { - "kind": "field", - "name": "stopped", + "name": "showActiveHelperText", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Controls whether to show default helper text for active state.", + "fieldName": "showActiveHelperText" + }, + { + "name": "progressBarId", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Animation stopped state", - "attribute": "stopped" + "default": "''", + "description": "Sets progress bar html id property for accessibility (ex: `example-progress-bar`).", + "fieldName": "progressBarId" }, { - "kind": "field", - "name": "overlay", + "name": "status", "type": { - "text": "boolean" + "text": "'active' | 'success' | 'error'" }, - "default": "false", - "description": "Display the loader as an overlay", - "attribute": "overlay" + "default": "'active'", + "description": "Sets progress bar status mode.", + "fieldName": "status" }, { - "kind": "method", - "name": "_emitStart", - "privacy": "private" + "name": "value", + "type": { + "text": "number | null" + }, + "default": "null", + "description": "Sets initial progress bar value (optionally hard-coded).", + "fieldName": "value" }, { - "kind": "method", - "name": "_emitStop", - "privacy": "private" - } - ], - "events": [ + "name": "max", + "type": { + "text": "number" + }, + "default": "100", + "description": "Sets manual max value (default = 100).", + "fieldName": "max" + }, { - "description": "Emits when the loader been started.", - "name": "on-start" + "name": "label", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets optional progress bar label.", + "fieldName": "label" }, { - "description": "Emits when the loader has been stopped and all animations have completed.", - "name": "on-stop" - } - ], - "attributes": [ + "name": "helperText", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets optional helper text that appears underneath progress bar element.", + "fieldName": "helperText" + }, { - "name": "stopped", + "name": "unit", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Animation stopped state", - "fieldName": "stopped" + "default": "''", + "description": "Sets the unit for progress measurement (ex: 'MB', 'GB', '%')", + "fieldName": "unit" }, { - "name": "overlay", + "name": "hideLabel", "type": { "text": "boolean" }, "default": "false", - "description": "Display the loader as an overlay", - "fieldName": "overlay" + "description": "Visually hide the label.", + "fieldName": "hideLabel" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-loader", + "tagName": "kyn-progress-bar", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Loader", + "name": "ProgressBar", "declaration": { - "name": "Loader", - "module": "src/components/reusable/loaders/loader.ts" + "name": "ProgressBar", + "module": "src/components/reusable/progressBar/progressBar.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-loader", + "name": "kyn-progress-bar", "declaration": { - "name": "Loader", - "module": "src/components/reusable/loaders/loader.ts" + "name": "ProgressBar", + "module": "src/components/reusable/progressBar/progressBar.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/loaders/skeleton.ts", + "path": "src/components/reusable/pagination/Pagination.ts", "declarations": [ { "kind": "class", - "description": "", - "name": "Skeleton", + "description": "`kyn-pagination` Web Component.\n\nA component that provides pagination functionality, enabling the user to\nnavigate through large datasets by splitting them into discrete chunks.\nIntegrates with other utility components like items range display, page size dropdown,\nand navigation buttons.", + "name": "Pagination", "members": [ { "kind": "field", - "name": "shape", + "name": "count", "type": { - "text": "'rectangle' | 'circle'" + "text": "number" }, - "default": "'rectangle'", - "description": "Defines the shape of the skeleton element.", - "attribute": "shape", + "default": "0", + "description": "Total number of items that need pagination.", + "attribute": "count", "reflects": true }, { "kind": "field", - "name": "size", + "name": "pageNumber", "type": { - "text": "'small' | 'medium' | 'large' | string | undefined" + "text": "number" }, - "description": "Optional: Predefined size or custom size value (e.g., 'small', '100px').", - "attribute": "size" + "default": "1", + "description": "Current active page number.", + "attribute": "pageNumber", + "reflects": true }, { "kind": "field", - "name": "width", + "name": "pageSize", "type": { - "text": "string | undefined" + "text": "number" }, - "description": "Optional: Custom width (overrides size if provided).", - "attribute": "width" + "default": "5", + "description": "Number of items displayed per page.", + "attribute": "pageSize", + "reflects": true }, { "kind": "field", - "name": "height", + "name": "pageSizeOptions", "type": { - "text": "string | undefined" + "text": "number[]" }, - "description": "Optional: Custom height (overrides size if provided).", - "attribute": "height" + "default": "[5, 10, 20, 30, 40, 50, 100]", + "description": "Available options for the page size.", + "attribute": "pageSizeOptions" }, { "kind": "field", - "name": "lines", + "name": "_numberOfPages", "type": { "text": "number" }, "default": "1", - "description": "Sets the number of skeleton lines to display.", - "attribute": "lines" + "description": "Number of pages." }, { "kind": "field", - "name": "inline", + "name": "pageSizeDropdownLabel", + "default": "PAGE_SIZE_LABEL", + "description": "Label for the page size dropdown. Required for accessibility.", + "attribute": "pageSizeDropdownLabel" + }, + { + "kind": "field", + "name": "hideItemsRange", "type": { "text": "boolean" }, "default": "false", - "description": "Sets whether to display inline or block.", - "attribute": "inline" + "description": "Option to hide the items range display.", + "attribute": "hideItemsRange" }, { "kind": "field", - "name": "shade", + "name": "hidePageSizeDropdown", "type": { - "text": "'light' | 'dark' | string" + "text": "boolean" }, - "default": "'light'", - "description": "Defines the shade of the skeleton.", - "attribute": "shade" + "default": "false", + "description": "Option to hide the page size dropdown.", + "attribute": "hidePageSizeDropdown" + }, + { + "kind": "field", + "name": "hideNavigationButtons", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Option to hide the navigation buttons.", + "attribute": "hideNavigationButtons" + }, + { + "kind": "field", + "name": "textStrings", + "type": { + "text": "object" + }, + "default": "{\n showing: 'Showing',\n of: 'of',\n items: 'items',\n pages: 'pages',\n itemsPerPage: 'Items per page:',\n previousPage: 'Previous page',\n nextPage: 'Next page',\n }", + "description": "Customizable text strings", + "attribute": "textStrings" + }, + { + "kind": "method", + "name": "handlePageSizeChange", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "CustomEvent" + }, + "description": "The emitted custom event with the selected page size." + } + ], + "description": "Handler for the event when the page size is changed by the user.\nUpdates the `pageSize` and resets the `pageNumber` to 1." + }, + { + "kind": "method", + "name": "handlePageNumberChange", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "CustomEvent" + }, + "description": "The emitted custom event with the selected page number." + } + ], + "description": "Handler for the event when the page number is changed by the user.\nUpdates the `pageNumber`." + } + ], + "events": [ + { + "description": "Dispatched when the page size changes.", + "name": "on-page-size-change" + }, + { + "description": "Dispatched when the currently active page changes.", + "name": "on-page-number-change" } ], "attributes": [ { - "name": "shape", + "name": "count", "type": { - "text": "'rectangle' | 'circle'" + "text": "number" }, - "default": "'rectangle'", - "description": "Defines the shape of the skeleton element.", - "fieldName": "shape" + "default": "0", + "description": "Total number of items that need pagination.", + "fieldName": "count" + }, + { + "name": "pageNumber", + "type": { + "text": "number" + }, + "default": "1", + "description": "Current active page number.", + "fieldName": "pageNumber" + }, + { + "name": "pageSize", + "type": { + "text": "number" + }, + "default": "5", + "description": "Number of items displayed per page.", + "fieldName": "pageSize" }, { - "name": "size", + "name": "pageSizeOptions", "type": { - "text": "'small' | 'medium' | 'large' | string | undefined" + "text": "number[]" }, - "description": "Optional: Predefined size or custom size value (e.g., 'small', '100px').", - "fieldName": "size" + "default": "[5, 10, 20, 30, 40, 50, 100]", + "description": "Available options for the page size.", + "fieldName": "pageSizeOptions" }, { - "name": "width", - "type": { - "text": "string | undefined" - }, - "description": "Optional: Custom width (overrides size if provided).", - "fieldName": "width" + "name": "pageSizeDropdownLabel", + "default": "PAGE_SIZE_LABEL", + "description": "Label for the page size dropdown. Required for accessibility.", + "fieldName": "pageSizeDropdownLabel" }, { - "name": "height", + "name": "hideItemsRange", "type": { - "text": "string | undefined" + "text": "boolean" }, - "description": "Optional: Custom height (overrides size if provided).", - "fieldName": "height" + "default": "false", + "description": "Option to hide the items range display.", + "fieldName": "hideItemsRange" }, { - "name": "lines", + "name": "hidePageSizeDropdown", "type": { - "text": "number" + "text": "boolean" }, - "default": "1", - "description": "Sets the number of skeleton lines to display.", - "fieldName": "lines" + "default": "false", + "description": "Option to hide the page size dropdown.", + "fieldName": "hidePageSizeDropdown" }, { - "name": "inline", + "name": "hideNavigationButtons", "type": { "text": "boolean" }, "default": "false", - "description": "Sets whether to display inline or block.", - "fieldName": "inline" + "description": "Option to hide the navigation buttons.", + "fieldName": "hideNavigationButtons" }, { - "name": "shade", + "name": "textStrings", "type": { - "text": "'light' | 'dark' | string" + "text": "object" }, - "default": "'light'", - "description": "Defines the shade of the skeleton.", - "fieldName": "shade" + "default": "{\n showing: 'Showing',\n of: 'of',\n items: 'items',\n pages: 'pages',\n itemsPerPage: 'Items per page:',\n previousPage: 'Previous page',\n nextPage: 'Next page',\n }", + "description": "Customizable text strings", + "fieldName": "textStrings" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-skeleton", + "tagName": "kyn-pagination", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Skeleton", + "name": "Pagination", "declaration": { - "name": "Skeleton", - "module": "src/components/reusable/loaders/skeleton.ts" + "name": "Pagination", + "module": "src/components/reusable/pagination/Pagination.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-skeleton", + "name": "kyn-pagination", "declaration": { - "name": "Skeleton", - "module": "src/components/reusable/loaders/skeleton.ts" + "name": "Pagination", + "module": "src/components/reusable/pagination/Pagination.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/modal/index.ts", + "path": "src/components/reusable/pagination/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "Modal", + "name": "Pagination", "declaration": { - "name": "Modal", - "module": "./modal" + "name": "Pagination", + "module": "./Pagination" + } + }, + { + "kind": "js", + "name": "PaginationItemsRange", + "declaration": { + "name": "PaginationItemsRange", + "module": "./pagination-items-range" + } + }, + { + "kind": "js", + "name": "PaginationPageSizeDropdown", + "declaration": { + "name": "PaginationPageSizeDropdown", + "module": "./pagination-page-size-dropdown" + } + }, + { + "kind": "js", + "name": "PaginationNavigationButtons", + "declaration": { + "name": "PaginationNavigationButtons", + "module": "./pagination-navigation-buttons" + } + }, + { + "kind": "js", + "name": "PaginationSkeleton", + "declaration": { + "name": "PaginationSkeleton", + "module": "./pagination.skeleton" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/modal/modal.ts", + "path": "src/components/reusable/pagination/pagination-items-range.ts", "declarations": [ { "kind": "class", - "description": "Modal.", - "name": "Modal", - "slots": [ - { - "description": "Slot for modal body content.", - "name": "unnamed" - }, - { - "description": "Slot for the anchor button content.", - "name": "anchor" - } - ], + "description": "`kyn-pagination-items-range` Web Component.\n\nThis component is responsible for displaying the range of items being displayed\nin the context of pagination. It shows which items (by number) are currently visible\nand the total number of items.", + "name": "PaginationItemsRange", "members": [ { "kind": "field", - "name": "open", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Modal open state.", - "attribute": "open" - }, - { - "kind": "field", - "name": "size", - "type": { - "text": "string" - }, - "default": "'auto'", - "description": "Modal size. `'auto'`, `'md'`, or `'lg'`.", - "attribute": "size" - }, - { - "kind": "field", - "name": "titleText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Title/heading text, required.", - "attribute": "titleText" - }, - { - "kind": "field", - "name": "labelText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Label text, optional.", - "attribute": "labelText" - }, - { - "kind": "field", - "name": "okText", - "type": { - "text": "string" - }, - "default": "'OK'", - "description": "OK button text.", - "attribute": "okText" - }, - { - "kind": "field", - "name": "cancelText", - "type": { - "text": "string" - }, - "default": "'Cancel'", - "description": "Cancel button text.", - "attribute": "cancelText" - }, - { - "kind": "field", - "name": "destructive", + "name": "count", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Changes the primary button styles to indicate the action is destructive.", - "attribute": "destructive" + "default": "0", + "description": "Total number of items.", + "attribute": "count", + "reflects": true }, { "kind": "field", - "name": "okDisabled", + "name": "pageNumber", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Disables the primary button.", - "attribute": "okDisabled" + "default": "1", + "description": "Current page number being displayed.", + "attribute": "pageNumber", + "reflects": true }, { "kind": "field", - "name": "secondaryDisabled", + "name": "pageSize", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Disables the secondary button.", - "attribute": "secondaryDisabled" + "default": "5", + "description": "Number of items displayed per page.", + "attribute": "pageSize", + "reflects": true }, { - "kind": "field", - "name": "hideFooter", - "type": { - "text": "boolean" + "kind": "method", + "name": "itemsRangeText", + "privacy": "private", + "return": { + "type": { + "text": "string" + } }, - "default": "false", - "description": "Hides the footer/action buttons to create a passive modal.", - "attribute": "hideFooter" - }, + "parameters": [ + { + "name": "isMobile", + "type": { + "text": "Boolean" + } + } + ] + } + ], + "attributes": [ { - "kind": "field", - "name": "secondaryButtonText", + "name": "count", "type": { - "text": "string" + "text": "number" }, - "default": "'Secondary'", - "description": "Secondary button text.", - "attribute": "secondaryButtonText" + "default": "0", + "description": "Total number of items.", + "fieldName": "count" }, { - "kind": "field", - "name": "showSecondaryButton", + "name": "pageNumber", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Hides the secondary button.", - "attribute": "showSecondaryButton" + "default": "1", + "description": "Current page number being displayed.", + "fieldName": "pageNumber" }, { - "kind": "field", - "name": "hideCancelButton", + "name": "pageSize", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Hides the cancel button.", - "attribute": "hideCancelButton" - }, + "default": "5", + "description": "Number of items displayed per page.", + "fieldName": "pageSize" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-pagination-items-range", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "PaginationItemsRange", + "declaration": { + "name": "PaginationItemsRange", + "module": "src/components/reusable/pagination/pagination-items-range.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-pagination-items-range", + "declaration": { + "name": "PaginationItemsRange", + "module": "src/components/reusable/pagination/pagination-items-range.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/pagination/pagination-navigation-buttons.ts", + "declarations": [ + { + "kind": "class", + "description": "`kyn-pagination-navigation-buttons` Web Component.\n\nThis component provides navigational controls for pagination.\nIt includes back and next buttons, along with displaying the current page and total pages.", + "name": "PaginationNavigationButtons", + "members": [ { "kind": "field", - "name": "beforeClose", + "name": "pageNumber", "type": { - "text": "Function" + "text": "number" }, - "description": "Function to execute before the modal can close. Useful for running checks or validations before closing. Exposes `returnValue` (`'ok'` or `'cancel'`). Must return `true` or `false`." + "default": "1", + "attribute": "pageNumber", + "reflects": true }, { "kind": "field", - "name": "closeText", + "name": "numberOfPages", "type": { - "text": "string" + "text": "number" }, - "default": "'Close'", - "description": "Close button text.", - "attribute": "closeText" - }, - { - "kind": "method", - "name": "_openModal", - "privacy": "private" + "default": "1", + "attribute": "numberOfPages", + "reflects": true }, { - "kind": "method", - "name": "_closeModal", + "kind": "field", + "name": "SMALLEST_PAGE_NUMBER", + "type": { + "text": "number" + }, "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - }, - { - "name": "returnValue", - "type": { - "text": "string" - } - } - ] + "readonly": true, + "default": "1" }, { "kind": "method", - "name": "_emitCloseEvent", + "name": "handleButtonClick", "privacy": "private", "parameters": [ { - "name": "e", + "name": "next", "type": { - "text": "Event" - } + "text": "boolean" + }, + "description": "If true, will move to the next page, otherwise to the previous page" } - ] + ], + "description": "Handles the button click event, either moving to the next page or previous page" } ], "events": [ { - "description": "Emits the modal close event with `returnValue` (`'ok'` or `'cancel'`).", - "name": "on-close" + "name": "on-page-number-change", + "type": { + "text": "CustomEvent" + }, + "description": "Dispatched when the page number is changed." } ], "attributes": [ { - "name": "open", + "name": "pageNumber", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Modal open state.", - "fieldName": "open" + "default": "1", + "fieldName": "pageNumber" }, { - "name": "size", + "name": "numberOfPages", "type": { - "text": "string" + "text": "number" }, - "default": "'auto'", - "description": "Modal size. `'auto'`, `'md'`, or `'lg'`.", - "fieldName": "size" - }, + "default": "1", + "fieldName": "numberOfPages" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-pagination-navigation-buttons", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "PaginationNavigationButtons", + "declaration": { + "name": "PaginationNavigationButtons", + "module": "src/components/reusable/pagination/pagination-navigation-buttons.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-pagination-navigation-buttons", + "declaration": { + "name": "PaginationNavigationButtons", + "module": "src/components/reusable/pagination/pagination-navigation-buttons.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/pagination/pagination-page-size-dropdown.ts", + "declarations": [ + { + "kind": "class", + "description": "`kyn-pagination-page-size-dropdown` Web Component.\n\nThis component provides a dropdown to select the page size for pagination.\nIt emits events when the selected page size changes.", + "name": "PaginationPageSizeDropdown", + "members": [ { - "name": "titleText", + "kind": "field", + "name": "pageSize", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Title/heading text, required.", - "fieldName": "titleText" + "default": "5", + "description": "Current page size.", + "attribute": "pageSize", + "reflects": true }, { - "name": "labelText", + "kind": "field", + "name": "pageSizeOptions", "type": { - "text": "string" + "text": "Array" }, - "default": "''", - "description": "Label text, optional.", - "fieldName": "labelText" + "default": "[5, 10, 20, 30, 40, 50]", + "description": "Available options for the page size.", + "attribute": "pageSizeOptions" }, { - "name": "okText", + "kind": "method", + "name": "handleChange", + "privacy": "private", + "parameters": [ + { + "name": "event", + "type": { + "text": "CustomEvent" + }, + "description": "The dropdown change event." + } + ], + "description": "Handles the dropdown change event." + } + ], + "events": [ + { + "name": "on-page-size-change", "type": { - "text": "string" + "text": "CustomEvent" }, - "default": "'OK'", - "description": "OK button text.", - "fieldName": "okText" - }, + "description": "The event fired when the page size changes." + } + ], + "attributes": [ { - "name": "cancelText", + "name": "pageSize", "type": { - "text": "string" + "text": "number" }, - "default": "'Cancel'", - "description": "Cancel button text.", - "fieldName": "cancelText" + "default": "5", + "description": "Current page size.", + "fieldName": "pageSize" }, { - "name": "destructive", + "name": "pageSizeOptions", + "type": { + "text": "Array" + }, + "default": "[5, 10, 20, 30, 40, 50]", + "description": "Available options for the page size.", + "fieldName": "pageSizeOptions" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-pagination-page-size-dropdown", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "PaginationPageSizeDropdown", + "declaration": { + "name": "PaginationPageSizeDropdown", + "module": "src/components/reusable/pagination/pagination-page-size-dropdown.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-pagination-page-size-dropdown", + "declaration": { + "name": "PaginationPageSizeDropdown", + "module": "src/components/reusable/pagination/pagination-page-size-dropdown.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/pagination/pagination.skeleton.ts", + "declarations": [ + { + "kind": "class", + "description": "`kyn-pagination-skeleton` Web Component.", + "name": "PaginationSkeleton", + "members": [ + { + "kind": "field", + "name": "hideItemsRange", "type": { "text": "boolean" }, "default": "false", - "description": "Changes the primary button styles to indicate the action is destructive.", - "fieldName": "destructive" + "description": "Option to hide the items range display.", + "attribute": "hideItemsRange" }, { - "name": "okDisabled", + "kind": "field", + "name": "hidePageSizeDropdown", "type": { "text": "boolean" }, "default": "false", - "description": "Disables the primary button.", - "fieldName": "okDisabled" + "description": "Option to hide the page size dropdown.", + "attribute": "hidePageSizeDropdown" }, { - "name": "secondaryDisabled", + "kind": "field", + "name": "hideNavigationButtons", "type": { "text": "boolean" }, "default": "false", - "description": "Disables the secondary button.", - "fieldName": "secondaryDisabled" - }, + "description": "Option to hide the navigation buttons.", + "attribute": "hideNavigationButtons" + } + ], + "attributes": [ { - "name": "hideFooter", + "name": "hideItemsRange", "type": { "text": "boolean" }, "default": "false", - "description": "Hides the footer/action buttons to create a passive modal.", - "fieldName": "hideFooter" - }, - { - "name": "secondaryButtonText", - "type": { - "text": "string" - }, - "default": "'Secondary'", - "description": "Secondary button text.", - "fieldName": "secondaryButtonText" + "description": "Option to hide the items range display.", + "fieldName": "hideItemsRange" }, { - "name": "showSecondaryButton", + "name": "hidePageSizeDropdown", "type": { "text": "boolean" }, "default": "false", - "description": "Hides the secondary button.", - "fieldName": "showSecondaryButton" + "description": "Option to hide the page size dropdown.", + "fieldName": "hidePageSizeDropdown" }, { - "name": "hideCancelButton", + "name": "hideNavigationButtons", "type": { "text": "boolean" }, "default": "false", - "description": "Hides the cancel button.", - "fieldName": "hideCancelButton" - }, - { - "name": "closeText", - "type": { - "text": "string" - }, - "default": "'Close'", - "description": "Close button text.", - "fieldName": "closeText" + "description": "Option to hide the navigation buttons.", + "fieldName": "hideNavigationButtons" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-modal", + "tagName": "kyn-pagination-skeleton", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Modal", + "name": "PaginationSkeleton", "declaration": { - "name": "Modal", - "module": "src/components/reusable/modal/modal.ts" + "name": "PaginationSkeleton", + "module": "src/components/reusable/pagination/pagination.skeleton.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-modal", + "name": "kyn-pagination-skeleton", "declaration": { - "name": "Modal", - "module": "src/components/reusable/modal/modal.ts" + "name": "PaginationSkeleton", + "module": "src/components/reusable/pagination/pagination.skeleton.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/notification/index.ts", + "path": "src/components/reusable/radioButton/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "Notification", + "name": "RadioButton", "declaration": { - "name": "Notification", - "module": "./notification" + "name": "RadioButton", + "module": "./radioButton" } }, { "kind": "js", - "name": "NotificationContainer", + "name": "RadioButtonGroup", "declaration": { - "name": "NotificationContainer", - "module": "./notificationContainer" + "name": "RadioButtonGroup", + "module": "./radioButtonGroup" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/notification/notification.ts", + "path": "src/components/reusable/radioButton/radioButton.ts", "declarations": [ { "kind": "class", - "description": "Notification component.", - "name": "Notification", + "description": "Radio button.", + "name": "RadioButton", "slots": [ { - "description": "Slot for notification message body.", + "description": "Slot for label text.", "name": "unnamed" - }, - { - "description": "Slot for menu.", - "name": "actions" } ], "members": [ { "kind": "field", - "name": "notificationTitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Notification Title (Required).", - "attribute": "notificationTitle" - }, - { - "kind": "field", - "name": "notificationSubtitle", + "name": "value", "type": { "text": "string" }, "default": "''", - "description": "Notification subtitle.(optional)", - "attribute": "notificationSubtitle" + "description": "Radio button value.", + "attribute": "value" }, { "kind": "field", - "name": "timeStamp", + "name": "disabled", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Timestamp of notification.\nIt is recommended to add the context along with the timestamp. Example: `Updated 2 mins ago`.", - "attribute": "timeStamp" + "default": "false", + "description": "Radio button disabled state, inherited from the parent group.", + "attribute": "disabled" }, { - "kind": "field", - "name": "href", - "type": { - "text": "string" - }, - "default": "''", - "description": "Card href link", - "attribute": "href" - }, + "kind": "method", + "name": "handleChange", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "Event" + } + } + ] + } + ], + "events": [ { - "kind": "field", - "name": "tagStatus", - "type": { - "text": "string" - }, - "default": "'default'", - "description": "Notification status / tag type. `'default'`, `'info'`, `'warning'`, `'success'` & `'error'`.", - "attribute": "tagStatus" - }, + "description": "Captures the change event and emits the selected value and original event details.", + "name": "on-radio-change" + } + ], + "attributes": [ { - "kind": "field", - "name": "type", + "name": "value", "type": { "text": "string" }, - "default": "'normal'", - "description": "Notification type. `'normal'`, `'inline'`, `'toast'` and `'clickable'`. Clickable type can be use inside notification panel", - "attribute": "type" + "default": "''", + "description": "Radio button value.", + "fieldName": "value" }, { - "kind": "field", - "name": "textStrings", + "name": "disabled", "type": { - "text": "any" + "text": "boolean" }, - "default": "{\n success: 'Success',\n warning: 'Warning',\n info: 'Info',\n error: 'Error',\n }", - "description": "Customizable text strings.", - "attribute": "textStrings" + "default": "false", + "description": "Radio button disabled state, inherited from the parent group.", + "fieldName": "disabled" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-radio-button", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "RadioButton", + "declaration": { + "name": "RadioButton", + "module": "src/components/reusable/radioButton/radioButton.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-radio-button", + "declaration": { + "name": "RadioButton", + "module": "src/components/reusable/radioButton/radioButton.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/radioButton/radioButtonGroup.ts", + "declarations": [ + { + "kind": "class", + "description": "Radio button group container.", + "name": "RadioButtonGroup", + "slots": [ + { + "description": "Slot for individual radio buttons.", + "name": "unnamed" }, { - "kind": "field", - "name": "closeBtnDescription", - "type": { - "text": "string" - }, - "default": "'Close'", - "description": "Close button description (Required to support accessibility).", - "attribute": "closeBtnDescription" + "description": "Slot for description text.", + "name": "description" }, + { + "description": "Slot for tooltip.", + "name": "tooltip" + } + ], + "members": [ { "kind": "field", - "name": "assistiveNotificationTypeText", + "name": "label", "type": { "text": "string" }, "default": "''", - "description": "Assistive text for notification type.\nRequired for `'clickable'`, `'inline'` and `'toast'` notification types.", - "attribute": "assistiveNotificationTypeText" - }, - { - "kind": "field", - "name": "notificationRole", - "type": { - "text": "'alert' | 'log' | 'status' | undefined" - }, - "description": "Notification role (Required to support accessibility).", - "attribute": "notificationRole" + "description": "Label text", + "attribute": "label" }, { "kind": "field", - "name": "statusLabel", + "name": "required", "type": { - "text": "string" + "text": "boolean" }, - "default": "'Status'", - "description": "Status label (Required to support accessibility).\nAssign the localized string value for the word **Status**.", - "attribute": "statusLabel" + "default": "false", + "description": "Makes the input required.", + "attribute": "required" }, { "kind": "field", - "name": "unRead", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Set notification mark read prop. Required ony for `type: 'clickable'`.", - "attribute": "unRead", - "reflects": true + "description": "Radio button group disabled state.", + "attribute": "disabled" }, { "kind": "field", - "name": "hideCloseButton", + "name": "horizontal", "type": { "text": "boolean" }, "default": "false", - "description": "Hide close (x) button. Useful only for `type='toast'`. This required `timeout > 0` otherwise toast remain as it is when `hideCloseButton` is set true.", - "attribute": "hideCloseButton" + "description": "Radio button group horizontal layout.", + "attribute": "horizontal" }, { "kind": "field", - "name": "timeout", + "name": "textStrings", + "default": "{\n required: 'Required',\n error: 'Error',\n}", + "description": "Text string customization.", + "attribute": "textStrings", "type": { - "text": "number" - }, - "default": "8", - "description": "Timeout (Default 8 seconds for Toast). Specify an optional duration the toast notification should be closed in. Only apply with `type = 'toast'`", - "attribute": "timeout" + "text": "object" + } }, { "kind": "method", - "name": "renderInnerUI", + "name": "_handleSlotChange", "privacy": "private" }, { "kind": "method", - "name": "_close", + "name": "_updateChildren", "privacy": "private" }, { "kind": "method", - "name": "_handleClose", - "privacy": "private" + "name": "_validate", + "privacy": "private", + "parameters": [ + { + "name": "interacted", + "type": { + "text": "Boolean" + } + }, + { + "name": "report", + "type": { + "text": "Boolean" + } + } + ] }, { "kind": "method", - "name": "_handleCardClick", + "name": "_handleRadioChange", "privacy": "private", "parameters": [ { @@ -6849,289 +7179,160 @@ ], "events": [ { - "description": "Emit event for clickable notification.", - "name": "on-notification-click" - }, - { - "description": "Emits when an inline/toast notification closes.", - "name": "on-close" + "description": "Captures the change event and emits the selected value.", + "name": "on-radio-group-change" } ], "attributes": [ { - "name": "notificationTitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Notification Title (Required).", - "fieldName": "notificationTitle" - }, - { - "name": "notificationSubtitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Notification subtitle.(optional)", - "fieldName": "notificationSubtitle" - }, - { - "name": "timeStamp", - "type": { - "text": "string" - }, - "default": "''", - "description": "Timestamp of notification.\nIt is recommended to add the context along with the timestamp. Example: `Updated 2 mins ago`.", - "fieldName": "timeStamp" - }, - { - "name": "href", - "type": { - "text": "string" - }, - "default": "''", - "description": "Card href link", - "fieldName": "href" - }, - { - "name": "tagStatus", - "type": { - "text": "string" - }, - "default": "'default'", - "description": "Notification status / tag type. `'default'`, `'info'`, `'warning'`, `'success'` & `'error'`.", - "fieldName": "tagStatus" - }, - { - "name": "type", - "type": { - "text": "string" - }, - "default": "'normal'", - "description": "Notification type. `'normal'`, `'inline'`, `'toast'` and `'clickable'`. Clickable type can be use inside notification panel", - "fieldName": "type" - }, - { - "name": "textStrings", - "type": { - "text": "any" - }, - "default": "{\n success: 'Success',\n warning: 'Warning',\n info: 'Info',\n error: 'Error',\n }", - "description": "Customizable text strings.", - "fieldName": "textStrings" - }, - { - "name": "closeBtnDescription", - "type": { - "text": "string" - }, - "default": "'Close'", - "description": "Close button description (Required to support accessibility).", - "fieldName": "closeBtnDescription" - }, - { - "name": "assistiveNotificationTypeText", + "name": "label", "type": { "text": "string" }, "default": "''", - "description": "Assistive text for notification type.\nRequired for `'clickable'`, `'inline'` and `'toast'` notification types.", - "fieldName": "assistiveNotificationTypeText" - }, - { - "name": "notificationRole", - "type": { - "text": "'alert' | 'log' | 'status' | undefined" - }, - "description": "Notification role (Required to support accessibility).", - "fieldName": "notificationRole" + "description": "Label text", + "fieldName": "label" }, { - "name": "statusLabel", + "name": "required", "type": { - "text": "string" + "text": "boolean" }, - "default": "'Status'", - "description": "Status label (Required to support accessibility).\nAssign the localized string value for the word **Status**.", - "fieldName": "statusLabel" + "default": "false", + "description": "Makes the input required.", + "fieldName": "required" }, { - "name": "unRead", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Set notification mark read prop. Required ony for `type: 'clickable'`.", - "fieldName": "unRead" + "description": "Radio button group disabled state.", + "fieldName": "disabled" }, { - "name": "hideCloseButton", + "name": "horizontal", "type": { "text": "boolean" }, "default": "false", - "description": "Hide close (x) button. Useful only for `type='toast'`. This required `timeout > 0` otherwise toast remain as it is when `hideCloseButton` is set true.", - "fieldName": "hideCloseButton" + "description": "Radio button group horizontal layout.", + "fieldName": "horizontal" }, { - "name": "timeout", - "type": { - "text": "number" - }, - "default": "8", - "description": "Timeout (Default 8 seconds for Toast). Specify an optional duration the toast notification should be closed in. Only apply with `type = 'toast'`", - "fieldName": "timeout" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-notification", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "Notification", - "declaration": { - "name": "Notification", - "module": "src/components/reusable/notification/notification.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-notification", - "declaration": { - "name": "Notification", - "module": "src/components/reusable/notification/notification.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/notification/notificationContainer.ts", - "declarations": [ - { - "kind": "class", - "description": "Notification container component for Toast notification.\nUsage is limited for ..", - "name": "NotificationContainer", - "slots": [ + "name": "textStrings", + "default": "_defaultTextStrings", + "description": "Text string customization.", + "fieldName": "textStrings" + } + ], + "mixins": [ { - "description": "Slot for component.", - "name": "unnamed" + "name": "FormMixin", + "module": "/src/common/mixins/form-input" } ], - "members": [], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-notification-container", + "tagName": "kyn-radio-button-group", "customElement": true } ], "exports": [ { "kind": "js", - "name": "NotificationContainer", + "name": "RadioButtonGroup", "declaration": { - "name": "NotificationContainer", - "module": "src/components/reusable/notification/notificationContainer.ts" + "name": "RadioButtonGroup", + "module": "src/components/reusable/radioButton/radioButtonGroup.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-notification-container", + "name": "kyn-radio-button-group", "declaration": { - "name": "NotificationContainer", - "module": "src/components/reusable/notification/notificationContainer.ts" + "name": "RadioButtonGroup", + "module": "src/components/reusable/radioButton/radioButtonGroup.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/numberInput/index.ts", + "path": "src/components/reusable/search/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "NumberInput", + "name": "Search", "declaration": { - "name": "NumberInput", - "module": "./numberInput" + "name": "Search", + "module": "./search" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/numberInput/numberInput.ts", + "path": "src/components/reusable/search/search.ts", "declarations": [ { "kind": "class", - "description": "Number input.", - "name": "NumberInput", - "slots": [ - { - "description": "Slot for tooltip.", - "name": "tooltip" - } - ], + "description": "Search", + "name": "Search", "members": [ { "kind": "field", - "name": "label", + "name": "name", "type": { "text": "string" }, "default": "''", - "description": "Label text.", - "attribute": "label" + "description": "Input name.", + "attribute": "name" }, { "kind": "field", - "name": "size", + "name": "label", "type": { "text": "string" }, - "default": "'md'", - "description": "Input size. \"sm\", \"md\", or \"lg\".", - "attribute": "size" + "default": "'Search'", + "description": "Label text.", + "attribute": "label" }, { "kind": "field", - "name": "value", + "name": "expandable", "type": { - "text": "number" + "text": "boolean" }, - "default": "0", - "description": "Input value.", - "attribute": "value" + "default": "false", + "description": "Expandable style search.", + "attribute": "expandable" }, { "kind": "field", - "name": "placeholder", + "name": "value", "type": { "text": "string" }, "default": "''", - "description": "Input placeholder.", - "attribute": "placeholder" + "description": "Input value.", + "attribute": "value" }, { "kind": "field", - "name": "required", + "name": "size", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Makes the input required.", - "attribute": "required" + "default": "'md'", + "description": "Input & button size.", + "attribute": "size" }, { "kind": "field", @@ -7140,74 +7341,85 @@ "text": "boolean" }, "default": "false", - "description": "Input disabled state.", + "description": "Disabled state.", "attribute": "disabled" }, { "kind": "field", - "name": "caption", + "name": "suggestions", "type": { - "text": "string" + "text": "Array" }, - "default": "''", - "description": "Optional text beneath the input.", - "attribute": "caption" + "default": "[]", + "description": "Auto-suggest array of strings that should match the current value. Update this array externally after on-input.", + "attribute": "suggestions" }, { "kind": "field", - "name": "max", + "name": "expandableSearchBtnDescription", "type": { - "text": "number" + "text": "string" }, - "description": "Maximum value.", - "attribute": "max" + "default": "''", + "description": "Expandable style search button description (Required to support accessibility).", + "attribute": "expandableSearchBtnDescription" }, { "kind": "field", - "name": "min", + "name": "assistiveTextStrings", + "default": "{\n searchSuggestions: 'Search suggestions.',\n noMatches: 'No matches found for',\n selected: 'Selected',\n found: 'Found',\n}", + "description": "Assistive text strings.", + "attribute": "assistiveTextStrings", "type": { - "text": "number" - }, - "description": "Minimum value.", - "attribute": "min" + "text": "object" + } }, { - "kind": "field", - "name": "step", - "type": { - "text": "number" - }, - "default": "1", - "description": "Step value.", - "attribute": "step" + "kind": "method", + "name": "_buttonSizeMap", + "privacy": "private" }, { - "kind": "field", - "name": "hideLabel", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Visually hide the label.", - "attribute": "hideLabel" + "kind": "method", + "name": "_handleFocus", + "privacy": "private" }, { - "kind": "field", - "name": "textStrings", - "default": "{\n requiredText: 'Required',\n subtract: 'Subtract',\n add: 'Add',\n error: 'Error',\n}", - "description": "Customizable text strings.", - "attribute": "textStrings", - "type": { - "text": "object" - } + "kind": "method", + "name": "_handleBlur", + "privacy": "private" }, { "kind": "method", - "name": "_sizeMap", + "name": "_handleButtonClick", + "privacy": "private" + }, + { + "kind": "method", + "name": "_handleInput", "privacy": "private", "parameters": [ { - "name": "size", + "name": "e", + "type": { + "text": "CustomEvent" + } + } + ] + }, + { + "kind": "method", + "name": "_handleSuggestionClick", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + }, + { + "name": "suggestion", "type": { "text": "string" } @@ -7216,17 +7428,33 @@ }, { "kind": "method", - "name": "_handleSubtract", - "privacy": "private" + "name": "_handleSuggestionWithMouseUp", + "privacy": "private", + "parameters": [ + { + "name": "suggestion", + "type": { + "text": "string" + } + } + ] }, { "kind": "method", - "name": "_handleAdd", - "privacy": "private" + "name": "_handleSuggestionWithMouseDown", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + } + ] }, { "kind": "method", - "name": "_handleInput", + "name": "handleSearchKeydown", "privacy": "private", "parameters": [ { @@ -7239,12 +7467,11 @@ }, { "kind": "method", - "name": "_emitValue", + "name": "handleListKeydown", "privacy": "private", "parameters": [ { "name": "e", - "optional": true, "type": { "text": "any" } @@ -7253,203 +7480,173 @@ }, { "kind": "method", - "name": "_validate", + "name": "handleKeyboard", "privacy": "private", "parameters": [ { - "name": "interacted", + "name": "keyCode", "type": { - "text": "Boolean" + "text": "number" } }, { - "name": "report", + "name": "target", "type": { - "text": "Boolean" + "text": "string" } } ] + }, + { + "kind": "method", + "name": "_checkForMatchingSuggestions", + "privacy": "private" } ], "events": [ { - "description": "Captures the input event and emits the value and original event details.", + "description": "Emits the value on text input/clear.", "name": "on-input" } ], "attributes": [ { - "name": "label", - "type": { - "text": "string" - }, - "default": "''", - "description": "Label text.", - "fieldName": "label" - }, - { - "name": "size", - "type": { - "text": "string" - }, - "default": "'md'", - "description": "Input size. \"sm\", \"md\", or \"lg\".", - "fieldName": "size" - }, - { - "name": "value", - "type": { - "text": "number" - }, - "default": "0", - "description": "Input value.", - "fieldName": "value" - }, - { - "name": "placeholder", + "name": "name", "type": { "text": "string" }, - "default": "''", - "description": "Input placeholder.", - "fieldName": "placeholder" + "default": "''", + "description": "Input name.", + "fieldName": "name" }, { - "name": "required", + "name": "label", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Makes the input required.", - "fieldName": "required" + "default": "'Search'", + "description": "Label text.", + "fieldName": "label" }, { - "name": "disabled", + "name": "expandable", "type": { "text": "boolean" }, "default": "false", - "description": "Input disabled state.", - "fieldName": "disabled" + "description": "Expandable style search.", + "fieldName": "expandable" }, { - "name": "caption", + "name": "value", "type": { "text": "string" }, "default": "''", - "description": "Optional text beneath the input.", - "fieldName": "caption" + "description": "Input value.", + "fieldName": "value" }, { - "name": "max", + "name": "size", "type": { - "text": "number" + "text": "string" }, - "description": "Maximum value.", - "fieldName": "max" + "default": "'md'", + "description": "Input & button size.", + "fieldName": "size" }, { - "name": "min", + "name": "disabled", "type": { - "text": "number" + "text": "boolean" }, - "description": "Minimum value.", - "fieldName": "min" + "default": "false", + "description": "Disabled state.", + "fieldName": "disabled" }, { - "name": "step", + "name": "suggestions", "type": { - "text": "number" + "text": "Array" }, - "default": "1", - "description": "Step value.", - "fieldName": "step" + "default": "[]", + "description": "Auto-suggest array of strings that should match the current value. Update this array externally after on-input.", + "fieldName": "suggestions" }, { - "name": "hideLabel", + "name": "expandableSearchBtnDescription", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Visually hide the label.", - "fieldName": "hideLabel" + "default": "''", + "description": "Expandable style search button description (Required to support accessibility).", + "fieldName": "expandableSearchBtnDescription" }, { - "name": "textStrings", + "name": "assistiveTextStrings", "default": "_defaultTextStrings", - "description": "Customizable text strings.", - "fieldName": "textStrings" - } - ], - "mixins": [ - { - "name": "FormMixin", - "module": "/src/common/mixins/form-input" + "description": "Assistive text strings.", + "fieldName": "assistiveTextStrings" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-number-input", + "tagName": "kyn-search", "customElement": true } ], "exports": [ { "kind": "js", - "name": "NumberInput", + "name": "Search", "declaration": { - "name": "NumberInput", - "module": "src/components/reusable/numberInput/numberInput.ts" + "name": "Search", + "module": "src/components/reusable/search/search.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-number-input", + "name": "kyn-search", "declaration": { - "name": "NumberInput", - "module": "src/components/reusable/numberInput/numberInput.ts" + "name": "Search", + "module": "src/components/reusable/search/search.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/overflowMenu/index.ts", + "path": "src/components/reusable/sideDrawer/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "OverflowMenu", - "declaration": { - "name": "OverflowMenu", - "module": "./overflowMenu" - } - }, - { - "kind": "js", - "name": "OverflowMenuItem", + "name": "SideDrawer", "declaration": { - "name": "OverflowMenuItem", - "module": "./overflowMenuItem" + "name": "SideDrawer", + "module": "./sideDrawer" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/overflowMenu/overflowMenu.ts", + "path": "src/components/reusable/sideDrawer/sideDrawer.ts", "declarations": [ { "kind": "class", - "description": "Overflow Menu.", - "name": "OverflowMenu", + "description": "Side Drawer.", + "name": "SideDrawer", "slots": [ { - "description": "Slot for overflow menu items.", + "description": "Slot for drawer body content.", "name": "unnamed" + }, + { + "description": "Slot for the anchor button content.", + "name": "anchor" } ], "members": [ @@ -7460,250 +7657,135 @@ "text": "boolean" }, "default": "false", - "description": "Menu open state.", + "description": "Drawer open state.", "attribute": "open" }, { "kind": "field", - "name": "anchorRight", + "name": "size", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Anchors the menu to the right of the button.", - "attribute": "anchorRight" + "default": "'md'", + "description": "Drawer size. `'md'`, or `'sm'`.", + "attribute": "size" }, { "kind": "field", - "name": "verticalDots", + "name": "titleText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "3 dots vertical orientation.", - "attribute": "verticalDots" + "default": "''", + "description": "Title / Heading text, required.", + "attribute": "titleText" }, { "kind": "field", - "name": "fixed", + "name": "labelText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Use fixed instead of absolute position. Useful when placed within elements with overflow scroll.", - "attribute": "fixed" + "default": "''", + "description": "Label text, optional.", + "attribute": "labelText" }, { "kind": "field", - "name": "assistiveText", + "name": "submitBtnText", "type": { "text": "string" }, - "default": "'Toggle Menu'", - "description": "Button assistive text..", - "attribute": "assistiveText" - }, - { - "kind": "method", - "name": "_emitToggleEvent", - "privacy": "private" - }, - { - "kind": "method", - "name": "toggleMenu", - "privacy": "private" - }, - { - "kind": "method", - "name": "_positionMenu", - "privacy": "private" - }, - { - "kind": "method", - "name": "handleClickOut", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] - }, - { - "kind": "method", - "name": "handleEscapePress", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "handleKeyDown", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "getMenuItems" - }, - { - "kind": "method", - "name": "getMenu" - } - ], - "events": [ - { - "description": "Capture the open/close event and emits the new state.", - "name": "on-toggle" - } - ], - "attributes": [ - { - "name": "open", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Menu open state.", - "fieldName": "open" + "default": "'Ok'", + "description": "Submit button text.", + "attribute": "submitBtnText" }, { - "name": "anchorRight", + "kind": "field", + "name": "cancelBtnText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Anchors the menu to the right of the button.", - "fieldName": "anchorRight" + "default": "'Cancel'", + "description": "Cancel button text.", + "attribute": "cancelBtnText" }, { - "name": "verticalDots", + "kind": "field", + "name": "submitBtnDisabled", "type": { "text": "boolean" }, "default": "false", - "description": "3 dots vertical orientation.", - "fieldName": "verticalDots" + "description": "Disables the primary button.", + "attribute": "submitBtnDisabled" }, { - "name": "fixed", + "kind": "field", + "name": "hideFooter", "type": { "text": "boolean" }, "default": "false", - "description": "Use fixed instead of absolute position. Useful when placed within elements with overflow scroll.", - "fieldName": "fixed" + "description": "Determine whether needs footer", + "attribute": "hideFooter" }, { - "name": "assistiveText", + "kind": "field", + "name": "destructive", "type": { - "text": "string" + "text": "boolean" }, - "default": "'Toggle Menu'", - "description": "Button assistive text..", - "fieldName": "assistiveText" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-overflow-menu", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "OverflowMenu", - "declaration": { - "name": "OverflowMenu", - "module": "src/components/reusable/overflowMenu/overflowMenu.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-overflow-menu", - "declaration": { - "name": "OverflowMenu", - "module": "src/components/reusable/overflowMenu/overflowMenu.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/overflowMenu/overflowMenuItem.ts", - "declarations": [ - { - "kind": "class", - "description": "Overflow Menu.", - "name": "OverflowMenuItem", - "slots": [ - { - "description": "Slot for item text.", - "name": "unnamed" - } - ], - "members": [ + "default": "false", + "description": "Changes the primary button styles to indicate the action is destructive.", + "attribute": "destructive" + }, { "kind": "field", - "name": "href", + "name": "secondaryButtonText", "type": { "text": "string" }, - "default": "''", - "description": "Makes the item a link.", - "attribute": "href" + "default": "'Secondary'", + "description": "Secondary button text.", + "attribute": "secondaryButtonText" }, { "kind": "field", - "name": "destructive", + "name": "showSecondaryButton", "type": { "text": "boolean" }, "default": "false", - "description": "Adds destructive styles.", - "attribute": "destructive" + "description": "Hides the secondary button.", + "attribute": "showSecondaryButton" }, { "kind": "field", - "name": "disabled", + "name": "hideCancelButton", "type": { "text": "boolean" }, "default": "false", - "description": "Item disabled state.", - "attribute": "disabled" + "description": "Hides the cancel button.", + "attribute": "hideCancelButton" }, { "kind": "field", - "name": "description", + "name": "beforeClose", "type": { - "text": "string" + "text": "Function" }, - "default": "''", - "description": "Item description text for screen reader's", - "attribute": "description" + "description": "Function to execute before the Drawer can close. Useful for running checks or validations before closing. Exposes `returnValue` (`'ok'` or `'cancel'`). Must return `true` or `false`." }, { "kind": "method", - "name": "handleClick", + "name": "_openDrawer", + "privacy": "private" + }, + { + "kind": "method", + "name": "_closeDrawer", "privacy": "private", "parameters": [ { @@ -7711,1382 +7793,1396 @@ "type": { "text": "Event" } + }, + { + "name": "returnValue", + "type": { + "text": "string" + } } ] }, { "kind": "method", - "name": "handleKeyDown", + "name": "_emitCloseEvent", "privacy": "private", "parameters": [ { "name": "e", "type": { - "text": "any" + "text": "Event" } } ] - }, - { - "kind": "method", - "name": "checkOverflow", - "privacy": "private" } ], "events": [ { - "description": "Captures the click event and emits the original event details.", - "name": "on-click" + "description": "Emits the drawer close event with `returnValue` (`'ok'` or `'cancel'`).", + "name": "on-close" } ], "attributes": [ { - "name": "href", - "type": { - "text": "string" - }, - "default": "''", - "description": "Makes the item a link.", - "fieldName": "href" - }, - { - "name": "destructive", + "name": "open", "type": { "text": "boolean" }, "default": "false", - "description": "Adds destructive styles.", - "fieldName": "destructive" + "description": "Drawer open state.", + "fieldName": "open" }, { - "name": "disabled", + "name": "size", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Item disabled state.", - "fieldName": "disabled" + "default": "'md'", + "description": "Drawer size. `'md'`, or `'sm'`.", + "fieldName": "size" }, { - "name": "description", + "name": "titleText", "type": { "text": "string" }, "default": "''", - "description": "Item description text for screen reader's", - "fieldName": "description" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-overflow-menu-item", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "OverflowMenuItem", - "declaration": { - "name": "OverflowMenuItem", - "module": "src/components/reusable/overflowMenu/overflowMenuItem.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-overflow-menu-item", - "declaration": { - "name": "OverflowMenuItem", - "module": "src/components/reusable/overflowMenu/overflowMenuItem.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/pagetitle/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "PageTitle", - "declaration": { - "name": "PageTitle", - "module": "./pageTitle" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/pagetitle/pageTitle.ts", - "declarations": [ - { - "kind": "class", - "description": "Page Title", - "name": "PageTitle", - "slots": [ - { - "description": "Slot for icon. Use size 56 * 56 as per UX guidelines.", - "name": "icon" - } - ], - "members": [ + "description": "Title / Heading text, required.", + "fieldName": "titleText" + }, { - "kind": "field", - "name": "headLine", + "name": "labelText", "type": { "text": "string" }, "default": "''", - "description": "Headline text.", - "attribute": "headLine" + "description": "Label text, optional.", + "fieldName": "labelText" }, { - "kind": "field", - "name": "pageTitle", + "name": "submitBtnText", "type": { "text": "string" }, - "default": "''", - "description": "Page title text (required).", - "attribute": "pageTitle" + "default": "'Ok'", + "description": "Submit button text.", + "fieldName": "submitBtnText" }, { - "kind": "field", - "name": "subTitle", + "name": "cancelBtnText", "type": { "text": "string" }, - "default": "''", - "description": "Page subtitle text.", - "attribute": "subTitle" + "default": "'Cancel'", + "description": "Cancel button text.", + "fieldName": "cancelBtnText" }, { - "kind": "field", - "name": "type", + "name": "submitBtnDisabled", "type": { - "text": "string" + "text": "boolean" }, - "default": "'primary'", - "description": "Type of page title `'primary'` & `'secondary'`.", - "attribute": "type" - } - ], - "attributes": [ + "default": "false", + "description": "Disables the primary button.", + "fieldName": "submitBtnDisabled" + }, { - "name": "headLine", + "name": "hideFooter", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Determine whether needs footer", + "fieldName": "hideFooter" + }, + { + "name": "destructive", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Headline text.", - "fieldName": "headLine" + "default": "false", + "description": "Changes the primary button styles to indicate the action is destructive.", + "fieldName": "destructive" }, { - "name": "pageTitle", + "name": "secondaryButtonText", "type": { "text": "string" }, - "default": "''", - "description": "Page title text (required).", - "fieldName": "pageTitle" + "default": "'Secondary'", + "description": "Secondary button text.", + "fieldName": "secondaryButtonText" }, { - "name": "subTitle", + "name": "showSecondaryButton", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Page subtitle text.", - "fieldName": "subTitle" + "default": "false", + "description": "Hides the secondary button.", + "fieldName": "showSecondaryButton" }, { - "name": "type", + "name": "hideCancelButton", "type": { - "text": "string" + "text": "boolean" }, - "default": "'primary'", - "description": "Type of page title `'primary'` & `'secondary'`.", - "fieldName": "type" + "default": "false", + "description": "Hides the cancel button.", + "fieldName": "hideCancelButton" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-page-title", + "tagName": "kyn-side-drawer", "customElement": true } ], "exports": [ { "kind": "js", - "name": "PageTitle", + "name": "SideDrawer", "declaration": { - "name": "PageTitle", - "module": "src/components/reusable/pagetitle/pageTitle.ts" + "name": "SideDrawer", + "module": "src/components/reusable/sideDrawer/sideDrawer.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-page-title", + "name": "kyn-side-drawer", "declaration": { - "name": "PageTitle", - "module": "src/components/reusable/pagetitle/pageTitle.ts" + "name": "SideDrawer", + "module": "src/components/reusable/sideDrawer/sideDrawer.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/pagination/Pagination.ts", + "path": "src/components/reusable/stepper/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "Stepper", + "declaration": { + "name": "Stepper", + "module": "./stepper" + } + }, + { + "kind": "js", + "name": "StepperItem", + "declaration": { + "name": "StepperItem", + "module": "./stepperItem" + } + }, + { + "kind": "js", + "name": "StepperItemChild", + "declaration": { + "name": "StepperItemChild", + "module": "./stepperItemChild" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/stepper/stepper.ts", "declarations": [ { "kind": "class", - "description": "`kyn-pagination` Web Component.\n\nA component that provides pagination functionality, enabling the user to\nnavigate through large datasets by splitting them into discrete chunks.\nIntegrates with other utility components like items range display, page size dropdown,\nand navigation buttons.", - "name": "Pagination", - "members": [ - { - "kind": "field", - "name": "count", - "type": { - "text": "number" - }, - "default": "0", - "description": "Total number of items that need pagination.", - "attribute": "count", - "reflects": true - }, - { - "kind": "field", - "name": "pageNumber", - "type": { - "text": "number" - }, - "default": "1", - "description": "Current active page number.", - "attribute": "pageNumber", - "reflects": true - }, - { - "kind": "field", - "name": "pageSize", - "type": { - "text": "number" - }, - "default": "5", - "description": "Number of items displayed per page.", - "attribute": "pageSize", - "reflects": true - }, - { - "kind": "field", - "name": "pageSizeOptions", - "type": { - "text": "number[]" - }, - "default": "[5, 10, 20, 30, 40, 50, 100]", - "description": "Available options for the page size.", - "attribute": "pageSizeOptions" - }, - { - "kind": "field", - "name": "_numberOfPages", - "type": { - "text": "number" - }, - "default": "1", - "description": "Number of pages." - }, + "description": "Stepper", + "name": "Stepper", + "slots": [ { - "kind": "field", - "name": "pageSizeDropdownLabel", - "default": "PAGE_SIZE_LABEL", - "description": "Label for the page size dropdown. Required for accessibility.", - "attribute": "pageSizeDropdownLabel" - }, + "description": "Slot for step items.", + "name": "unnamed" + } + ], + "members": [ { "kind": "field", - "name": "hideItemsRange", + "name": "stepperType", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Option to hide the items range display.", - "attribute": "hideItemsRange" + "default": "'procedure'", + "description": "Stepper type `'procedure'` & `'status'`.\n\nprocedure: Allows a user to move through a series of steps that need to be completed, such as filling out a series of forms. The user can therefore know where they are in the sequence, and can go back to previous steps if needed. Procedure should use the `'large'` size stepper.\n\nstatus: Should not allow the user navigate to previous steps for ex: sequential forms, payment gateway etc. Should use the `'small'` size to avoid unnecessary clutter.\n\nNote: Read the stepper guidelines for more info.", + "attribute": "stepperType" }, { "kind": "field", - "name": "hidePageSizeDropdown", + "name": "vertical", "type": { "text": "boolean" }, "default": "false", - "description": "Option to hide the page size dropdown.", - "attribute": "hidePageSizeDropdown" + "description": "Wheter the stepper is in vertical type.", + "attribute": "vertical" }, { "kind": "field", - "name": "hideNavigationButtons", + "name": "stepperSize", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Option to hide the navigation buttons.", - "attribute": "hideNavigationButtons" + "default": "'large'", + "description": "Stepper size `'large'` & `'small'`.", + "attribute": "stepperSize" }, { "kind": "field", - "name": "textStrings", - "type": { - "text": "object" - }, - "default": "{\n showing: 'Showing',\n of: 'of',\n items: 'items',\n pages: 'pages',\n itemsPerPage: 'Items per page:',\n previousPage: 'Previous page',\n nextPage: 'Next page',\n }", - "description": "Customizable text strings", - "attribute": "textStrings" - }, - { - "kind": "method", - "name": "handlePageSizeChange", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "CustomEvent" - }, - "description": "The emitted custom event with the selected page size." - } - ], - "description": "Handler for the event when the page size is changed by the user.\nUpdates the `pageSize` and resets the `pageNumber` to 1." - }, - { - "kind": "method", - "name": "handlePageNumberChange", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "CustomEvent" - }, - "description": "The emitted custom event with the selected page number." - } - ], - "description": "Handler for the event when the page number is changed by the user.\nUpdates the `pageNumber`." - } - ], - "events": [ - { - "description": "Dispatched when the page size changes.", - "name": "on-page-size-change" - }, - { - "description": "Dispatched when the currently active page changes.", - "name": "on-page-number-change" - } - ], - "attributes": [ - { - "name": "count", + "name": "currentIndex", "type": { "text": "number" }, "default": "0", - "description": "Total number of items that need pagination.", - "fieldName": "count" + "description": "Curent index of stepper. Usefull for navigation logic like next, prev etc.", + "attribute": "currentIndex" }, { - "name": "pageNumber", - "type": { - "text": "number" - }, - "default": "1", - "description": "Current active page number.", - "fieldName": "pageNumber" + "kind": "method", + "name": "_handleSlotChange", + "privacy": "private" }, { - "name": "pageSize", - "type": { - "text": "number" - }, - "default": "5", - "description": "Number of items displayed per page.", - "fieldName": "pageSize" + "kind": "method", + "name": "_updateChildren", + "privacy": "private" }, { - "name": "pageSizeOptions", - "type": { - "text": "number[]" - }, - "default": "[5, 10, 20, 30, 40, 50, 100]", - "description": "Available options for the page size.", - "fieldName": "pageSizeOptions" + "kind": "method", + "name": "_determineFirstLastSteps", + "privacy": "private" }, { - "name": "pageSizeDropdownLabel", - "default": "PAGE_SIZE_LABEL", - "description": "Label for the page size dropdown. Required for accessibility.", - "fieldName": "pageSizeDropdownLabel" - }, + "kind": "method", + "name": "_handleStepClick", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + } + ] + } + ], + "events": [ { - "name": "hideItemsRange", + "description": "Captures the event and emits the active step and original event details when click on any step title. This is only for procedure type stepper. Status stepper doesn't emit this event.", + "name": "on-click" + } + ], + "attributes": [ + { + "name": "stepperType", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Option to hide the items range display.", - "fieldName": "hideItemsRange" + "default": "'procedure'", + "description": "Stepper type `'procedure'` & `'status'`.\n\nprocedure: Allows a user to move through a series of steps that need to be completed, such as filling out a series of forms. The user can therefore know where they are in the sequence, and can go back to previous steps if needed. Procedure should use the `'large'` size stepper.\n\nstatus: Should not allow the user navigate to previous steps for ex: sequential forms, payment gateway etc. Should use the `'small'` size to avoid unnecessary clutter.\n\nNote: Read the stepper guidelines for more info.", + "fieldName": "stepperType" }, { - "name": "hidePageSizeDropdown", + "name": "vertical", "type": { "text": "boolean" }, "default": "false", - "description": "Option to hide the page size dropdown.", - "fieldName": "hidePageSizeDropdown" + "description": "Wheter the stepper is in vertical type.", + "fieldName": "vertical" }, { - "name": "hideNavigationButtons", + "name": "stepperSize", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Option to hide the navigation buttons.", - "fieldName": "hideNavigationButtons" + "default": "'large'", + "description": "Stepper size `'large'` & `'small'`.", + "fieldName": "stepperSize" }, { - "name": "textStrings", + "name": "currentIndex", "type": { - "text": "object" + "text": "number" }, - "default": "{\n showing: 'Showing',\n of: 'of',\n items: 'items',\n pages: 'pages',\n itemsPerPage: 'Items per page:',\n previousPage: 'Previous page',\n nextPage: 'Next page',\n }", - "description": "Customizable text strings", - "fieldName": "textStrings" + "default": "0", + "description": "Curent index of stepper. Usefull for navigation logic like next, prev etc.", + "fieldName": "currentIndex" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-pagination", + "tagName": "kyn-stepper", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Pagination", + "name": "Stepper", "declaration": { - "name": "Pagination", - "module": "src/components/reusable/pagination/Pagination.ts" + "name": "Stepper", + "module": "src/components/reusable/stepper/stepper.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-pagination", - "declaration": { - "name": "Pagination", - "module": "src/components/reusable/pagination/Pagination.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/pagination/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "Pagination", - "declaration": { - "name": "Pagination", - "module": "./Pagination" - } - }, - { - "kind": "js", - "name": "PaginationItemsRange", - "declaration": { - "name": "PaginationItemsRange", - "module": "./pagination-items-range" - } - }, - { - "kind": "js", - "name": "PaginationPageSizeDropdown", - "declaration": { - "name": "PaginationPageSizeDropdown", - "module": "./pagination-page-size-dropdown" - } - }, - { - "kind": "js", - "name": "PaginationNavigationButtons", - "declaration": { - "name": "PaginationNavigationButtons", - "module": "./pagination-navigation-buttons" - } - }, - { - "kind": "js", - "name": "PaginationSkeleton", + "name": "kyn-stepper", "declaration": { - "name": "PaginationSkeleton", - "module": "./pagination.skeleton" + "name": "Stepper", + "module": "src/components/reusable/stepper/stepper.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/pagination/pagination-items-range.ts", + "path": "src/components/reusable/stepper/stepperItem.ts", "declarations": [ { "kind": "class", - "description": "`kyn-pagination-items-range` Web Component.\n\nThis component is responsible for displaying the range of items being displayed\nin the context of pagination. It shows which items (by number) are currently visible\nand the total number of items.", - "name": "PaginationItemsRange", + "description": "Stepper Item.", + "name": "StepperItem", + "slots": [ + { + "description": "Slot for tooltip.", + "name": "tooltip" + }, + { + "description": "Children slot. Used for nested children in vertical stepper. Visible only when step state is active. Do not use inside stepperType `'status'`.", + "name": "child" + }, + { + "description": "Optional slot for content in vertical stepper. Visible only when step state is active.", + "name": "unnamed" + } + ], "members": [ { "kind": "field", - "name": "count", + "name": "vertical", "type": { - "text": "number" + "text": "boolean" }, - "default": "0", - "description": "Total number of items.", - "attribute": "count", - "reflects": true + "default": "false", + "description": "Whether the stepper is in vertical type.", + "attribute": "vertical" }, { "kind": "field", - "name": "pageNumber", + "name": "stepSize", "type": { - "text": "number" + "text": "string" }, - "default": "1", - "description": "Current page number being displayed.", - "attribute": "pageNumber", - "reflects": true + "default": "'large'", + "description": "Stepper size `'large'` & `'small'`.", + "attribute": "stepSize" }, { "kind": "field", - "name": "pageSize", + "name": "stepName", "type": { - "text": "number" + "text": "string" }, - "default": "5", - "description": "Number of items displayed per page.", - "attribute": "pageSize", - "reflects": true + "default": "''", + "description": "Step name.", + "attribute": "stepName" + }, + { + "kind": "field", + "name": "stepTitle", + "type": { + "text": "string" + }, + "default": "''", + "description": "Step title.", + "attribute": "stepTitle" + }, + { + "kind": "field", + "name": "stepLink", + "type": { + "text": "string" + }, + "default": "''", + "description": "Step link.", + "attribute": "stepLink" + }, + { + "kind": "field", + "name": "stepState", + "type": { + "text": "string" + }, + "default": "'pending'", + "description": "Step state. `'pending'`, `'active'`, `'completed'`, `'excluded'`, `'warning'` & `'destructive'`.\n\n`'pending'`, `'active'` and `'completed'` / `'excluded'` states has 0%, 50% & 100% progress set internally.", + "attribute": "stepState" + }, + { + "kind": "field", + "name": "disabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Disable step.", + "attribute": "disabled" + }, + { + "kind": "field", + "name": "showCounter", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Optional. Show counter for vertical stepper when stepState is `'pending'`.", + "attribute": "showCounter" + }, + { + "kind": "method", + "name": "_handleChildToggle", + "privacy": "private" + }, + { + "kind": "method", + "name": "_handleStepClick", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + } + ] + }, + { + "kind": "method", + "name": "_handleChildSlotChange", + "privacy": "private" }, { "kind": "method", - "name": "itemsRangeText", + "name": "_updateChildren", + "privacy": "private" + }, + { + "kind": "method", + "name": "getProgressValue", "privacy": "private", "return": { "type": { - "text": "string" - } - }, - "parameters": [ - { - "name": "isMobile", - "type": { - "text": "Boolean" - } + "text": "number" } - ] + } + } + ], + "events": [ + { + "description": "Emits the step details to the parent stepper component when click on step title.", + "name": "on-step-click" } ], "attributes": [ { - "name": "count", + "name": "vertical", "type": { - "text": "number" + "text": "boolean" }, - "default": "0", - "description": "Total number of items.", - "fieldName": "count" + "default": "false", + "description": "Whether the stepper is in vertical type.", + "fieldName": "vertical" }, { - "name": "pageNumber", + "name": "stepSize", "type": { - "text": "number" + "text": "string" }, - "default": "1", - "description": "Current page number being displayed.", - "fieldName": "pageNumber" + "default": "'large'", + "description": "Stepper size `'large'` & `'small'`.", + "fieldName": "stepSize" }, { - "name": "pageSize", - "type": { - "text": "number" - }, - "default": "5", - "description": "Number of items displayed per page.", - "fieldName": "pageSize" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-pagination-items-range", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "PaginationItemsRange", - "declaration": { - "name": "PaginationItemsRange", - "module": "src/components/reusable/pagination/pagination-items-range.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-pagination-items-range", - "declaration": { - "name": "PaginationItemsRange", - "module": "src/components/reusable/pagination/pagination-items-range.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/pagination/pagination-navigation-buttons.ts", - "declarations": [ - { - "kind": "class", - "description": "`kyn-pagination-navigation-buttons` Web Component.\n\nThis component provides navigational controls for pagination.\nIt includes back and next buttons, along with displaying the current page and total pages.", - "name": "PaginationNavigationButtons", - "members": [ - { - "kind": "field", - "name": "pageNumber", + "name": "stepName", "type": { - "text": "number" + "text": "string" }, - "default": "1", - "attribute": "pageNumber", - "reflects": true + "default": "''", + "description": "Step name.", + "fieldName": "stepName" }, { - "kind": "field", - "name": "numberOfPages", + "name": "stepTitle", "type": { - "text": "number" + "text": "string" }, - "default": "1", - "attribute": "numberOfPages", - "reflects": true + "default": "''", + "description": "Step title.", + "fieldName": "stepTitle" }, { - "kind": "field", - "name": "SMALLEST_PAGE_NUMBER", + "name": "stepLink", "type": { - "text": "number" + "text": "string" }, - "privacy": "private", - "readonly": true, - "default": "1" + "default": "''", + "description": "Step link.", + "fieldName": "stepLink" }, { - "kind": "method", - "name": "handleButtonClick", - "privacy": "private", - "parameters": [ - { - "name": "next", - "type": { - "text": "boolean" - }, - "description": "If true, will move to the next page, otherwise to the previous page" - } - ], - "description": "Handles the button click event, either moving to the next page or previous page" - } - ], - "events": [ - { - "name": "on-page-number-change", + "name": "stepState", "type": { - "text": "CustomEvent" + "text": "string" }, - "description": "Dispatched when the page number is changed." - } - ], - "attributes": [ + "default": "'pending'", + "description": "Step state. `'pending'`, `'active'`, `'completed'`, `'excluded'`, `'warning'` & `'destructive'`.\n\n`'pending'`, `'active'` and `'completed'` / `'excluded'` states has 0%, 50% & 100% progress set internally.", + "fieldName": "stepState" + }, { - "name": "pageNumber", + "name": "disabled", "type": { - "text": "number" + "text": "boolean" }, - "default": "1", - "fieldName": "pageNumber" + "default": "false", + "description": "Disable step.", + "fieldName": "disabled" }, { - "name": "numberOfPages", + "name": "showCounter", "type": { - "text": "number" + "text": "boolean" }, - "default": "1", - "fieldName": "numberOfPages" + "default": "false", + "description": "Optional. Show counter for vertical stepper when stepState is `'pending'`.", + "fieldName": "showCounter" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-pagination-navigation-buttons", + "tagName": "kyn-stepper-item", "customElement": true } ], "exports": [ { "kind": "js", - "name": "PaginationNavigationButtons", + "name": "StepperItem", "declaration": { - "name": "PaginationNavigationButtons", - "module": "src/components/reusable/pagination/pagination-navigation-buttons.ts" + "name": "StepperItem", + "module": "src/components/reusable/stepper/stepperItem.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-pagination-navigation-buttons", + "name": "kyn-stepper-item", "declaration": { - "name": "PaginationNavigationButtons", - "module": "src/components/reusable/pagination/pagination-navigation-buttons.ts" + "name": "StepperItem", + "module": "src/components/reusable/stepper/stepperItem.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/pagination/pagination-page-size-dropdown.ts", + "path": "src/components/reusable/stepper/stepperItemChild.ts", "declarations": [ { "kind": "class", - "description": "`kyn-pagination-page-size-dropdown` Web Component.\n\nThis component provides a dropdown to select the page size for pagination.\nIt emits events when the selected page size changes.", - "name": "PaginationPageSizeDropdown", + "description": "Stepper Item child.", + "name": "StepperItemChild", + "slots": [ + { + "description": "Slot for other elements.", + "name": "unnamed" + } + ], "members": [ { "kind": "field", - "name": "pageSize", + "name": "childTitle", "type": { - "text": "number" + "text": "string" }, - "default": "5", - "description": "Current page size.", - "attribute": "pageSize", - "reflects": true + "default": "''", + "description": "Child Title. Required for nested child inside step.", + "attribute": "childTitle" }, { "kind": "field", - "name": "pageSizeOptions", + "name": "childLink", "type": { - "text": "Array" + "text": "string" }, - "default": "[5, 10, 20, 30, 40, 50]", - "description": "Available options for the page size.", - "attribute": "pageSizeOptions" + "default": "''", + "description": "Child link.", + "attribute": "childLink" + }, + { + "kind": "field", + "name": "childSubTitle", + "type": { + "text": "string" + }, + "default": "''", + "description": "Optional Child Subtitle.", + "attribute": "childSubTitle" + }, + { + "kind": "field", + "name": "childState", + "type": { + "text": "string" + }, + "default": "'pending'", + "description": "Child State. `'pending'`, `'active'` & `'completed'`.", + "attribute": "childState" }, { "kind": "method", - "name": "handleChange", + "name": "_handleChildStepClick", "privacy": "private", "parameters": [ { - "name": "event", + "name": "e", "type": { - "text": "CustomEvent" - }, - "description": "The dropdown change event." + "text": "Event" + } + } + ] + }, + { + "kind": "method", + "name": "getProgressValue", + "privacy": "private", + "return": { + "type": { + "text": "number" } - ], - "description": "Handles the dropdown change event." + } } ], "events": [ { - "name": "on-page-size-change", - "type": { - "text": "CustomEvent" - }, - "description": "The event fired when the page size changes." + "description": "Emits event on child click. Only for vertical mode.", + "name": "on-child-click" } ], "attributes": [ { - "name": "pageSize", + "name": "childTitle", "type": { - "text": "number" + "text": "string" }, - "default": "5", - "description": "Current page size.", - "fieldName": "pageSize" + "default": "''", + "description": "Child Title. Required for nested child inside step.", + "fieldName": "childTitle" }, { - "name": "pageSizeOptions", + "name": "childLink", "type": { - "text": "Array" + "text": "string" }, - "default": "[5, 10, 20, 30, 40, 50]", - "description": "Available options for the page size.", - "fieldName": "pageSizeOptions" + "default": "''", + "description": "Child link.", + "fieldName": "childLink" + }, + { + "name": "childSubTitle", + "type": { + "text": "string" + }, + "default": "''", + "description": "Optional Child Subtitle.", + "fieldName": "childSubTitle" + }, + { + "name": "childState", + "type": { + "text": "string" + }, + "default": "'pending'", + "description": "Child State. `'pending'`, `'active'` & `'completed'`.", + "fieldName": "childState" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-pagination-page-size-dropdown", + "tagName": "kyn-stepper-item-child", "customElement": true } ], "exports": [ { "kind": "js", - "name": "PaginationPageSizeDropdown", + "name": "StepperItemChild", "declaration": { - "name": "PaginationPageSizeDropdown", - "module": "src/components/reusable/pagination/pagination-page-size-dropdown.ts" + "name": "StepperItemChild", + "module": "src/components/reusable/stepper/stepperItemChild.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-pagination-page-size-dropdown", + "name": "kyn-stepper-item-child", "declaration": { - "name": "PaginationPageSizeDropdown", - "module": "src/components/reusable/pagination/pagination-page-size-dropdown.ts" + "name": "StepperItemChild", + "module": "src/components/reusable/stepper/stepperItemChild.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/pagination/pagination.skeleton.ts", + "path": "src/components/reusable/tabs/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "Tabs", + "declaration": { + "name": "Tabs", + "module": "./tabs" + } + }, + { + "kind": "js", + "name": "Tab", + "declaration": { + "name": "Tab", + "module": "./tab" + } + }, + { + "kind": "js", + "name": "TabPanel", + "declaration": { + "name": "TabPanel", + "module": "./tabPanel" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/tabs/tab.ts", "declarations": [ { "kind": "class", - "description": "`kyn-pagination-skeleton` Web Component.", - "name": "PaginationSkeleton", + "description": "Tabs.", + "name": "Tab", + "slots": [ + { + "description": "Slot for tab button text.", + "name": "unnamed" + } + ], "members": [ { "kind": "field", - "name": "hideItemsRange", + "name": "id", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Option to hide the items range display.", - "attribute": "hideItemsRange" + "default": "''", + "description": "Tab ID, required.", + "attribute": "id", + "reflects": true }, { "kind": "field", - "name": "hidePageSizeDropdown", + "name": "selected", "type": { "text": "boolean" }, "default": "false", - "description": "Option to hide the page size dropdown.", - "attribute": "hidePageSizeDropdown" + "description": "Tab selected state. Must match Tab Panel visible state.", + "attribute": "selected", + "reflects": true }, { "kind": "field", - "name": "hideNavigationButtons", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Option to hide the navigation buttons.", - "attribute": "hideNavigationButtons" + "description": "Tab disabled state.", + "attribute": "disabled" + }, + { + "kind": "method", + "name": "_handleClick", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + }, + "description": "The parameter \"e\" is an event object that represents the event that triggered the\nclick event handler." + } + ], + "description": "Dispatches a custom event called 'tab-activated' with the original event and tabId as details,\nif the tab is not selected." } ], "attributes": [ { - "name": "hideItemsRange", + "name": "id", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Option to hide the items range display.", - "fieldName": "hideItemsRange" + "default": "''", + "description": "Tab ID, required.", + "fieldName": "id" }, { - "name": "hidePageSizeDropdown", + "name": "selected", "type": { "text": "boolean" }, "default": "false", - "description": "Option to hide the page size dropdown.", - "fieldName": "hidePageSizeDropdown" + "description": "Tab selected state. Must match Tab Panel visible state.", + "fieldName": "selected" }, { - "name": "hideNavigationButtons", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Option to hide the navigation buttons.", - "fieldName": "hideNavigationButtons" + "description": "Tab disabled state.", + "fieldName": "disabled" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-pagination-skeleton", + "tagName": "kyn-tab", "customElement": true } ], "exports": [ { "kind": "js", - "name": "PaginationSkeleton", + "name": "Tab", "declaration": { - "name": "PaginationSkeleton", - "module": "src/components/reusable/pagination/pagination.skeleton.ts" + "name": "Tab", + "module": "src/components/reusable/tabs/tab.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-pagination-skeleton", - "declaration": { - "name": "PaginationSkeleton", - "module": "src/components/reusable/pagination/pagination.skeleton.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/progressBar/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "ProgressBar", + "name": "kyn-tab", "declaration": { - "name": "ProgressBar", - "module": "./progressBar" + "name": "Tab", + "module": "src/components/reusable/tabs/tab.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/progressBar/progressBar.ts", + "path": "src/components/reusable/tabs/tabPanel.ts", "declarations": [ { "kind": "class", - "description": "`` -- progress bar status indicator component.", - "name": "ProgressBar", + "description": "Tabs.", + "name": "TabPanel", "slots": [ { - "description": "Slot for tooltip text content.", + "description": "Slot for tab content.", "name": "unnamed" } ], "members": [ { "kind": "field", - "name": "showInlineLoadStatus", + "name": "tabId", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Sets visibility of optional inline load status spinner.", - "attribute": "showInlineLoadStatus" + "default": "''", + "description": "Matching Tab ID, required.", + "attribute": "tabId" }, { "kind": "field", - "name": "showActiveHelperText", + "name": "visible", "type": { "text": "boolean" }, "default": "false", - "description": "Controls whether to show default helper text for active state.", - "attribute": "showActiveHelperText" + "description": "Tab Panel visible state. Must match Tab selected state.", + "attribute": "visible", + "reflects": true }, { "kind": "field", - "name": "progressBarId", + "name": "noPadding", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets progress bar html id property for accessibility (ex: `example-progress-bar`).", - "attribute": "progressBarId" - }, + "default": "false", + "description": "Remove side padding (left/right) on tab panel.", + "attribute": "noPadding" + } + ], + "attributes": [ { - "kind": "field", - "name": "status", + "name": "tabId", "type": { - "text": "'active' | 'success' | 'error'" + "text": "string" }, - "default": "'active'", - "description": "Sets progress bar status mode.", - "attribute": "status" + "default": "''", + "description": "Matching Tab ID, required.", + "fieldName": "tabId" }, { - "kind": "field", - "name": "value", + "name": "visible", "type": { - "text": "number | null" - }, - "default": "null", - "description": "Sets initial progress bar value (optionally hard-coded).", - "attribute": "value" + "text": "boolean" + }, + "default": "false", + "description": "Tab Panel visible state. Must match Tab selected state.", + "fieldName": "visible" }, { - "kind": "field", - "name": "max", + "name": "noPadding", "type": { - "text": "number" + "text": "boolean" }, - "default": "100", - "description": "Sets manual max value (default = 100).", - "attribute": "max" + "default": "false", + "description": "Remove side padding (left/right) on tab panel.", + "fieldName": "noPadding" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-tab-panel", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "TabPanel", + "declaration": { + "name": "TabPanel", + "module": "src/components/reusable/tabs/tabPanel.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-tab-panel", + "declaration": { + "name": "TabPanel", + "module": "src/components/reusable/tabs/tabPanel.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/tabs/tabs.ts", + "declarations": [ + { + "kind": "class", + "description": "Tabs.", + "name": "Tabs", + "slots": [ + { + "description": "Slot for kyn-tab-panel components.", + "name": "unnamed" }, + { + "description": "Slot for kyn-tab components.", + "name": "tabs" + } + ], + "members": [ { "kind": "field", - "name": "label", + "name": "tabStyle", "type": { "text": "string" }, - "default": "''", - "description": "Sets optional progress bar label.", - "attribute": "label" + "default": "'contained'", + "description": "Tab style. `'contained'` or `'line'`.", + "attribute": "tabStyle" }, { "kind": "field", - "name": "helperText", + "name": "tabSize", "type": { "text": "string" }, - "default": "''", - "description": "Sets optional helper text that appears underneath progress bar element.", - "attribute": "helperText" + "default": "'md'", + "description": "Size of the tab buttons, `'sm'` or `'md'`. Icon size: 16px.", + "attribute": "tabSize" }, { "kind": "field", - "name": "unit", + "name": "vertical", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets the unit for progress measurement (ex: 'MB', 'GB', '%')", - "attribute": "unit" + "default": "false", + "description": "Vertical orientation.", + "attribute": "vertical" }, { "kind": "field", - "name": "hideLabel", + "name": "disableAutoFocusUpdate", "type": { "text": "boolean" }, "default": "false", - "description": "Visually hide the label.", - "attribute": "hideLabel" + "description": "Enables tab content change on focus with keyboard navigation/assistive technologies.", + "attribute": "disableAutoFocusUpdate" }, { "kind": "method", - "name": "renderProgressBar", - "privacy": "private", - "parameters": [ - { - "name": "currentStatus", - "type": { - "text": "ProgressStatus" - } - }, - { - "name": "currentValue", - "type": { - "text": "number | null" - } - } - ] + "name": "_handleSlotChangeTabs", + "privacy": "private" }, { "kind": "method", - "name": "renderProgressBarLabel", + "name": "_updateChildren", + "privacy": "private" + }, + { + "kind": "method", + "name": "_handleChange", "privacy": "private", "parameters": [ { - "name": "currentStatus", - "type": { - "text": "ProgressStatus" - } - }, - { - "name": "currentValue", + "name": "e", "type": { - "text": "number | null" - } + "text": "any" + }, + "description": "The parameter \"e\" is an event object that contains information about the event\nthat triggered the handleChange function." } - ] + ], + "description": "Updates children and emits a change event based on the provided\nevent details when a child kyn-tab is clicked." }, { "kind": "method", - "name": "renderStatusIconOrLoader", + "name": "_updateChildrenSelection", "privacy": "private", "parameters": [ { - "name": "currentStatus", + "name": "selectedTabId", "type": { - "text": "ProgressStatus" - } + "text": "string" + }, + "description": "The selectedTabId parameter is a string that represents the ID of\nthe tab that is currently selected." }, { - "name": "currentValue", - "type": { - "text": "number | null" - } + "name": "updatePanel", + "default": "true" } - ] + ], + "description": "Updates the selected property of tabs and the visible property of tab panels based on\nthe selected tab ID." }, { "kind": "method", - "name": "getProgressBarClasses", + "name": "_emitChangeEvent", "privacy": "private", "parameters": [ { - "name": "status", + "name": "origEvent", "type": { - "text": "ProgressStatus" - } - } - ] - }, - { - "kind": "method", - "name": "getHelperText", - "privacy": "private" - }, - { - "kind": "method", - "name": "getCurrentStatus", - "privacy": "private", - "return": { - "type": { - "text": "ProgressStatus" - } - }, - "parameters": [ + "text": "any" + }, + "description": "The origEvent parameter is the original event object that triggered the\nchange event. It could be any type of event object, such as a click event or a keydown event." + }, { - "name": "currentValue", + "name": "selectedTabId", "type": { - "text": "number | null" - } - } - ] - }, - { - "kind": "method", - "name": "startProgress", - "privacy": "private" - }, - { - "kind": "method", - "name": "cancelAnimation", - "privacy": "private" - } - ], - "attributes": [ - { - "name": "showInlineLoadStatus", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Sets visibility of optional inline load status spinner.", - "fieldName": "showInlineLoadStatus" - }, - { - "name": "showActiveHelperText", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Controls whether to show default helper text for active state.", - "fieldName": "showActiveHelperText" - }, - { - "name": "progressBarId", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets progress bar html id property for accessibility (ex: `example-progress-bar`).", - "fieldName": "progressBarId" - }, - { - "name": "status", - "type": { - "text": "'active' | 'success' | 'error'" - }, - "default": "'active'", - "description": "Sets progress bar status mode.", - "fieldName": "status" - }, - { - "name": "value", - "type": { - "text": "number | null" - }, - "default": "null", - "description": "Sets initial progress bar value (optionally hard-coded).", - "fieldName": "value" - }, - { - "name": "max", - "type": { - "text": "number" - }, - "default": "100", - "description": "Sets manual max value (default = 100).", - "fieldName": "max" + "text": "string" + }, + "description": "The selectedTabId parameter is a string that represents the ID of\nthe selected tab." + } + ], + "description": "Creates and dispatches a custom event called 'on-change' with the provided original event and\nselected tab ID as details." }, { - "name": "label", + "kind": "method", + "name": "_handleKeyboard", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + }, + "description": "The parameter `e` is an event object that represents the keyboard event. It\ncontains information about the keyboard event, such as the key code of the pressed key." + } + ], + "description": "Handles keyboard events for navigating between tabs.", + "return": { + "type": { + "text": "" + } + } + } + ], + "events": [ + { + "description": "Emits the new selected Tab ID when switching tabs.", + "name": "on-change" + } + ], + "attributes": [ + { + "name": "tabStyle", "type": { "text": "string" }, - "default": "''", - "description": "Sets optional progress bar label.", - "fieldName": "label" + "default": "'contained'", + "description": "Tab style. `'contained'` or `'line'`.", + "fieldName": "tabStyle" }, { - "name": "helperText", + "name": "tabSize", "type": { "text": "string" }, - "default": "''", - "description": "Sets optional helper text that appears underneath progress bar element.", - "fieldName": "helperText" + "default": "'md'", + "description": "Size of the tab buttons, `'sm'` or `'md'`. Icon size: 16px.", + "fieldName": "tabSize" }, { - "name": "unit", + "name": "vertical", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets the unit for progress measurement (ex: 'MB', 'GB', '%')", - "fieldName": "unit" + "default": "false", + "description": "Vertical orientation.", + "fieldName": "vertical" }, { - "name": "hideLabel", + "name": "disableAutoFocusUpdate", "type": { "text": "boolean" }, "default": "false", - "description": "Visually hide the label.", - "fieldName": "hideLabel" + "description": "Enables tab content change on focus with keyboard navigation/assistive technologies.", + "fieldName": "disableAutoFocusUpdate" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-progress-bar", + "tagName": "kyn-tabs", "customElement": true } ], "exports": [ { "kind": "js", - "name": "ProgressBar", + "name": "Tabs", "declaration": { - "name": "ProgressBar", - "module": "src/components/reusable/progressBar/progressBar.ts" + "name": "Tabs", + "module": "src/components/reusable/tabs/tabs.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-progress-bar", + "name": "kyn-tabs", "declaration": { - "name": "ProgressBar", - "module": "src/components/reusable/progressBar/progressBar.ts" + "name": "Tabs", + "module": "src/components/reusable/tabs/tabs.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/radioButton/index.ts", + "path": "src/components/reusable/table/defs.ts", + "declarations": [], + "exports": [] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/table/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "RadioButton", + "name": "Table", "declaration": { - "name": "RadioButton", - "module": "./radioButton" + "name": "Table", + "module": "./table" } }, { "kind": "js", - "name": "RadioButtonGroup", + "name": "TableCell", "declaration": { - "name": "RadioButtonGroup", - "module": "./radioButtonGroup" + "name": "TableCell", + "module": "./table-cell" + } + }, + { + "kind": "js", + "name": "TableRow", + "declaration": { + "name": "TableRow", + "module": "./table-row" + } + }, + { + "kind": "js", + "name": "TableBody", + "declaration": { + "name": "TableBody", + "module": "./table-body" + } + }, + { + "kind": "js", + "name": "TableHead", + "declaration": { + "name": "TableHead", + "module": "./table-head" + } + }, + { + "kind": "js", + "name": "TableHeader", + "declaration": { + "name": "TableHeader", + "module": "./table-header" + } + }, + { + "kind": "js", + "name": "TableFoot", + "declaration": { + "name": "TableFoot", + "module": "./table-foot" + } + }, + { + "kind": "js", + "name": "TableFooter", + "declaration": { + "name": "TableFooter", + "module": "./table-footer" + } + }, + { + "kind": "js", + "name": "TableLegend", + "declaration": { + "name": "TableLegend", + "module": "./table-legend" + } + }, + { + "kind": "js", + "name": "TableLegendItem", + "declaration": { + "name": "TableLegendItem", + "module": "./table-legend-item" + } + }, + { + "kind": "js", + "name": "TableToolbar", + "declaration": { + "name": "TableToolbar", + "module": "./table-toolbar" + } + }, + { + "kind": "js", + "name": "TableContainer", + "declaration": { + "name": "TableContainer", + "module": "./table-container" + } + }, + { + "kind": "js", + "name": "TableHeaderRow", + "declaration": { + "name": "TableHeaderRow", + "module": "./table-header-row" + } + }, + { + "kind": "js", + "name": "TableExpandedRow", + "declaration": { + "name": "TableExpandedRow", + "module": "./table-expanded-row" + } + }, + { + "kind": "js", + "name": "TableSkeleton", + "declaration": { + "name": "TableSkeleton", + "module": "./table.skeleton" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/radioButton/radioButton.ts", + "path": "src/components/reusable/table/table-body.ts", "declarations": [ { "kind": "class", - "description": "Radio button.", - "name": "RadioButton", + "description": "`kyn-tbody` Web Component.\n\nRepresents the body section of Shidoka's design system tables. Designed to provide\na consistent look and feel, and can offer striped rows for enhanced readability.", + "name": "TableBody", "slots": [ { - "description": "Slot for label text.", + "description": "The content slot for adding rows (``) within the table body.", "name": "unnamed" } ], "members": [ { "kind": "field", - "name": "value", - "type": { - "text": "string" - }, - "default": "''", - "description": "Radio button value.", - "attribute": "value" - }, - { - "kind": "field", - "name": "disabled", + "name": "striped", "type": { "text": "boolean" }, "default": "false", - "description": "Radio button disabled state, inherited from the parent group.", - "attribute": "disabled" + "description": "Determines if the rows in the table body should be striped.", + "attribute": "striped", + "reflects": true }, { - "kind": "method", - "name": "handleChange", - "privacy": "private", + "kind": "field", + "name": "handleContextChange", + "description": "Updates the row's striped property when the context changes.", "parameters": [ { - "name": "e", + "description": "The updated context.", + "name": "context", "type": { - "text": "Event" + "text": "TableContextType" } } ] @@ -9094,99 +9190,118 @@ ], "events": [ { - "description": "Captures the change event and emits the selected value and original event details.", - "name": "on-radio-change" + "name": "on-rows-change", + "type": { + "text": "CustomEvent" + }, + "description": "Dispatched when the rows in the table body change." } ], "attributes": [ { - "name": "value", - "type": { - "text": "string" - }, - "default": "''", - "description": "Radio button value.", - "fieldName": "value" - }, - { - "name": "disabled", + "name": "striped", "type": { "text": "boolean" }, "default": "false", - "description": "Radio button disabled state, inherited from the parent group.", - "fieldName": "disabled" + "description": "Determines if the rows in the table body should be striped.", + "fieldName": "striped" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-radio-button", + "tagName": "kyn-tbody", "customElement": true } ], "exports": [ { "kind": "js", - "name": "RadioButton", + "name": "TableBody", "declaration": { - "name": "RadioButton", - "module": "src/components/reusable/radioButton/radioButton.ts" + "name": "TableBody", + "module": "src/components/reusable/table/table-body.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-radio-button", + "name": "kyn-tbody", "declaration": { - "name": "RadioButton", - "module": "src/components/reusable/radioButton/radioButton.ts" + "name": "TableBody", + "module": "src/components/reusable/table/table-body.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/radioButton/radioButtonGroup.ts", + "path": "src/components/reusable/table/table-cell.ts", "declarations": [ { "kind": "class", - "description": "Radio button group container.", - "name": "RadioButtonGroup", + "description": "`kyn-td` Web Component.\n\nRepresents a table cell (data cell) within Shidoka's design system tables.\nAllows customization of alignment and can reflect the sort direction when\nused within sortable columns.", + "name": "TableCell", "slots": [ { - "description": "Slot for individual radio buttons.", + "description": "The content slot for adding table data inside the cell.", "name": "unnamed" + } + ], + "members": [ + { + "kind": "field", + "name": "dense", + "type": { + "text": "boolean" + }, + "default": "false", + "attribute": "dense", + "reflects": true }, { - "description": "Slot for description text.", - "name": "description" + "kind": "field", + "name": "align", + "type": { + "text": "TABLE_CELL_ALIGN" + }, + "description": "Determines the text alignment of the table cell's content.", + "attribute": "align", + "reflects": true }, { - "description": "Slot for tooltip.", - "name": "tooltip" - } - ], - "members": [ + "kind": "field", + "name": "width", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets a fixed width for the cell.\nAccepts standard CSS width values (e.g., '150px', '50%').", + "attribute": "width", + "reflects": true + }, { "kind": "field", - "name": "label", + "name": "maxWidth", "type": { "text": "string" }, "default": "''", - "description": "Label text", - "attribute": "label" + "description": "Sets a maximum width for the cell; contents exceeding this limit will be truncated with ellipsis.\nAccepts standard CSS width values (e.g., '150px', '50%').", + "attribute": "maxWidth", + "reflects": true }, { "kind": "field", - "name": "required", + "name": "minWidth", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Makes the input required.", - "attribute": "required" + "default": "''", + "description": "Sets a minimum width for the cell;\nAccepts standard CSS width values (e.g., '150px', '50%').", + "attribute": "minWidth", + "reflects": true }, { "kind": "field", @@ -9195,86 +9310,79 @@ "text": "boolean" }, "default": "false", - "description": "Radio button group disabled state.", - "attribute": "disabled" + "description": "Disables the cell.", + "attribute": "disabled", + "reflects": true }, { "kind": "field", - "name": "horizontal", + "name": "dimmed", "type": { "text": "boolean" }, "default": "false", - "description": "Radio button group horizontal layout.", - "attribute": "horizontal" + "description": "Dim the cell.", + "attribute": "dimmed", + "reflects": true }, { "kind": "field", - "name": "textStrings", - "default": "{\n required: 'Required',\n error: 'Error',\n}", - "description": "Text string customization.", - "attribute": "textStrings", - "type": { - "text": "object" - } - }, - { - "kind": "method", - "name": "_validate", - "privacy": "private", - "parameters": [ - { - "name": "interacted", - "type": { - "text": "Boolean" - } - }, - { - "name": "report", - "type": { - "text": "Boolean" - } - } - ] - }, - { - "kind": "method", - "name": "_handleRadioChange", - "privacy": "private", + "name": "handleContextChange", + "description": "Updates the cell's dense properties when the context changes.", "parameters": [ { - "name": "e", + "description": "The updated context.", + "name": "context", "type": { - "text": "any" + "text": "TableContextType" } } ] } ], - "events": [ - { - "description": "Captures the change event and emits the selected value.", - "name": "on-radio-group-change" - } - ], "attributes": [ { - "name": "label", + "name": "dense", + "type": { + "text": "boolean" + }, + "default": "false", + "fieldName": "dense" + }, + { + "name": "align", + "type": { + "text": "TABLE_CELL_ALIGN" + }, + "description": "Determines the text alignment of the table cell's content.", + "fieldName": "align" + }, + { + "name": "width", "type": { "text": "string" }, "default": "''", - "description": "Label text", - "fieldName": "label" + "description": "Sets a fixed width for the cell.\nAccepts standard CSS width values (e.g., '150px', '50%').", + "fieldName": "width" }, { - "name": "required", + "name": "maxWidth", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Makes the input required.", - "fieldName": "required" + "default": "''", + "description": "Sets a maximum width for the cell; contents exceeding this limit will be truncated with ellipsis.\nAccepts standard CSS width values (e.g., '150px', '50%').", + "fieldName": "maxWidth" + }, + { + "name": "minWidth", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets a minimum width for the cell;\nAccepts standard CSS width values (e.g., '150px', '50%').", + "fieldName": "minWidth" }, { "name": "disabled", @@ -9282,1711 +9390,1571 @@ "text": "boolean" }, "default": "false", - "description": "Radio button group disabled state.", + "description": "Disables the cell.", "fieldName": "disabled" }, { - "name": "horizontal", + "name": "dimmed", "type": { "text": "boolean" }, "default": "false", - "description": "Radio button group horizontal layout.", - "fieldName": "horizontal" - }, + "description": "Dim the cell.", + "fieldName": "dimmed" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-td", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "TableCell", + "declaration": { + "name": "TableCell", + "module": "src/components/reusable/table/table-cell.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-td", + "declaration": { + "name": "TableCell", + "module": "src/components/reusable/table/table-cell.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/table/table-container.ts", + "declarations": [ + { + "kind": "class", + "description": "`kyn-table-container` Web Component.\n\nProvides a container for Shidoka's design system tables. It's designed to encapsulate\nand apply styles uniformly across the table elements.", + "name": "TableContainer", + "slots": [ { - "name": "textStrings", - "default": "_defaultTextStrings", - "description": "Text string customization.", - "fieldName": "textStrings" + "description": "The content slot for adding table and related elements.", + "name": "unnamed" } ], - "mixins": [ + "members": [ { - "name": "FormMixin", - "module": "/src/common/mixins/form-input" + "kind": "field", + "name": "tabIndex", + "type": { + "text": "number" + }, + "default": "0", + "attribute": "tabIndex", + "reflects": true + } + ], + "attributes": [ + { + "name": "tabIndex", + "type": { + "text": "number" + }, + "default": "0", + "fieldName": "tabIndex" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-radio-button-group", + "tagName": "kyn-table-container", "customElement": true } ], "exports": [ { "kind": "js", - "name": "RadioButtonGroup", + "name": "TableContainer", "declaration": { - "name": "RadioButtonGroup", - "module": "src/components/reusable/radioButton/radioButtonGroup.ts" + "name": "TableContainer", + "module": "src/components/reusable/table/table-container.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-radio-button-group", + "name": "kyn-table-container", "declaration": { - "name": "RadioButtonGroup", - "module": "src/components/reusable/radioButton/radioButtonGroup.ts" + "name": "TableContainer", + "module": "src/components/reusable/table/table-container.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/search/index.ts", - "declarations": [], + "path": "src/components/reusable/table/table-context.ts", + "declarations": [ + { + "kind": "variable", + "name": "tableContext" + } + ], "exports": [ { "kind": "js", - "name": "Search", + "name": "tableContext", "declaration": { - "name": "Search", - "module": "./search" + "name": "tableContext", + "module": "src/components/reusable/table/table-context.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/search/search.ts", + "path": "src/components/reusable/table/table-expanded-row.ts", "declarations": [ { "kind": "class", - "description": "Search", - "name": "Search", - "members": [ - { - "kind": "field", - "name": "name", - "type": { - "text": "string" - }, - "default": "''", - "description": "Input name.", - "attribute": "name" - }, - { - "kind": "field", - "name": "label", - "type": { - "text": "string" - }, - "default": "'Search'", - "description": "Label text.", - "attribute": "label" - }, - { - "kind": "field", - "name": "expandable", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Expandable style search.", - "attribute": "expandable" - }, - { - "kind": "field", - "name": "value", - "type": { - "text": "string" - }, - "default": "''", - "description": "Input value.", - "attribute": "value" - }, - { - "kind": "field", - "name": "size", - "type": { - "text": "string" - }, - "default": "'md'", - "description": "Input & button size.", - "attribute": "size" - }, - { - "kind": "field", - "name": "disabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Disabled state.", - "attribute": "disabled" - }, - { - "kind": "field", - "name": "suggestions", - "type": { - "text": "Array" - }, - "default": "[]", - "description": "Auto-suggest array of strings that should match the current value. Update this array externally after on-input.", - "attribute": "suggestions" - }, - { - "kind": "field", - "name": "expandableSearchBtnDescription", - "type": { - "text": "string" - }, - "default": "''", - "description": "Expandable style search button description (Required to support accessibility).", - "attribute": "expandableSearchBtnDescription" - }, - { - "kind": "field", - "name": "assistiveTextStrings", - "default": "{\n searchSuggestions: 'Search suggestions.',\n noMatches: 'No matches found for',\n selected: 'Selected',\n found: 'Found',\n}", - "description": "Assistive text strings.", - "attribute": "assistiveTextStrings", - "type": { - "text": "object" - } - }, - { - "kind": "method", - "name": "_buttonSizeMap", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleFocus", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleBlur", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleButtonClick", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleInput", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "CustomEvent" - } - } - ] - }, - { - "kind": "method", - "name": "_handleSuggestionClick", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - }, - { - "name": "suggestion", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "_handleSuggestionWithMouseUp", - "privacy": "private", - "parameters": [ - { - "name": "suggestion", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "_handleSuggestionWithMouseDown", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "handleSearchKeydown", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "handleListKeydown", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "handleKeyboard", - "privacy": "private", - "parameters": [ - { - "name": "keyCode", - "type": { - "text": "number" - } - }, - { - "name": "target", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "_checkForMatchingSuggestions", - "privacy": "private" - } - ], - "events": [ + "description": "\n`kyn-expanded-tr` Web Component.\n\nDesigned to display additional details for a row in a table.\nThe row is expandable and can be expanded/collapsed by toggling the plus/minus icons.", + "name": "TableExpandedRow", + "slots": [ { - "description": "Emits the value on text input/clear.", - "name": "on-input" + "description": "The slot for adding content to the expandable details section.", + "name": "unnamed" } ], - "attributes": [ - { - "name": "name", - "type": { - "text": "string" - }, - "default": "''", - "description": "Input name.", - "fieldName": "name" - }, + "members": [ { - "name": "label", + "kind": "field", + "name": "colSpan", "type": { - "text": "string" + "text": "number" }, - "default": "'Search'", - "description": "Label text.", - "fieldName": "label" + "default": "1", + "description": "The number of columns that the expanded row should span.\nReflects the `colspan` attribute.", + "attribute": "colspan" }, { - "name": "expandable", + "kind": "field", + "name": "expanded", "type": { "text": "boolean" }, "default": "false", - "description": "Expandable style search.", - "fieldName": "expandable" - }, - { - "name": "value", - "type": { - "text": "string" - }, - "default": "''", - "description": "Input value.", - "fieldName": "value" - }, + "description": "`true` if the table row should be expanded.", + "attribute": "expanded", + "reflects": true + } + ], + "attributes": [ { - "name": "size", + "name": "colspan", "type": { - "text": "string" + "text": "number" }, - "default": "'md'", - "description": "Input & button size.", - "fieldName": "size" + "default": "1", + "description": "The number of columns that the expanded row should span.\nReflects the `colspan` attribute.", + "fieldName": "colSpan" }, { - "name": "disabled", + "name": "expanded", "type": { "text": "boolean" }, "default": "false", - "description": "Disabled state.", - "fieldName": "disabled" - }, - { - "name": "suggestions", - "type": { - "text": "Array" - }, - "default": "[]", - "description": "Auto-suggest array of strings that should match the current value. Update this array externally after on-input.", - "fieldName": "suggestions" - }, + "description": "`true` if the table row should be expanded.", + "fieldName": "expanded" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-expanded-tr", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "TableExpandedRow", + "declaration": { + "name": "TableExpandedRow", + "module": "src/components/reusable/table/table-expanded-row.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-expanded-tr", + "declaration": { + "name": "TableExpandedRow", + "module": "src/components/reusable/table/table-expanded-row.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/table/table-foot.ts", + "declarations": [ + { + "kind": "class", + "description": "`kyn-tfoot` Web Component.\n\nRepresents a custom table foot (``) for Shidoka's design system tables.\nDesigned to contain and style table footer rows (``) and footer cells (``).", + "name": "TableFoot", + "slots": [ { - "name": "expandableSearchBtnDescription", - "type": { - "text": "string" - }, - "default": "''", - "description": "Expandable style search button description (Required to support accessibility).", - "fieldName": "expandableSearchBtnDescription" - }, + "description": "The content slot for adding table foot rows.", + "name": "unnamed" + } + ], + "members": [], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-tfoot", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "TableFoot", + "declaration": { + "name": "TableFoot", + "module": "src/components/reusable/table/table-foot.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-tfoot", + "declaration": { + "name": "TableFoot", + "module": "src/components/reusable/table/table-foot.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/table/table-footer.ts", + "declarations": [ + { + "kind": "class", + "description": "Table Footer\n\nIntended to contain Legend and Pagination.", + "name": "TableFooter", + "slots": [ { - "name": "assistiveTextStrings", - "default": "_defaultTextStrings", - "description": "Assistive text strings.", - "fieldName": "assistiveTextStrings" + "description": "Default slot.", + "name": "unnamed" } ], + "members": [], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-search", + "tagName": "kyn-table-footer", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Search", + "name": "TableFooter", "declaration": { - "name": "Search", - "module": "src/components/reusable/search/search.ts" + "name": "TableFooter", + "module": "src/components/reusable/table/table-footer.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-search", + "name": "kyn-table-footer", "declaration": { - "name": "Search", - "module": "src/components/reusable/search/search.ts" + "name": "TableFooter", + "module": "src/components/reusable/table/table-footer.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/sideDrawer/index.ts", - "declarations": [], + "path": "src/components/reusable/table/table-head.ts", + "declarations": [ + { + "kind": "class", + "description": "`kyn-thead` Web Component.\n\nRepresents a custom table head (``) for Shidoka's design system tables.\nDesigned to contain and style table header rows (``) and header cells (``).", + "name": "TableHead", + "slots": [ + { + "description": "The content slot for adding table header rows (``).", + "name": "unnamed" + } + ], + "members": [ + { + "kind": "field", + "name": "stickyHeader", + "type": { + "text": "boolean" + }, + "default": "false", + "attribute": "stickyHeader", + "reflects": true + }, + { + "kind": "field", + "name": "handleContextChange", + "description": "Update the stickyHeader property when the context changes.", + "parameters": [ + { + "description": "The updated context.", + "name": "context", + "type": { + "text": "TableContextType" + } + } + ] + }, + { + "kind": "method", + "name": "handleChildSort", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "CustomEvent" + } + } + ] + } + ], + "attributes": [ + { + "name": "stickyHeader", + "type": { + "text": "boolean" + }, + "default": "false", + "fieldName": "stickyHeader" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-thead", + "customElement": true + } + ], "exports": [ { - "kind": "js", - "name": "SideDrawer", + "kind": "js", + "name": "TableHead", + "declaration": { + "name": "TableHead", + "module": "src/components/reusable/table/table-head.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-thead", "declaration": { - "name": "SideDrawer", - "module": "./sideDrawer" + "name": "TableHead", + "module": "src/components/reusable/table/table-head.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/sideDrawer/sideDrawer.ts", + "path": "src/components/reusable/table/table-header-row.ts", "declarations": [ { "kind": "class", - "description": "Side Drawer.", - "name": "SideDrawer", - "slots": [ - { - "description": "Slot for drawer body content.", - "name": "unnamed" - }, - { - "description": "Slot for the anchor button content.", - "name": "anchor" - } - ], + "description": "`kyn-header-tr` Web Component.\n\nThe `` component is designed to function as the\nheader row within a table that's part of Shidoka's design system.", + "name": "TableHeaderRow", "members": [ { "kind": "field", - "name": "open", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Drawer open state.", - "attribute": "open" - }, - { - "kind": "field", - "name": "size", + "name": "expandableColumnWidth", "type": { "text": "string" }, - "default": "'md'", - "description": "Drawer size. `'md'`, or `'sm'`.", - "attribute": "size" + "default": "'64px'", + "description": "expandableColumnWidth: The width of the expandable column.", + "attribute": "expandableColumnWidth" }, { "kind": "field", - "name": "titleText", + "name": "multiSelectColumnWidth", "type": { "text": "string" }, - "default": "''", - "description": "Title / Heading text, required.", - "attribute": "titleText" + "default": "'64px'", + "description": "multiSelectColumnWidth: The width of the multi-select column.", + "attribute": "multiSelectColumnWidth" }, { - "kind": "field", - "name": "labelText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Label text, optional.", - "attribute": "labelText" + "kind": "method", + "name": "handleToggleSelectionAll", + "parameters": [ + { + "name": "event", + "type": { + "text": "CustomEvent" + } + } + ], + "description": "Toggles the selection state of all rows in the table." }, { - "kind": "field", - "name": "submitBtnText", - "type": { - "text": "string" - }, - "default": "'Ok'", - "description": "Submit button text.", - "attribute": "submitBtnText" + "kind": "method", + "name": "updateHeaderCheckboxState", + "parameters": [ + { + "name": "indeterminate", + "type": { + "text": "boolean" + } + }, + { + "name": "checked", + "type": { + "text": "boolean" + } + } + ], + "description": "Updates the state of the header checkbox based on the number of\nselected rows." }, { "kind": "field", - "name": "cancelBtnText", + "name": "rowId", "type": { "text": "string" }, - "default": "'Cancel'", - "description": "Cancel button text.", - "attribute": "cancelBtnText" - }, - { - "kind": "field", - "name": "submitBtnDisabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Disables the primary button.", - "attribute": "submitBtnDisabled" + "default": "''", + "description": "rowId: String - Unique identifier for the row.", + "attribute": "rowId", + "reflects": true, + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { "kind": "field", - "name": "hideFooter", + "name": "selected", "type": { "text": "boolean" }, "default": "false", - "description": "Determine whether needs footer", - "attribute": "hideFooter" + "description": "selected: Boolean indicating whether the row is selected.\nReflects the `selected` attribute.", + "attribute": "selected", + "reflects": true, + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { "kind": "field", - "name": "destructive", + "name": "checkboxSelection", "type": { "text": "boolean" }, "default": "false", - "description": "Changes the primary button styles to indicate the action is destructive.", - "attribute": "destructive" - }, - { - "kind": "field", - "name": "secondaryButtonText", - "type": { - "text": "string" - }, - "default": "'Secondary'", - "description": "Secondary button text.", - "attribute": "secondaryButtonText" + "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", + "attribute": "checkboxSelection", + "reflects": true, + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { "kind": "field", - "name": "showSecondaryButton", + "name": "dense", "type": { "text": "boolean" }, "default": "false", - "description": "Hides the secondary button.", - "attribute": "showSecondaryButton" + "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", + "attribute": "dense", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { "kind": "field", - "name": "hideCancelButton", + "name": "unread", "type": { "text": "boolean" }, "default": "false", - "description": "Hides the cancel button.", - "attribute": "hideCancelButton" + "description": "Unread row state.", + "attribute": "unread", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { "kind": "field", - "name": "beforeClose", - "type": { - "text": "Function" - }, - "description": "Function to execute before the Drawer can close. Useful for running checks or validations before closing. Exposes `returnValue` (`'ok'` or `'cancel'`). Must return `true` or `false`." - }, - { - "kind": "method", - "name": "_openDrawer", - "privacy": "private" - }, - { - "kind": "method", - "name": "_closeDrawer", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - }, - { - "name": "returnValue", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "_emitCloseEvent", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] - } - ], - "events": [ - { - "description": "Emits the drawer close event with `returnValue` (`'ok'` or `'cancel'`).", - "name": "on-close" - } - ], - "attributes": [ - { - "name": "open", + "name": "locked", "type": { "text": "boolean" }, "default": "false", - "description": "Drawer open state.", - "fieldName": "open" - }, - { - "name": "size", - "type": { - "text": "string" - }, - "default": "'md'", - "description": "Drawer size. `'md'`, or `'sm'`.", - "fieldName": "size" - }, - { - "name": "titleText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Title / Heading text, required.", - "fieldName": "titleText" - }, - { - "name": "labelText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Label text, optional.", - "fieldName": "labelText" + "description": "locked: Boolean indicating whether the row is locked.\nIf a row is selected before it is locked, it remains selected even after being locked.\nA row can be selected and disabled/locked simultaneously.", + "attribute": "locked", + "reflects": true, + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "name": "submitBtnText", + "kind": "field", + "name": "expandable", "type": { - "text": "string" + "text": "boolean" }, - "default": "'Ok'", - "description": "Submit button text.", - "fieldName": "submitBtnText" + "default": "false", + "description": "expandable: Boolean indicating whether the row is expandable.", + "attribute": "expandable", + "reflects": true, + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "name": "cancelBtnText", + "kind": "field", + "name": "expanded", "type": { - "text": "string" + "text": "boolean" }, - "default": "'Cancel'", - "description": "Cancel button text.", - "fieldName": "cancelBtnText" + "default": "false", + "description": "expanded: Boolean indicating whether the row is expanded.", + "attribute": "expanded", + "reflects": true, + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "name": "submitBtnDisabled", + "kind": "field", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Disables the primary button.", - "fieldName": "submitBtnDisabled" + "description": "disabled: Boolean indicating whether the row is disabled.\nA disabled row is not allowed to have any user interactions.\nA row can be selected and disabled/locked simultaneously.", + "attribute": "disabled", + "reflects": true, + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "name": "hideFooter", + "kind": "field", + "name": "preventHighlight", "type": { "text": "boolean" }, "default": "false", - "description": "Determine whether needs footer", - "fieldName": "hideFooter" + "description": "preventHighlight: Boolean indicating whether the row should not be highlighted.", + "attribute": "preventHighlight", + "reflects": true, + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "name": "destructive", + "kind": "field", + "name": "dimmed", "type": { "text": "boolean" }, "default": "false", - "description": "Changes the primary button styles to indicate the action is destructive.", - "fieldName": "destructive" + "description": "dimmed: Boolean indicating whether the row is dimmed.\nA row should not be selected and dimmed simultaneously.", + "attribute": "dimmed", + "reflects": true, + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "name": "secondaryButtonText", + "kind": "field", + "name": "textStrings", + "default": "{\n expanded: 'Expanded',\n collapsed: 'Collapsed',\n}", + "description": "Text string customization.", + "attribute": "textStrings", "type": { - "text": "string" + "text": "object" }, - "default": "'Secondary'", - "description": "Secondary button text.", - "fieldName": "secondaryButtonText" + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "name": "showSecondaryButton", + "kind": "field", + "name": "handleContextChange", + "description": "Updates the cell's dense and ellipsis properties when the context changes.", + "parameters": [ + { + "description": "The updated context.", + "name": "context", + "type": { + "text": "TableContextType" + } + } + ], + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } + }, + { + "kind": "method", + "name": "handleRowSelectionChange", + "parameters": [ + { + "name": "event", + "type": { + "text": "CustomEvent" + } + } + ], + "description": "Handles the change of selection state for a specific row.", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } + }, + { + "kind": "method", + "name": "_handleUserInitiatedToggleExpando", + "parameters": [ + { + "name": "expanded", + "default": "!this.expanded" + } + ], + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } + }, + { + "kind": "method", + "name": "_handleExpanding", + "privacy": "private", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } + } + ], + "events": [ + { + "name": "on-header-checkbox-toggle", "type": { - "text": "boolean" + "text": "CustomEvent" + } + }, + { + "name": "on-row-select", + "type": { + "text": "CustomEvent" }, - "default": "false", - "description": "Hides the secondary button.", - "fieldName": "showSecondaryButton" + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "name": "hideCancelButton", + "name": "table-row-expando-beingtoggled", "type": { - "text": "boolean" + "text": "CustomEvent" }, - "default": "false", - "description": "Hides the cancel button.", - "fieldName": "hideCancelButton" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-side-drawer", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "SideDrawer", - "declaration": { - "name": "SideDrawer", - "module": "src/components/reusable/sideDrawer/sideDrawer.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-side-drawer", - "declaration": { - "name": "SideDrawer", - "module": "src/components/reusable/sideDrawer/sideDrawer.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/stepper/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "Stepper", - "declaration": { - "name": "Stepper", - "module": "./stepper" - } - }, - { - "kind": "js", - "name": "StepperItem", - "declaration": { - "name": "StepperItem", - "module": "./stepperItem" - } - }, - { - "kind": "js", - "name": "StepperItemChild", - "declaration": { - "name": "StepperItemChild", - "module": "./stepperItemChild" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/stepper/stepper.ts", - "declarations": [ - { - "kind": "class", - "description": "Stepper", - "name": "Stepper", - "slots": [ + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } + }, { - "description": "Slot for step items.", - "name": "unnamed" + "name": "table-row-expando-toggled", + "type": { + "text": "CustomEvent" + }, + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } } ], - "members": [ + "attributes": [ { - "kind": "field", - "name": "stepperType", + "name": "expandableColumnWidth", "type": { "text": "string" }, - "default": "'procedure'", - "description": "Stepper type `'procedure'` & `'status'`.\n\nprocedure: Allows a user to move through a series of steps that need to be completed, such as filling out a series of forms. The user can therefore know where they are in the sequence, and can go back to previous steps if needed. Procedure should use the `'large'` size stepper.\n\nstatus: Should not allow the user navigate to previous steps for ex: sequential forms, payment gateway etc. Should use the `'small'` size to avoid unnecessary clutter.\n\nNote: Read the stepper guidelines for more info.", - "attribute": "stepperType" + "default": "'64px'", + "description": "expandableColumnWidth: The width of the expandable column.", + "fieldName": "expandableColumnWidth" }, { - "kind": "field", - "name": "vertical", + "name": "multiSelectColumnWidth", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Wheter the stepper is in vertical type.", - "attribute": "vertical" + "default": "'64px'", + "description": "multiSelectColumnWidth: The width of the multi-select column.", + "fieldName": "multiSelectColumnWidth" }, { - "kind": "field", - "name": "stepperSize", + "name": "rowId", "type": { "text": "string" }, - "default": "'large'", - "description": "Stepper size `'large'` & `'small'`.", - "attribute": "stepperSize" + "default": "''", + "description": "rowId: String - Unique identifier for the row.", + "fieldName": "rowId", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "kind": "field", - "name": "currentIndex", + "name": "selected", "type": { - "text": "number" + "text": "boolean" }, - "default": "0", - "description": "Curent index of stepper. Usefull for navigation logic like next, prev etc.", - "attribute": "currentIndex" + "default": "false", + "description": "selected: Boolean indicating whether the row is selected.\nReflects the `selected` attribute.", + "fieldName": "selected", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "kind": "method", - "name": "_handleSlotChange", - "privacy": "private" + "name": "checkboxSelection", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", + "fieldName": "checkboxSelection", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "kind": "method", - "name": "_updateChildren", - "privacy": "private" + "name": "dense", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", + "fieldName": "dense", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "kind": "method", - "name": "_determineFirstLastSteps", - "privacy": "private" + "name": "unread", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Unread row state.", + "fieldName": "unread", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "kind": "method", - "name": "_handleStepClick", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - } - ], - "events": [ + "name": "locked", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "locked: Boolean indicating whether the row is locked.\nIf a row is selected before it is locked, it remains selected even after being locked.\nA row can be selected and disabled/locked simultaneously.", + "fieldName": "locked", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } + }, { - "description": "Captures the event and emits the active step and original event details when click on any step title. This is only for procedure type stepper. Status stepper doesn't emit this event.", - "name": "on-click" - } - ], - "attributes": [ + "name": "expandable", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "expandable: Boolean indicating whether the row is expandable.", + "fieldName": "expandable", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } + }, { - "name": "stepperType", + "name": "expanded", "type": { - "text": "string" + "text": "boolean" }, - "default": "'procedure'", - "description": "Stepper type `'procedure'` & `'status'`.\n\nprocedure: Allows a user to move through a series of steps that need to be completed, such as filling out a series of forms. The user can therefore know where they are in the sequence, and can go back to previous steps if needed. Procedure should use the `'large'` size stepper.\n\nstatus: Should not allow the user navigate to previous steps for ex: sequential forms, payment gateway etc. Should use the `'small'` size to avoid unnecessary clutter.\n\nNote: Read the stepper guidelines for more info.", - "fieldName": "stepperType" + "default": "false", + "description": "expanded: Boolean indicating whether the row is expanded.", + "fieldName": "expanded", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "name": "vertical", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Wheter the stepper is in vertical type.", - "fieldName": "vertical" + "description": "disabled: Boolean indicating whether the row is disabled.\nA disabled row is not allowed to have any user interactions.\nA row can be selected and disabled/locked simultaneously.", + "fieldName": "disabled", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "name": "stepperSize", + "name": "preventHighlight", "type": { - "text": "string" + "text": "boolean" }, - "default": "'large'", - "description": "Stepper size `'large'` & `'small'`.", - "fieldName": "stepperSize" + "default": "false", + "description": "preventHighlight: Boolean indicating whether the row should not be highlighted.", + "fieldName": "preventHighlight", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "name": "currentIndex", + "name": "dimmed", "type": { - "text": "number" + "text": "boolean" }, - "default": "0", - "description": "Curent index of stepper. Usefull for navigation logic like next, prev etc.", - "fieldName": "currentIndex" + "default": "false", + "description": "dimmed: Boolean indicating whether the row is dimmed.\nA row should not be selected and dimmed simultaneously.", + "fieldName": "dimmed", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } + }, + { + "name": "textStrings", + "default": "_defaultTextStrings", + "description": "Text string customization.", + "fieldName": "textStrings", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } } ], "superclass": { - "name": "LitElement", - "package": "lit" + "name": "TableRow", + "module": "/src/components/reusable/table/table-row" }, - "tagName": "kyn-stepper", - "customElement": true + "tagName": "kyn-header-tr", + "customElement": true, + "slots": [ + { + "description": "The content slot for adding table cells (`kyn-td` or other relevant cells).", + "name": "unnamed", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } + } + ] } ], "exports": [ { "kind": "js", - "name": "Stepper", + "name": "TableHeaderRow", "declaration": { - "name": "Stepper", - "module": "src/components/reusable/stepper/stepper.ts" + "name": "TableHeaderRow", + "module": "src/components/reusable/table/table-header-row.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-stepper", + "name": "kyn-header-tr", "declaration": { - "name": "Stepper", - "module": "src/components/reusable/stepper/stepper.ts" + "name": "TableHeaderRow", + "module": "src/components/reusable/table/table-header-row.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/stepper/stepperItem.ts", + "path": "src/components/reusable/table/table-header.ts", "declarations": [ { "kind": "class", - "description": "Stepper Item.", - "name": "StepperItem", + "description": "`kyn-th` Web Component.\n\nRepresents a custom table header cell (``) for Shidoka's design system tables.\nProvides sorting functionality when enabled and allows alignment customization.", + "name": "TableHeader", "slots": [ { - "description": "Slot for tooltip.", - "name": "tooltip" + "description": "The content slot for adding header text or content.", + "name": "unnamed" + } + ], + "members": [ + { + "kind": "field", + "name": "dense", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Determines if the cell should have a denser layout.", + "attribute": "dense", + "reflects": true + }, + { + "kind": "field", + "name": "handleContextChange", + "description": "Updates the cell's dense properties when the context changes.", + "parameters": [ + { + "description": "The updated context.", + "name": "context", + "type": { + "text": "TableContextType" + } + } + ] }, { - "description": "Children slot. Used for nested children in vertical stepper. Visible only when step state is active. Do not use inside stepperType `'status'`.", - "name": "child" + "kind": "field", + "name": "align", + "type": { + "text": "TABLE_CELL_ALIGN" + }, + "description": "Specifies the alignment of the content within the table header.\nOptions: 'left', 'center', 'right'", + "attribute": "align", + "reflects": true }, - { - "description": "Optional slot for content in vertical stepper. Visible only when step state is active.", - "name": "unnamed" - } - ], - "members": [ { "kind": "field", - "name": "vertical", + "name": "sortable", "type": { "text": "boolean" }, "default": "false", - "description": "Whether the stepper is in vertical type.", - "attribute": "vertical" + "description": "Specifies if the column is sortable.\nIf set to true, an arrow icon will be displayed unpon hover,\nallowing the user to toggle sort directions.", + "attribute": "sortable", + "reflects": true }, { "kind": "field", - "name": "stepSize", + "name": "sortDirection", "type": { - "text": "string" + "text": "SORT_DIRECTION" }, - "default": "'large'", - "description": "Stepper size `'large'` & `'small'`.", - "attribute": "stepSize" + "description": "Specifies the direction of sorting applied to the column.", + "attribute": "sortDirection", + "reflects": true }, { "kind": "field", - "name": "stepName", + "name": "headerLabel", "type": { "text": "string" }, "default": "''", - "description": "Step name.", - "attribute": "stepName" + "description": "The textual content associated with this component.\nRepresents the primary content or label that will be displayed.", + "attribute": "headerLabel" }, { "kind": "field", - "name": "stepTitle", + "name": "sortKey", "type": { "text": "string" }, "default": "''", - "description": "Step title.", - "attribute": "stepTitle" + "description": "The unique identifier representing this column header.\nUsed to distinguish between different sortable columns and\nto ensure that only one column is sorted at a time.", + "attribute": "sortKey" }, { "kind": "field", - "name": "stepLink", + "name": "visiblyHidden", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Step link.", - "attribute": "stepLink" + "default": "false", + "description": "Determines whether the content should be hidden from visual view but remain accessible\nto screen readers for accessibility purposes. When set to `true`, the content\nwill not be visibly shown, but its content can still be read by screen readers.\nThis is especially useful for providing additional context or information to\nassistive technologies without cluttering the visual UI.", + "attribute": "visiblyHidden" }, { "kind": "field", - "name": "stepState", + "name": "width", "type": { "text": "string" }, - "default": "'pending'", - "description": "Step state. `'pending'`, `'active'`, `'completed'`, `'excluded'`, `'warning'` & `'destructive'`.\n\n`'pending'`, `'active'` and `'completed'` / `'excluded'` states has 0%, 50% & 100% progress set internally.", - "attribute": "stepState" + "default": "''", + "description": "Sets a fixed width for the cell.\nAccepts standard CSS width values (e.g., '150px', '50%').", + "attribute": "width", + "reflects": true }, { "kind": "field", - "name": "disabled", + "name": "maxWidth", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Disable step.", - "attribute": "disabled" + "default": "''", + "description": "Sets a maximum width for the cell; contents exceeding this limit will be truncated with ellipsis.\nAccepts standard CSS width values (e.g., '150px', '50%').", + "attribute": "maxWidth", + "reflects": true }, { "kind": "field", - "name": "showCounter", + "name": "minWidth", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Optional. Show counter for vertical stepper when stepState is `'pending'`.", - "attribute": "showCounter" + "default": "''", + "description": "Sets a minimum width for the cell;\nAccepts standard CSS width values (e.g., '150px', '50%').", + "attribute": "minWidth", + "reflects": true }, { "kind": "method", - "name": "_handleChildToggle", - "privacy": "private" + "name": "resetSort", + "description": "Resets the sorting direction of the component to its default state.\nUseful for initializing or clearing any applied sorting on the element." }, { "kind": "method", - "name": "_handleStepClick", + "name": "toggleSortDirection", "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "_handleChildSlotChange", - "privacy": "private" - }, - { - "kind": "method", - "name": "_updateChildren", - "privacy": "private" + "description": "Toggles the sort direction between ascending, descending, and default states.\nIt also dispatches an event to notify parent components of the sorting change." }, { "kind": "method", - "name": "getProgressValue", - "privacy": "private", - "return": { - "type": { - "text": "number" - } - } + "name": "getTextContent" } ], "events": [ { - "description": "Emits the step details to the parent stepper component when click on step title.", - "name": "on-step-click" + "name": "on-sort-changed", + "type": { + "text": "CustomEvent" + }, + "description": "Dispatched when the sort direction is changed." } ], "attributes": [ { - "name": "vertical", + "name": "dense", "type": { "text": "boolean" }, "default": "false", - "description": "Whether the stepper is in vertical type.", - "fieldName": "vertical" - }, - { - "name": "stepSize", - "type": { - "text": "string" - }, - "default": "'large'", - "description": "Stepper size `'large'` & `'small'`.", - "fieldName": "stepSize" - }, - { - "name": "stepName", - "type": { - "text": "string" - }, - "default": "''", - "description": "Step name.", - "fieldName": "stepName" - }, - { - "name": "stepTitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Step title.", - "fieldName": "stepTitle" - }, - { - "name": "stepLink", - "type": { - "text": "string" - }, - "default": "''", - "description": "Step link.", - "fieldName": "stepLink" - }, - { - "name": "stepState", - "type": { - "text": "string" - }, - "default": "'pending'", - "description": "Step state. `'pending'`, `'active'`, `'completed'`, `'excluded'`, `'warning'` & `'destructive'`.\n\n`'pending'`, `'active'` and `'completed'` / `'excluded'` states has 0%, 50% & 100% progress set internally.", - "fieldName": "stepState" + "description": "Determines if the cell should have a denser layout.", + "fieldName": "dense" }, { - "name": "disabled", + "name": "align", "type": { - "text": "boolean" + "text": "TABLE_CELL_ALIGN" }, - "default": "false", - "description": "Disable step.", - "fieldName": "disabled" + "description": "Specifies the alignment of the content within the table header.\nOptions: 'left', 'center', 'right'", + "fieldName": "align" }, { - "name": "showCounter", + "name": "sortable", "type": { "text": "boolean" }, "default": "false", - "description": "Optional. Show counter for vertical stepper when stepState is `'pending'`.", - "fieldName": "showCounter" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-stepper-item", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "StepperItem", - "declaration": { - "name": "StepperItem", - "module": "src/components/reusable/stepper/stepperItem.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-stepper-item", - "declaration": { - "name": "StepperItem", - "module": "src/components/reusable/stepper/stepperItem.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/stepper/stepperItemChild.ts", - "declarations": [ - { - "kind": "class", - "description": "Stepper Item child.", - "name": "StepperItemChild", - "slots": [ - { - "description": "Slot for other elements.", - "name": "unnamed" - } - ], - "members": [ - { - "kind": "field", - "name": "childTitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Child Title. Required for nested child inside step.", - "attribute": "childTitle" + "description": "Specifies if the column is sortable.\nIf set to true, an arrow icon will be displayed unpon hover,\nallowing the user to toggle sort directions.", + "fieldName": "sortable" }, { - "kind": "field", - "name": "childLink", + "name": "sortDirection", "type": { - "text": "string" + "text": "SORT_DIRECTION" }, - "default": "''", - "description": "Child link.", - "attribute": "childLink" + "description": "Specifies the direction of sorting applied to the column.", + "fieldName": "sortDirection" }, { - "kind": "field", - "name": "childSubTitle", + "name": "headerLabel", "type": { "text": "string" }, "default": "''", - "description": "Optional Child Subtitle.", - "attribute": "childSubTitle" + "description": "The textual content associated with this component.\nRepresents the primary content or label that will be displayed.", + "fieldName": "headerLabel" }, { - "kind": "field", - "name": "childState", + "name": "sortKey", "type": { "text": "string" }, - "default": "'pending'", - "description": "Child State. `'pending'`, `'active'` & `'completed'`.", - "attribute": "childState" - }, - { - "kind": "method", - "name": "_handleChildStepClick", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] + "default": "''", + "description": "The unique identifier representing this column header.\nUsed to distinguish between different sortable columns and\nto ensure that only one column is sorted at a time.", + "fieldName": "sortKey" }, { - "kind": "method", - "name": "getProgressValue", - "privacy": "private", - "return": { - "type": { - "text": "number" - } - } - } - ], - "events": [ - { - "description": "Emits event on child click. Only for vertical mode.", - "name": "on-child-click" - } - ], - "attributes": [ - { - "name": "childTitle", + "name": "visiblyHidden", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Child Title. Required for nested child inside step.", - "fieldName": "childTitle" + "default": "false", + "description": "Determines whether the content should be hidden from visual view but remain accessible\nto screen readers for accessibility purposes. When set to `true`, the content\nwill not be visibly shown, but its content can still be read by screen readers.\nThis is especially useful for providing additional context or information to\nassistive technologies without cluttering the visual UI.", + "fieldName": "visiblyHidden" }, { - "name": "childLink", + "name": "width", "type": { "text": "string" }, "default": "''", - "description": "Child link.", - "fieldName": "childLink" + "description": "Sets a fixed width for the cell.\nAccepts standard CSS width values (e.g., '150px', '50%').", + "fieldName": "width" }, { - "name": "childSubTitle", + "name": "maxWidth", "type": { "text": "string" }, "default": "''", - "description": "Optional Child Subtitle.", - "fieldName": "childSubTitle" + "description": "Sets a maximum width for the cell; contents exceeding this limit will be truncated with ellipsis.\nAccepts standard CSS width values (e.g., '150px', '50%').", + "fieldName": "maxWidth" }, { - "name": "childState", + "name": "minWidth", "type": { "text": "string" }, - "default": "'pending'", - "description": "Child State. `'pending'`, `'active'` & `'completed'`.", - "fieldName": "childState" + "default": "''", + "description": "Sets a minimum width for the cell;\nAccepts standard CSS width values (e.g., '150px', '50%').", + "fieldName": "minWidth" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-stepper-item-child", + "tagName": "kyn-th", "customElement": true } ], "exports": [ { "kind": "js", - "name": "StepperItemChild", + "name": "TableHeader", "declaration": { - "name": "StepperItemChild", - "module": "src/components/reusable/stepper/stepperItemChild.ts" + "name": "TableHeader", + "module": "src/components/reusable/table/table-header.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-stepper-item-child", + "name": "kyn-th", "declaration": { - "name": "StepperItemChild", - "module": "src/components/reusable/stepper/stepperItemChild.ts" + "name": "TableHeader", + "module": "src/components/reusable/table/table-header.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/table/defs.ts", - "declarations": [], - "exports": [] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/table/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "Table", - "declaration": { - "name": "Table", - "module": "./table" - } - }, - { - "kind": "js", - "name": "TableCell", - "declaration": { - "name": "TableCell", - "module": "./table-cell" - } - }, - { - "kind": "js", - "name": "TableRow", - "declaration": { - "name": "TableRow", - "module": "./table-row" - } - }, - { - "kind": "js", - "name": "TableBody", - "declaration": { - "name": "TableBody", - "module": "./table-body" - } - }, - { - "kind": "js", - "name": "TableHead", - "declaration": { - "name": "TableHead", - "module": "./table-head" - } - }, - { - "kind": "js", - "name": "TableHeader", - "declaration": { - "name": "TableHeader", - "module": "./table-header" - } - }, - { - "kind": "js", - "name": "TableFoot", - "declaration": { - "name": "TableFoot", - "module": "./table-foot" - } - }, - { - "kind": "js", - "name": "TableFooter", - "declaration": { - "name": "TableFooter", - "module": "./table-footer" - } - }, + "path": "src/components/reusable/table/table-legend-item.ts", + "declarations": [ { - "kind": "js", - "name": "TableLegend", - "declaration": { - "name": "TableLegend", - "module": "./table-legend" - } - }, + "kind": "class", + "description": "Table Legend Item", + "name": "TableLegendItem", + "slots": [ + { + "description": "Default slot for icon and text.", + "name": "unnamed" + } + ], + "members": [], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-table-legend-item", + "customElement": true + } + ], + "exports": [ { "kind": "js", "name": "TableLegendItem", "declaration": { "name": "TableLegendItem", - "module": "./table-legend-item" - } - }, - { - "kind": "js", - "name": "TableToolbar", - "declaration": { - "name": "TableToolbar", - "module": "./table-toolbar" + "module": "src/components/reusable/table/table-legend-item.ts" } }, { - "kind": "js", - "name": "TableContainer", + "kind": "custom-element-definition", + "name": "kyn-table-legend-item", "declaration": { - "name": "TableContainer", - "module": "./table-container" + "name": "TableLegendItem", + "module": "src/components/reusable/table/table-legend-item.ts" } - }, + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/table/table-legend.ts", + "declarations": [ { - "kind": "js", - "name": "TableHeaderRow", - "declaration": { - "name": "TableHeaderRow", - "module": "./table-header-row" - } - }, + "kind": "class", + "description": "Table Legend", + "name": "TableLegend", + "slots": [ + { + "description": "Default slot for Legend Items.", + "name": "unnamed" + } + ], + "members": [], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-table-legend", + "customElement": true + } + ], + "exports": [ { "kind": "js", - "name": "TableExpandedRow", - "declaration": { - "name": "TableExpandedRow", - "module": "./table-expanded-row" + "name": "TableLegend", + "declaration": { + "name": "TableLegend", + "module": "src/components/reusable/table/table-legend.ts" } }, { - "kind": "js", - "name": "TableSkeleton", + "kind": "custom-element-definition", + "name": "kyn-table-legend", "declaration": { - "name": "TableSkeleton", - "module": "./table.skeleton" + "name": "TableLegend", + "module": "src/components/reusable/table/table-legend.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/table/table-body.ts", + "path": "src/components/reusable/table/table-row.ts", "declarations": [ { "kind": "class", - "description": "`kyn-tbody` Web Component.\n\nRepresents the body section of Shidoka's design system tables. Designed to provide\na consistent look and feel, and can offer striped rows for enhanced readability.", - "name": "TableBody", + "description": "`kyn-tr` Web Component.\n\nRepresents a table row (``) equivalent for custom tables created with Shidoka's design system.\nIt primarily acts as a container for individual table cells and behaves similarly to a native `` element.", + "name": "TableRow", "slots": [ { - "description": "The content slot for adding rows (``) within the table body.", + "description": "The content slot for adding table cells (`kyn-td` or other relevant cells).", "name": "unnamed" } ], "members": [ { "kind": "field", - "name": "striped", + "name": "rowId", + "type": { + "text": "string" + }, + "default": "''", + "description": "rowId: String - Unique identifier for the row.", + "attribute": "rowId", + "reflects": true + }, + { + "kind": "field", + "name": "selected", "type": { "text": "boolean" }, "default": "false", - "description": "Determines if the rows in the table body should be striped.", - "attribute": "striped", + "description": "selected: Boolean indicating whether the row is selected.\nReflects the `selected` attribute.", + "attribute": "selected", "reflects": true }, { "kind": "field", - "name": "handleContextChange", - "description": "Updates the row's striped property when the context changes.", - "parameters": [ - { - "description": "The updated context.", - "name": "context", - "type": { - "text": "TableContextType" - } - } - ] - } - ], - "events": [ + "name": "checkboxSelection", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", + "attribute": "checkboxSelection", + "reflects": true + }, { - "name": "on-rows-change", + "kind": "field", + "name": "dense", "type": { - "text": "CustomEvent" + "text": "boolean" }, - "description": "Dispatched when the rows in the table body change." - } - ], - "attributes": [ + "default": "false", + "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", + "attribute": "dense" + }, { - "name": "striped", + "kind": "field", + "name": "unread", "type": { "text": "boolean" }, "default": "false", - "description": "Determines if the rows in the table body should be striped.", - "fieldName": "striped" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-tbody", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "TableBody", - "declaration": { - "name": "TableBody", - "module": "src/components/reusable/table/table-body.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-tbody", - "declaration": { - "name": "TableBody", - "module": "src/components/reusable/table/table-body.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/table/table-cell.ts", - "declarations": [ - { - "kind": "class", - "description": "`kyn-td` Web Component.\n\nRepresents a table cell (data cell) within Shidoka's design system tables.\nAllows customization of alignment and can reflect the sort direction when\nused within sortable columns.", - "name": "TableCell", - "slots": [ + "description": "Unread row state.", + "attribute": "unread" + }, { - "description": "The content slot for adding table data inside the cell.", - "name": "unnamed" - } - ], - "members": [ + "kind": "field", + "name": "locked", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "locked: Boolean indicating whether the row is locked.\nIf a row is selected before it is locked, it remains selected even after being locked.\nA row can be selected and disabled/locked simultaneously.", + "attribute": "locked", + "reflects": true + }, { "kind": "field", - "name": "dense", + "name": "expandable", "type": { "text": "boolean" }, "default": "false", - "attribute": "dense", + "description": "expandable: Boolean indicating whether the row is expandable.", + "attribute": "expandable", "reflects": true }, { "kind": "field", - "name": "align", + "name": "expanded", "type": { - "text": "TABLE_CELL_ALIGN" + "text": "boolean" }, - "description": "Determines the text alignment of the table cell's content.", - "attribute": "align", + "default": "false", + "description": "expanded: Boolean indicating whether the row is expanded.", + "attribute": "expanded", "reflects": true }, { "kind": "field", - "name": "width", + "name": "disabled", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets a fixed width for the cell.\nAccepts standard CSS width values (e.g., '150px', '50%').", - "attribute": "width", + "default": "false", + "description": "disabled: Boolean indicating whether the row is disabled.\nA disabled row is not allowed to have any user interactions.\nA row can be selected and disabled/locked simultaneously.", + "attribute": "disabled", "reflects": true }, { "kind": "field", - "name": "maxWidth", + "name": "preventHighlight", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets a maximum width for the cell; contents exceeding this limit will be truncated with ellipsis.\nAccepts standard CSS width values (e.g., '150px', '50%').", - "attribute": "maxWidth", + "default": "false", + "description": "preventHighlight: Boolean indicating whether the row should not be highlighted.", + "attribute": "preventHighlight", "reflects": true }, { "kind": "field", - "name": "minWidth", + "name": "dimmed", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets a minimum width for the cell;\nAccepts standard CSS width values (e.g., '150px', '50%').", - "attribute": "minWidth", + "default": "false", + "description": "dimmed: Boolean indicating whether the row is dimmed.\nA row should not be selected and dimmed simultaneously.", + "attribute": "dimmed", "reflects": true }, { - "kind": "field", - "name": "disabled", + "kind": "field", + "name": "textStrings", + "default": "{\n expanded: 'Expanded',\n collapsed: 'Collapsed',\n}", + "description": "Text string customization.", + "attribute": "textStrings", + "type": { + "text": "object" + } + }, + { + "kind": "field", + "name": "handleContextChange", + "description": "Updates the cell's dense and ellipsis properties when the context changes.", + "parameters": [ + { + "description": "The updated context.", + "name": "context", + "type": { + "text": "TableContextType" + } + } + ] + }, + { + "kind": "method", + "name": "handleRowSelectionChange", + "parameters": [ + { + "name": "event", + "type": { + "text": "CustomEvent" + } + } + ], + "description": "Handles the change of selection state for a specific row." + }, + { + "kind": "method", + "name": "_handleUserInitiatedToggleExpando", + "parameters": [ + { + "name": "expanded", + "default": "!this.expanded" + } + ] + }, + { + "kind": "method", + "name": "_handleExpanding", + "privacy": "private" + } + ], + "events": [ + { + "name": "on-row-select", + "type": { + "text": "CustomEvent" + } + }, + { + "name": "table-row-expando-beingtoggled", + "type": { + "text": "CustomEvent" + } + }, + { + "name": "table-row-expando-toggled", + "type": { + "text": "CustomEvent" + } + } + ], + "attributes": [ + { + "name": "rowId", + "type": { + "text": "string" + }, + "default": "''", + "description": "rowId: String - Unique identifier for the row.", + "fieldName": "rowId" + }, + { + "name": "selected", "type": { "text": "boolean" }, "default": "false", - "description": "Disables the cell.", - "attribute": "disabled", - "reflects": true + "description": "selected: Boolean indicating whether the row is selected.\nReflects the `selected` attribute.", + "fieldName": "selected" }, { - "kind": "field", - "name": "dimmed", + "name": "checkboxSelection", "type": { "text": "boolean" }, "default": "false", - "description": "Dim the cell.", - "attribute": "dimmed", - "reflects": true + "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", + "fieldName": "checkboxSelection" }, - { - "kind": "field", - "name": "handleContextChange", - "description": "Updates the cell's dense properties when the context changes.", - "parameters": [ - { - "description": "The updated context.", - "name": "context", - "type": { - "text": "TableContextType" - } - } - ] - } - ], - "attributes": [ { "name": "dense", "type": { "text": "boolean" }, "default": "false", + "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", "fieldName": "dense" }, { - "name": "align", + "name": "unread", "type": { - "text": "TABLE_CELL_ALIGN" + "text": "boolean" }, - "description": "Determines the text alignment of the table cell's content.", - "fieldName": "align" + "default": "false", + "description": "Unread row state.", + "fieldName": "unread" }, { - "name": "width", + "name": "locked", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets a fixed width for the cell.\nAccepts standard CSS width values (e.g., '150px', '50%').", - "fieldName": "width" + "default": "false", + "description": "locked: Boolean indicating whether the row is locked.\nIf a row is selected before it is locked, it remains selected even after being locked.\nA row can be selected and disabled/locked simultaneously.", + "fieldName": "locked" }, { - "name": "maxWidth", + "name": "expandable", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets a maximum width for the cell; contents exceeding this limit will be truncated with ellipsis.\nAccepts standard CSS width values (e.g., '150px', '50%').", - "fieldName": "maxWidth" + "default": "false", + "description": "expandable: Boolean indicating whether the row is expandable.", + "fieldName": "expandable" }, { - "name": "minWidth", + "name": "expanded", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets a minimum width for the cell;\nAccepts standard CSS width values (e.g., '150px', '50%').", - "fieldName": "minWidth" + "default": "false", + "description": "expanded: Boolean indicating whether the row is expanded.", + "fieldName": "expanded" }, { "name": "disabled", @@ -10994,2232 +10962,2426 @@ "text": "boolean" }, "default": "false", - "description": "Disables the cell.", + "description": "disabled: Boolean indicating whether the row is disabled.\nA disabled row is not allowed to have any user interactions.\nA row can be selected and disabled/locked simultaneously.", "fieldName": "disabled" }, + { + "name": "preventHighlight", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "preventHighlight: Boolean indicating whether the row should not be highlighted.", + "fieldName": "preventHighlight" + }, { "name": "dimmed", "type": { "text": "boolean" }, "default": "false", - "description": "Dim the cell.", + "description": "dimmed: Boolean indicating whether the row is dimmed.\nA row should not be selected and dimmed simultaneously.", "fieldName": "dimmed" + }, + { + "name": "textStrings", + "default": "_defaultTextStrings", + "description": "Text string customization.", + "fieldName": "textStrings" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-td", + "tagName": "kyn-tr", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TableCell", + "name": "TableRow", "declaration": { - "name": "TableCell", - "module": "src/components/reusable/table/table-cell.ts" + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-td", + "name": "kyn-tr", "declaration": { - "name": "TableCell", - "module": "src/components/reusable/table/table-cell.ts" + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/table/table-container.ts", + "path": "src/components/reusable/table/table-toolbar.ts", "declarations": [ { "kind": "class", - "description": "`kyn-table-container` Web Component.\n\nProvides a container for Shidoka's design system tables. It's designed to encapsulate\nand apply styles uniformly across the table elements.", - "name": "TableContainer", + "description": "`kyn-table-toolbar` Web Component.\n\nThis component provides a toolbar for tables, primarily featuring a title and additional content.\nThe title is rendered prominently, while the slot can be used for controls, buttons, or other interactive elements.", + "name": "TableToolbar", "slots": [ { - "description": "The content slot for adding table and related elements.", + "description": "The primary content slot for controls, buttons, or other toolbar content.", "name": "unnamed" } ], "members": [ { "kind": "field", - "name": "tabIndex", + "name": "tableTitle", "type": { - "text": "number" + "text": "string" }, - "default": "0", - "attribute": "tabIndex", - "reflects": true + "default": "''", + "description": "The title for the toolbar", + "attribute": "tableTitle" + }, + { + "kind": "field", + "name": "tableSubtitle", + "type": { + "text": "string" + }, + "default": "''", + "description": "The subtitle for the toolbar", + "attribute": "tableSubtitle" } ], "attributes": [ { - "name": "tabIndex", + "name": "tableTitle", "type": { - "text": "number" + "text": "string" }, - "default": "0", - "fieldName": "tabIndex" + "default": "''", + "description": "The title for the toolbar", + "fieldName": "tableTitle" + }, + { + "name": "tableSubtitle", + "type": { + "text": "string" + }, + "default": "''", + "description": "The subtitle for the toolbar", + "fieldName": "tableSubtitle" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-table-container", + "tagName": "kyn-table-toolbar", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TableContainer", + "name": "TableToolbar", "declaration": { - "name": "TableContainer", - "module": "src/components/reusable/table/table-container.ts" + "name": "TableToolbar", + "module": "src/components/reusable/table/table-toolbar.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-table-container", - "declaration": { - "name": "TableContainer", - "module": "src/components/reusable/table/table-container.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/table/table-context.ts", - "declarations": [ - { - "kind": "variable", - "name": "tableContext" - } - ], - "exports": [ - { - "kind": "js", - "name": "tableContext", + "name": "kyn-table-toolbar", "declaration": { - "name": "tableContext", - "module": "src/components/reusable/table/table-context.ts" + "name": "TableToolbar", + "module": "src/components/reusable/table/table-toolbar.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/table/table-expanded-row.ts", + "path": "src/components/reusable/table/table.skeleton.ts", "declarations": [ { "kind": "class", - "description": "\n`kyn-expanded-tr` Web Component.\n\nDesigned to display additional details for a row in a table.\nThe row is expandable and can be expanded/collapsed by toggling the plus/minus icons.", - "name": "TableExpandedRow", - "slots": [ + "description": "`kyn-table-skeleton` Web Component.\nA skeleton loading state for the table component that mirrors its structure.", + "name": "TableSkeleton", + "members": [ + { + "kind": "field", + "name": "rows", + "type": { + "text": "number" + }, + "default": "5", + "description": "Number of skeleton rows to display.", + "attribute": "rows" + }, + { + "kind": "field", + "name": "showPagination", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Shows/hides pagination skeleton.", + "attribute": "showPagination" + }, + { + "kind": "field", + "name": "dense", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Sets dense mode value.", + "attribute": "dense" + }, + { + "kind": "field", + "name": "striped", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Sets striped rows value.", + "attribute": "striped" + }, + { + "kind": "field", + "name": "hideTableTitles", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Show/hide table header.", + "attribute": "hideTableTitles" + }, + { + "kind": "field", + "name": "fixedLayout", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Fixed layout boolean.", + "attribute": "fixedLayout" + }, { - "description": "The slot for adding content to the expandable details section.", - "name": "unnamed" - } - ], - "members": [ + "kind": "field", + "name": "tableTitle", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets title to display in the table toolbar.", + "attribute": "tableTitle" + }, { "kind": "field", - "name": "colSpan", + "name": "tableSubtitle", "type": { - "text": "number" + "text": "string" }, - "default": "1", - "description": "The number of columns that the expanded row should span.\nReflects the `colspan` attribute.", - "attribute": "colspan" + "default": "''", + "description": "Sets subtitle to display in the table toolbar.", + "attribute": "tableSubtitle" }, { "kind": "field", - "name": "expanded", + "name": "showGlobalFilter", "type": { "text": "boolean" }, "default": "false", - "description": "`true` if the table row should be expanded.", - "attribute": "expanded", - "reflects": true + "description": "Shows/hides golbal filter skeleton.", + "attribute": "showGlobalFilter" + }, + { + "kind": "method", + "name": "renderSkeletonCell", + "privacy": "private", + "parameters": [ + { + "name": "type", + "type": { + "text": "'thead' | 'tbody'" + } + } + ] } ], "attributes": [ { - "name": "colspan", + "name": "rows", "type": { "text": "number" }, - "default": "1", - "description": "The number of columns that the expanded row should span.\nReflects the `colspan` attribute.", - "fieldName": "colSpan" + "default": "5", + "description": "Number of skeleton rows to display.", + "fieldName": "rows" }, { - "name": "expanded", + "name": "showPagination", "type": { "text": "boolean" }, "default": "false", - "description": "`true` if the table row should be expanded.", - "fieldName": "expanded" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-expanded-tr", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "TableExpandedRow", - "declaration": { - "name": "TableExpandedRow", - "module": "src/components/reusable/table/table-expanded-row.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-expanded-tr", - "declaration": { - "name": "TableExpandedRow", - "module": "src/components/reusable/table/table-expanded-row.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/table/table-foot.ts", - "declarations": [ - { - "kind": "class", - "description": "`kyn-tfoot` Web Component.\n\nRepresents a custom table foot (``) for Shidoka's design system tables.\nDesigned to contain and style table footer rows (``) and footer cells (``).", - "name": "TableFoot", - "slots": [ + "description": "Shows/hides pagination skeleton.", + "fieldName": "showPagination" + }, { - "description": "The content slot for adding table foot rows.", - "name": "unnamed" - } - ], - "members": [], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-tfoot", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "TableFoot", - "declaration": { - "name": "TableFoot", - "module": "src/components/reusable/table/table-foot.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-tfoot", - "declaration": { - "name": "TableFoot", - "module": "src/components/reusable/table/table-foot.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/table/table-footer.ts", - "declarations": [ - { - "kind": "class", - "description": "Table Footer\n\nIntended to contain Legend and Pagination.", - "name": "TableFooter", - "slots": [ + "name": "dense", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Sets dense mode value.", + "fieldName": "dense" + }, { - "description": "Default slot.", - "name": "unnamed" + "name": "striped", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Sets striped rows value.", + "fieldName": "striped" + }, + { + "name": "hideTableTitles", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Show/hide table header.", + "fieldName": "hideTableTitles" + }, + { + "name": "fixedLayout", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Fixed layout boolean.", + "fieldName": "fixedLayout" + }, + { + "name": "tableTitle", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets title to display in the table toolbar.", + "fieldName": "tableTitle" + }, + { + "name": "tableSubtitle", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets subtitle to display in the table toolbar.", + "fieldName": "tableSubtitle" + }, + { + "name": "showGlobalFilter", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Shows/hides golbal filter skeleton.", + "fieldName": "showGlobalFilter" } ], - "members": [], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-table-footer", + "tagName": "kyn-table-skeleton", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TableFooter", + "name": "TableSkeleton", "declaration": { - "name": "TableFooter", - "module": "src/components/reusable/table/table-footer.ts" + "name": "TableSkeleton", + "module": "src/components/reusable/table/table.skeleton.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-table-footer", + "name": "kyn-table-skeleton", "declaration": { - "name": "TableFooter", - "module": "src/components/reusable/table/table-footer.ts" + "name": "TableSkeleton", + "module": "src/components/reusable/table/table.skeleton.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/table/table-head.ts", + "path": "src/components/reusable/table/table.ts", "declarations": [ { "kind": "class", - "description": "`kyn-thead` Web Component.\n\nRepresents a custom table head (``) for Shidoka's design system tables.\nDesigned to contain and style table header rows (``) and header cells (``).", - "name": "TableHead", - "slots": [ - { - "description": "The content slot for adding table header rows (``).", - "name": "unnamed" - } - ], + "description": "`kyn-table` Web Component.\nThis component provides a table with sorting, pagination, and selection capabilities.\nIt is designed to be used with the `kyn-table-toolbar` and `kyn-table-container` components.", + "name": "Table", "members": [ { "kind": "field", - "name": "stickyHeader", + "name": "checkboxSelection", + "type": { + "text": "boolean" + }, + "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", + "default": "false", + "attribute": "checkboxSelection" + }, + { + "kind": "field", + "name": "striped", + "type": { + "text": "boolean" + }, + "description": "striped: Boolean indicating whether rows should have alternate\ncoloring.", + "default": "false", + "attribute": "striped" + }, + { + "kind": "field", + "name": "stickyHeader", + "type": { + "text": "boolean" + }, + "description": "stickyHeader: Boolean indicating whether the table header\nshould be sticky.", + "default": "false", + "attribute": "stickyHeader" + }, + { + "kind": "field", + "name": "dense", "type": { "text": "boolean" }, + "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", "default": "false", - "attribute": "stickyHeader", - "reflects": true + "attribute": "dense" }, { "kind": "field", - "name": "handleContextChange", - "description": "Update the stickyHeader property when the context changes.", + "name": "fixedLayout", + "type": { + "text": "boolean" + }, + "description": "fixedLayout: Boolean indicating whether the table should have a fixed layout.\nThis will set the table's layout to fixed, which means the table and column widths\nwill be determined by the width of the columns and not by the content of the cells.\nThis can be useful when you want to have a consistent column width across multiple tables.", + "default": "false", + "attribute": "fixedLayout" + }, + { + "kind": "method", + "name": "_updateHeaderCheckbox", + "privacy": "private", + "description": "Updates the state of the header checkbox based on the number of\nselected rows." + }, + { + "kind": "method", + "name": "_handleRowSelectionChange", + "privacy": "private", "parameters": [ { - "description": "The updated context.", - "name": "context", + "name": "event", "type": { - "text": "TableContextType" + "text": "CustomEvent" } } - ] + ], + "description": "Handles the change of selection state for a specific row." }, { "kind": "method", - "name": "handleChildSort", + "name": "_toggleSelectionAll", "privacy": "private", "parameters": [ { - "name": "e", + "name": "event", "type": { "text": "CustomEvent" } } - ] + ], + "description": "Toggles the selection state of all rows in the table." + }, + { + "kind": "method", + "name": "updateAfterExternalChanges", + "privacy": "public", + "description": "Resets the selection state of all rows in the table.\nThis method is called when the table is reset or cleared.", + "return": { + "type": { + "text": "" + } + } + }, + { + "kind": "method", + "name": "getSelectedRows", + "privacy": "public", + "description": "Returns the selected rows in the table.", + "return": { + "type": { + "text": "" + } + } + }, + { + "kind": "method", + "name": "_handleRowsChange", + "privacy": "private", + "parameters": [ + { + "name": "event", + "type": { + "text": "CustomEvent" + }, + "description": "The custom event containing the updated rows." + } + ], + "description": "Handles the change of rows in the table body." + }, + { + "kind": "method", + "name": "_updateSelectionStates", + "privacy": "private" + } + ], + "events": [ + { + "name": "on-row-selection-change", + "type": { + "text": "CustomEvent" + }, + "description": "Dispatched when the selection state of a row is toggled." + }, + { + "name": "on-all-rows-selection-change", + "type": { + "text": "CustomEvent" + }, + "description": "Dispatched when the selection state of all rows is toggled." } ], "attributes": [ + { + "name": "checkboxSelection", + "type": { + "text": "boolean" + }, + "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", + "default": "false", + "fieldName": "checkboxSelection" + }, + { + "name": "striped", + "type": { + "text": "boolean" + }, + "description": "striped: Boolean indicating whether rows should have alternate\ncoloring.", + "default": "false", + "fieldName": "striped" + }, { "name": "stickyHeader", "type": { "text": "boolean" }, + "description": "stickyHeader: Boolean indicating whether the table header\nshould be sticky.", "default": "false", "fieldName": "stickyHeader" + }, + { + "name": "dense", + "type": { + "text": "boolean" + }, + "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", + "default": "false", + "fieldName": "dense" + }, + { + "name": "fixedLayout", + "type": { + "text": "boolean" + }, + "description": "fixedLayout: Boolean indicating whether the table should have a fixed layout.\nThis will set the table's layout to fixed, which means the table and column widths\nwill be determined by the width of the columns and not by the content of the cells.\nThis can be useful when you want to have a consistent column width across multiple tables.", + "default": "false", + "fieldName": "fixedLayout" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-thead", + "tagName": "kyn-table", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TableHead", + "name": "Table", "declaration": { - "name": "TableHead", - "module": "src/components/reusable/table/table-head.ts" + "name": "Table", + "module": "src/components/reusable/table/table.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-thead", + "name": "kyn-table", "declaration": { - "name": "TableHead", - "module": "src/components/reusable/table/table-head.ts" + "name": "Table", + "module": "src/components/reusable/table/table.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/table/table-header-row.ts", + "path": "src/components/reusable/tag/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "Tag", + "declaration": { + "name": "Tag", + "module": "./tag" + } + }, + { + "kind": "js", + "name": "TagGroup", + "declaration": { + "name": "TagGroup", + "module": "./tagGroup" + } + }, + { + "kind": "js", + "name": "TagSkeleton", + "declaration": { + "name": "TagSkeleton", + "module": "./tag.skeleton" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/tag/tag.skeleton.ts", "declarations": [ { "kind": "class", - "description": "`kyn-header-tr` Web Component.\n\nThe `` component is designed to function as the\nheader row within a table that's part of Shidoka's design system.", - "name": "TableHeaderRow", - "members": [ - { - "kind": "field", - "name": "expandableColumnWidth", - "type": { - "text": "string" - }, - "default": "'64px'", - "description": "expandableColumnWidth: The width of the expandable column.", - "attribute": "expandableColumnWidth" - }, - { - "kind": "field", - "name": "multiSelectColumnWidth", - "type": { - "text": "string" - }, - "default": "'64px'", - "description": "multiSelectColumnWidth: The width of the multi-select column.", - "attribute": "multiSelectColumnWidth" - }, - { - "kind": "method", - "name": "handleToggleSelectionAll", - "parameters": [ - { - "name": "event", - "type": { - "text": "CustomEvent" - } - } - ], - "description": "Toggles the selection state of all rows in the table." - }, - { - "kind": "method", - "name": "updateHeaderCheckboxState", - "parameters": [ - { - "name": "indeterminate", - "type": { - "text": "boolean" - } - }, - { - "name": "checked", - "type": { - "text": "boolean" - } - } - ], - "description": "Updates the state of the header checkbox based on the number of\nselected rows." - }, - { - "kind": "field", - "name": "rowId", - "type": { - "text": "string" - }, - "default": "''", - "description": "rowId: String - Unique identifier for the row.", - "attribute": "rowId", - "reflects": true, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } - }, + "description": "", + "name": "TagSkeleton", + "members": [ { "kind": "field", - "name": "selected", + "name": "tagSize", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "selected: Boolean indicating whether the row is selected.\nReflects the `selected` attribute.", - "attribute": "selected", - "reflects": true, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "default": "'sm'", + "description": "Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.", + "attribute": "tagSize" }, { "kind": "field", - "name": "checkboxSelection", + "name": "shade", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", - "attribute": "checkboxSelection", - "reflects": true, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } - }, + "default": "'light'", + "description": "Shade `'light'` (default) and `'dark'` for tag.", + "attribute": "shade" + } + ], + "attributes": [ { - "kind": "field", - "name": "dense", + "name": "tagSize", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", - "attribute": "dense", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "default": "'sm'", + "description": "Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.", + "fieldName": "tagSize" }, { - "kind": "field", - "name": "unread", + "name": "shade", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Unread row state.", - "attribute": "unread", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } - }, + "default": "'light'", + "description": "Shade `'light'` (default) and `'dark'` for tag.", + "fieldName": "shade" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-tag-skeleton", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "TagSkeleton", + "declaration": { + "name": "TagSkeleton", + "module": "src/components/reusable/tag/tag.skeleton.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-tag-skeleton", + "declaration": { + "name": "TagSkeleton", + "module": "src/components/reusable/tag/tag.skeleton.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/tag/tag.ts", + "declarations": [ + { + "kind": "class", + "description": "Tag.", + "name": "Tag", + "members": [ { "kind": "field", - "name": "locked", + "name": "label", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "locked: Boolean indicating whether the row is locked.\nIf a row is selected before it is locked, it remains selected even after being locked.\nA row can be selected and disabled/locked simultaneously.", - "attribute": "locked", - "reflects": true, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "default": "''", + "description": "Tag name (Required).", + "attribute": "label" }, { "kind": "field", - "name": "expandable", + "name": "tagSize", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "expandable: Boolean indicating whether the row is expandable.", - "attribute": "expandable", - "reflects": true, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "default": "'md'", + "description": "Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.", + "attribute": "tagSize" }, { "kind": "field", - "name": "expanded", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "expanded: Boolean indicating whether the row is expanded.", - "attribute": "expanded", - "reflects": true, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "description": "Specify if the Tag is disabled.", + "attribute": "disabled" }, { "kind": "field", - "name": "disabled", + "name": "filter", "type": { "text": "boolean" }, "default": "false", - "description": "disabled: Boolean indicating whether the row is disabled.\nA disabled row is not allowed to have any user interactions.\nA row can be selected and disabled/locked simultaneously.", - "attribute": "disabled", - "reflects": true, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "description": "Determine if Tag state is filter.", + "attribute": "filter" }, { "kind": "field", - "name": "preventHighlight", + "name": "noTruncation", "type": { "text": "boolean" }, "default": "false", - "description": "preventHighlight: Boolean indicating whether the row should not be highlighted.", - "attribute": "preventHighlight", - "reflects": true, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "description": "Removes label text truncation.", + "attribute": "noTruncation" }, { "kind": "field", - "name": "dimmed", + "name": "shade", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "dimmed: Boolean indicating whether the row is dimmed.\nA row should not be selected and dimmed simultaneously.", - "attribute": "dimmed", - "reflects": true, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "default": "'light'", + "description": "Shade `'light'` (default) and `'dark'` for tag", + "attribute": "shade" }, { "kind": "field", - "name": "textStrings", - "default": "{\n expanded: 'Expanded',\n collapsed: 'Collapsed',\n}", - "description": "Text string customization.", - "attribute": "textStrings", + "name": "tagColor", "type": { - "text": "object" + "text": "string" }, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "default": "'spruce'", + "description": "Color variants. Default spruce", + "attribute": "tagColor" }, { "kind": "field", - "name": "handleContextChange", - "description": "Updates the cell's dense and ellipsis properties when the context changes.", - "parameters": [ - { - "description": "The updated context.", - "name": "context", - "type": { - "text": "TableContextType" - } - } - ], - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "name": "clearTagText", + "type": { + "text": "string" + }, + "default": "'Clear Tag'", + "description": "Clear Tag Text to improve accessibility", + "attribute": "clearTagText" }, { "kind": "method", - "name": "handleRowSelectionChange", + "name": "handleTagClear", + "privacy": "private", "parameters": [ { - "name": "event", + "name": "e", "type": { - "text": "CustomEvent" + "text": "any" } - } - ], - "description": "Handles the change of selection state for a specific row.", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } - }, - { - "kind": "method", - "name": "_handleUserInitiatedToggleExpando", - "parameters": [ + }, { - "name": "expanded", - "default": "!this.expanded" - } - ], - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } - }, - { - "kind": "method", - "name": "_handleExpanding", - "privacy": "private", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "name": "value", + "type": { + "text": "string" + } + } + ] } ], "events": [ { - "name": "on-header-checkbox-toggle", + "description": "Captures the close event and emits the Tag value. Works with filterable tags.", + "name": "on-close" + } + ], + "attributes": [ + { + "name": "label", "type": { - "text": "CustomEvent" - } + "text": "string" + }, + "default": "''", + "description": "Tag name (Required).", + "fieldName": "label" }, { - "name": "on-row-select", + "name": "tagSize", "type": { - "text": "CustomEvent" + "text": "string" }, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "default": "'md'", + "description": "Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.", + "fieldName": "tagSize" }, { - "name": "table-row-expando-beingtoggled", + "name": "disabled", "type": { - "text": "CustomEvent" + "text": "boolean" }, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "default": "false", + "description": "Specify if the Tag is disabled.", + "fieldName": "disabled" }, { - "name": "table-row-expando-toggled", + "name": "filter", "type": { - "text": "CustomEvent" + "text": "boolean" }, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } - } - ], - "attributes": [ + "default": "false", + "description": "Determine if Tag state is filter.", + "fieldName": "filter" + }, { - "name": "expandableColumnWidth", + "name": "noTruncation", "type": { - "text": "string" + "text": "boolean" }, - "default": "'64px'", - "description": "expandableColumnWidth: The width of the expandable column.", - "fieldName": "expandableColumnWidth" + "default": "false", + "description": "Removes label text truncation.", + "fieldName": "noTruncation" }, { - "name": "multiSelectColumnWidth", + "name": "shade", "type": { "text": "string" }, - "default": "'64px'", - "description": "multiSelectColumnWidth: The width of the multi-select column.", - "fieldName": "multiSelectColumnWidth" + "default": "'light'", + "description": "Shade `'light'` (default) and `'dark'` for tag", + "fieldName": "shade" }, { - "name": "rowId", + "name": "tagColor", "type": { "text": "string" }, - "default": "''", - "description": "rowId: String - Unique identifier for the row.", - "fieldName": "rowId", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "default": "'spruce'", + "description": "Color variants. Default spruce", + "fieldName": "tagColor" }, { - "name": "selected", + "name": "clearTagText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "selected: Boolean indicating whether the row is selected.\nReflects the `selected` attribute.", - "fieldName": "selected", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } - }, + "default": "'Clear Tag'", + "description": "Clear Tag Text to improve accessibility", + "fieldName": "clearTagText" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-tag", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "Tag", + "declaration": { + "name": "Tag", + "module": "src/components/reusable/tag/tag.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-tag", + "declaration": { + "name": "Tag", + "module": "src/components/reusable/tag/tag.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/tag/tagGroup.ts", + "declarations": [ + { + "kind": "class", + "description": "Tag & Tag Group", + "name": "TagGroup", + "slots": [ { - "name": "checkboxSelection", + "description": "Slot for individual tags and tagsskeleton.", + "name": "unnamed" + } + ], + "members": [ + { + "kind": "field", + "name": "textStrings", "type": { - "text": "boolean" + "text": "object" }, - "default": "false", - "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", - "fieldName": "checkboxSelection", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "default": "{\n showAll: 'Show all',\n showLess: 'Show less',\n }", + "description": "Text string customization.", + "attribute": "textStrings" }, { - "name": "dense", + "kind": "field", + "name": "limitTags", "type": { "text": "boolean" }, "default": "false", - "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", - "fieldName": "dense", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "description": "Limits visible tags (5) behind a \"Show all\" button. Use only if having more than 5 tags.", + "attribute": "limitTags" }, { - "name": "unread", + "kind": "field", + "name": "filter", "type": { "text": "boolean" }, "default": "false", - "description": "Unread row state.", - "fieldName": "unread", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "description": "Tag group filter", + "attribute": "filter" }, { - "name": "locked", + "kind": "field", + "name": "tagSize", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "locked: Boolean indicating whether the row is locked.\nIf a row is selected before it is locked, it remains selected even after being locked.\nA row can be selected and disabled/locked simultaneously.", - "fieldName": "locked", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "default": "'md'", + "description": "Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.", + "attribute": "tagSize" }, { - "name": "expandable", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "expandable: Boolean indicating whether the row is expandable.", - "fieldName": "expandable", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "kind": "method", + "name": "_handleSlotChange", + "privacy": "private" }, { - "name": "expanded", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "expanded: Boolean indicating whether the row is expanded.", - "fieldName": "expanded", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "kind": "method", + "name": "_updateChildren", + "privacy": "private" }, { - "name": "disabled", + "kind": "method", + "name": "_toggleRevealed", + "privacy": "private", + "parameters": [ + { + "name": "revealed", + "type": { + "text": "boolean" + } + } + ] + } + ], + "attributes": [ + { + "name": "textStrings", "type": { - "text": "boolean" + "text": "object" }, - "default": "false", - "description": "disabled: Boolean indicating whether the row is disabled.\nA disabled row is not allowed to have any user interactions.\nA row can be selected and disabled/locked simultaneously.", - "fieldName": "disabled", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "default": "{\n showAll: 'Show all',\n showLess: 'Show less',\n }", + "description": "Text string customization.", + "fieldName": "textStrings" }, { - "name": "preventHighlight", + "name": "limitTags", "type": { "text": "boolean" }, "default": "false", - "description": "preventHighlight: Boolean indicating whether the row should not be highlighted.", - "fieldName": "preventHighlight", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "description": "Limits visible tags (5) behind a \"Show all\" button. Use only if having more than 5 tags.", + "fieldName": "limitTags" }, { - "name": "dimmed", + "name": "filter", "type": { "text": "boolean" }, "default": "false", - "description": "dimmed: Boolean indicating whether the row is dimmed.\nA row should not be selected and dimmed simultaneously.", - "fieldName": "dimmed", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "description": "Tag group filter", + "fieldName": "filter" }, { - "name": "textStrings", - "default": "_defaultTextStrings", - "description": "Text string customization.", - "fieldName": "textStrings", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "name": "tagSize", + "type": { + "text": "string" + }, + "default": "'md'", + "description": "Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.", + "fieldName": "tagSize" } ], "superclass": { - "name": "TableRow", - "module": "/src/components/reusable/table/table-row" + "name": "LitElement", + "package": "lit" }, - "tagName": "kyn-header-tr", - "customElement": true, - "slots": [ - { - "description": "The content slot for adding table cells (`kyn-td` or other relevant cells).", - "name": "unnamed", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } - } - ] + "tagName": "kyn-tag-group", + "customElement": true } ], "exports": [ { "kind": "js", - "name": "TableHeaderRow", + "name": "TagGroup", "declaration": { - "name": "TableHeaderRow", - "module": "src/components/reusable/table/table-header-row.ts" + "name": "TagGroup", + "module": "src/components/reusable/tag/tagGroup.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-header-tr", + "name": "kyn-tag-group", "declaration": { - "name": "TableHeaderRow", - "module": "src/components/reusable/table/table-header-row.ts" + "name": "TagGroup", + "module": "src/components/reusable/tag/tagGroup.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/table/table-header.ts", + "path": "src/components/reusable/textArea/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "TextArea", + "declaration": { + "name": "TextArea", + "module": "./textArea" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/textArea/textArea.ts", "declarations": [ { "kind": "class", - "description": "`kyn-th` Web Component.\n\nRepresents a custom table header cell (``) for Shidoka's design system tables.\nProvides sorting functionality when enabled and allows alignment customization.", - "name": "TableHeader", + "description": "Text area.", + "name": "TextArea", "slots": [ { - "description": "The content slot for adding header text or content.", - "name": "unnamed" + "description": "Slot for tooltip.", + "name": "tooltip" } ], "members": [ { "kind": "field", - "name": "dense", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Determines if the cell should have a denser layout.", - "attribute": "dense", - "reflects": true - }, - { - "kind": "field", - "name": "handleContextChange", - "description": "Updates the cell's dense properties when the context changes.", - "parameters": [ - { - "description": "The updated context.", - "name": "context", - "type": { - "text": "TableContextType" - } - } - ] - }, - { - "kind": "field", - "name": "align", - "type": { - "text": "TABLE_CELL_ALIGN" - }, - "description": "Specifies the alignment of the content within the table header.\nOptions: 'left', 'center', 'right'", - "attribute": "align", - "reflects": true - }, - { - "kind": "field", - "name": "sortable", + "name": "label", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Specifies if the column is sortable.\nIf set to true, an arrow icon will be displayed unpon hover,\nallowing the user to toggle sort directions.", - "attribute": "sortable", - "reflects": true + "default": "''", + "description": "Label text.", + "attribute": "label" }, { "kind": "field", - "name": "sortDirection", + "name": "caption", "type": { - "text": "SORT_DIRECTION" + "text": "string" }, - "description": "Specifies the direction of sorting applied to the column.", - "attribute": "sortDirection", - "reflects": true + "default": "''", + "description": "Optional text beneath the input.", + "attribute": "caption" }, { "kind": "field", - "name": "headerLabel", + "name": "placeholder", "type": { "text": "string" }, "default": "''", - "description": "The textual content associated with this component.\nRepresents the primary content or label that will be displayed.", - "attribute": "headerLabel" + "description": "Input placeholder.", + "attribute": "placeholder" }, { "kind": "field", - "name": "sortKey", + "name": "required", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "The unique identifier representing this column header.\nUsed to distinguish between different sortable columns and\nto ensure that only one column is sorted at a time.", - "attribute": "sortKey" + "default": "false", + "description": "Makes the input required.", + "attribute": "required" }, { "kind": "field", - "name": "visiblyHidden", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Determines whether the content should be hidden from visual view but remain accessible\nto screen readers for accessibility purposes. When set to `true`, the content\nwill not be visibly shown, but its content can still be read by screen readers.\nThis is especially useful for providing additional context or information to\nassistive technologies without cluttering the visual UI.", - "attribute": "visiblyHidden" + "description": "Input disabled state.", + "attribute": "disabled" }, { "kind": "field", - "name": "width", + "name": "maxLength", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Sets a fixed width for the cell.\nAccepts standard CSS width values (e.g., '150px', '50%').", - "attribute": "width", - "reflects": true + "description": "Maximum number of characters.", + "attribute": "maxLength" }, { "kind": "field", - "name": "maxWidth", + "name": "minLength", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Sets a maximum width for the cell; contents exceeding this limit will be truncated with ellipsis.\nAccepts standard CSS width values (e.g., '150px', '50%').", - "attribute": "maxWidth", - "reflects": true + "description": "Minimum number of characters.", + "attribute": "minLength" }, { "kind": "field", - "name": "minWidth", + "name": "rows", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Sets a minimum width for the cell;\nAccepts standard CSS width values (e.g., '150px', '50%').", - "attribute": "minWidth", - "reflects": true + "description": "textarea rows attribute. The number of visible text lines.", + "attribute": "rows" }, { - "kind": "method", - "name": "resetSort", - "description": "Resets the sorting direction of the component to its default state.\nUseful for initializing or clearing any applied sorting on the element." + "kind": "field", + "name": "textStrings", + "default": "{\n requiredText: 'Required',\n errorText: 'Error',\n}", + "description": "Customizable text strings.", + "attribute": "textStrings", + "type": { + "text": "object" + } }, { "kind": "method", - "name": "toggleSortDirection", + "name": "handleInput", "privacy": "private", - "description": "Toggles the sort direction between ascending, descending, and default states.\nIt also dispatches an event to notify parent components of the sorting change." + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + } + ] }, { "kind": "method", - "name": "getTextContent" - } - ], - "events": [ - { - "name": "on-sort-changed", - "type": { - "text": "CustomEvent" - }, - "description": "Dispatched when the sort direction is changed." + "name": "_validate", + "privacy": "private", + "parameters": [ + { + "name": "interacted", + "type": { + "text": "Boolean" + } + }, + { + "name": "report", + "type": { + "text": "Boolean" + } + } + ] } ], - "attributes": [ - { - "name": "dense", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Determines if the cell should have a denser layout.", - "fieldName": "dense" - }, + "events": [ { - "name": "align", - "type": { - "text": "TABLE_CELL_ALIGN" - }, - "description": "Specifies the alignment of the content within the table header.\nOptions: 'left', 'center', 'right'", - "fieldName": "align" - }, + "description": "Captures the input event and emits the selected value and original event details.", + "name": "on-input" + } + ], + "attributes": [ { - "name": "sortable", + "name": "label", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Specifies if the column is sortable.\nIf set to true, an arrow icon will be displayed unpon hover,\nallowing the user to toggle sort directions.", - "fieldName": "sortable" + "default": "''", + "description": "Label text.", + "fieldName": "label" }, { - "name": "sortDirection", + "name": "caption", "type": { - "text": "SORT_DIRECTION" + "text": "string" }, - "description": "Specifies the direction of sorting applied to the column.", - "fieldName": "sortDirection" + "default": "''", + "description": "Optional text beneath the input.", + "fieldName": "caption" }, { - "name": "headerLabel", + "name": "placeholder", "type": { "text": "string" }, "default": "''", - "description": "The textual content associated with this component.\nRepresents the primary content or label that will be displayed.", - "fieldName": "headerLabel" + "description": "Input placeholder.", + "fieldName": "placeholder" }, { - "name": "sortKey", + "name": "required", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "The unique identifier representing this column header.\nUsed to distinguish between different sortable columns and\nto ensure that only one column is sorted at a time.", - "fieldName": "sortKey" + "default": "false", + "description": "Makes the input required.", + "fieldName": "required" }, { - "name": "visiblyHidden", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Determines whether the content should be hidden from visual view but remain accessible\nto screen readers for accessibility purposes. When set to `true`, the content\nwill not be visibly shown, but its content can still be read by screen readers.\nThis is especially useful for providing additional context or information to\nassistive technologies without cluttering the visual UI.", - "fieldName": "visiblyHidden" + "description": "Input disabled state.", + "fieldName": "disabled" }, { - "name": "width", + "name": "maxLength", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Sets a fixed width for the cell.\nAccepts standard CSS width values (e.g., '150px', '50%').", - "fieldName": "width" + "description": "Maximum number of characters.", + "fieldName": "maxLength" }, { - "name": "maxWidth", + "name": "minLength", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Sets a maximum width for the cell; contents exceeding this limit will be truncated with ellipsis.\nAccepts standard CSS width values (e.g., '150px', '50%').", - "fieldName": "maxWidth" + "description": "Minimum number of characters.", + "fieldName": "minLength" }, { - "name": "minWidth", + "name": "rows", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Sets a minimum width for the cell;\nAccepts standard CSS width values (e.g., '150px', '50%').", - "fieldName": "minWidth" + "description": "textarea rows attribute. The number of visible text lines.", + "fieldName": "rows" + }, + { + "name": "textStrings", + "default": "_defaultTextStrings", + "description": "Customizable text strings.", + "fieldName": "textStrings" } ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-th", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "TableHeader", - "declaration": { - "name": "TableHeader", - "module": "src/components/reusable/table/table-header.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-th", - "declaration": { - "name": "TableHeader", - "module": "src/components/reusable/table/table-header.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/table/table-legend-item.ts", - "declarations": [ - { - "kind": "class", - "description": "Table Legend Item", - "name": "TableLegendItem", - "slots": [ + "mixins": [ { - "description": "Default slot for icon and text.", - "name": "unnamed" + "name": "FormMixin", + "module": "/src/common/mixins/form-input" } ], - "members": [], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-table-legend-item", + "tagName": "kyn-text-area", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TableLegendItem", + "name": "TextArea", "declaration": { - "name": "TableLegendItem", - "module": "src/components/reusable/table/table-legend-item.ts" + "name": "TextArea", + "module": "src/components/reusable/textArea/textArea.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-table-legend-item", + "name": "kyn-text-area", "declaration": { - "name": "TableLegendItem", - "module": "src/components/reusable/table/table-legend-item.ts" + "name": "TextArea", + "module": "src/components/reusable/textArea/textArea.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/table/table-legend.ts", - "declarations": [ - { - "kind": "class", - "description": "Table Legend", - "name": "TableLegend", - "slots": [ - { - "description": "Default slot for Legend Items.", - "name": "unnamed" - } - ], - "members": [], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-table-legend", - "customElement": true - } - ], + "path": "src/components/reusable/textInput/index.ts", + "declarations": [], "exports": [ { "kind": "js", - "name": "TableLegend", - "declaration": { - "name": "TableLegend", - "module": "src/components/reusable/table/table-legend.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-table-legend", + "name": "TextInput", "declaration": { - "name": "TableLegend", - "module": "src/components/reusable/table/table-legend.ts" + "name": "TextInput", + "module": "./textInput" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/table/table-row.ts", + "path": "src/components/reusable/textInput/textInput.ts", "declarations": [ { "kind": "class", - "description": "`kyn-tr` Web Component.\n\nRepresents a table row (``) equivalent for custom tables created with Shidoka's design system.\nIt primarily acts as a container for individual table cells and behaves similarly to a native `` element.", - "name": "TableRow", + "description": "Text input.", + "name": "TextInput", "slots": [ { - "description": "The content slot for adding table cells (`kyn-td` or other relevant cells).", - "name": "unnamed" + "description": "Slot for contextual icon.", + "name": "icon" + }, + { + "description": "Slot for tooltip.", + "name": "tooltip" } ], "members": [ { "kind": "field", - "name": "rowId", + "name": "label", "type": { "text": "string" }, "default": "''", - "description": "rowId: String - Unique identifier for the row.", - "attribute": "rowId", - "reflects": true + "description": "Label text.", + "attribute": "label" }, { "kind": "field", - "name": "selected", + "name": "type", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "selected: Boolean indicating whether the row is selected.\nReflects the `selected` attribute.", - "attribute": "selected", - "reflects": true + "default": "'text'", + "description": "Input type, limited to options that are \"text like\".", + "attribute": "type" }, { "kind": "field", - "name": "checkboxSelection", + "name": "size", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", - "attribute": "checkboxSelection", - "reflects": true + "default": "'md'", + "description": "Input size. \"sm\", \"md\", or \"lg\".", + "attribute": "size" }, { "kind": "field", - "name": "dense", + "name": "caption", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", - "attribute": "dense" + "default": "''", + "description": "Optional text beneath the input.", + "attribute": "caption" }, { "kind": "field", - "name": "unread", + "name": "placeholder", + "type": { + "text": "string" + }, + "default": "''", + "description": "Input placeholder.", + "attribute": "placeholder" + }, + { + "kind": "field", + "name": "required", "type": { "text": "boolean" }, "default": "false", - "description": "Unread row state.", - "attribute": "unread" + "description": "Makes the input required.", + "attribute": "required" }, { "kind": "field", - "name": "locked", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "locked: Boolean indicating whether the row is locked.\nIf a row is selected before it is locked, it remains selected even after being locked.\nA row can be selected and disabled/locked simultaneously.", - "attribute": "locked", - "reflects": true + "description": "Input disabled state.", + "attribute": "disabled" }, { "kind": "field", - "name": "expandable", + "name": "pattern", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "expandable: Boolean indicating whether the row is expandable.", - "attribute": "expandable", - "reflects": true + "description": "RegEx pattern to validate.", + "attribute": "pattern" }, { "kind": "field", - "name": "expanded", + "name": "maxLength", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "expanded: Boolean indicating whether the row is expanded.", - "attribute": "expanded", - "reflects": true + "description": "Maximum number of characters.", + "attribute": "maxLength" }, { "kind": "field", - "name": "disabled", + "name": "minLength", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "disabled: Boolean indicating whether the row is disabled.\nA disabled row is not allowed to have any user interactions.\nA row can be selected and disabled/locked simultaneously.", - "attribute": "disabled", - "reflects": true + "description": "Minimum number of characters.", + "attribute": "minLength" }, { "kind": "field", - "name": "preventHighlight", + "name": "iconRight", "type": { "text": "boolean" }, "default": "false", - "description": "preventHighlight: Boolean indicating whether the row should not be highlighted.", - "attribute": "preventHighlight", - "reflects": true + "description": "Place icon on the right.", + "attribute": "iconRight" }, { "kind": "field", - "name": "dimmed", + "name": "hideLabel", "type": { "text": "boolean" }, "default": "false", - "description": "dimmed: Boolean indicating whether the row is dimmed.\nA row should not be selected and dimmed simultaneously.", - "attribute": "dimmed", - "reflects": true + "description": "Visually hide the label.", + "attribute": "hideLabel" }, { "kind": "field", "name": "textStrings", - "default": "{\n expanded: 'Expanded',\n collapsed: 'Collapsed',\n}", - "description": "Text string customization.", + "default": "{\n requiredText: 'Required',\n clearAll: 'Clear all',\n errorText: 'Error',\n}", + "description": "Customizable text strings.", "attribute": "textStrings", "type": { "text": "object" } }, { - "kind": "field", - "name": "handleContextChange", - "description": "Updates the cell's dense and ellipsis properties when the context changes.", + "kind": "method", + "name": "_handleInput", + "privacy": "private", "parameters": [ { - "description": "The updated context.", - "name": "context", + "name": "e", "type": { - "text": "TableContextType" + "text": "any" } } ] }, { "kind": "method", - "name": "handleRowSelectionChange", + "name": "_handleClear", + "privacy": "private" + }, + { + "kind": "method", + "name": "_emitValue", + "privacy": "private", "parameters": [ { - "name": "event", + "name": "e", + "optional": true, "type": { - "text": "CustomEvent" + "text": "any" } } - ], - "description": "Handles the change of selection state for a specific row." + ] }, { "kind": "method", - "name": "_handleUserInitiatedToggleExpando", + "name": "_validate", + "privacy": "private", "parameters": [ { - "name": "expanded", - "default": "!this.expanded" + "name": "interacted", + "type": { + "text": "Boolean" + } + }, + { + "name": "report", + "type": { + "text": "Boolean" + } } ] }, { "kind": "method", - "name": "_handleExpanding", + "name": "determineIfSlotted", "privacy": "private" } ], "events": [ { - "name": "on-row-select", - "type": { - "text": "CustomEvent" - } - }, - { - "name": "table-row-expando-beingtoggled", - "type": { - "text": "CustomEvent" - } - }, - { - "name": "table-row-expando-toggled", - "type": { - "text": "CustomEvent" - } + "description": "Captures the input event and emits the selected value and original event details.", + "name": "on-input" } ], "attributes": [ { - "name": "rowId", + "name": "label", "type": { "text": "string" }, "default": "''", - "description": "rowId: String - Unique identifier for the row.", - "fieldName": "rowId" - }, - { - "name": "selected", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "selected: Boolean indicating whether the row is selected.\nReflects the `selected` attribute.", - "fieldName": "selected" - }, - { - "name": "checkboxSelection", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", - "fieldName": "checkboxSelection" - }, - { - "name": "dense", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", - "fieldName": "dense" - }, - { - "name": "unread", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Unread row state.", - "fieldName": "unread" - }, - { - "name": "locked", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "locked: Boolean indicating whether the row is locked.\nIf a row is selected before it is locked, it remains selected even after being locked.\nA row can be selected and disabled/locked simultaneously.", - "fieldName": "locked" + "description": "Label text.", + "fieldName": "label" }, { - "name": "expandable", + "name": "type", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "expandable: Boolean indicating whether the row is expandable.", - "fieldName": "expandable" + "default": "'text'", + "description": "Input type, limited to options that are \"text like\".", + "fieldName": "type" }, { - "name": "expanded", + "name": "size", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "expanded: Boolean indicating whether the row is expanded.", - "fieldName": "expanded" + "default": "'md'", + "description": "Input size. \"sm\", \"md\", or \"lg\".", + "fieldName": "size" }, { - "name": "disabled", + "name": "caption", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "disabled: Boolean indicating whether the row is disabled.\nA disabled row is not allowed to have any user interactions.\nA row can be selected and disabled/locked simultaneously.", - "fieldName": "disabled" + "default": "''", + "description": "Optional text beneath the input.", + "fieldName": "caption" }, { - "name": "preventHighlight", + "name": "placeholder", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "preventHighlight: Boolean indicating whether the row should not be highlighted.", - "fieldName": "preventHighlight" + "default": "''", + "description": "Input placeholder.", + "fieldName": "placeholder" }, { - "name": "dimmed", + "name": "required", "type": { "text": "boolean" }, "default": "false", - "description": "dimmed: Boolean indicating whether the row is dimmed.\nA row should not be selected and dimmed simultaneously.", - "fieldName": "dimmed" - }, - { - "name": "textStrings", - "default": "_defaultTextStrings", - "description": "Text string customization.", - "fieldName": "textStrings" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-tr", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "TableRow", - "declaration": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-tr", - "declaration": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/table/table-toolbar.ts", - "declarations": [ - { - "kind": "class", - "description": "`kyn-table-toolbar` Web Component.\n\nThis component provides a toolbar for tables, primarily featuring a title and additional content.\nThe title is rendered prominently, while the slot can be used for controls, buttons, or other interactive elements.", - "name": "TableToolbar", - "slots": [ - { - "description": "The primary content slot for controls, buttons, or other toolbar content.", - "name": "unnamed" - } - ], - "members": [ + "description": "Makes the input required.", + "fieldName": "required" + }, { - "kind": "field", - "name": "tableTitle", + "name": "disabled", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "The title for the toolbar", - "attribute": "tableTitle" + "default": "false", + "description": "Input disabled state.", + "fieldName": "disabled" }, { - "kind": "field", - "name": "tableSubtitle", + "name": "pattern", "type": { "text": "string" }, - "default": "''", - "description": "The subtitle for the toolbar", - "attribute": "tableSubtitle" - } - ], - "attributes": [ + "description": "RegEx pattern to validate.", + "fieldName": "pattern" + }, { - "name": "tableTitle", + "name": "maxLength", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "The title for the toolbar", - "fieldName": "tableTitle" + "description": "Maximum number of characters.", + "fieldName": "maxLength" }, { - "name": "tableSubtitle", + "name": "minLength", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "The subtitle for the toolbar", - "fieldName": "tableSubtitle" + "description": "Minimum number of characters.", + "fieldName": "minLength" + }, + { + "name": "iconRight", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Place icon on the right.", + "fieldName": "iconRight" + }, + { + "name": "hideLabel", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Visually hide the label.", + "fieldName": "hideLabel" + }, + { + "name": "textStrings", + "default": "_defaultTextStrings", + "description": "Customizable text strings.", + "fieldName": "textStrings" + } + ], + "mixins": [ + { + "name": "FormMixin", + "module": "/src/common/mixins/form-input" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-table-toolbar", + "tagName": "kyn-text-input", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TableToolbar", + "name": "TextInput", "declaration": { - "name": "TableToolbar", - "module": "src/components/reusable/table/table-toolbar.ts" + "name": "TextInput", + "module": "src/components/reusable/textInput/textInput.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-table-toolbar", + "name": "kyn-text-input", "declaration": { - "name": "TableToolbar", - "module": "src/components/reusable/table/table-toolbar.ts" + "name": "TextInput", + "module": "src/components/reusable/textInput/textInput.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/table/table.skeleton.ts", + "path": "src/components/reusable/timepicker/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "TimePicker", + "declaration": { + "name": "TimePicker", + "module": "./timepicker" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/timepicker/timepicker.ts", "declarations": [ { "kind": "class", - "description": "`kyn-table-skeleton` Web Component.\nA skeleton loading state for the table component that mirrors its structure.", - "name": "TableSkeleton", + "description": "Timepicker: uses Flatpickr library,time picker implementation -- `https://flatpickr.js.org/examples/#time-picker`", + "name": "TimePicker", + "slots": [ + { + "description": "Slot for tooltip.", + "name": "tooltip" + } + ], "members": [ { "kind": "field", - "name": "rows", + "name": "label", "type": { - "text": "number" + "text": "string" }, - "default": "5", - "description": "Number of skeleton rows to display.", - "attribute": "rows" + "default": "''", + "description": "Label text.", + "attribute": "label" }, { "kind": "field", - "name": "showPagination", + "name": "locale", "type": { - "text": "boolean" + "text": "SupportedLocale" }, - "default": "false", - "description": "Shows/hides pagination skeleton.", - "attribute": "showPagination" + "default": "'en'", + "description": "Sets desired locale and, if supported, dynamically loads language lib", + "attribute": "locale" }, { "kind": "field", - "name": "dense", + "name": "value", "type": { - "text": "boolean" + "text": "Date | null" }, - "default": "false", - "description": "Sets dense mode value.", - "attribute": "dense" + "default": "null", + "description": "Sets date/time value.", + "attribute": "value" }, { "kind": "field", - "name": "striped", + "name": "defaultDate", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Sets striped rows value.", - "attribute": "striped" + "default": "''", + "description": "Sets default time value.", + "attribute": "defaultDate" }, { "kind": "field", - "name": "hideTableTitles", + "name": "defaultHour", "type": { - "text": "boolean" + "text": "number | null" }, - "default": "false", - "description": "Show/hide table header.", - "attribute": "hideTableTitles" + "default": "null", + "description": "Sets initial value of the hour element.", + "attribute": "defaultHour" }, { "kind": "field", - "name": "fixedLayout", + "name": "defaultMinute", "type": { - "text": "boolean" + "text": "number | null" }, - "default": "false", - "description": "Fixed layout boolean.", - "attribute": "fixedLayout" + "default": "null", + "description": "Sets initial value of the minute element.", + "attribute": "defaultMinute" }, { "kind": "field", - "name": "tableTitle", + "name": "defaultErrorMessage", "type": { "text": "string" }, "default": "''", - "description": "Sets title to display in the table toolbar.", - "attribute": "tableTitle" + "description": "Sets default error message.", + "attribute": "defaultErrorMessage" }, { "kind": "field", - "name": "tableSubtitle", + "name": "warnText", "type": { "text": "string" }, "default": "''", - "description": "Sets subtitle to display in the table toolbar.", - "attribute": "tableSubtitle" + "description": "Sets validation warning messaging.", + "attribute": "warnText" }, { "kind": "field", - "name": "showGlobalFilter", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Shows/hides golbal filter skeleton.", - "attribute": "showGlobalFilter" - }, - { - "kind": "method", - "name": "renderSkeletonCell", - "privacy": "private", - "parameters": [ - { - "name": "type", - "type": { - "text": "'thead' | 'tbody'" - } - } - ] - } - ], - "attributes": [ - { - "name": "rows", + "name": "caption", "type": { - "text": "number" + "text": "string" }, - "default": "5", - "description": "Number of skeleton rows to display.", - "fieldName": "rows" + "default": "''", + "description": "Sets caption to be displayed under primary date picker elements.", + "attribute": "caption" }, { - "name": "showPagination", + "kind": "field", + "name": "required", "type": { "text": "boolean" }, "default": "false", - "description": "Shows/hides pagination skeleton.", - "fieldName": "showPagination" + "description": "Sets datepicker form input value to required/required.", + "attribute": "required" }, { - "name": "dense", + "kind": "field", + "name": "size", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Sets dense mode value.", - "fieldName": "dense" + "default": "'md'", + "description": "Input size. \"sm\", \"md\", or \"lg\".", + "attribute": "size" }, { - "name": "striped", + "kind": "field", + "name": "timepickerDisabled", "type": { "text": "boolean" }, "default": "false", - "description": "Sets striped rows value.", - "fieldName": "striped" + "description": "Sets entire datepicker form element to enabled/disabled.", + "attribute": "timepickerDisabled" }, { - "name": "hideTableTitles", + "kind": "field", + "name": "twentyFourHourFormat", "type": { - "text": "boolean" + "text": "boolean | null" }, - "default": "false", - "description": "Show/hide table header.", - "fieldName": "hideTableTitles" + "default": "null", + "description": "Sets 24 hour formatting true/false.\nDefaults to 12H for all `en-*` locales and 24H for all other locales.", + "attribute": "twentyFourHourFormat" }, { - "name": "fixedLayout", + "kind": "field", + "name": "minTime", "type": { - "text": "boolean" + "text": "string | number | Date" }, - "default": "false", - "description": "Fixed layout boolean.", - "fieldName": "fixedLayout" + "default": "''", + "description": "Sets lower boundary of datepicker date selection.", + "attribute": "minTime" }, { - "name": "tableTitle", + "kind": "field", + "name": "maxTime", "type": { - "text": "string" + "text": "string | number | Date" }, "default": "''", - "description": "Sets title to display in the table toolbar.", - "fieldName": "tableTitle" + "description": "Sets upper boundary of datepicker date selection.", + "attribute": "maxTime" }, { - "name": "tableSubtitle", + "kind": "field", + "name": "errorAriaLabel", "type": { "text": "string" }, "default": "''", - "description": "Sets subtitle to display in the table toolbar.", - "fieldName": "tableSubtitle" + "description": "Sets aria label attribute for error message.", + "attribute": "errorAriaLabel" }, { - "name": "showGlobalFilter", + "kind": "field", + "name": "errorTitle", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Shows/hides golbal filter skeleton.", - "fieldName": "showGlobalFilter" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-table-skeleton", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "TableSkeleton", - "declaration": { - "name": "TableSkeleton", - "module": "src/components/reusable/table/table.skeleton.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-table-skeleton", - "declaration": { - "name": "TableSkeleton", - "module": "src/components/reusable/table/table.skeleton.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/table/table.ts", - "declarations": [ - { - "kind": "class", - "description": "`kyn-table` Web Component.\nThis component provides a table with sorting, pagination, and selection capabilities.\nIt is designed to be used with the `kyn-table-toolbar` and `kyn-table-container` components.", - "name": "Table", - "members": [ + "default": "''", + "description": "Sets title attribute for error message.", + "attribute": "errorTitle" + }, { "kind": "field", - "name": "checkboxSelection", + "name": "warningAriaLabel", "type": { - "text": "boolean" + "text": "string" }, - "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", - "default": "false", - "attribute": "checkboxSelection" + "default": "''", + "description": "Sets aria label attribute for warning message.", + "attribute": "warningAriaLabel" }, { "kind": "field", - "name": "striped", + "name": "warningTitle", "type": { - "text": "boolean" + "text": "string" }, - "description": "striped: Boolean indicating whether rows should have alternate\ncoloring.", - "default": "false", - "attribute": "striped" + "default": "''", + "description": "Sets title attribute for warning message.", + "attribute": "warningTitle" }, { "kind": "field", - "name": "stickyHeader", + "name": "textStrings", + "default": "{\n requiredText: 'Required',\n clearAll: 'Clear',\n}", + "description": "Customizable text strings.", + "attribute": "textStrings", "type": { - "text": "boolean" + "text": "object" + } + }, + { + "kind": "method", + "name": "renderValidationMessage", + "privacy": "private", + "parameters": [ + { + "name": "errorId", + "type": { + "text": "string" + } + }, + { + "name": "warningId", + "type": { + "text": "string" + } + } + ] + }, + { + "kind": "method", + "name": "getTimepickerClasses" + }, + { + "kind": "method", + "name": "_handleClear", + "privacy": "private", + "parameters": [ + { + "name": "event", + "type": { + "text": "Event" + } + } + ] + }, + { + "kind": "method", + "name": "setupAnchor", + "privacy": "private" + }, + { + "kind": "method", + "name": "initializeFlatpickr", + "return": { + "type": { + "text": "Promise" + } + } + }, + { + "kind": "method", + "name": "updateFlatpickrOptions", + "return": { + "type": { + "text": "Promise" + } + } + }, + { + "kind": "method", + "name": "getComponentFlatpickrOptions", + "return": { + "type": { + "text": "Promise>" + } + } + }, + { + "kind": "method", + "name": "setInitialDates", + "return": { + "type": { + "text": "void" + } }, - "description": "stickyHeader: Boolean indicating whether the table header\nshould be sticky.", - "default": "false", - "attribute": "stickyHeader" + "parameters": [ + { + "name": "instance", + "type": { + "text": "flatpickr.Instance" + } + } + ] }, { - "kind": "field", - "name": "dense", - "type": { - "text": "boolean" + "kind": "method", + "name": "handleOpen", + "return": { + "type": { + "text": "void" + } + } + }, + { + "kind": "method", + "name": "handleClose", + "return": { + "type": { + "text": "Promise" + } + } + }, + { + "kind": "method", + "name": "handleTimeChange", + "return": { + "type": { + "text": "Promise" + } }, - "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", - "default": "false", - "attribute": "dense" + "parameters": [ + { + "name": "selectedDates", + "type": { + "text": "Date[]" + } + }, + { + "name": "dateStr", + "type": { + "text": "string" + } + } + ] }, { - "kind": "field", - "name": "fixedLayout", - "type": { - "text": "boolean" + "kind": "method", + "name": "_validate", + "privacy": "private", + "return": { + "type": { + "text": "void" + } }, - "description": "fixedLayout: Boolean indicating whether the table should have a fixed layout.\nThis will set the table's layout to fixed, which means the table and column widths\nwill be determined by the width of the columns and not by the content of the cells.\nThis can be useful when you want to have a consistent column width across multiple tables.", - "default": "false", - "attribute": "fixedLayout" + "parameters": [ + { + "name": "interacted", + "type": { + "text": "boolean" + } + }, + { + "name": "report", + "type": { + "text": "boolean" + } + } + ] }, { "kind": "method", - "name": "_updateHeaderCheckbox", - "privacy": "private", - "description": "Updates the state of the header checkbox based on the number of\nselected rows." + "name": "_onChange", + "privacy": "private" }, { "kind": "method", - "name": "_handleRowSelectionChange", - "privacy": "private", - "parameters": [ - { - "name": "event", - "type": { - "text": "CustomEvent" - } - } - ], - "description": "Handles the change of selection state for a specific row." + "name": "_handleFormReset", + "privacy": "private" }, { "kind": "method", - "name": "_toggleSelectionAll", + "name": "setShouldFlatpickrOpen", "privacy": "private", "parameters": [ { - "name": "event", + "name": "value", "type": { - "text": "CustomEvent" + "text": "boolean" } } - ], - "description": "Toggles the selection state of all rows in the table." - }, - { - "kind": "method", - "name": "updateAfterExternalChanges", - "privacy": "public", - "description": "Resets the selection state of all rows in the table.\nThis method is called when the table is reset or cleared.", - "return": { - "type": { - "text": "" - } - } + ] }, { "kind": "method", - "name": "getSelectedRows", - "privacy": "public", - "description": "Returns the selected rows in the table.", - "return": { - "type": { - "text": "" - } - } + "name": "closeFlatpickr", + "privacy": "private" }, { "kind": "method", - "name": "_handleRowsChange", + "name": "preventFlatpickrOpen", "privacy": "private", "parameters": [ { "name": "event", "type": { - "text": "CustomEvent" - }, - "description": "The custom event containing the updated rows." + "text": "Event" + } } - ], - "description": "Handles the change of rows in the table body." + ] }, { "kind": "method", - "name": "_updateSelectionStates", + "name": "handleInputClickEvent", + "privacy": "private" + }, + { + "kind": "method", + "name": "handleInputFocusEvent", "privacy": "private" } ], "events": [ { - "name": "on-row-selection-change", + "description": "Captures the input event and emits the selected value and original event details.", + "name": "on-change" + } + ], + "attributes": [ + { + "name": "label", "type": { - "text": "CustomEvent" + "text": "string" }, - "description": "Dispatched when the selection state of a row is toggled." + "default": "''", + "description": "Label text.", + "fieldName": "label" }, { - "name": "on-all-rows-selection-change", + "name": "locale", "type": { - "text": "CustomEvent" + "text": "SupportedLocale" }, - "description": "Dispatched when the selection state of all rows is toggled." - } - ], - "attributes": [ + "default": "'en'", + "description": "Sets desired locale and, if supported, dynamically loads language lib", + "fieldName": "locale" + }, { - "name": "checkboxSelection", + "name": "value", "type": { - "text": "boolean" + "text": "Date | null" }, - "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", - "default": "false", - "fieldName": "checkboxSelection" + "default": "null", + "description": "Sets date/time value.", + "fieldName": "value" }, { - "name": "striped", + "name": "defaultDate", "type": { - "text": "boolean" + "text": "string" }, - "description": "striped: Boolean indicating whether rows should have alternate\ncoloring.", - "default": "false", - "fieldName": "striped" + "default": "''", + "description": "Sets default time value.", + "fieldName": "defaultDate" }, { - "name": "stickyHeader", + "name": "defaultHour", "type": { - "text": "boolean" + "text": "number | null" }, - "description": "stickyHeader: Boolean indicating whether the table header\nshould be sticky.", - "default": "false", - "fieldName": "stickyHeader" + "default": "null", + "description": "Sets initial value of the hour element.", + "fieldName": "defaultHour" }, { - "name": "dense", + "name": "defaultMinute", + "type": { + "text": "number | null" + }, + "default": "null", + "description": "Sets initial value of the minute element.", + "fieldName": "defaultMinute" + }, + { + "name": "defaultErrorMessage", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets default error message.", + "fieldName": "defaultErrorMessage" + }, + { + "name": "warnText", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets validation warning messaging.", + "fieldName": "warnText" + }, + { + "name": "caption", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets caption to be displayed under primary date picker elements.", + "fieldName": "caption" + }, + { + "name": "required", "type": { "text": "boolean" }, - "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", "default": "false", - "fieldName": "dense" + "description": "Sets datepicker form input value to required/required.", + "fieldName": "required" }, { - "name": "fixedLayout", + "name": "size", + "type": { + "text": "string" + }, + "default": "'md'", + "description": "Input size. \"sm\", \"md\", or \"lg\".", + "fieldName": "size" + }, + { + "name": "timepickerDisabled", "type": { "text": "boolean" }, - "description": "fixedLayout: Boolean indicating whether the table should have a fixed layout.\nThis will set the table's layout to fixed, which means the table and column widths\nwill be determined by the width of the columns and not by the content of the cells.\nThis can be useful when you want to have a consistent column width across multiple tables.", "default": "false", - "fieldName": "fixedLayout" + "description": "Sets entire datepicker form element to enabled/disabled.", + "fieldName": "timepickerDisabled" + }, + { + "name": "twentyFourHourFormat", + "type": { + "text": "boolean | null" + }, + "default": "null", + "description": "Sets 24 hour formatting true/false.\nDefaults to 12H for all `en-*` locales and 24H for all other locales.", + "fieldName": "twentyFourHourFormat" + }, + { + "name": "minTime", + "type": { + "text": "string | number | Date" + }, + "default": "''", + "description": "Sets lower boundary of datepicker date selection.", + "fieldName": "minTime" + }, + { + "name": "maxTime", + "type": { + "text": "string | number | Date" + }, + "default": "''", + "description": "Sets upper boundary of datepicker date selection.", + "fieldName": "maxTime" + }, + { + "name": "errorAriaLabel", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets aria label attribute for error message.", + "fieldName": "errorAriaLabel" + }, + { + "name": "errorTitle", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets title attribute for error message.", + "fieldName": "errorTitle" + }, + { + "name": "warningAriaLabel", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets aria label attribute for warning message.", + "fieldName": "warningAriaLabel" + }, + { + "name": "warningTitle", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets title attribute for warning message.", + "fieldName": "warningTitle" + }, + { + "name": "textStrings", + "default": "_defaultTextStrings", + "description": "Customizable text strings.", + "fieldName": "textStrings" + } + ], + "mixins": [ + { + "name": "FormMixin", + "module": "/src/common/mixins/form-input" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-table", + "tagName": "kyn-time-picker", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Table", + "name": "TimePicker", "declaration": { - "name": "Table", - "module": "src/components/reusable/table/table.ts" + "name": "TimePicker", + "module": "src/components/reusable/timepicker/timepicker.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-table", + "name": "kyn-time-picker", "declaration": { - "name": "Table", - "module": "src/components/reusable/table/table.ts" + "name": "TimePicker", + "module": "src/components/reusable/timepicker/timepicker.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/tabs/index.ts", + "path": "src/components/reusable/toggleButton/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "Tabs", - "declaration": { - "name": "Tabs", - "module": "./tabs" - } - }, - { - "kind": "js", - "name": "Tab", - "declaration": { - "name": "Tab", - "module": "./tab" - } - }, - { - "kind": "js", - "name": "TabPanel", + "name": "ToggleButton", "declaration": { - "name": "TabPanel", - "module": "./tabPanel" + "name": "ToggleButton", + "module": "./toggleButton" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/tabs/tab.ts", + "path": "src/components/reusable/toggleButton/toggleButton.ts", "declarations": [ { "kind": "class", - "description": "Tabs.", - "name": "Tab", + "description": "Toggle Button.", + "name": "ToggleButton", "slots": [ { - "description": "Slot for tab button text.", - "name": "unnamed" + "description": "Slot for tooltip.", + "name": "tooltip" } ], "members": [ { "kind": "field", - "name": "id", + "name": "label", "type": { "text": "string" }, "default": "''", - "description": "Tab ID, required.", - "attribute": "id", - "reflects": true + "description": "Label text.", + "attribute": "label" }, { "kind": "field", - "name": "selected", + "name": "checked", "type": { "text": "boolean" }, "default": "false", - "description": "Tab selected state. Must match Tab Panel visible state.", - "attribute": "selected", - "reflects": true + "description": "Checkbox checked state.", + "attribute": "checked" + }, + { + "kind": "field", + "name": "checkedText", + "type": { + "text": "string" + }, + "default": "'On'", + "description": "Checked state text.", + "attribute": "checkedText" + }, + { + "kind": "field", + "name": "uncheckedText", + "type": { + "text": "string" + }, + "default": "'Off'", + "description": "Unchecked state text.", + "attribute": "uncheckedText" + }, + { + "kind": "field", + "name": "small", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Option to use small size.", + "attribute": "small" }, { "kind": "field", @@ -13228,1014 +13390,853 @@ "text": "boolean" }, "default": "false", - "description": "Tab disabled state.", + "description": "Checkbox disabled state.", "attribute": "disabled" }, + { + "kind": "field", + "name": "reverse", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Reverse UI element order, label on the left.", + "attribute": "reverse" + }, + { + "kind": "field", + "name": "hideLabel", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Hides the label visually.", + "attribute": "hideLabel" + }, { "kind": "method", - "name": "_handleClick", + "name": "handleChange", "privacy": "private", "parameters": [ { "name": "e", "type": { "text": "any" - }, - "description": "The parameter \"e\" is an event object that represents the event that triggered the\nclick event handler." + } } - ], - "description": "Dispatches a custom event called 'tab-activated' with the original event and tabId as details,\nif the tab is not selected." + ] + }, + { + "kind": "method", + "name": "_validate", + "privacy": "private", + "parameters": [ + { + "name": "interacted", + "type": { + "text": "Boolean" + } + }, + { + "name": "report", + "type": { + "text": "Boolean" + } + } + ] + } + ], + "events": [ + { + "description": "Captures the change event and emits the selected value and original event details.", + "name": "on-change" } ], "attributes": [ { - "name": "id", + "name": "label", "type": { "text": "string" }, "default": "''", - "description": "Tab ID, required.", - "fieldName": "id" + "description": "Label text.", + "fieldName": "label" }, { - "name": "selected", + "name": "checked", "type": { "text": "boolean" }, "default": "false", - "description": "Tab selected state. Must match Tab Panel visible state.", - "fieldName": "selected" + "description": "Checkbox checked state.", + "fieldName": "checked" }, { - "name": "disabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Tab disabled state.", - "fieldName": "disabled" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-tab", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "Tab", - "declaration": { - "name": "Tab", - "module": "src/components/reusable/tabs/tab.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-tab", - "declaration": { - "name": "Tab", - "module": "src/components/reusable/tabs/tab.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/tabs/tabPanel.ts", - "declarations": [ - { - "kind": "class", - "description": "Tabs.", - "name": "TabPanel", - "slots": [ - { - "description": "Slot for tab content.", - "name": "unnamed" - } - ], - "members": [ - { - "kind": "field", - "name": "tabId", + "name": "checkedText", "type": { "text": "string" }, - "default": "''", - "description": "Matching Tab ID, required.", - "attribute": "tabId" + "default": "'On'", + "description": "Checked state text.", + "fieldName": "checkedText" }, { - "kind": "field", - "name": "visible", + "name": "uncheckedText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Tab Panel visible state. Must match Tab selected state.", - "attribute": "visible", - "reflects": true + "default": "'Off'", + "description": "Unchecked state text.", + "fieldName": "uncheckedText" }, { - "kind": "field", - "name": "noPadding", + "name": "small", "type": { "text": "boolean" }, "default": "false", - "description": "Remove side padding (left/right) on tab panel.", - "attribute": "noPadding" - } - ], - "attributes": [ + "description": "Option to use small size.", + "fieldName": "small" + }, { - "name": "tabId", + "name": "disabled", "type": { - "text": "string" - }, - "default": "''", - "description": "Matching Tab ID, required.", - "fieldName": "tabId" + "text": "boolean" + }, + "default": "false", + "description": "Checkbox disabled state.", + "fieldName": "disabled" }, { - "name": "visible", + "name": "reverse", "type": { "text": "boolean" }, "default": "false", - "description": "Tab Panel visible state. Must match Tab selected state.", - "fieldName": "visible" + "description": "Reverse UI element order, label on the left.", + "fieldName": "reverse" }, { - "name": "noPadding", + "name": "hideLabel", "type": { "text": "boolean" }, "default": "false", - "description": "Remove side padding (left/right) on tab panel.", - "fieldName": "noPadding" + "description": "Hides the label visually.", + "fieldName": "hideLabel" + } + ], + "mixins": [ + { + "name": "FormMixin", + "module": "/src/common/mixins/form-input" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-tab-panel", + "tagName": "kyn-toggle-button", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TabPanel", + "name": "ToggleButton", "declaration": { - "name": "TabPanel", - "module": "src/components/reusable/tabs/tabPanel.ts" + "name": "ToggleButton", + "module": "src/components/reusable/toggleButton/toggleButton.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-tab-panel", + "name": "kyn-toggle-button", "declaration": { - "name": "TabPanel", - "module": "src/components/reusable/tabs/tabPanel.ts" + "name": "ToggleButton", + "module": "src/components/reusable/toggleButton/toggleButton.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/tabs/tabs.ts", + "path": "src/components/reusable/widget/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "Widget", + "declaration": { + "name": "Widget", + "module": "./widget" + } + }, + { + "kind": "js", + "name": "WidgetDragHandle", + "declaration": { + "name": "WidgetDragHandle", + "module": "./widgetDragHandle" + } + }, + { + "kind": "js", + "name": "WidgetGridstack", + "declaration": { + "name": "WidgetGridstack", + "module": "./widgetGridstack" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/widget/widget.ts", "declarations": [ { "kind": "class", - "description": "Tabs.", - "name": "Tabs", + "description": "Widget.", + "name": "Widget", "slots": [ { - "description": "Slot for kyn-tab-panel components.", + "description": "Slot for widget content.", "name": "unnamed" }, { - "description": "Slot for kyn-tab components.", - "name": "tabs" + "description": "Slot for action buttons.", + "name": "action" + }, + { + "description": "Slot for tooltip in header.", + "name": "tooltip" + }, + { + "description": "Slot for drag handle.", + "name": "draghandle" } ], "members": [ { "kind": "field", - "name": "tabStyle", + "name": "widgetTitle", "type": { "text": "string" }, - "default": "'contained'", - "description": "Tab style. `'contained'` or `'line'`.", - "attribute": "tabStyle" + "default": "''", + "description": "Widget title.", + "attribute": "widgetTitle" }, { "kind": "field", - "name": "tabSize", + "name": "subTitle", "type": { "text": "string" }, - "default": "'md'", - "description": "Size of the tab buttons, `'sm'` or `'md'`. Icon size: 16px.", - "attribute": "tabSize" + "default": "''", + "description": "Widget sub-title.", + "attribute": "subTitle" }, { "kind": "field", - "name": "vertical", + "name": "dragActive", "type": { "text": "boolean" }, "default": "false", - "description": "Vertical orientation.", - "attribute": "vertical" + "description": "Widget drag active state.", + "attribute": "dragActive" }, { "kind": "field", - "name": "disableAutoFocusUpdate", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Enables tab content change on focus with keyboard navigation/assistive technologies.", - "attribute": "disableAutoFocusUpdate" + "description": "Widget disabled state.", + "attribute": "disabled" }, { "kind": "method", - "name": "_handleSlotChangeTabs", + "name": "_handleSlotChange", "privacy": "private" }, { "kind": "method", "name": "_updateChildren", "privacy": "private" - }, - { - "kind": "method", - "name": "_handleChange", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - }, - "description": "The parameter \"e\" is an event object that contains information about the event\nthat triggered the handleChange function." - } - ], - "description": "Updates children and emits a change event based on the provided\nevent details when a child kyn-tab is clicked." - }, - { - "kind": "method", - "name": "_updateChildrenSelection", - "privacy": "private", - "parameters": [ - { - "name": "selectedTabId", - "type": { - "text": "string" - }, - "description": "The selectedTabId parameter is a string that represents the ID of\nthe tab that is currently selected." - }, - { - "name": "updatePanel", - "default": "true" - } - ], - "description": "Updates the selected property of tabs and the visible property of tab panels based on\nthe selected tab ID." - }, - { - "kind": "method", - "name": "_emitChangeEvent", - "privacy": "private", - "parameters": [ - { - "name": "origEvent", - "type": { - "text": "any" - }, - "description": "The origEvent parameter is the original event object that triggered the\nchange event. It could be any type of event object, such as a click event or a keydown event." - }, - { - "name": "selectedTabId", - "type": { - "text": "string" - }, - "description": "The selectedTabId parameter is a string that represents the ID of\nthe selected tab." - } - ], - "description": "Creates and dispatches a custom event called 'on-change' with the provided original event and\nselected tab ID as details." - }, - { - "kind": "method", - "name": "_handleKeyboard", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - }, - "description": "The parameter `e` is an event object that represents the keyboard event. It\ncontains information about the keyboard event, such as the key code of the pressed key." - } - ], - "description": "Handles keyboard events for navigating between tabs.", - "return": { - "type": { - "text": "" - } - } - } - ], - "events": [ - { - "description": "Emits the new selected Tab ID when switching tabs.", - "name": "on-change" } ], "attributes": [ { - "name": "tabStyle", + "name": "widgetTitle", "type": { "text": "string" }, - "default": "'contained'", - "description": "Tab style. `'contained'` or `'line'`.", - "fieldName": "tabStyle" + "default": "''", + "description": "Widget title.", + "fieldName": "widgetTitle" }, { - "name": "tabSize", + "name": "subTitle", "type": { "text": "string" }, - "default": "'md'", - "description": "Size of the tab buttons, `'sm'` or `'md'`. Icon size: 16px.", - "fieldName": "tabSize" + "default": "''", + "description": "Widget sub-title.", + "fieldName": "subTitle" }, { - "name": "vertical", + "name": "dragActive", "type": { "text": "boolean" }, "default": "false", - "description": "Vertical orientation.", - "fieldName": "vertical" + "description": "Widget drag active state.", + "fieldName": "dragActive" }, { - "name": "disableAutoFocusUpdate", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Enables tab content change on focus with keyboard navigation/assistive technologies.", - "fieldName": "disableAutoFocusUpdate" + "description": "Widget disabled state.", + "fieldName": "disabled" } ], "superclass": { "name": "LitElement", "package": "lit" - }, - "tagName": "kyn-tabs", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "Tabs", - "declaration": { - "name": "Tabs", - "module": "src/components/reusable/tabs/tabs.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-tabs", - "declaration": { - "name": "Tabs", - "module": "src/components/reusable/tabs/tabs.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/tag/index.ts", - "declarations": [], + }, + "tagName": "kyn-widget", + "customElement": true + } + ], "exports": [ { "kind": "js", - "name": "Tag", - "declaration": { - "name": "Tag", - "module": "./tag" - } - }, - { - "kind": "js", - "name": "TagGroup", + "name": "Widget", "declaration": { - "name": "TagGroup", - "module": "./tagGroup" + "name": "Widget", + "module": "src/components/reusable/widget/widget.ts" } }, { - "kind": "js", - "name": "TagSkeleton", + "kind": "custom-element-definition", + "name": "kyn-widget", "declaration": { - "name": "TagSkeleton", - "module": "./tag.skeleton" + "name": "Widget", + "module": "src/components/reusable/widget/widget.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/tag/tag.skeleton.ts", + "path": "src/components/reusable/widget/widgetDragHandle.ts", "declarations": [ { "kind": "class", - "description": "", - "name": "TagSkeleton", + "description": "Widget drag handle.", + "name": "WidgetDragHandle", "members": [ { "kind": "field", - "name": "tagSize", - "type": { - "text": "string" - }, - "default": "'sm'", - "description": "Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.", - "attribute": "tagSize" - }, - { - "kind": "field", - "name": "shade", + "name": "slot", "type": { "text": "string" }, - "default": "'light'", - "description": "Shade `'light'` (default) and `'dark'` for tag.", - "attribute": "shade" + "default": "'draghandle'", + "description": "Force widget slot", + "attribute": "slot", + "reflects": true } ], "attributes": [ { - "name": "tagSize", - "type": { - "text": "string" - }, - "default": "'sm'", - "description": "Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.", - "fieldName": "tagSize" - }, - { - "name": "shade", + "name": "slot", "type": { "text": "string" }, - "default": "'light'", - "description": "Shade `'light'` (default) and `'dark'` for tag.", - "fieldName": "shade" + "default": "'draghandle'", + "description": "Force widget slot", + "fieldName": "slot" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-tag-skeleton", + "tagName": "kyn-widget-drag-handle", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TagSkeleton", + "name": "WidgetDragHandle", "declaration": { - "name": "TagSkeleton", - "module": "src/components/reusable/tag/tag.skeleton.ts" + "name": "WidgetDragHandle", + "module": "src/components/reusable/widget/widgetDragHandle.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-tag-skeleton", + "name": "kyn-widget-drag-handle", "declaration": { - "name": "TagSkeleton", - "module": "src/components/reusable/tag/tag.skeleton.ts" + "name": "WidgetDragHandle", + "module": "src/components/reusable/widget/widgetDragHandle.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/tag/tag.ts", + "path": "src/components/reusable/widget/widgetGridstack.ts", "declarations": [ { "kind": "class", - "description": "Tag.", - "name": "Tag", - "members": [ - { - "kind": "field", - "name": "label", - "type": { - "text": "string" - }, - "default": "''", - "description": "Tag name (Required).", - "attribute": "label" - }, + "description": "GridStack wrapper that includes Shidoka default config and styles.", + "name": "WidgetGridstack", + "slots": [ { - "kind": "field", - "name": "tagSize", - "type": { - "text": "string" - }, - "default": "'md'", - "description": "Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.", - "attribute": "tagSize" - }, + "description": "Slot for .grid-stack container element.", + "name": "unnamed" + } + ], + "members": [ { "kind": "field", - "name": "disabled", + "name": "layout", "type": { - "text": "boolean" + "text": "any" }, - "default": "false", - "description": "Specify if the Tag is disabled.", - "attribute": "disabled" + "default": "{}", + "description": "GridStack layout/widget size/position definitions for each breakpoint.", + "attribute": "layout" }, { "kind": "field", - "name": "filter", + "name": "gridstackConfig", "type": { - "text": "boolean" + "text": "any" }, - "default": "false", - "description": "Determine if Tag state is filter.", - "attribute": "filter" + "default": "Config", + "description": "GridStack config.", + "attribute": "gridstackConfig" }, { "kind": "field", - "name": "noTruncation", + "name": "gridStack", "type": { - "text": "boolean" + "text": "any" }, - "default": "false", - "description": "Removes label text truncation.", - "attribute": "noTruncation" + "default": "GridStack", + "description": "GridStack instance." }, { "kind": "field", - "name": "shade", + "name": "grid", "type": { - "text": "string" + "text": "any" }, - "default": "'light'", - "description": "Shade `'light'` (default) and `'dark'` for tag", - "attribute": "shade" + "description": "GridStack grid instance." }, { - "kind": "field", - "name": "tagColor", - "type": { - "text": "string" - }, - "default": "'spruce'", - "description": "Color variants. Default spruce", - "attribute": "tagColor" + "kind": "method", + "name": "_saveLayout", + "privacy": "private" }, { - "kind": "field", - "name": "clearTagText", - "type": { - "text": "string" - }, - "default": "'Clear Tag'", - "description": "Clear Tag Text to improve accessibility", - "attribute": "clearTagText" + "kind": "method", + "name": "_updateLayout", + "privacy": "private" }, { "kind": "method", - "name": "handleTagClear", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - }, - { - "name": "value", - "type": { - "text": "string" - } - } - ] + "name": "_setBreakpoint", + "privacy": "private" } ], "events": [ { - "description": "Captures the close event and emits the Tag value. Works with filterable tags.", - "name": "on-close" + "description": "Emits after GridStack initializes.", + "name": "on-grid-init" + }, + { + "description": "Emits the GridStack save() method results (new layout) on dragstop and resizestop.", + "name": "on-grid-save" } ], "attributes": [ { - "name": "label", - "type": { - "text": "string" - }, - "default": "''", - "description": "Tag name (Required).", - "fieldName": "label" - }, - { - "name": "tagSize", - "type": { - "text": "string" - }, - "default": "'md'", - "description": "Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.", - "fieldName": "tagSize" - }, - { - "name": "disabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Specify if the Tag is disabled.", - "fieldName": "disabled" - }, - { - "name": "filter", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Determine if Tag state is filter.", - "fieldName": "filter" - }, - { - "name": "noTruncation", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Removes label text truncation.", - "fieldName": "noTruncation" - }, - { - "name": "shade", - "type": { - "text": "string" - }, - "default": "'light'", - "description": "Shade `'light'` (default) and `'dark'` for tag", - "fieldName": "shade" - }, - { - "name": "tagColor", + "name": "layout", "type": { - "text": "string" + "text": "any" }, - "default": "'spruce'", - "description": "Color variants. Default spruce", - "fieldName": "tagColor" + "default": "{}", + "description": "GridStack layout/widget size/position definitions for each breakpoint.", + "fieldName": "layout" }, { - "name": "clearTagText", + "name": "gridstackConfig", "type": { - "text": "string" + "text": "any" }, - "default": "'Clear Tag'", - "description": "Clear Tag Text to improve accessibility", - "fieldName": "clearTagText" + "default": "Config", + "description": "GridStack config.", + "fieldName": "gridstackConfig" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-tag", + "tagName": "kyn-widget-gridstack", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Tag", + "name": "WidgetGridstack", "declaration": { - "name": "Tag", - "module": "src/components/reusable/tag/tag.ts" + "name": "WidgetGridstack", + "module": "src/components/reusable/widget/widgetGridstack.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-tag", + "name": "kyn-widget-gridstack", "declaration": { - "name": "Tag", - "module": "src/components/reusable/tag/tag.ts" + "name": "WidgetGridstack", + "module": "src/components/reusable/widget/widgetGridstack.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/tag/tagGroup.ts", + "path": "src/components/reusable/tooltip/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "Tooltip", + "declaration": { + "name": "Tooltip", + "module": "./tooltip" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/tooltip/tooltip.ts", "declarations": [ { "kind": "class", - "description": "Tag & Tag Group", - "name": "TagGroup", + "description": "Tooltip.", + "name": "Tooltip", "slots": [ { - "description": "Slot for individual tags and tagsskeleton.", + "description": "Slot for tooltip content.", "name": "unnamed" + }, + { + "description": "Slot for custom anchor button content.", + "name": "anchor" } ], "members": [ { "kind": "field", - "name": "textStrings", - "type": { - "text": "object" - }, - "default": "{\n showAll: 'Show all',\n showLess: 'Show less',\n }", - "description": "Text string customization.", - "attribute": "textStrings" - }, - { - "kind": "field", - "name": "limitTags", + "name": "assistiveText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Limits visible tags (5) behind a \"Show all\" button. Use only if having more than 5 tags.", - "attribute": "limitTags" + "default": "'Tooltip'", + "description": "Assistive text for anchor button.", + "attribute": "assistiveText" }, { - "kind": "field", - "name": "filter", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Tag group filter", - "attribute": "filter" + "kind": "method", + "name": "_positionTooltip", + "privacy": "private" }, { - "kind": "field", - "name": "tagSize", - "type": { - "text": "string" - }, - "default": "'md'", - "description": "Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.", - "attribute": "tagSize" + "kind": "method", + "name": "_handleOpen", + "privacy": "private" }, { "kind": "method", - "name": "_handleSlotChange", + "name": "_handleClose", "privacy": "private" }, { "kind": "method", - "name": "_updateChildren", + "name": "_handleMouseLeave", "privacy": "private" }, { "kind": "method", - "name": "_toggleRevealed", + "name": "_handleEsc", "privacy": "private", "parameters": [ { - "name": "revealed", + "name": "e", "type": { - "text": "boolean" + "text": "KeyboardEvent" } } ] + }, + { + "kind": "method", + "name": "_emitToggle", + "privacy": "private" + } + ], + "events": [ + { + "description": "Emits the open state of the tooltip on open/close.", + "name": "on-tooltip-toggle" } ], "attributes": [ { - "name": "textStrings", + "name": "assistiveText", "type": { - "text": "object" + "text": "string" }, - "default": "{\n showAll: 'Show all',\n showLess: 'Show less',\n }", - "description": "Text string customization.", - "fieldName": "textStrings" + "default": "'Tooltip'", + "description": "Assistive text for anchor button.", + "fieldName": "assistiveText" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-tooltip", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "Tooltip", + "declaration": { + "name": "Tooltip", + "module": "src/components/reusable/tooltip/tooltip.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-tooltip", + "declaration": { + "name": "Tooltip", + "module": "src/components/reusable/tooltip/tooltip.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/global/footer/footer.ts", + "declarations": [ + { + "kind": "class", + "description": "The global Footer component.", + "name": "Footer", + "slots": [ + { + "description": "Default slot, for links.", + "name": "unnamed" }, { - "name": "limitTags", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Limits visible tags (5) behind a \"Show all\" button. Use only if having more than 5 tags.", - "fieldName": "limitTags" + "description": "Slot for the logo, will overwrite the default logo.", + "name": "logo" }, { - "name": "filter", + "description": "Slot for the copyright text.", + "name": "copyright" + } + ], + "members": [ + { + "kind": "field", + "name": "rootUrl", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Tag group filter", - "fieldName": "filter" + "default": "'/'", + "description": "URL for the footer logo link. Should target the application home page.", + "attribute": "rootUrl" }, { - "name": "tagSize", + "kind": "method", + "name": "handleRootLinkClick", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "Event" + } + } + ] + } + ], + "events": [ + { + "description": "Captures the logo link click event and emits the original event.", + "name": "on-root-link-click" + } + ], + "attributes": [ + { + "name": "rootUrl", "type": { "text": "string" }, - "default": "'md'", - "description": "Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.", - "fieldName": "tagSize" + "default": "'/'", + "description": "URL for the footer logo link. Should target the application home page.", + "fieldName": "rootUrl" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-tag-group", + "tagName": "kyn-footer", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TagGroup", + "name": "Footer", "declaration": { - "name": "TagGroup", - "module": "src/components/reusable/tag/tagGroup.ts" + "name": "Footer", + "module": "src/components/global/footer/footer.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-tag-group", + "name": "kyn-footer", "declaration": { - "name": "TagGroup", - "module": "src/components/reusable/tag/tagGroup.ts" + "name": "Footer", + "module": "src/components/global/footer/footer.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/textArea/index.ts", + "path": "src/components/global/footer/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "TextArea", + "name": "Footer", "declaration": { - "name": "TextArea", - "module": "./textArea" + "name": "Footer", + "module": "./footer" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/textArea/textArea.ts", + "path": "src/components/global/header/header.ts", "declarations": [ { "kind": "class", - "description": "Text area.", - "name": "TextArea", + "description": "The global Header component.", + "name": "Header", "slots": [ { - "description": "Slot for tooltip.", - "name": "tooltip" - } - ], - "members": [ - { - "kind": "field", - "name": "label", - "type": { - "text": "string" - }, - "default": "''", - "description": "Label text.", - "attribute": "label" - }, - { - "kind": "field", - "name": "caption", - "type": { - "text": "string" - }, - "default": "''", - "description": "Optional text beneath the input.", - "attribute": "caption" - }, - { - "kind": "field", - "name": "placeholder", - "type": { - "text": "string" - }, - "default": "''", - "description": "Input placeholder.", - "attribute": "placeholder" + "description": "The default slot for all empty space right of the logo/title.", + "name": "unnamed" }, { - "kind": "field", - "name": "required", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Makes the input required.", - "attribute": "required" + "description": "Slot for the logo, will overwrite the default logo.", + "name": "logo" }, { - "kind": "field", - "name": "disabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Input disabled state.", - "attribute": "disabled" + "description": "Slot left of the logo, intended for the header nav.", + "name": "left" }, { - "kind": "field", - "name": "maxLength", - "type": { - "text": "number" - }, - "description": "Maximum number of characters.", - "attribute": "maxLength" - }, + "description": "Slot between logo/title and right flyouts.", + "name": "center" + } + ], + "members": [ { "kind": "field", - "name": "minLength", + "name": "rootUrl", "type": { - "text": "number" + "text": "string" }, - "description": "Minimum number of characters.", - "attribute": "minLength" + "default": "'/'", + "description": "URL for the header logo link. Should target the application home page.", + "attribute": "rootUrl" }, { "kind": "field", - "name": "rows", + "name": "appTitle", "type": { - "text": "number" + "text": "string" }, - "description": "textarea rows attribute. The number of visible text lines.", - "attribute": "rows" + "default": "''", + "description": "App title text next to logo. Hidden on smaller screens.", + "attribute": "appTitle" }, { - "kind": "field", - "name": "textStrings", - "default": "{\n requiredText: 'Required',\n errorText: 'Error',\n}", - "description": "Customizable text strings.", - "attribute": "textStrings", - "type": { - "text": "object" - } + "kind": "method", + "name": "handleSlotChange", + "privacy": "private" }, { "kind": "method", - "name": "handleInput", + "name": "handleRootLinkClick", "privacy": "private", "parameters": [ { "name": "e", "type": { - "text": "any" + "text": "Event" } } ] }, { "kind": "method", - "name": "_validate", + "name": "_handleNavToggle", "privacy": "private", "parameters": [ { - "name": "interacted", + "name": "e", "type": { - "text": "Boolean" + "text": "any" } - }, + } + ] + }, + { + "kind": "method", + "name": "_handleFlyoutsToggle", + "privacy": "private", + "parameters": [ { - "name": "report", + "name": "e", "type": { - "text": "Boolean" + "text": "any" } } ] @@ -14243,905 +14244,658 @@ ], "events": [ { - "description": "Captures the input event and emits the selected value and original event details.", - "name": "on-input" + "description": "Captures the menu toggle click event and emits the menu open state in the detail.", + "name": "on-menu-toggle" + }, + { + "description": "Captures the logo link click event and emits the original event details.", + "name": "on-root-link-click" } ], "attributes": [ { - "name": "label", + "name": "rootUrl", "type": { "text": "string" }, - "default": "''", - "description": "Label text.", - "fieldName": "label" + "default": "'/'", + "description": "URL for the header logo link. Should target the application home page.", + "fieldName": "rootUrl" }, { - "name": "caption", + "name": "appTitle", "type": { "text": "string" }, "default": "''", - "description": "Optional text beneath the input.", - "fieldName": "caption" - }, + "description": "App title text next to logo. Hidden on smaller screens.", + "fieldName": "appTitle" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-header", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "Header", + "declaration": { + "name": "Header", + "module": "src/components/global/header/header.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-header", + "declaration": { + "name": "Header", + "module": "src/components/global/header/header.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/global/header/headerCategory.ts", + "declarations": [ + { + "kind": "class", + "description": "Header link category", + "name": "HeaderCategory", + "slots": [ { - "name": "placeholder", + "description": "Slot for links.", + "name": "unnamed" + } + ], + "members": [ + { + "kind": "field", + "name": "heading", "type": { "text": "string" }, "default": "''", - "description": "Input placeholder.", - "fieldName": "placeholder" - }, - { - "name": "required", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Makes the input required.", - "fieldName": "required" - }, - { - "name": "disabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Input disabled state.", - "fieldName": "disabled" - }, - { - "name": "maxLength", - "type": { - "text": "number" - }, - "description": "Maximum number of characters.", - "fieldName": "maxLength" - }, - { - "name": "minLength", - "type": { - "text": "number" - }, - "description": "Minimum number of characters.", - "fieldName": "minLength" - }, - { - "name": "rows", - "type": { - "text": "number" - }, - "description": "textarea rows attribute. The number of visible text lines.", - "fieldName": "rows" - }, - { - "name": "textStrings", - "default": "_defaultTextStrings", - "description": "Customizable text strings.", - "fieldName": "textStrings" + "description": "Link url.", + "attribute": "heading" } ], - "mixins": [ + "attributes": [ { - "name": "FormMixin", - "module": "/src/common/mixins/form-input" + "name": "heading", + "type": { + "text": "string" + }, + "default": "''", + "description": "Link url.", + "fieldName": "heading" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-text-area", + "tagName": "kyn-header-category", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TextArea", + "name": "HeaderCategory", "declaration": { - "name": "TextArea", - "module": "src/components/reusable/textArea/textArea.ts" + "name": "HeaderCategory", + "module": "src/components/global/header/headerCategory.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-text-area", + "name": "kyn-header-category", "declaration": { - "name": "TextArea", - "module": "src/components/reusable/textArea/textArea.ts" + "name": "HeaderCategory", + "module": "src/components/global/header/headerCategory.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/textInput/index.ts", - "declarations": [], + "path": "src/components/global/header/headerDivider.ts", + "declarations": [ + { + "kind": "class", + "description": "Header divider", + "name": "HeaderDivider", + "members": [], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-header-divider", + "customElement": true + } + ], "exports": [ { "kind": "js", - "name": "TextInput", + "name": "HeaderDivider", "declaration": { - "name": "TextInput", - "module": "./textInput" + "name": "HeaderDivider", + "module": "src/components/global/header/headerDivider.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-header-divider", + "declaration": { + "name": "HeaderDivider", + "module": "src/components/global/header/headerDivider.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/textInput/textInput.ts", + "path": "src/components/global/header/headerFlyout.ts", "declarations": [ { "kind": "class", - "description": "Text input.", - "name": "TextInput", + "description": "Component for header flyout items.", + "name": "HeaderFlyout", "slots": [ { - "description": "Slot for contextual icon.", - "name": "icon" + "description": "Slot for flyout menu content.", + "name": "unnamed" }, { - "description": "Slot for tooltip.", - "name": "tooltip" + "description": "Slot for button/toggle content.", + "name": "button" } ], "members": [ { "kind": "field", - "name": "label", - "type": { - "text": "string" - }, - "default": "''", - "description": "Label text.", - "attribute": "label" - }, - { - "kind": "field", - "name": "type", + "name": "open", "type": { - "text": "string" + "text": "boolean" }, - "default": "'text'", - "description": "Input type, limited to options that are \"text like\".", - "attribute": "type" + "default": "false", + "description": "Flyout open state.", + "attribute": "open" }, { "kind": "field", - "name": "size", + "name": "anchorLeft", "type": { - "text": "string" + "text": "boolean" }, - "default": "'md'", - "description": "Input size. \"sm\", \"md\", or \"lg\".", - "attribute": "size" + "default": "false", + "description": "Anchor flyout menu to the left edge of the button instead of the right edge.", + "attribute": "anchorLeft" }, { "kind": "field", - "name": "caption", + "name": "hideArrow", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Optional text beneath the input.", - "attribute": "caption" + "default": "false", + "description": "Hides the arrow.", + "attribute": "hideArrow" }, { "kind": "field", - "name": "placeholder", + "name": "label", "type": { "text": "string" }, "default": "''", - "description": "Input placeholder.", - "attribute": "placeholder" + "description": "Menu & button label.", + "attribute": "label" }, { "kind": "field", - "name": "required", + "name": "hideMenuLabel", "type": { "text": "boolean" }, "default": "false", - "description": "Makes the input required.", - "attribute": "required" + "description": "Hide the label at the top of the flyout menu.", + "attribute": "hideMenuLabel" }, { "kind": "field", - "name": "disabled", + "name": "hideButtonLabel", "type": { "text": "boolean" }, "default": "false", - "description": "Input disabled state.", - "attribute": "disabled" + "description": "Hide the label in the mobile button.", + "attribute": "hideButtonLabel" }, { "kind": "field", - "name": "pattern", + "name": "assistiveText", "type": { "text": "string" }, - "description": "RegEx pattern to validate.", - "attribute": "pattern" - }, - { - "kind": "field", - "name": "maxLength", - "type": { - "text": "number" - }, - "description": "Maximum number of characters.", - "attribute": "maxLength" - }, - { - "kind": "field", - "name": "minLength", - "type": { - "text": "number" - }, - "description": "Minimum number of characters.", - "attribute": "minLength" + "default": "''", + "description": "DEPRECATED. Use `label` instead.\nButton assistive text, title + aria-label.", + "attribute": "assistiveText" }, { "kind": "field", - "name": "iconRight", + "name": "href", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Place icon on the right.", - "attribute": "iconRight" + "default": "''", + "description": "Turns the button into a link.", + "attribute": "href" }, { "kind": "field", - "name": "hideLabel", + "name": "backText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Visually hide the label.", - "attribute": "hideLabel" - }, - { - "kind": "field", - "name": "textStrings", - "default": "{\n requiredText: 'Required',\n clearAll: 'Clear all',\n errorText: 'Error',\n}", - "description": "Customizable text strings.", - "attribute": "textStrings", - "type": { - "text": "object" - } + "default": "'Back'", + "description": "Text for mobile \"Back\" button.", + "attribute": "backText" }, { "kind": "method", - "name": "_handleInput", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] + "name": "_handleBack", + "privacy": "private" }, { "kind": "method", - "name": "_handleClear", + "name": "handleClick", "privacy": "private" }, { "kind": "method", - "name": "_emitValue", + "name": "handleClickOut", "privacy": "private", "parameters": [ { "name": "e", - "optional": true, - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "_validate", - "privacy": "private", - "parameters": [ - { - "name": "interacted", "type": { - "text": "Boolean" - } - }, - { - "name": "report", - "type": { - "text": "Boolean" + "text": "Event" } } ] }, { - "kind": "method", - "name": "determineIfSlotted", - "privacy": "private" - } - ], - "events": [ - { - "description": "Captures the input event and emits the selected value and original event details.", - "name": "on-input" - } - ], - "attributes": [ - { - "name": "label", - "type": { - "text": "string" - }, - "default": "''", - "description": "Label text.", - "fieldName": "label" - }, - { - "name": "type", - "type": { - "text": "string" - }, - "default": "'text'", - "description": "Input type, limited to options that are \"text like\".", - "fieldName": "type" - }, - { - "name": "size", - "type": { - "text": "string" - }, - "default": "'md'", - "description": "Input size. \"sm\", \"md\", or \"lg\".", - "fieldName": "size" - }, - { - "name": "caption", - "type": { - "text": "string" - }, - "default": "''", - "description": "Optional text beneath the input.", - "fieldName": "caption" - }, + "kind": "method", + "name": "_handleOverlayClick", + "privacy": "private" + } + ], + "attributes": [ { - "name": "placeholder", + "name": "open", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Input placeholder.", - "fieldName": "placeholder" + "default": "false", + "description": "Flyout open state.", + "fieldName": "open" }, { - "name": "required", + "name": "anchorLeft", "type": { "text": "boolean" }, "default": "false", - "description": "Makes the input required.", - "fieldName": "required" + "description": "Anchor flyout menu to the left edge of the button instead of the right edge.", + "fieldName": "anchorLeft" }, { - "name": "disabled", + "name": "hideArrow", "type": { "text": "boolean" }, "default": "false", - "description": "Input disabled state.", - "fieldName": "disabled" + "description": "Hides the arrow.", + "fieldName": "hideArrow" }, { - "name": "pattern", + "name": "label", "type": { "text": "string" }, - "description": "RegEx pattern to validate.", - "fieldName": "pattern" + "default": "''", + "description": "Menu & button label.", + "fieldName": "label" }, { - "name": "maxLength", + "name": "hideMenuLabel", "type": { - "text": "number" + "text": "boolean" }, - "description": "Maximum number of characters.", - "fieldName": "maxLength" + "default": "false", + "description": "Hide the label at the top of the flyout menu.", + "fieldName": "hideMenuLabel" }, { - "name": "minLength", + "name": "hideButtonLabel", "type": { - "text": "number" + "text": "boolean" }, - "description": "Minimum number of characters.", - "fieldName": "minLength" + "default": "false", + "description": "Hide the label in the mobile button.", + "fieldName": "hideButtonLabel" }, { - "name": "iconRight", + "name": "assistiveText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Place icon on the right.", - "fieldName": "iconRight" + "default": "''", + "description": "DEPRECATED. Use `label` instead.\nButton assistive text, title + aria-label.", + "fieldName": "assistiveText" }, { - "name": "hideLabel", + "name": "href", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Visually hide the label.", - "fieldName": "hideLabel" + "default": "''", + "description": "Turns the button into a link.", + "fieldName": "href" }, { - "name": "textStrings", - "default": "_defaultTextStrings", - "description": "Customizable text strings.", - "fieldName": "textStrings" - } - ], - "mixins": [ - { - "name": "FormMixin", - "module": "/src/common/mixins/form-input" + "name": "backText", + "type": { + "text": "string" + }, + "default": "'Back'", + "description": "Text for mobile \"Back\" button.", + "fieldName": "backText" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-text-input", + "tagName": "kyn-header-flyout", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TextInput", + "name": "HeaderFlyout", "declaration": { - "name": "TextInput", - "module": "src/components/reusable/textInput/textInput.ts" + "name": "HeaderFlyout", + "module": "src/components/global/header/headerFlyout.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-text-input", - "declaration": { - "name": "TextInput", - "module": "src/components/reusable/textInput/textInput.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/timepicker/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "TimePicker", + "name": "kyn-header-flyout", "declaration": { - "name": "TimePicker", - "module": "./timepicker" + "name": "HeaderFlyout", + "module": "src/components/global/header/headerFlyout.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/timepicker/timepicker.ts", + "path": "src/components/global/header/headerFlyouts.ts", "declarations": [ { "kind": "class", - "description": "Timepicker: uses Flatpickr library,time picker implementation -- `https://flatpickr.js.org/examples/#time-picker`", - "name": "TimePicker", + "description": "Container for header-flyout components.", + "name": "HeaderFlyouts", "slots": [ { - "description": "Slot for tooltip.", - "name": "tooltip" + "description": "Slot for header-flyout components.", + "name": "unnamed" } ], "members": [ { "kind": "field", - "name": "label", - "type": { - "text": "string" - }, - "default": "''", - "description": "Label text.", - "attribute": "label" - }, - { - "kind": "field", - "name": "locale", - "type": { - "text": "SupportedLocale" - }, - "default": "'en'", - "description": "Sets desired locale and, if supported, dynamically loads language lib", - "attribute": "locale" - }, - { - "kind": "field", - "name": "value", - "type": { - "text": "Date | null" - }, - "default": "null", - "description": "Sets date/time value.", - "attribute": "value" - }, - { - "kind": "field", - "name": "defaultDate", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets default time value.", - "attribute": "defaultDate" - }, - { - "kind": "field", - "name": "defaultHour", + "name": "open", "type": { - "text": "number | null" + "text": "boolean" }, - "default": "null", - "description": "Sets initial value of the hour element.", - "attribute": "defaultHour" + "default": "false", + "attribute": "open" }, { - "kind": "field", - "name": "defaultMinute", - "type": { - "text": "number | null" - }, - "default": "null", - "description": "Sets initial value of the minute element.", - "attribute": "defaultMinute" + "kind": "method", + "name": "_toggleOpen", + "privacy": "private" }, { - "kind": "field", - "name": "defaultErrorMessage", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets default error message.", - "attribute": "defaultErrorMessage" - }, + "kind": "method", + "name": "_handleClickOut", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "Event" + } + } + ] + } + ], + "attributes": [ { - "kind": "field", - "name": "warnText", + "name": "open", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets validation warning messaging.", - "attribute": "warnText" - }, + "default": "false", + "fieldName": "open" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-header-flyouts", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "HeaderFlyouts", + "declaration": { + "name": "HeaderFlyouts", + "module": "src/components/global/header/headerFlyouts.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-header-flyouts", + "declaration": { + "name": "HeaderFlyouts", + "module": "src/components/global/header/headerFlyouts.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/global/header/headerLink.ts", + "declarations": [ + { + "kind": "class", + "description": "Component for navigation links within the Header.", + "name": "HeaderLink", + "slots": [ { - "kind": "field", - "name": "caption", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets caption to be displayed under primary date picker elements.", - "attribute": "caption" + "description": "Slot for link text/content.", + "name": "unnamed" }, + { + "description": "Slot for sublinks (up to two levels).", + "name": "links" + } + ], + "members": [ { "kind": "field", - "name": "required", + "name": "open", "type": { "text": "boolean" }, "default": "false", - "description": "Sets datepicker form input value to required/required.", - "attribute": "required" + "description": "Link open state.", + "attribute": "open" }, { "kind": "field", - "name": "size", + "name": "href", "type": { "text": "string" }, - "default": "'md'", - "description": "Input size. \"sm\", \"md\", or \"lg\".", - "attribute": "size" - }, - { - "kind": "field", - "name": "timepickerDisabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Sets entire datepicker form element to enabled/disabled.", - "attribute": "timepickerDisabled" + "default": "''", + "description": "Link url.", + "attribute": "href" }, { "kind": "field", - "name": "twentyFourHourFormat", + "name": "target", + "default": "'_self'", "type": { - "text": "boolean | null" + "text": "'_self'" }, - "default": "null", - "description": "Sets 24 hour formatting true/false.\nDefaults to 12H for all `en-*` locales and 24H for all other locales.", - "attribute": "twentyFourHourFormat" + "description": "Defines a target attribute for where to load the URL. Possible options include \"_self\" (default), \"_blank\", \"_parent\", \"_top\"", + "attribute": "target" }, { "kind": "field", - "name": "minTime", + "name": "rel", "type": { - "text": "string | number | Date" + "text": "string" }, "default": "''", - "description": "Sets lower boundary of datepicker date selection.", - "attribute": "minTime" + "description": "Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship", + "attribute": "rel" }, { "kind": "field", - "name": "maxTime", + "name": "isActive", "type": { - "text": "string | number | Date" + "text": "boolean" }, - "default": "''", - "description": "Sets upper boundary of datepicker date selection.", - "attribute": "maxTime" + "default": "false", + "description": "Link active state, for example when URL path matches link href.", + "attribute": "isActive" }, { "kind": "field", - "name": "errorAriaLabel", + "name": "divider", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets aria label attribute for error message.", - "attribute": "errorAriaLabel" + "default": "false", + "description": "DEPRECATED. Adds a 1px shadow to the bottom of the link.", + "attribute": "divider" }, { "kind": "field", - "name": "errorTitle", + "name": "searchLabel", "type": { "text": "string" }, - "default": "''", - "description": "Sets title attribute for error message.", - "attribute": "errorTitle" + "default": "'Search'", + "description": "Label for sub-menu link search input, which is visible with > 5 sub-links.", + "attribute": "searchLabel" }, { "kind": "field", - "name": "warningAriaLabel", + "name": "backText", "type": { "text": "string" }, - "default": "''", - "description": "Sets aria label attribute for warning message.", - "attribute": "warningAriaLabel" + "default": "'Back'", + "description": "Text for mobile \"Back\" button.", + "attribute": "backText" }, { "kind": "field", - "name": "warningTitle", + "name": "_searchTerm", "type": { "text": "string" }, "default": "''", - "description": "Sets title attribute for warning message.", - "attribute": "warningTitle" - }, - { - "kind": "field", - "name": "textStrings", - "default": "{\n requiredText: 'Required',\n clearAll: 'Clear',\n}", - "description": "Customizable text strings.", - "attribute": "textStrings", - "type": { - "text": "object" - } - }, - { - "kind": "method", - "name": "renderValidationMessage", - "privacy": "private", - "parameters": [ - { - "name": "errorId", - "type": { - "text": "string" - } - }, - { - "name": "warningId", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "getTimepickerClasses" - }, - { - "kind": "method", - "name": "_handleClear", - "privacy": "private", - "parameters": [ - { - "name": "event", - "type": { - "text": "Event" - } - } - ] - }, - { - "kind": "method", - "name": "setupAnchor", - "privacy": "private" - }, - { - "kind": "method", - "name": "initializeFlatpickr", - "return": { - "type": { - "text": "Promise" - } - } - }, - { - "kind": "method", - "name": "updateFlatpickrOptions", - "return": { - "type": { - "text": "Promise" - } - } - }, - { - "kind": "method", - "name": "getComponentFlatpickrOptions", - "return": { - "type": { - "text": "Promise>" - } - } - }, - { - "kind": "method", - "name": "setInitialDates", - "return": { - "type": { - "text": "void" - } - }, - "parameters": [ - { - "name": "instance", - "type": { - "text": "flatpickr.Instance" - } - } - ] - }, - { - "kind": "method", - "name": "handleOpen", - "return": { - "type": { - "text": "void" - } - } - }, - { - "kind": "method", - "name": "handleClose", - "return": { - "type": { - "text": "Promise" - } - } - }, - { - "kind": "method", - "name": "handleTimeChange", - "return": { - "type": { - "text": "Promise" - } - }, - "parameters": [ - { - "name": "selectedDates", - "type": { - "text": "Date[]" - } - }, - { - "name": "dateStr", - "type": { - "text": "string" - } - } - ] + "description": "Text for mobile \"Back\" button." }, { "kind": "method", - "name": "_validate", + "name": "_handleSearch", "privacy": "private", - "return": { - "type": { - "text": "void" - } - }, "parameters": [ { - "name": "interacted", - "type": { - "text": "boolean" - } - }, - { - "name": "report", + "name": "e", "type": { - "text": "boolean" + "text": "any" } } ] }, { "kind": "method", - "name": "_onChange", + "name": "_searchFilter", "privacy": "private" }, { "kind": "method", - "name": "_handleFormReset", + "name": "_handleBack", "privacy": "private" }, { "kind": "method", - "name": "setShouldFlatpickrOpen", + "name": "_handleLinksSlotChange", + "privacy": "private" + }, + { + "kind": "method", + "name": "handlePointerEnter", "privacy": "private", "parameters": [ { - "name": "value", + "name": "e", "type": { - "text": "boolean" + "text": "PointerEvent" } } ] }, { "kind": "method", - "name": "closeFlatpickr", - "privacy": "private" + "name": "handlePointerLeave", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "PointerEvent" + } + } + ] }, { "kind": "method", - "name": "preventFlatpickrOpen", + "name": "handleClick", "privacy": "private", "parameters": [ { - "name": "event", + "name": "e", "type": { "text": "Event" } @@ -15150,346 +14904,537 @@ }, { "kind": "method", - "name": "handleInputClickEvent", + "name": "handleClickOut", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "Event" + } + } + ] + }, + { + "kind": "method", + "name": "determineLevel", "privacy": "private" }, { "kind": "method", - "name": "handleInputFocusEvent", + "name": "_positionMenu", "privacy": "private" } ], "events": [ { - "description": "Captures the input event and emits the selected value and original event details.", - "name": "on-change" + "description": "Captures the click event and emits the original event details.", + "name": "on-click" } ], "attributes": [ { - "name": "label", + "name": "open", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Label text.", - "fieldName": "label" + "default": "false", + "description": "Link open state.", + "fieldName": "open" }, { - "name": "locale", + "name": "href", "type": { - "text": "SupportedLocale" + "text": "string" }, - "default": "'en'", - "description": "Sets desired locale and, if supported, dynamically loads language lib", - "fieldName": "locale" + "default": "''", + "description": "Link url.", + "fieldName": "href" }, { - "name": "value", + "name": "target", + "default": "'_self'", "type": { - "text": "Date | null" + "text": "'_self'" }, - "default": "null", - "description": "Sets date/time value.", - "fieldName": "value" + "description": "Defines a target attribute for where to load the URL. Possible options include \"_self\" (default), \"_blank\", \"_parent\", \"_top\"", + "fieldName": "target" }, { - "name": "defaultDate", + "name": "rel", "type": { "text": "string" }, "default": "''", - "description": "Sets default time value.", - "fieldName": "defaultDate" + "description": "Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship", + "fieldName": "rel" }, { - "name": "defaultHour", + "name": "isActive", "type": { - "text": "number | null" + "text": "boolean" }, - "default": "null", - "description": "Sets initial value of the hour element.", - "fieldName": "defaultHour" + "default": "false", + "description": "Link active state, for example when URL path matches link href.", + "fieldName": "isActive" }, { - "name": "defaultMinute", + "name": "divider", "type": { - "text": "number | null" + "text": "boolean" }, - "default": "null", - "description": "Sets initial value of the minute element.", - "fieldName": "defaultMinute" + "default": "false", + "description": "DEPRECATED. Adds a 1px shadow to the bottom of the link.", + "fieldName": "divider" }, { - "name": "defaultErrorMessage", + "name": "searchLabel", "type": { "text": "string" }, - "default": "''", - "description": "Sets default error message.", - "fieldName": "defaultErrorMessage" + "default": "'Search'", + "description": "Label for sub-menu link search input, which is visible with > 5 sub-links.", + "fieldName": "searchLabel" }, { - "name": "warnText", + "name": "backText", "type": { "text": "string" }, - "default": "''", - "description": "Sets validation warning messaging.", - "fieldName": "warnText" - }, + "default": "'Back'", + "description": "Text for mobile \"Back\" button.", + "fieldName": "backText" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-header-link", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "HeaderLink", + "declaration": { + "name": "HeaderLink", + "module": "src/components/global/header/headerLink.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-header-link", + "declaration": { + "name": "HeaderLink", + "module": "src/components/global/header/headerLink.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/global/header/headerNav.ts", + "declarations": [ + { + "kind": "class", + "description": "Container for header navigation links.", + "name": "HeaderNav", + "slots": [ { - "name": "caption", + "description": "This element has a slot.", + "name": "unnamed" + } + ], + "members": [ + { + "kind": "field", + "name": "slot", "type": { "text": "string" }, - "default": "''", - "description": "Sets caption to be displayed under primary date picker elements.", - "fieldName": "caption" + "default": "'left'", + "description": "Force correct slot", + "attribute": "slot", + "reflects": true }, { - "name": "required", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Sets datepicker form input value to required/required.", - "fieldName": "required" + "kind": "method", + "name": "_toggleMenuOpen", + "privacy": "private" }, { - "name": "size", + "kind": "method", + "name": "_handleClickOut", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "Event" + } + } + ] + }, + { + "kind": "method", + "name": "_handleOverlayClick", + "privacy": "private" + } + ], + "attributes": [ + { + "name": "slot", "type": { "text": "string" }, - "default": "'md'", - "description": "Input size. \"sm\", \"md\", or \"lg\".", - "fieldName": "size" - }, + "default": "'left'", + "description": "Force correct slot", + "fieldName": "slot" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-header-nav", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "HeaderNav", + "declaration": { + "name": "HeaderNav", + "module": "src/components/global/header/headerNav.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-header-nav", + "declaration": { + "name": "HeaderNav", + "module": "src/components/global/header/headerNav.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/global/header/headerNotificationPanel.ts", + "declarations": [ + { + "kind": "class", + "description": "Component for notification panel within the Header.", + "name": "HeaderNotificationPanel", + "slots": [ { - "name": "timepickerDisabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Sets entire datepicker form element to enabled/disabled.", - "fieldName": "timepickerDisabled" + "description": "Slot for panel menu", + "name": "menu-slot" }, { - "name": "twentyFourHourFormat", - "type": { - "text": "boolean | null" - }, - "default": "null", - "description": "Sets 24 hour formatting true/false.\nDefaults to 12H for all `en-*` locales and 24H for all other locales.", - "fieldName": "twentyFourHourFormat" - }, + "description": "Slot for notification content.", + "name": "unnamed" + } + ], + "members": [ { - "name": "minTime", + "kind": "field", + "name": "panelTitle", "type": { - "text": "string | number | Date" + "text": "string" }, "default": "''", - "description": "Sets lower boundary of datepicker date selection.", - "fieldName": "minTime" + "description": "Notification panel Title.", + "attribute": "panelTitle" }, { - "name": "maxTime", + "kind": "field", + "name": "panelFooterBtnText", "type": { - "text": "string | number | Date" + "text": "string" }, "default": "''", - "description": "Sets upper boundary of datepicker date selection.", - "fieldName": "maxTime" + "description": "Notification panel footer button text.", + "attribute": "panelFooterBtnText" }, { - "name": "errorAriaLabel", + "kind": "field", + "name": "hidePanelFooter", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets aria label attribute for error message.", - "fieldName": "errorAriaLabel" + "default": "false", + "description": "Hide notification panel footer", + "attribute": "hidePanelFooter" }, { - "name": "errorTitle", + "kind": "method", + "name": "_handlefooterBtnEvent", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + } + ] + } + ], + "events": [ + { + "description": "Emits the panel footer button event.", + "name": "on-footer-btn-click" + } + ], + "attributes": [ + { + "name": "panelTitle", "type": { "text": "string" }, "default": "''", - "description": "Sets title attribute for error message.", - "fieldName": "errorTitle" + "description": "Notification panel Title.", + "fieldName": "panelTitle" }, { - "name": "warningAriaLabel", + "name": "panelFooterBtnText", "type": { "text": "string" }, "default": "''", - "description": "Sets aria label attribute for warning message.", - "fieldName": "warningAriaLabel" + "description": "Notification panel footer button text.", + "fieldName": "panelFooterBtnText" }, { - "name": "warningTitle", + "name": "hidePanelFooter", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets title attribute for warning message.", - "fieldName": "warningTitle" - }, - { - "name": "textStrings", - "default": "_defaultTextStrings", - "description": "Customizable text strings.", - "fieldName": "textStrings" - } - ], - "mixins": [ - { - "name": "FormMixin", - "module": "/src/common/mixins/form-input" + "default": "false", + "description": "Hide notification panel footer", + "fieldName": "hidePanelFooter" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-time-picker", + "tagName": "kyn-header-notification-panel", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TimePicker", + "name": "HeaderNotificationPanel", "declaration": { - "name": "TimePicker", - "module": "src/components/reusable/timepicker/timepicker.ts" + "name": "HeaderNotificationPanel", + "module": "src/components/global/header/headerNotificationPanel.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-time-picker", - "declaration": { - "name": "TimePicker", - "module": "src/components/reusable/timepicker/timepicker.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/toggleButton/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "ToggleButton", + "name": "kyn-header-notification-panel", "declaration": { - "name": "ToggleButton", - "module": "./toggleButton" + "name": "HeaderNotificationPanel", + "module": "src/components/global/header/headerNotificationPanel.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/toggleButton/toggleButton.ts", + "path": "src/components/global/header/headerPanelLink.ts", "declarations": [ { "kind": "class", - "description": "Toggle Button.", - "name": "ToggleButton", + "description": "Header fly-out panel link.", + "name": "HeaderPanelLink", "slots": [ { - "description": "Slot for tooltip.", - "name": "tooltip" + "description": "Slot for link text/content.", + "name": "unnamed" } ], "members": [ { "kind": "field", - "name": "label", + "name": "href", "type": { "text": "string" }, "default": "''", - "description": "Label text.", - "attribute": "label" + "description": "Link url.", + "attribute": "href" }, { "kind": "field", - "name": "checked", + "name": "target", + "default": "'_self'", "type": { - "text": "boolean" + "text": "'_self'" }, - "default": "false", - "description": "Checkbox checked state.", - "attribute": "checked" + "description": "Defines a target attribute for where to load the URL. Possible options include \"_self\" (default), \"_blank\", \"_parent\", \"_top\"", + "attribute": "target" }, { "kind": "field", - "name": "checkedText", + "name": "rel", "type": { "text": "string" }, - "default": "'On'", - "description": "Checked state text.", - "attribute": "checkedText" + "default": "''", + "description": "Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship", + "attribute": "rel" + }, + { + "kind": "method", + "name": "handleClick", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "Event" + } + } + ] + } + ], + "events": [ + { + "description": "Captures the click event and emits the original event details.", + "name": "on-click" + } + ], + "attributes": [ + { + "name": "href", + "type": { + "text": "string" + }, + "default": "''", + "description": "Link url.", + "fieldName": "href" + }, + { + "name": "target", + "default": "'_self'", + "type": { + "text": "'_self'" + }, + "description": "Defines a target attribute for where to load the URL. Possible options include \"_self\" (default), \"_blank\", \"_parent\", \"_top\"", + "fieldName": "target" }, + { + "name": "rel", + "type": { + "text": "string" + }, + "default": "''", + "description": "Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship", + "fieldName": "rel" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-header-panel-link", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "HeaderPanelLink", + "declaration": { + "name": "HeaderPanelLink", + "module": "src/components/global/header/headerPanelLink.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-header-panel-link", + "declaration": { + "name": "HeaderPanelLink", + "module": "src/components/global/header/headerPanelLink.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/global/header/headerUserProfile.ts", + "declarations": [ + { + "kind": "class", + "description": "Header user profile.", + "name": "HeaderUserProfile", + "slots": [ + { + "description": "Slot for the profile picture img.", + "name": "unnamed" + } + ], + "members": [ { "kind": "field", - "name": "uncheckedText", + "name": "name", "type": { "text": "string" }, - "default": "'Off'", - "description": "Unchecked state text.", - "attribute": "uncheckedText" + "default": "''", + "description": "The user's name.", + "attribute": "name" }, { "kind": "field", - "name": "small", + "name": "subtitle", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Option to use small size.", - "attribute": "small" + "default": "''", + "description": "The user's job title, or subtext.", + "attribute": "subtitle" }, { "kind": "field", - "name": "disabled", + "name": "email", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Checkbox disabled state.", - "attribute": "disabled" + "default": "''", + "description": "The user's email address.", + "attribute": "email" }, { "kind": "field", - "name": "reverse", + "name": "profileLink", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Reverse UI element order, label on the left.", - "attribute": "reverse" + "default": "''", + "description": "View profile link URL.", + "attribute": "profileLink" }, { "kind": "field", - "name": "hideLabel", + "name": "profileLinkText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Hides the label visually.", - "attribute": "hideLabel" + "default": "'View Profile'", + "description": "View Profile link text.", + "attribute": "profileLinkText" }, { "kind": "method", - "name": "handleChange", + "name": "_handleProfileClick", "privacy": "private", "parameters": [ { @@ -15499,403 +15444,580 @@ } } ] - }, - { - "kind": "method", - "name": "_validate", - "privacy": "private", - "parameters": [ - { - "name": "interacted", - "type": { - "text": "Boolean" - } - }, - { - "name": "report", - "type": { - "text": "Boolean" - } - } - ] } ], "events": [ { - "description": "Captures the change event and emits the selected value and original event details.", - "name": "on-change" + "description": "Captures the view profile link click event and emits the original event details.", + "name": "on-profile-link-click" } ], "attributes": [ { - "name": "label", + "name": "name", "type": { "text": "string" }, "default": "''", - "description": "Label text.", - "fieldName": "label" - }, - { - "name": "checked", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Checkbox checked state.", - "fieldName": "checked" + "description": "The user's name.", + "fieldName": "name" }, { - "name": "checkedText", + "name": "subtitle", "type": { "text": "string" }, - "default": "'On'", - "description": "Checked state text.", - "fieldName": "checkedText" + "default": "''", + "description": "The user's job title, or subtext.", + "fieldName": "subtitle" }, { - "name": "uncheckedText", + "name": "email", "type": { "text": "string" }, - "default": "'Off'", - "description": "Unchecked state text.", - "fieldName": "uncheckedText" - }, - { - "name": "small", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Option to use small size.", - "fieldName": "small" - }, - { - "name": "disabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Checkbox disabled state.", - "fieldName": "disabled" + "default": "''", + "description": "The user's email address.", + "fieldName": "email" }, { - "name": "reverse", + "name": "profileLink", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Reverse UI element order, label on the left.", - "fieldName": "reverse" + "default": "''", + "description": "View profile link URL.", + "fieldName": "profileLink" }, { - "name": "hideLabel", + "name": "profileLinkText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Hides the label visually.", - "fieldName": "hideLabel" - } - ], - "mixins": [ - { - "name": "FormMixin", - "module": "/src/common/mixins/form-input" + "default": "'View Profile'", + "description": "View Profile link text.", + "fieldName": "profileLinkText" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-toggle-button", + "tagName": "kyn-header-user-profile", "customElement": true } ], "exports": [ { "kind": "js", - "name": "ToggleButton", + "name": "HeaderUserProfile", "declaration": { - "name": "ToggleButton", - "module": "src/components/reusable/toggleButton/toggleButton.ts" + "name": "HeaderUserProfile", + "module": "src/components/global/header/headerUserProfile.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-toggle-button", + "name": "kyn-header-user-profile", "declaration": { - "name": "ToggleButton", - "module": "src/components/reusable/toggleButton/toggleButton.ts" + "name": "HeaderUserProfile", + "module": "src/components/global/header/headerUserProfile.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/tooltip/index.ts", + "path": "src/components/global/header/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "Header", + "declaration": { + "name": "Header", + "module": "./header" + } + }, + { + "kind": "js", + "name": "HeaderNav", + "declaration": { + "name": "HeaderNav", + "module": "./headerNav" + } + }, + { + "kind": "js", + "name": "HeaderLink", + "declaration": { + "name": "HeaderLink", + "module": "./headerLink" + } + }, + { + "kind": "js", + "name": "HeaderCategory", + "declaration": { + "name": "HeaderCategory", + "module": "./headerCategory" + } + }, + { + "kind": "js", + "name": "HeaderDivider", + "declaration": { + "name": "HeaderDivider", + "module": "./headerDivider" + } + }, + { + "kind": "js", + "name": "HeaderFlyouts", + "declaration": { + "name": "HeaderFlyouts", + "module": "./headerFlyouts" + } + }, + { + "kind": "js", + "name": "HeaderFlyout", + "declaration": { + "name": "HeaderFlyout", + "module": "./headerFlyout" + } + }, + { + "kind": "js", + "name": "HeaderUserProfile", + "declaration": { + "name": "HeaderUserProfile", + "module": "./headerUserProfile" + } + }, + { + "kind": "js", + "name": "HeaderPanelLink", + "declaration": { + "name": "HeaderPanelLink", + "module": "./headerPanelLink" + } + }, + { + "kind": "js", + "name": "HeaderNotificationPanel", + "declaration": { + "name": "HeaderNotificationPanel", + "module": "./headerNotificationPanel" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/global/localNav/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "Tooltip", + "name": "LocalNav", "declaration": { - "name": "Tooltip", - "module": "./tooltip" + "name": "LocalNav", + "module": "./localNav" + } + }, + { + "kind": "js", + "name": "LocalNavLink", + "declaration": { + "name": "LocalNavLink", + "module": "./localNavLink" + } + }, + { + "kind": "js", + "name": "LocalNavDivider", + "declaration": { + "name": "LocalNavDivider", + "module": "./localNavDivider" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/tooltip/tooltip.ts", + "path": "src/components/global/localNav/localNav.ts", "declarations": [ { "kind": "class", - "description": "Tooltip.", - "name": "Tooltip", + "description": "The global Side Navigation component.", + "name": "LocalNav", "slots": [ { - "description": "Slot for tooltip content.", + "description": "The default slot, for local nav links.", "name": "unnamed" }, { - "description": "Slot for custom anchor button content.", - "name": "anchor" + "description": "Slot for a search input", + "name": "search" } ], "members": [ { "kind": "field", - "name": "assistiveText", + "name": "pinned", "type": { - "text": "string" + "text": "boolean" }, - "default": "'Tooltip'", - "description": "Assistive text for anchor button.", - "attribute": "assistiveText" + "default": "false", + "description": "Local nav pinned state.", + "attribute": "pinned" + }, + { + "kind": "field", + "name": "textStrings", + "default": "{\n pin: 'Pin',\n unpin: 'Unpin',\n toggleMenu: 'Toggle Menu',\n collapse: 'Collapse',\n menu: 'Menu',\n}", + "description": "Text string customization.", + "attribute": "textStrings", + "type": { + "text": "object" + } }, { "kind": "method", - "name": "_positionTooltip", - "privacy": "private" + "name": "_handleNavToggle", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "Event" + } + } + ] }, { "kind": "method", - "name": "_handleOpen", + "name": "_handleMobileNavToggle", "privacy": "private" }, { "kind": "method", - "name": "_handleClose", + "name": "handlePointerEnter", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "PointerEvent" + } + } + ] + }, + { + "kind": "method", + "name": "handlePointerLeave", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "PointerEvent" + } + } + ] + }, + { + "kind": "method", + "name": "_updateChildren", "privacy": "private" }, { "kind": "method", - "name": "_handleMouseLeave", + "name": "handleSlotChange", "privacy": "private" }, { "kind": "method", - "name": "_handleEsc", + "name": "_handleLinkActive", "privacy": "private", "parameters": [ { "name": "e", "type": { - "text": "KeyboardEvent" + "text": "any" } } ] }, { "kind": "method", - "name": "_emitToggle", - "privacy": "private" + "name": "_handleClickOut", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "Event" + } + } + ] } ], "events": [ { - "description": "Emits the open state of the tooltip on open/close.", - "name": "on-tooltip-toggle" + "description": "Captures the click event and emits the pinned state and original event details.", + "name": "on-toggle" } ], "attributes": [ { - "name": "assistiveText", + "name": "pinned", "type": { - "text": "string" + "text": "boolean" }, - "default": "'Tooltip'", - "description": "Assistive text for anchor button.", - "fieldName": "assistiveText" + "default": "false", + "description": "Local nav pinned state.", + "fieldName": "pinned" + }, + { + "name": "textStrings", + "default": "_defaultTextStrings", + "description": "Text string customization.", + "fieldName": "textStrings" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-tooltip", + "tagName": "kyn-local-nav", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Tooltip", + "name": "LocalNav", "declaration": { - "name": "Tooltip", - "module": "src/components/reusable/tooltip/tooltip.ts" + "name": "LocalNav", + "module": "src/components/global/localNav/localNav.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-tooltip", + "name": "kyn-local-nav", "declaration": { - "name": "Tooltip", - "module": "src/components/reusable/tooltip/tooltip.ts" + "name": "LocalNav", + "module": "src/components/global/localNav/localNav.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/widget/index.ts", - "declarations": [], - "exports": [ + "path": "src/components/global/localNav/localNavDivider.ts", + "declarations": [ { - "kind": "js", - "name": "Widget", - "declaration": { - "name": "Widget", - "module": "./widget" - } - }, + "kind": "class", + "description": "Local Nav divider", + "name": "LocalNavDivider", + "members": [ + { + "kind": "field", + "name": "heading", + "type": { + "text": "string" + }, + "default": "''", + "description": "Optional heading text.", + "attribute": "heading" + } + ], + "attributes": [ + { + "name": "heading", + "type": { + "text": "string" + }, + "default": "''", + "description": "Optional heading text.", + "fieldName": "heading" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-local-nav-divider", + "customElement": true + } + ], + "exports": [ { "kind": "js", - "name": "WidgetDragHandle", + "name": "LocalNavDivider", "declaration": { - "name": "WidgetDragHandle", - "module": "./widgetDragHandle" + "name": "LocalNavDivider", + "module": "src/components/global/localNav/localNavDivider.ts" } }, { - "kind": "js", - "name": "WidgetGridstack", + "kind": "custom-element-definition", + "name": "kyn-local-nav-divider", "declaration": { - "name": "WidgetGridstack", - "module": "./widgetGridstack" + "name": "LocalNavDivider", + "module": "src/components/global/localNav/localNavDivider.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/widget/widget.ts", + "path": "src/components/global/localNav/localNavLink.ts", "declarations": [ { "kind": "class", - "description": "Widget.", - "name": "Widget", + "description": "Link component for use in the global Side Navigation component.", + "name": "LocalNavLink", "slots": [ { - "description": "Slot for widget content.", + "description": "The default slot, for the link text.", "name": "unnamed" }, { - "description": "Slot for action buttons.", - "name": "action" - }, - { - "description": "Slot for tooltip in header.", - "name": "tooltip" + "description": "Slot for an icon. Use 16px size.", + "name": "icon" }, { - "description": "Slot for drag handle.", - "name": "draghandle" + "description": "Slot for the next level of links, supports three levels.", + "name": "links" } ], "members": [ { "kind": "field", - "name": "widgetTitle", + "name": "href", "type": { "text": "string" }, "default": "''", - "description": "Widget title.", - "attribute": "widgetTitle" + "description": "Link url.", + "attribute": "href" }, { "kind": "field", - "name": "subTitle", + "name": "expanded", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Widget sub-title.", - "attribute": "subTitle" + "default": "false", + "description": "Expanded state.", + "attribute": "expanded" + }, + { + "kind": "field", + "name": "active", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Active state.", + "attribute": "active", + "reflects": true }, { "kind": "field", - "name": "dragActive", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Widget drag active state.", - "attribute": "dragActive" + "description": "Disabled state.", + "attribute": "disabled" }, { "kind": "field", - "name": "disabled", + "name": "backText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Widget disabled state.", - "attribute": "disabled" + "default": "'Back'", + "description": "Text for mobile \"Back\" button.", + "attribute": "backText" }, { "kind": "method", - "name": "_handleSlotChange", + "name": "_handleTextSlotChange", "privacy": "private" }, { "kind": "method", - "name": "_updateChildren", + "name": "_getSlotText", + "privacy": "private" + }, + { + "kind": "method", + "name": "_handleLinksSlotChange", + "privacy": "private" + }, + { + "kind": "method", + "name": "updateChildren", + "privacy": "private" + }, + { + "kind": "method", + "name": "_handleBack", "privacy": "private" + }, + { + "kind": "method", + "name": "handleClick", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "Event" + } + } + ] + } + ], + "events": [ + { + "description": "Captures the click event and emits the original event, level, and if default was prevented.", + "name": "on-click" } ], "attributes": [ { - "name": "widgetTitle", + "name": "href", "type": { "text": "string" }, "default": "''", - "description": "Widget title.", - "fieldName": "widgetTitle" + "description": "Link url.", + "fieldName": "href" }, { - "name": "subTitle", + "name": "expanded", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Widget sub-title.", - "fieldName": "subTitle" + "default": "false", + "description": "Expanded state.", + "fieldName": "expanded" }, { - "name": "dragActive", + "name": "active", "type": { "text": "boolean" }, "default": "false", - "description": "Widget drag active state.", - "fieldName": "dragActive" + "description": "Active state.", + "fieldName": "active" }, { "name": "disabled", @@ -15903,217 +16025,105 @@ "text": "boolean" }, "default": "false", - "description": "Widget disabled state.", + "description": "Disabled state.", "fieldName": "disabled" + }, + { + "name": "backText", + "type": { + "text": "string" + }, + "default": "'Back'", + "description": "Text for mobile \"Back\" button.", + "fieldName": "backText" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-widget", + "tagName": "kyn-local-nav-link", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Widget", + "name": "LocalNavLink", "declaration": { - "name": "Widget", - "module": "src/components/reusable/widget/widget.ts" + "name": "LocalNavLink", + "module": "src/components/global/localNav/localNavLink.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-widget", + "name": "kyn-local-nav-link", "declaration": { - "name": "Widget", - "module": "src/components/reusable/widget/widget.ts" + "name": "LocalNavLink", + "module": "src/components/global/localNav/localNavLink.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/widget/widgetDragHandle.ts", - "declarations": [ - { - "kind": "class", - "description": "Widget drag handle.", - "name": "WidgetDragHandle", - "members": [ - { - "kind": "field", - "name": "slot", - "type": { - "text": "string" - }, - "default": "'draghandle'", - "description": "Force widget slot", - "attribute": "slot", - "reflects": true - } - ], - "attributes": [ - { - "name": "slot", - "type": { - "text": "string" - }, - "default": "'draghandle'", - "description": "Force widget slot", - "fieldName": "slot" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-widget-drag-handle", - "customElement": true - } - ], + "path": "src/components/global/uiShell/index.ts", + "declarations": [], "exports": [ { "kind": "js", - "name": "WidgetDragHandle", - "declaration": { - "name": "WidgetDragHandle", - "module": "src/components/reusable/widget/widgetDragHandle.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-widget-drag-handle", + "name": "UiShell", "declaration": { - "name": "WidgetDragHandle", - "module": "src/components/reusable/widget/widgetDragHandle.ts" + "name": "UiShell", + "module": "./uiShell" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/widget/widgetGridstack.ts", + "path": "src/components/global/uiShell/uiShell.ts", "declarations": [ { "kind": "class", - "description": "GridStack wrapper that includes Shidoka default config and styles.", - "name": "WidgetGridstack", + "description": "Container to help with positioning and padding of the global elements such as: adds padding for the fixed Header and Local Nav, adds main content gutters, and makes Footer sticky. This takes the onus off of the consuming app to configure these values.", + "name": "UiShell", "slots": [ { - "description": "Slot for .grid-stack container element.", + "description": "Slot for global elements.", "name": "unnamed" } ], "members": [ - { - "kind": "field", - "name": "layout", - "type": { - "text": "any" - }, - "default": "{}", - "description": "GridStack layout/widget size/position definitions for each breakpoint.", - "attribute": "layout" - }, - { - "kind": "field", - "name": "gridstackConfig", - "type": { - "text": "any" - }, - "default": "Config", - "description": "GridStack config.", - "attribute": "gridstackConfig" - }, - { - "kind": "field", - "name": "gridStack", - "type": { - "text": "any" - }, - "default": "GridStack", - "description": "GridStack instance." - }, - { - "kind": "field", - "name": "grid", - "type": { - "text": "any" - }, - "description": "GridStack grid instance." - }, - { - "kind": "method", - "name": "_saveLayout", - "privacy": "private" - }, - { - "kind": "method", - "name": "_updateLayout", - "privacy": "private" - }, { "kind": "method", - "name": "_setBreakpoint", + "name": "handleSlotChange", "privacy": "private" } ], - "events": [ - { - "description": "Emits after GridStack initializes.", - "name": "on-grid-init" - }, - { - "description": "Emits the GridStack save() method results (new layout) on dragstop and resizestop.", - "name": "on-grid-save" - } - ], - "attributes": [ - { - "name": "layout", - "type": { - "text": "any" - }, - "default": "{}", - "description": "GridStack layout/widget size/position definitions for each breakpoint.", - "fieldName": "layout" - }, - { - "name": "gridstackConfig", - "type": { - "text": "any" - }, - "default": "Config", - "description": "GridStack config.", - "fieldName": "gridstackConfig" - } - ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-widget-gridstack", + "tagName": "kyn-ui-shell", "customElement": true } ], "exports": [ { "kind": "js", - "name": "WidgetGridstack", + "name": "UiShell", "declaration": { - "name": "WidgetGridstack", - "module": "src/components/reusable/widget/widgetGridstack.ts" + "name": "UiShell", + "module": "src/components/global/uiShell/uiShell.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-widget-gridstack", + "name": "kyn-ui-shell", "declaration": { - "name": "WidgetGridstack", - "module": "src/components/reusable/widget/widgetGridstack.ts" + "name": "UiShell", + "module": "src/components/global/uiShell/uiShell.ts" } } ] diff --git a/package-lock.json b/package-lock.json index a565e10a..638f7185 100644 --- a/package-lock.json +++ b/package-lock.json @@ -133,9 +133,9 @@ } }, "node_modules/@babel/compat-data": { - "version": "7.26.2", - "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.2.tgz", - "integrity": "sha512-Z0WgzSEa+aUcdiJuCIqgujCshpMWgUpgOxXotrYPSA53hA3qopNaqcJpyr0hVb1FeWdnqFA35/fUtXgBK8srQg==", + "version": "7.26.3", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.3.tgz", + "integrity": "sha512-nHIxvKPniQXpmQLb0vhY3VaFb3S0YrTAwpOWJZh1wn3oJPjJk9Asva204PsBdmAE8vpzfHudT8DB0scYvy9q0g==", "dev": true, "engines": { "node": ">=6.9.0" @@ -172,13 +172,13 @@ } }, "node_modules/@babel/generator": { - "version": "7.26.2", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.2.tgz", - "integrity": "sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==", + "version": "7.26.3", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.3.tgz", + "integrity": "sha512-6FF/urZvD0sTeO7k6/B15pMLC4CHUv1426lzr3N01aHJTl046uCAh9LXW/fzeXXjPNCJ6iABW5XaWOsIZB93aQ==", "dev": true, "dependencies": { - "@babel/parser": "^7.26.2", - "@babel/types": "^7.26.0", + "@babel/parser": "^7.26.3", + "@babel/types": "^7.26.3", "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.25", "jsesc": "^3.0.2" @@ -199,19 +199,6 @@ "node": ">=6.9.0" } }, - "node_modules/@babel/helper-builder-binary-assignment-operator-visitor": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.25.9.tgz", - "integrity": "sha512-C47lC7LIDCnz0h4vai/tpNOI95tCd5ZT3iBt/DBH5lXKHZsyNQv18yf1wIIg2ntiQNgmAvA+DgZ82iW8Qdym8g==", - "dev": true, - "dependencies": { - "@babel/traverse": "^7.25.9", - "@babel/types": "^7.25.9" - }, - "engines": { - "node": ">=6.9.0" - } - }, "node_modules/@babel/helper-compilation-targets": { "version": "7.25.9", "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz", @@ -250,13 +237,13 @@ } }, "node_modules/@babel/helper-create-regexp-features-plugin": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.25.9.tgz", - "integrity": "sha512-ORPNZ3h6ZRkOyAa/SaHU+XsLZr0UQzRwuDQ0cczIA17nAzZ+85G5cVkOJIj7QavLZGSe8QXUmNFxSZzjcZF9bw==", + "version": "7.26.3", + "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.26.3.tgz", + "integrity": "sha512-G7ZRb40uUgdKOQqPLjfD12ZmGA54PzqDFUv2BKImnC9QIfGhIHKvVML0oN8IUiDq4iRqpq74ABpvOaerfWdong==", "dev": true, "dependencies": { "@babel/helper-annotate-as-pure": "^7.25.9", - "regexpu-core": "^6.1.1", + "regexpu-core": "^6.2.0", "semver": "^6.3.1" }, "engines": { @@ -380,19 +367,6 @@ "@babel/core": "^7.0.0" } }, - "node_modules/@babel/helper-simple-access": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.25.9.tgz", - "integrity": "sha512-c6WHXuiaRsJTyHYLJV75t9IqsmTbItYfdj99PnzYGQZkYKvan5/2jKJ7gu31J3/BJ/A18grImSPModuyG/Eo0Q==", - "dev": true, - "dependencies": { - "@babel/traverse": "^7.25.9", - "@babel/types": "^7.25.9" - }, - "engines": { - "node": ">=6.9.0" - } - }, "node_modules/@babel/helper-skip-transparent-expression-wrappers": { "version": "7.25.9", "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz", @@ -461,12 +435,12 @@ } }, "node_modules/@babel/parser": { - "version": "7.26.2", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.2.tgz", - "integrity": "sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==", + "version": "7.26.3", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.3.tgz", + "integrity": "sha512-WJ/CvmY8Mea8iDXo6a7RK2wbmJITT5fN3BEkRuFlxVyNx8jOKIIhmC4fSkTcPcf8JyavbBwIe6OpiCOBXt/IcA==", "dev": true, "dependencies": { - "@babel/types": "^7.26.0" + "@babel/types": "^7.26.3" }, "bin": { "parser": "bin/babel-parser.js" @@ -1093,12 +1067,11 @@ } }, "node_modules/@babel/plugin-transform-exponentiation-operator": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.25.9.tgz", - "integrity": "sha512-KRhdhlVk2nObA5AYa7QMgTMTVJdfHprfpAk4DjZVtllqRg9qarilstTKEhpVjyt+Npi8ThRyiV8176Am3CodPA==", + "version": "7.26.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.26.3.tgz", + "integrity": "sha512-7CAHcQ58z2chuXPWblnn1K6rLDnDWieghSOEmqQsrBenH0P9InCUtOJYD89pvngljmZlJcz3fcmgYsXFNGa1ZQ==", "dev": true, "dependencies": { - "@babel/helper-builder-binary-assignment-operator-visitor": "^7.25.9", "@babel/helper-plugin-utils": "^7.25.9" }, "engines": { @@ -1233,14 +1206,13 @@ } }, "node_modules/@babel/plugin-transform-modules-commonjs": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.25.9.tgz", - "integrity": "sha512-dwh2Ol1jWwL2MgkCzUSOvfmKElqQcuswAZypBSUsScMXvgdT8Ekq5YA6TtqpTVWH+4903NmboMuH1o9i8Rxlyg==", + "version": "7.26.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.26.3.tgz", + "integrity": "sha512-MgR55l4q9KddUDITEzEFYn5ZsGDXMSsU9E+kh7fjRXTIC3RHqfCo8RPRbyReYJh44HQ/yomFkqbOFohXvDCiIQ==", "dev": true, "dependencies": { - "@babel/helper-module-transforms": "^7.25.9", - "@babel/helper-plugin-utils": "^7.25.9", - "@babel/helper-simple-access": "^7.25.9" + "@babel/helper-module-transforms": "^7.26.0", + "@babel/helper-plugin-utils": "^7.25.9" }, "engines": { "node": ">=6.9.0" @@ -1660,9 +1632,9 @@ } }, "node_modules/@babel/plugin-transform-typescript": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.25.9.tgz", - "integrity": "sha512-7PbZQZP50tzv2KGGnhh82GSyMB01yKY9scIjf1a+GfZCtInOWqUH5+1EBU4t9fyR5Oykkkc9vFTs4OHrhHXljQ==", + "version": "7.26.3", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.26.3.tgz", + "integrity": "sha512-6+5hpdr6mETwSKjmJUdYw0EIkATiQhnELWlE3kJFBwSg/BGIVwVaVbX+gOXBCdc7Ln1RXZxyWGecIXhUfnl7oA==", "dev": true, "dependencies": { "@babel/helper-annotate-as-pure": "^7.25.9", @@ -1839,9 +1811,9 @@ } }, "node_modules/@babel/preset-react": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.25.9.tgz", - "integrity": "sha512-D3to0uSPiWE7rBrdIICCd0tJSIGpLaaGptna2+w7Pft5xMqLpA1sz99DK5TZ1TjGbdQ/VI1eCSZ06dv3lT4JOw==", + "version": "7.26.3", + "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.26.3.tgz", + "integrity": "sha512-Nl03d6T9ky516DGK2YMxrTqvnpUW63TnJMOMonj+Zae0JiPC5BC9xPMSL6L8fiSpA5vP88qfygavVQvnLp+6Cw==", "dev": true, "dependencies": { "@babel/helper-plugin-utils": "^7.25.9", @@ -1904,16 +1876,16 @@ } }, "node_modules/@babel/traverse": { - "version": "7.25.9", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.9.tgz", - "integrity": "sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==", + "version": "7.26.4", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.4.tgz", + "integrity": "sha512-fH+b7Y4p3yqvApJALCPJcwb0/XaOSgtK4pzV6WVjPR5GLFQBRI7pfoX2V2iM48NXvX07NUxxm1Vw98YjqTcU5w==", "dev": true, "dependencies": { - "@babel/code-frame": "^7.25.9", - "@babel/generator": "^7.25.9", - "@babel/parser": "^7.25.9", + "@babel/code-frame": "^7.26.2", + "@babel/generator": "^7.26.3", + "@babel/parser": "^7.26.3", "@babel/template": "^7.25.9", - "@babel/types": "^7.25.9", + "@babel/types": "^7.26.3", "debug": "^4.3.1", "globals": "^11.1.0" }, @@ -1922,9 +1894,9 @@ } }, "node_modules/@babel/types": { - "version": "7.26.0", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.0.tgz", - "integrity": "sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==", + "version": "7.26.3", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.3.tgz", + "integrity": "sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==", "dev": true, "dependencies": { "@babel/helper-string-parser": "^7.25.9", @@ -2294,6 +2266,358 @@ "react": ">=16.8.0" } }, + "node_modules/@esbuild/aix-ppc64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.19.12.tgz", + "integrity": "sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "aix" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz", + "integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz", + "integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz", + "integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/darwin-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz", + "integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/darwin-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz", + "integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/freebsd-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz", + "integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/freebsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz", + "integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-arm": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz", + "integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz", + "integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-ia32": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz", + "integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz", + "integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==", + "cpu": [ + "loong64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-mips64el": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz", + "integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==", + "cpu": [ + "mips64el" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-ppc64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz", + "integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-riscv64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz", + "integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==", + "cpu": [ + "riscv64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-s390x": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz", + "integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==", + "cpu": [ + "s390x" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz", + "integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/netbsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz", + "integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/openbsd-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz", + "integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/sunos-x64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz", + "integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-arm64": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz", + "integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-ia32": { + "version": "0.18.20", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz", + "integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, "node_modules/@esbuild/win32-x64": { "version": "0.18.20", "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz", @@ -3036,9 +3360,9 @@ } }, "node_modules/@jridgewell/gen-mapping": { - "version": "0.3.5", - "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz", - "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==", + "version": "0.3.8", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz", + "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==", "dev": true, "dependencies": { "@jridgewell/set-array": "^1.2.1", @@ -3302,21 +3626,261 @@ "funding": { "type": "opencollective", "url": "https://opencollective.com/parcel" - }, - "optionalDependencies": { - "@parcel/watcher-android-arm64": "2.5.0", - "@parcel/watcher-darwin-arm64": "2.5.0", - "@parcel/watcher-darwin-x64": "2.5.0", - "@parcel/watcher-freebsd-x64": "2.5.0", - "@parcel/watcher-linux-arm-glibc": "2.5.0", - "@parcel/watcher-linux-arm-musl": "2.5.0", - "@parcel/watcher-linux-arm64-glibc": "2.5.0", - "@parcel/watcher-linux-arm64-musl": "2.5.0", - "@parcel/watcher-linux-x64-glibc": "2.5.0", - "@parcel/watcher-linux-x64-musl": "2.5.0", - "@parcel/watcher-win32-arm64": "2.5.0", - "@parcel/watcher-win32-ia32": "2.5.0", - "@parcel/watcher-win32-x64": "2.5.0" + }, + "optionalDependencies": { + "@parcel/watcher-android-arm64": "2.5.0", + "@parcel/watcher-darwin-arm64": "2.5.0", + "@parcel/watcher-darwin-x64": "2.5.0", + "@parcel/watcher-freebsd-x64": "2.5.0", + "@parcel/watcher-linux-arm-glibc": "2.5.0", + "@parcel/watcher-linux-arm-musl": "2.5.0", + "@parcel/watcher-linux-arm64-glibc": "2.5.0", + "@parcel/watcher-linux-arm64-musl": "2.5.0", + "@parcel/watcher-linux-x64-glibc": "2.5.0", + "@parcel/watcher-linux-x64-musl": "2.5.0", + "@parcel/watcher-win32-arm64": "2.5.0", + "@parcel/watcher-win32-ia32": "2.5.0", + "@parcel/watcher-win32-x64": "2.5.0" + } + }, + "node_modules/@parcel/watcher-android-arm64": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.0.tgz", + "integrity": "sha512-qlX4eS28bUcQCdribHkg/herLe+0A9RyYC+mm2PXpncit8z5b3nSqGVzMNR3CmtAOgRutiZ02eIJJgP/b1iEFQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "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.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.0.tgz", + "integrity": "sha512-hyZ3TANnzGfLpRA2s/4U1kbw2ZI4qGxaRJbBH2DCSREFfubMswheh8TeiC1sGZ3z2jUf3s37P0BBlrD3sjVTUw==", + "cpu": [ + "arm64" + ], + "dev": true, + "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.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.0.tgz", + "integrity": "sha512-9rhlwd78saKf18fT869/poydQK8YqlU26TMiNg7AIu7eBp9adqbJZqmdFOsbZ5cnLp5XvRo9wcFmNHgHdWaGYA==", + "cpu": [ + "x64" + ], + "dev": true, + "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.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.0.tgz", + "integrity": "sha512-syvfhZzyM8kErg3VF0xpV8dixJ+RzbUaaGaeb7uDuz0D3FK97/mZ5AJQ3XNnDsXX7KkFNtyQyFrXZzQIcN49Tw==", + "cpu": [ + "x64" + ], + "dev": true, + "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.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.0.tgz", + "integrity": "sha512-0VQY1K35DQET3dVYWpOaPFecqOT9dbuCfzjxoQyif1Wc574t3kOSkKevULddcR9znz1TcklCE7Ht6NIxjvTqLA==", + "cpu": [ + "arm" + ], + "dev": true, + "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.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.0.tgz", + "integrity": "sha512-6uHywSIzz8+vi2lAzFeltnYbdHsDm3iIB57d4g5oaB9vKwjb6N6dRIgZMujw4nm5r6v9/BQH0noq6DzHrqr2pA==", + "cpu": [ + "arm" + ], + "dev": true, + "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.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.0.tgz", + "integrity": "sha512-BfNjXwZKxBy4WibDb/LDCriWSKLz+jJRL3cM/DllnHH5QUyoiUNEp3GmL80ZqxeumoADfCCP19+qiYiC8gUBjA==", + "cpu": [ + "arm64" + ], + "dev": true, + "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.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.0.tgz", + "integrity": "sha512-S1qARKOphxfiBEkwLUbHjCY9BWPdWnW9j7f7Hb2jPplu8UZ3nes7zpPOW9bkLbHRvWM0WDTsjdOTUgW0xLBN1Q==", + "cpu": [ + "arm64" + ], + "dev": true, + "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.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.0.tgz", + "integrity": "sha512-d9AOkusyXARkFD66S6zlGXyzx5RvY+chTP9Jp0ypSTC9d4lzyRs9ovGf/80VCxjKddcUvnsGwCHWuF2EoPgWjw==", + "cpu": [ + "x64" + ], + "dev": true, + "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.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.0.tgz", + "integrity": "sha512-iqOC+GoTDoFyk/VYSFHwjHhYrk8bljW6zOhPuhi5t9ulqiYq1togGJB5e3PwYVFFfeVgc6pbz3JdQyDoBszVaA==", + "cpu": [ + "x64" + ], + "dev": true, + "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.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.0.tgz", + "integrity": "sha512-twtft1d+JRNkM5YbmexfcH/N4znDtjgysFaV9zvZmmJezQsKpkfLYJ+JFV3uygugK6AtIM2oADPkB2AdhBrNig==", + "cpu": [ + "arm64" + ], + "dev": true, + "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.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.0.tgz", + "integrity": "sha512-+rgpsNRKwo8A53elqbbHXdOMtY/tAtTzManTWShB5Kk54N8Q9mzNWV7tV+IbGueCbcj826MfWGU3mprWtuf1TA==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" } }, "node_modules/@parcel/watcher-win32-x64": { @@ -3654,18 +4218,18 @@ } }, "node_modules/@radix-ui/react-roving-focus": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.0.tgz", - "integrity": "sha512-EA6AMGeq9AEeQDeSH0aZgG198qkfHSbvWTf1HvoDmOB5bBG/qTxjYMWUKMnYiV6J/iP/J8MEFSuB2zRU2n7ODA==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.1.tgz", + "integrity": "sha512-QE1RoxPGJ/Nm8Qmk0PxP8ojmoaS67i0s7hVssS7KuI2FQoc/uzVlZsqKfQvxPE6D8hICCPHJ4D88zNhT3OOmkw==", "dev": true, "dependencies": { - "@radix-ui/primitive": "1.1.0", - "@radix-ui/react-collection": "1.1.0", - "@radix-ui/react-compose-refs": "1.1.0", - "@radix-ui/react-context": "1.1.0", + "@radix-ui/primitive": "1.1.1", + "@radix-ui/react-collection": "1.1.1", + "@radix-ui/react-compose-refs": "1.1.1", + "@radix-ui/react-context": "1.1.1", "@radix-ui/react-direction": "1.1.0", "@radix-ui/react-id": "1.1.0", - "@radix-ui/react-primitive": "2.0.0", + "@radix-ui/react-primitive": "2.0.1", "@radix-ui/react-use-callback-ref": "1.1.0", "@radix-ui/react-use-controllable-state": "1.1.0" }, @@ -3685,21 +4249,21 @@ } }, "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/primitive": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.0.tgz", - "integrity": "sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz", + "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA==", "dev": true }, "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-collection": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.0.tgz", - "integrity": "sha512-GZsZslMJEyo1VKm5L1ZJY8tGDxZNPAoUeQUIbKeJfoi7Q4kmig5AsgLMYYuyYbfjd8fBmFORAIwYAkXMnXZgZw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.1.tgz", + "integrity": "sha512-LwT3pSho9Dljg+wY2KN2mrrh6y3qELfftINERIzBUO9e0N+t0oMTyn3k9iv+ZqgrwGkRnLpNJrsMv9BZlt2yuA==", "dev": true, "dependencies": { - "@radix-ui/react-compose-refs": "1.1.0", - "@radix-ui/react-context": "1.1.0", - "@radix-ui/react-primitive": "2.0.0", - "@radix-ui/react-slot": "1.1.0" + "@radix-ui/react-compose-refs": "1.1.1", + "@radix-ui/react-context": "1.1.1", + "@radix-ui/react-primitive": "2.0.1", + "@radix-ui/react-slot": "1.1.1" }, "peerDependencies": { "@types/react": "*", @@ -3717,9 +4281,9 @@ } }, "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-compose-refs": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz", - "integrity": "sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz", + "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==", "dev": true, "peerDependencies": { "@types/react": "*", @@ -3732,9 +4296,9 @@ } }, "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-context": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.0.tgz", - "integrity": "sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz", + "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==", "dev": true, "peerDependencies": { "@types/react": "*", @@ -3780,12 +4344,12 @@ } }, "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-primitive": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz", - "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz", + "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==", "dev": true, "dependencies": { - "@radix-ui/react-slot": "1.1.0" + "@radix-ui/react-slot": "1.1.1" }, "peerDependencies": { "@types/react": "*", @@ -3803,12 +4367,12 @@ } }, "node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-slot": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz", - "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz", + "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==", "dev": true, "dependencies": { - "@radix-ui/react-compose-refs": "1.1.0" + "@radix-ui/react-compose-refs": "1.1.1" }, "peerDependencies": { "@types/react": "*", @@ -3913,12 +4477,12 @@ } }, "node_modules/@radix-ui/react-separator": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.0.tgz", - "integrity": "sha512-3uBAs+egzvJBDZAzvb/n4NxxOYpnspmWxO2u5NbZ8Y6FM/NdrGSF9bop3Cf6F6C71z1rTSn8KV0Fo2ZVd79lGA==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.1.tgz", + "integrity": "sha512-RRiNRSrD8iUiXriq/Y5n4/3iE8HzqgLHsusUSg5jVpU2+3tqcUFPJXHDymwEypunc2sWxDUS3UC+rkZRlHedsw==", "dev": true, "dependencies": { - "@radix-ui/react-primitive": "2.0.0" + "@radix-ui/react-primitive": "2.0.1" }, "peerDependencies": { "@types/react": "*", @@ -3936,9 +4500,9 @@ } }, "node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-compose-refs": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz", - "integrity": "sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz", + "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==", "dev": true, "peerDependencies": { "@types/react": "*", @@ -3951,12 +4515,12 @@ } }, "node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-primitive": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz", - "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz", + "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==", "dev": true, "dependencies": { - "@radix-ui/react-slot": "1.1.0" + "@radix-ui/react-slot": "1.1.1" }, "peerDependencies": { "@types/react": "*", @@ -3974,12 +4538,12 @@ } }, "node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-slot": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz", - "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz", + "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==", "dev": true, "dependencies": { - "@radix-ui/react-compose-refs": "1.1.0" + "@radix-ui/react-compose-refs": "1.1.1" }, "peerDependencies": { "@types/react": "*", @@ -4011,13 +4575,13 @@ } }, "node_modules/@radix-ui/react-toggle": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle/-/react-toggle-1.1.0.tgz", - "integrity": "sha512-gwoxaKZ0oJ4vIgzsfESBuSgJNdc0rv12VhHgcqN0TEJmmZixXG/2XpsLK8kzNWYcnaoRIEEQc0bEi3dIvdUpjw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle/-/react-toggle-1.1.1.tgz", + "integrity": "sha512-i77tcgObYr743IonC1hrsnnPmszDRn8p+EGUsUt+5a/JFn28fxaM88Py6V2mc8J5kELMWishI0rLnuGLFD/nnQ==", "dev": true, "dependencies": { - "@radix-ui/primitive": "1.1.0", - "@radix-ui/react-primitive": "2.0.0", + "@radix-ui/primitive": "1.1.1", + "@radix-ui/react-primitive": "2.0.1", "@radix-ui/react-use-controllable-state": "1.1.0" }, "peerDependencies": { @@ -4036,17 +4600,17 @@ } }, "node_modules/@radix-ui/react-toggle-group": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle-group/-/react-toggle-group-1.1.0.tgz", - "integrity": "sha512-PpTJV68dZU2oqqgq75Uzto5o/XfOVgkrJ9rulVmfTKxWp3HfUjHE6CP/WLRR4AzPX9HWxw7vFow2me85Yu+Naw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle-group/-/react-toggle-group-1.1.1.tgz", + "integrity": "sha512-OgDLZEA30Ylyz8YSXvnGqIHtERqnUt1KUYTKdw/y8u7Ci6zGiJfXc02jahmcSNK3YcErqioj/9flWC9S1ihfwg==", "dev": true, "dependencies": { - "@radix-ui/primitive": "1.1.0", - "@radix-ui/react-context": "1.1.0", + "@radix-ui/primitive": "1.1.1", + "@radix-ui/react-context": "1.1.1", "@radix-ui/react-direction": "1.1.0", - "@radix-ui/react-primitive": "2.0.0", - "@radix-ui/react-roving-focus": "1.1.0", - "@radix-ui/react-toggle": "1.1.0", + "@radix-ui/react-primitive": "2.0.1", + "@radix-ui/react-roving-focus": "1.1.1", + "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-use-controllable-state": "1.1.0" }, "peerDependencies": { @@ -4065,15 +4629,15 @@ } }, "node_modules/@radix-ui/react-toggle-group/node_modules/@radix-ui/primitive": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.0.tgz", - "integrity": "sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz", + "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA==", "dev": true }, "node_modules/@radix-ui/react-toggle-group/node_modules/@radix-ui/react-compose-refs": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz", - "integrity": "sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz", + "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==", "dev": true, "peerDependencies": { "@types/react": "*", @@ -4086,9 +4650,9 @@ } }, "node_modules/@radix-ui/react-toggle-group/node_modules/@radix-ui/react-context": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.0.tgz", - "integrity": "sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz", + "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==", "dev": true, "peerDependencies": { "@types/react": "*", @@ -4116,9 +4680,9 @@ } }, "node_modules/@radix-ui/react-toggle-group/node_modules/@radix-ui/react-primitive": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz", - "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz", + "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==", "dev": true, "dependencies": { "@radix-ui/react-slot": "1.1.1" @@ -4139,9 +4703,9 @@ } }, "node_modules/@radix-ui/react-toggle-group/node_modules/@radix-ui/react-slot": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz", - "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz", + "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==", "dev": true, "dependencies": { "@radix-ui/react-compose-refs": "1.1.1" @@ -4190,15 +4754,15 @@ } }, "node_modules/@radix-ui/react-toggle/node_modules/@radix-ui/primitive": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.0.tgz", - "integrity": "sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz", + "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA==", "dev": true }, "node_modules/@radix-ui/react-toggle/node_modules/@radix-ui/react-compose-refs": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz", - "integrity": "sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz", + "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==", "dev": true, "peerDependencies": { "@types/react": "*", @@ -4211,9 +4775,9 @@ } }, "node_modules/@radix-ui/react-toggle/node_modules/@radix-ui/react-primitive": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz", - "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz", + "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==", "dev": true, "dependencies": { "@radix-ui/react-slot": "1.1.1" @@ -4234,9 +4798,9 @@ } }, "node_modules/@radix-ui/react-toggle/node_modules/@radix-ui/react-slot": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz", - "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz", + "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==", "dev": true, "dependencies": { "@radix-ui/react-compose-refs": "1.1.1" @@ -4285,18 +4849,18 @@ } }, "node_modules/@radix-ui/react-toolbar": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-toolbar/-/react-toolbar-1.1.0.tgz", - "integrity": "sha512-ZUKknxhMTL/4hPh+4DuaTot9aO7UD6Kupj4gqXCsBTayX1pD1L+0C2/2VZKXb4tIifQklZ3pf2hG9T+ns+FclQ==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-toolbar/-/react-toolbar-1.1.1.tgz", + "integrity": "sha512-r7T80WOCHc2n3KRzFCbHWGVzkfVTCzDofGU4gqa5ZuIzgnVaLogGsdyifFJXWQDp0lAr5hrf+X9uqQdE0pa6Ww==", "dev": true, "dependencies": { "@radix-ui/primitive": "1.1.1", "@radix-ui/react-context": "1.1.1", "@radix-ui/react-direction": "1.1.0", - "@radix-ui/react-primitive": "2.0.0", - "@radix-ui/react-roving-focus": "1.1.0", - "@radix-ui/react-separator": "1.1.0", - "@radix-ui/react-toggle-group": "1.1.0" + "@radix-ui/react-primitive": "2.0.1", + "@radix-ui/react-roving-focus": "1.1.1", + "@radix-ui/react-separator": "1.1.1", + "@radix-ui/react-toggle-group": "1.1.1" }, "peerDependencies": { "@types/react": "*", @@ -4314,15 +4878,15 @@ } }, "node_modules/@radix-ui/react-toolbar/node_modules/@radix-ui/primitive": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.0.tgz", - "integrity": "sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz", + "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA==", "dev": true }, "node_modules/@radix-ui/react-toolbar/node_modules/@radix-ui/react-compose-refs": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz", - "integrity": "sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz", + "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==", "dev": true, "peerDependencies": { "@types/react": "*", @@ -4335,9 +4899,9 @@ } }, "node_modules/@radix-ui/react-toolbar/node_modules/@radix-ui/react-context": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.0.tgz", - "integrity": "sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz", + "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==", "dev": true, "peerDependencies": { "@types/react": "*", @@ -4365,9 +4929,9 @@ } }, "node_modules/@radix-ui/react-toolbar/node_modules/@radix-ui/react-primitive": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz", - "integrity": "sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.1.tgz", + "integrity": "sha512-sHCWTtxwNn3L3fH8qAfnF3WbUZycW93SM1j3NFDzXBiz8D6F5UTTy8G1+WFEaiCdvCVRJWj6N2R4Xq6HdiHmDg==", "dev": true, "dependencies": { "@radix-ui/react-slot": "1.1.1" @@ -4388,9 +4952,9 @@ } }, "node_modules/@radix-ui/react-toolbar/node_modules/@radix-ui/react-slot": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz", - "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz", + "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==", "dev": true, "dependencies": { "@radix-ui/react-compose-refs": "1.1.1" @@ -4614,9 +5178,9 @@ } }, "node_modules/@rollup/plugin-node-resolve": { - "version": "15.3.0", - "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.3.0.tgz", - "integrity": "sha512-9eO5McEICxMzJpDW9OnMYSv4Sta3hmt7VtBFz5zR9273suNOydOyq/FrGeGy+KsTRFm8w0SLVhzig2ILFT63Ag==", + "version": "15.3.1", + "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-15.3.1.tgz", + "integrity": "sha512-tgg6b91pAybXHJQMAAwW9VuWBO6Thi+q7BCNARLwSqlmsHz0XYURtGvh/AuwSADXSI4h/2uHbs7s4FzlZDGSGA==", "dev": true, "dependencies": { "@rollup/pluginutils": "^5.0.1", @@ -4664,9 +5228,9 @@ } }, "node_modules/@rollup/pluginutils": { - "version": "5.1.3", - "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.3.tgz", - "integrity": "sha512-Pnsb6f32CD2W3uCaLZIzDmeFyQ2b8UWMFI7xtwUezpcGBDVDW6y9XgAWIlARiGAo6eNF5FK5aQTr0LFyNyqq5A==", + "version": "5.1.4", + "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.4.tgz", + "integrity": "sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==", "dev": true, "dependencies": { "@types/estree": "^1.0.0", @@ -6457,9 +7021,9 @@ } }, "node_modules/@swc/core": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.9.3.tgz", - "integrity": "sha512-oRj0AFePUhtatX+BscVhnzaAmWjpfAeySpM1TCbxA1rtBDeH/JDhi5yYzAKneDYtVtBvA7ApfeuzhMC9ye4xSg==", + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.10.1.tgz", + "integrity": "sha512-rQ4dS6GAdmtzKiCRt3LFVxl37FaY1cgL9kSUTnhQ2xc3fmHOd7jdJK/V4pSZMG1ruGTd0bsi34O2R0Olg9Zo/w==", "dev": true, "hasInstallScript": true, "dependencies": { @@ -6474,16 +7038,16 @@ "url": "https://opencollective.com/swc" }, "optionalDependencies": { - "@swc/core-darwin-arm64": "1.9.3", - "@swc/core-darwin-x64": "1.9.3", - "@swc/core-linux-arm-gnueabihf": "1.9.3", - "@swc/core-linux-arm64-gnu": "1.9.3", - "@swc/core-linux-arm64-musl": "1.9.3", - "@swc/core-linux-x64-gnu": "1.9.3", - "@swc/core-linux-x64-musl": "1.9.3", - "@swc/core-win32-arm64-msvc": "1.9.3", - "@swc/core-win32-ia32-msvc": "1.9.3", - "@swc/core-win32-x64-msvc": "1.9.3" + "@swc/core-darwin-arm64": "1.10.1", + "@swc/core-darwin-x64": "1.10.1", + "@swc/core-linux-arm-gnueabihf": "1.10.1", + "@swc/core-linux-arm64-gnu": "1.10.1", + "@swc/core-linux-arm64-musl": "1.10.1", + "@swc/core-linux-x64-gnu": "1.10.1", + "@swc/core-linux-x64-musl": "1.10.1", + "@swc/core-win32-arm64-msvc": "1.10.1", + "@swc/core-win32-ia32-msvc": "1.10.1", + "@swc/core-win32-x64-msvc": "1.10.1" }, "peerDependencies": { "@swc/helpers": "*" @@ -6494,10 +7058,154 @@ } } }, + "node_modules/@swc/core-darwin-arm64": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.10.1.tgz", + "integrity": "sha512-NyELPp8EsVZtxH/mEqvzSyWpfPJ1lugpTQcSlMduZLj1EASLO4sC8wt8hmL1aizRlsbjCX+r0PyL+l0xQ64/6Q==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-darwin-x64": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.10.1.tgz", + "integrity": "sha512-L4BNt1fdQ5ZZhAk5qoDfUnXRabDOXKnXBxMDJ+PWLSxOGBbWE6aJTnu4zbGjJvtot0KM46m2LPAPY8ttknqaZA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-linux-arm-gnueabihf": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.10.1.tgz", + "integrity": "sha512-Y1u9OqCHgvVp2tYQAJ7hcU9qO5brDMIrA5R31rwWQIAKDkJKtv3IlTHF0hrbWk1wPR0ZdngkQSJZple7G+Grvw==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-linux-arm64-gnu": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.10.1.tgz", + "integrity": "sha512-tNQHO/UKdtnqjc7o04iRXng1wTUXPgVd8Y6LI4qIbHVoVPwksZydISjMcilKNLKIwOoUQAkxyJ16SlOAeADzhQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-linux-arm64-musl": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.10.1.tgz", + "integrity": "sha512-x0L2Pd9weQ6n8dI1z1Isq00VHFvpBClwQJvrt3NHzmR+1wCT/gcYl1tp9P5xHh3ldM8Cn4UjWCw+7PaUgg8FcQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-linux-x64-gnu": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.10.1.tgz", + "integrity": "sha512-yyYEwQcObV3AUsC79rSzN9z6kiWxKAVJ6Ntwq2N9YoZqSPYph+4/Am5fM1xEQYf/kb99csj0FgOelomJSobxQA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-linux-x64-musl": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.10.1.tgz", + "integrity": "sha512-tcaS43Ydd7Fk7sW5ROpaf2Kq1zR+sI5K0RM+0qYLYYurvsJruj3GhBCaiN3gkzd8m/8wkqNqtVklWaQYSDsyqA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-win32-arm64-msvc": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.10.1.tgz", + "integrity": "sha512-D3Qo1voA7AkbOzQ2UGuKNHfYGKL6eejN8VWOoQYtGHHQi1p5KK/Q7V1ku55oxXBsj79Ny5FRMqiRJpVGad7bjQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=10" + } + }, + "node_modules/@swc/core-win32-ia32-msvc": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.10.1.tgz", + "integrity": "sha512-WalYdFoU3454Og+sDKHM1MrjvxUGwA2oralknXkXL8S0I/8RkWZOB++p3pLaGbTvOO++T+6znFbQdR8KRaa7DA==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=10" + } + }, "node_modules/@swc/core-win32-x64-msvc": { - "version": "1.9.3", - "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.9.3.tgz", - "integrity": "sha512-3YJJLQ5suIEHEKc1GHtqVq475guiyqisKSoUnoaRtxkDaW5g1yvPt9IoSLOe2mRs7+FFhGGU693RsBUSwOXSdQ==", + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.10.1.tgz", + "integrity": "sha512-JWobfQDbTnoqaIwPKQ3DVSywihVXlQMbDuwik/dDWlj33A8oEHcjPOGs4OqcA3RHv24i+lfCQpM3Mn4FAMfacA==", "cpu": [ "x64" ], @@ -7650,9 +8358,9 @@ } }, "node_modules/@web/dev-server-core/node_modules/chokidar": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz", - "integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==", + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.2.tgz", + "integrity": "sha512-/b57FK+bblSU+dfewfFe0rT1YjVDfOmeLQwCAuC+vwvgLkXboATqqmy+Ipux6JrF6L5joe5CBnFOw+gLWH6yKg==", "dev": true, "dependencies": { "readdirp": "^4.0.1" @@ -7768,9 +8476,9 @@ } }, "node_modules/@web/test-runner-core/node_modules/chokidar": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz", - "integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==", + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.2.tgz", + "integrity": "sha512-/b57FK+bblSU+dfewfFe0rT1YjVDfOmeLQwCAuC+vwvgLkXboATqqmy+Ipux6JrF6L5joe5CBnFOw+gLWH6yKg==", "dev": true, "dependencies": { "readdirp": "^4.0.1" @@ -8378,9 +9086,9 @@ } }, "node_modules/axios": { - "version": "1.7.8", - "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.8.tgz", - "integrity": "sha512-Uu0wb7KNqK2t5K+YQyVCLM76prD5sRFjKHbJYCP1J7JFGEQ6nN7HWn9+04LAeiJ3ji54lgS/gZCH1oxyrf1SPw==", + "version": "1.7.9", + "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.9.tgz", + "integrity": "sha512-LhLcE7Hbiryz8oMDdDptSrWowmB4Bl6RCt6sIJKpRB4XtVf0iEgewX3au/pJqm+Py1kCASkb/FFKjxQaLtxJvw==", "dev": true, "dependencies": { "follow-redirects": "^1.15.6", @@ -8646,9 +9354,9 @@ "dev": true }, "node_modules/browserslist": { - "version": "4.24.2", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.2.tgz", - "integrity": "sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==", + "version": "4.24.3", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.3.tgz", + "integrity": "sha512-1CPmv8iobE2fyRMV97dAcMVegvvWKxmq94hkLiAkUGwKVTyDLw33K+ZxiFrREKmmps4rIw6grcCFCnTMSZ/YiA==", "dev": true, "funding": [ { @@ -8665,9 +9373,9 @@ } ], "dependencies": { - "caniuse-lite": "^1.0.30001669", - "electron-to-chromium": "^1.5.41", - "node-releases": "^2.0.18", + "caniuse-lite": "^1.0.30001688", + "electron-to-chromium": "^1.5.73", + "node-releases": "^2.0.19", "update-browserslist-db": "^1.1.1" }, "bin": { @@ -8772,42 +9480,11 @@ "node": ">= 0.4" } }, - "node_modules/call-bound": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.2.tgz", - "integrity": "sha512-0lk0PHFe/uz0vl527fG9CgdE9WdafjDbCXvBbs+LUv000TVt2Jjhqbs4Jwm8gz070w8xXyEAxrPOMullsxXeGg==", - "dev": true, - "dependencies": { - "call-bind": "^1.0.8", - "get-intrinsic": "^1.2.5" - }, - "engines": { - "node": ">= 0.4" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, - "node_modules/call-bind-apply-helpers": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz", - "integrity": "sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==", - "dev": true, - "license": "MIT", - "dependencies": { - "es-errors": "^1.3.0", - "function-bind": "^1.1.2" - }, - "engines": { - "node": ">= 0.4" - } - }, "node_modules/call-bound": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz", "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==", "dev": true, - "license": "MIT", "dependencies": { "call-bind-apply-helpers": "^1.0.1", "get-intrinsic": "^1.2.6" @@ -8877,9 +9554,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001688", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001688.tgz", - "integrity": "sha512-Nmqpru91cuABu/DTCXbM2NSRHzM2uVHfPnhJ/1zEAJx/ILBRVmz3pzH4N7DZqbdG0gWClsCC05Oj0mJ/1AWMbA==", + "version": "1.0.30001689", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001689.tgz", + "integrity": "sha512-CmeR2VBycfa+5/jOfnp/NpWPGd06nf1XYiefUvhXFfZE4GkRc9jv+eGPS4nT558WS/8lYCzV8SlANCIPvbWP1g==", "dev": true, "funding": [ { @@ -9915,9 +10592,9 @@ } }, "node_modules/cssnano/node_modules/lilconfig": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.2.tgz", - "integrity": "sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==", + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz", + "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==", "dev": true, "engines": { "node": ">=14" @@ -10582,9 +11259,9 @@ } }, "node_modules/dotenv": { - "version": "16.4.6", - "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.6.tgz", - "integrity": "sha512-JhcR/+KIjkkjiU8yEpaB/USlzVi3i5whwOjpIRNGi9svKEXZSe+Qp6IWAjFjv+2GViAoDRCUv/QLNziQxsLqDg==", + "version": "16.4.7", + "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.7.tgz", + "integrity": "sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==", "dev": true, "engines": { "node": ">=12" @@ -10607,7 +11284,6 @@ "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", "es-errors": "^1.3.0", @@ -10630,9 +11306,9 @@ "dev": true }, "node_modules/electron-to-chromium": { - "version": "1.5.68", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.68.tgz", - "integrity": "sha512-FgMdJlma0OzUYlbrtZ4AeXjKxKPk6KT8WOP8BjcqxWtlg8qyJQjRzPJzUtUn5GBg1oQ26hFs7HOOHJMYiJRnvQ==", + "version": "1.5.74", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.74.tgz", + "integrity": "sha512-ck3//9RC+6oss/1Bh9tiAVFy5vfSKbRHAFh7Z3/eTRkEqJeWgymloShB17Vg3Z4nmDNp35vAd1BZ6CMW4Wt6Iw==", "dev": true }, "node_modules/emittery": { @@ -10710,7 +11386,6 @@ "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" } @@ -10735,7 +11410,6 @@ "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz", "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==", "dev": true, - "license": "MIT", "dependencies": { "es-errors": "^1.3.0" }, @@ -10747,12 +11421,7 @@ "version": "1.30.1", "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.30.1.tgz", "integrity": "sha512-ZXflqanzH8BpHkDhFa10bBf6ONDCe84EPUm7SSICGzuuROSluT2ynTPtwn9PcRelMtorCRozSknI/U0MNYp0Uw==", - "dev": true, - "license": "MIT", - "workspaces": [ - "docs", - "benchmarks" - ] + "dev": true }, "node_modules/es6-error": { "version": "4.1.1", @@ -11664,8 +12333,7 @@ "node_modules/flatpickr": { "version": "4.6.13", "resolved": "https://registry.npmjs.org/flatpickr/-/flatpickr-4.6.13.tgz", - "integrity": "sha512-97PMG/aywoYpB4IvbvUJi0RQi8vearvU0oov1WW3k0WZPBMrTQVqekSX5CjSG/M4Q3i6A/0FKXC7RyAoAUUSPw==", - "license": "MIT" + "integrity": "sha512-97PMG/aywoYpB4IvbvUJi0RQi8vearvU0oov1WW3k0WZPBMrTQVqekSX5CjSG/M4Q3i6A/0FKXC7RyAoAUUSPw==" }, "node_modules/flatted": { "version": "3.3.2", @@ -11957,7 +12625,6 @@ "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", "dev": true, "hasInstallScript": true, - "license": "MIT", "optional": true, "os": [ "darwin" @@ -12016,7 +12683,6 @@ "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.6.tgz", "integrity": "sha512-qxsEs+9A+u85HhllWJJFicJfPDhRmjzoYdl64aMWW9yRIJmSyxdn8IEkuIM530/7T+lv0TIHd8L6Q/ra0tEoeA==", "dev": true, - "license": "MIT", "dependencies": { "call-bind-apply-helpers": "^1.0.1", "dunder-proto": "^1.0.0", @@ -12243,7 +12909,6 @@ "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz", "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.4" }, @@ -12888,15 +13553,6 @@ "node": ">=12" } }, - "node_modules/invariant": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz", - "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==", - "dev": true, - "dependencies": { - "loose-envify": "^1.0.0" - } - }, "node_modules/ip-regex": { "version": "4.3.0", "resolved": "https://registry.npmjs.org/ip-regex/-/ip-regex-4.3.0.tgz", @@ -12985,9 +13641,9 @@ } }, "node_modules/is-core-module": { - "version": "2.15.1", - "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.1.tgz", - "integrity": "sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==", + "version": "2.16.0", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.0.tgz", + "integrity": "sha512-urTSINYfAYgcbLb0yDQ6egFm6h3Mo1DcF9EkyXSRjjzdHbsulg01qhwWuXdOoUBuTkbQ80KDboXa0vFJ+BDH+g==", "dev": true, "dependencies": { "hasown": "^2.0.2" @@ -14662,9 +15318,9 @@ } }, "node_modules/jiti": { - "version": "1.21.6", - "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz", - "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==", + "version": "1.21.7", + "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz", + "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==", "dev": true, "bin": { "jiti": "bin/jiti.js" @@ -15799,9 +16455,9 @@ } }, "node_modules/magic-string": { - "version": "0.30.15", - "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.15.tgz", - "integrity": "sha512-zXeaYRgZ6ldS1RJJUrMrYgNJ4fdwnyI6tVqoiIhyCyv5IVTK9BU8Ic2l253GGETQHxI4HNUwhJ3fjDhKqEoaAw==", + "version": "0.30.17", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz", + "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==", "dev": true, "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0" @@ -15870,7 +16526,6 @@ "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.0.0.tgz", "integrity": "sha512-4MqMiKP90ybymYvsut0CH2g4XWbfLtmlCkXmtmdcDCxNB+mQcu1w/1+L/VD7vi/PSv7X2JYV7SCcR+jiPXnQtA==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.4" } @@ -17046,7 +17701,6 @@ "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz", "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==", "dev": true, - "license": "MIT", "dependencies": { "lower-case": "^2.0.2", "tslib": "^2.0.3" @@ -17056,8 +17710,7 @@ "version": "3.1.1", "resolved": "https://registry.npmjs.org/node-abort-controller/-/node-abort-controller-3.1.1.tgz", "integrity": "sha512-AGK2yQKIjRuqnc6VkX2Xj5d+QW8xZ87pa1UK6yA6ouUyuxfHuMP6umE5QK7UmTeOAymo+Zx1Fxiuw9rVx8taHQ==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/node-addon-api": { "version": "7.1.1", @@ -17105,9 +17758,9 @@ } }, "node_modules/node-releases": { - "version": "2.0.18", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz", - "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==", + "version": "2.0.19", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz", + "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==", "dev": true }, "node_modules/normalize-package-data": { @@ -17700,7 +18353,6 @@ "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz", "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==", "dev": true, - "license": "MIT", "dependencies": { "dot-case": "^3.0.4", "tslib": "^2.0.3" @@ -17765,7 +18417,6 @@ "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz", "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==", "dev": true, - "license": "MIT", "dependencies": { "no-case": "^3.0.4", "tslib": "^2.0.3" @@ -17775,8 +18426,7 @@ "version": "1.0.1", "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz", "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/path-exists": { "version": "4.0.0", @@ -17853,7 +18503,6 @@ "resolved": "https://registry.npmjs.org/pathval/-/pathval-2.0.0.tgz", "integrity": "sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==", "dev": true, - "license": "MIT", "engines": { "node": ">= 14.16" } @@ -17940,12 +18589,12 @@ } }, "node_modules/playwright": { - "version": "1.49.0", - "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.49.0.tgz", - "integrity": "sha512-eKpmys0UFDnfNb3vfsf8Vx2LEOtflgRebl0Im2eQQnYMA4Aqd+Zw8bEOB+7ZKvN76901mRnqdsiOGKxzVTbi7A==", + "version": "1.49.1", + "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.49.1.tgz", + "integrity": "sha512-VYL8zLoNTBxVOrJBbDuRgDWa3i+mfQgDTrL8Ah9QXZ7ax4Dsj0MSq5bYgytRnDVVe+njoKnfsYkH3HzqVj5UZA==", "dev": true, "dependencies": { - "playwright-core": "1.49.0" + "playwright-core": "1.49.1" }, "bin": { "playwright": "cli.js" @@ -17958,9 +18607,9 @@ } }, "node_modules/playwright-core": { - "version": "1.49.0", - "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.49.0.tgz", - "integrity": "sha512-R+3KKTQF3npy5GTiKH/T+kdhoJfJojjHESR1YEWhYuEKRVfVaxH3+4+GvXE5xyCngCxhxnykk0Vlah9v8fs3jA==", + "version": "1.49.1", + "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.49.1.tgz", + "integrity": "sha512-BzmpVcs4kE2CH15rWfzpjzVGhWERJfmnXmniSyKeRZUs9Ws65m+RGIi7mjJK/euCegfn3i7jvqWeWyHe9y3Vgg==", "dev": true, "bin": { "playwright-core": "cli.js" @@ -17975,7 +18624,6 @@ "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", "dev": true, "hasInstallScript": true, - "license": "MIT", "optional": true, "os": [ "darwin" @@ -18001,7 +18649,6 @@ "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz", "integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.4" } @@ -18363,9 +19010,9 @@ } }, "node_modules/postcss-modules-local-by-default": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.1.0.tgz", - "integrity": "sha512-rm0bdSv4jC3BDma3s9H19ZddW0aHX6EoqwDYU2IfZhRN+53QrufTRo2IdkAbRqLx4R2IYbZnbjKKxg4VN5oU9Q==", + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.2.0.tgz", + "integrity": "sha512-5kcJm/zk+GJDSfw+V/42fJ5fhjL5YbFDl8nVdXkJPLLW+Vf9mTD5Xe0wqIaDnLuL2U6cDNpTr+UQ+v2HWIBhzw==", "dev": true, "dependencies": { "icss-utils": "^5.0.0", @@ -18724,7 +19371,6 @@ "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz", "integrity": "sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==", "dev": true, - "license": "MIT", "dependencies": { "lodash": "^4.17.20", "renderkid": "^3.0.0" @@ -18735,7 +19381,6 @@ "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz", "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==", "dev": true, - "license": "MIT", "dependencies": { "ansi-regex": "^5.0.1", "ansi-styles": "^5.0.0", @@ -18750,7 +19395,6 @@ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz", "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==", "dev": true, - "license": "MIT", "engines": { "node": ">=10" }, @@ -18837,8 +19481,7 @@ "version": "1.4.1", "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz", "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/pure-rand": { "version": "6.1.0", @@ -18935,7 +19578,6 @@ "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" } @@ -19009,8 +19651,7 @@ "version": "17.0.2", "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==", - "dev": true, - "license": "MIT" + "dev": true }, "node_modules/react-remove-scroll": { "version": "2.5.5", @@ -19038,20 +19679,20 @@ } }, "node_modules/react-remove-scroll-bar": { - "version": "2.3.6", - "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.6.tgz", - "integrity": "sha512-DtSYaao4mBmX+HDo5YWYdBWQwYIQQshUV/dVxFxK+KM26Wjwp1gZ6rv6OC3oujI6Bfu6Xyg3TwK533AQutsn/g==", + "version": "2.3.8", + "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.8.tgz", + "integrity": "sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==", "dev": true, "dependencies": { - "react-style-singleton": "^2.2.1", + "react-style-singleton": "^2.2.2", "tslib": "^2.0.0" }, "engines": { "node": ">=10" }, "peerDependencies": { - "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0", - "react": "^16.8.0 || ^17.0.0 || ^18.0.0" + "@types/react": "*", + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" }, "peerDependenciesMeta": { "@types/react": { @@ -19060,21 +19701,20 @@ } }, "node_modules/react-style-singleton": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz", - "integrity": "sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==", + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.3.tgz", + "integrity": "sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==", "dev": true, "dependencies": { "get-nonce": "^1.0.0", - "invariant": "^2.2.4", "tslib": "^2.0.0" }, "engines": { "node": ">=10" }, "peerDependencies": { - "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0", - "react": "^16.8.0 || ^17.0.0 || ^18.0.0" + "@types/react": "*", + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" }, "peerDependenciesMeta": { "@types/react": { @@ -19272,7 +19912,6 @@ "resolved": "https://registry.npmjs.org/recast/-/recast-0.23.9.tgz", "integrity": "sha512-Hx/BGIbwj+Des3+xy5uAtAbdCyqK9y9wbBcDFDYanLS9JnMqf7OeF87HQwUimE87OEc72mr6tkKUKMBBL+hF9Q==", "dev": true, - "license": "MIT", "dependencies": { "ast-types": "^0.16.1", "esprima": "~4.0.0", @@ -19289,7 +19928,6 @@ "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" } @@ -19381,12 +20019,23 @@ "regjsparser": "bin/parser" } }, + "node_modules/regjsparser/node_modules/jsesc": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz", + "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==", + "dev": true, + "bin": { + "jsesc": "bin/jsesc" + }, + "engines": { + "node": ">=6" + } + }, "node_modules/relateurl": { "version": "0.2.7", "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz", "integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==", "dev": true, - "license": "MIT", "engines": { "node": ">= 0.10" } @@ -19457,7 +20106,6 @@ "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz", "integrity": "sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==", "dev": true, - "license": "MIT", "dependencies": { "css-select": "^4.1.3", "dom-converter": "^0.2.0", @@ -19471,7 +20119,6 @@ "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz", "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==", "dev": true, - "license": "MIT", "dependencies": { "domelementtype": "^2.0.1", "domhandler": "^4.2.0", @@ -19491,15 +20138,13 @@ "type": "github", "url": "https://github.com/sponsors/fb55" } - ], - "license": "BSD-2-Clause" + ] }, "node_modules/renderkid/node_modules/domhandler": { "version": "4.3.1", "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz", "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==", "dev": true, - "license": "BSD-2-Clause", "dependencies": { "domelementtype": "^2.2.0" }, @@ -19515,7 +20160,6 @@ "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz", "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==", "dev": true, - "license": "BSD-2-Clause", "dependencies": { "dom-serializer": "^1.0.1", "domelementtype": "^2.2.0", @@ -19530,7 +20174,6 @@ "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz", "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==", "dev": true, - "license": "BSD-2-Clause", "funding": { "url": "https://github.com/fb55/entities?sponsor=1" } @@ -19547,7 +20190,6 @@ "url": "https://github.com/sponsors/fb55" } ], - "license": "MIT", "dependencies": { "domelementtype": "^2.0.1", "domhandler": "^4.0.0", @@ -19580,12 +20222,12 @@ "dev": true }, "node_modules/resolve": { - "version": "1.22.8", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz", - "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==", + "version": "1.22.9", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.9.tgz", + "integrity": "sha512-QxrmX1DzraFIi9PxdG5VkRfRwIgjwyud+z/iBwfRRrVmHc+P9Q7u2lSSpQ6bjr2gy5lrqIiU9vb6iAeGf2400A==", "dev": true, "dependencies": { - "is-core-module": "^2.13.0", + "is-core-module": "^2.16.0", "path-parse": "^1.0.7", "supports-preserve-symlinks-flag": "^1.0.0" }, @@ -19831,6 +20473,342 @@ "rollup": "^2 || ^3 || ^4" } }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/android-arm": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.12.tgz", + "integrity": "sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/android-arm64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.12.tgz", + "integrity": "sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/android-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.12.tgz", + "integrity": "sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/darwin-arm64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.12.tgz", + "integrity": "sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/darwin-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.12.tgz", + "integrity": "sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/freebsd-arm64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.12.tgz", + "integrity": "sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/freebsd-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.12.tgz", + "integrity": "sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-arm": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.12.tgz", + "integrity": "sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-arm64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.12.tgz", + "integrity": "sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-ia32": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.12.tgz", + "integrity": "sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-loong64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.12.tgz", + "integrity": "sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==", + "cpu": [ + "loong64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-mips64el": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.12.tgz", + "integrity": "sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==", + "cpu": [ + "mips64el" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-ppc64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.12.tgz", + "integrity": "sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-riscv64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.12.tgz", + "integrity": "sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==", + "cpu": [ + "riscv64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-s390x": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.12.tgz", + "integrity": "sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==", + "cpu": [ + "s390x" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/linux-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.12.tgz", + "integrity": "sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/netbsd-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.12.tgz", + "integrity": "sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/openbsd-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.12.tgz", + "integrity": "sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/sunos-x64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.12.tgz", + "integrity": "sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/win32-arm64": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.12.tgz", + "integrity": "sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/rollup-copy-transform-css/node_modules/@esbuild/win32-ia32": { + "version": "0.19.12", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.12.tgz", + "integrity": "sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, "node_modules/rollup-copy-transform-css/node_modules/@esbuild/win32-x64": { "version": "0.19.12", "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.12.tgz", @@ -20948,9 +21926,9 @@ "dev": true }, "node_modules/sass": { - "version": "1.81.1", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.81.1.tgz", - "integrity": "sha512-VNLgf4FC5yFyKwAumAAwwNh8X4SevlVREq3Y8aDZIkm0lI/zO1feycMXQ4hn+eB6FVhRbleSQ1Yb/q8juSldTA==", + "version": "1.83.0", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.83.0.tgz", + "integrity": "sha512-qsSxlayzoOjdvXMVLkzF84DJFc2HZEL/rFyGIKbbilYtAvlCxyuzUeff9LawTn4btVnLKg75Z8MMr1lxU1lfGw==", "dev": true, "dependencies": { "chokidar": "^4.0.0", @@ -21005,9 +21983,9 @@ } }, "node_modules/sass/node_modules/chokidar": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz", - "integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==", + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.2.tgz", + "integrity": "sha512-/b57FK+bblSU+dfewfFe0rT1YjVDfOmeLQwCAuC+vwvgLkXboATqqmy+Ipux6JrF6L5joe5CBnFOw+gLWH6yKg==", "dev": true, "dependencies": { "readdirp": "^4.0.1" @@ -22208,9 +23186,9 @@ } }, "node_modules/terser": { - "version": "5.36.0", - "resolved": "https://registry.npmjs.org/terser/-/terser-5.36.0.tgz", - "integrity": "sha512-IYV9eNMuFAV4THUspIRXkLakHnV6XO7FEdtKjf/mDyrnqUg9LnlOn6/RwRvM9SZjR4GUq8Nk8zj67FzVARr74w==", + "version": "5.37.0", + "resolved": "https://registry.npmjs.org/terser/-/terser-5.37.0.tgz", + "integrity": "sha512-B8wRRkmre4ERucLM/uXx4MOV5cbnOlVAqUst+1+iLKPI0dOgFO28f84ptoQt9HEI537PMzfYa/d+GEPKTRXmYA==", "dev": true, "dependencies": { "@jridgewell/source-map": "^0.3.3", @@ -22986,9 +23964,9 @@ } }, "node_modules/use-callback-ref": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.2.tgz", - "integrity": "sha512-elOQwe6Q8gqZgDA8mrh44qRTQqpIHDcZ3hXTLjBe1i4ph8XpNJnO+aQf3NaG+lriLopI4HMx9VjQLfPQ6vhnoA==", + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.3.tgz", + "integrity": "sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==", "dev": true, "dependencies": { "tslib": "^2.0.0" @@ -22997,8 +23975,8 @@ "node": ">=10" }, "peerDependencies": { - "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0", - "react": "^16.8.0 || ^17.0.0 || ^18.0.0" + "@types/react": "*", + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" }, "peerDependenciesMeta": { "@types/react": { @@ -23020,9 +23998,9 @@ } }, "node_modules/use-sidecar": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.2.tgz", - "integrity": "sha512-epTbsLuzZ7lPClpz2TyryBfztm7m+28DlEv2ZCQ3MDr5ssiwyOwGH/e5F9CkfWjJ1t4clvI58yF822/GUkjjhw==", + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.3.tgz", + "integrity": "sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==", "dev": true, "dependencies": { "detect-node-es": "^1.1.0", @@ -23032,8 +24010,8 @@ "node": ">=10" }, "peerDependencies": { - "@types/react": "^16.9.0 || ^17.0.0 || ^18.0.0", - "react": "^16.8.0 || ^17.0.0 || ^18.0.0" + "@types/react": "*", + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" }, "peerDependenciesMeta": { "@types/react": { @@ -23443,7 +24421,6 @@ "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz", "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==", "dev": true, - "license": "MIT", "dependencies": { "fast-deep-equal": "^3.1.3" }, diff --git a/src/common/scss/form-input.scss b/src/common/scss/form-input.scss index 7b6b60c8..929b462c 100644 --- a/src/common/scss/form-input.scss +++ b/src/common/scss/form-input.scss @@ -37,7 +37,7 @@ input[disabled], .input-custom[disabled], textarea[disabled] { - &~.input-icon { + & ~ .input-icon { color: var(--kd-color-icon-disabled); } } @@ -82,9 +82,10 @@ textarea { color: var(--kd-color-text-variant-placeholder); } - input[disabled] { + &[disabled] { background: var(--kd-color-background-ui-hollow-default); border-color: var(--kd-color-border-ui-disabled); + color: var(--kd-color-text-link-level-disabled); &[invalid] { border-color: var(--kd-color-border-ui-disabled); diff --git a/src/components/reusable/search/search.scss b/src/components/reusable/search/search.scss index 262dea1d..d2721df5 100644 --- a/src/components/reusable/search/search.scss +++ b/src/components/reusable/search/search.scss @@ -30,7 +30,7 @@ kyn-text-input { } .suggestions { - @include elevation.shadow(3); + @include elevation.shadow(2); position: absolute; top: 100%; left: 0; @@ -46,7 +46,6 @@ kyn-text-input { transform-origin: top; opacity: 0; z-index: -1; - background-color: var(--kd-color-background-forms-secondary); .focused.has-value &, &:focus { @@ -60,7 +59,7 @@ kyn-text-input { padding: 16px; cursor: pointer; transition: background-color 150ms ease-out; - color: var(--kd-color-text-level-primary); + background-color: var(--kd-color-background-forms-default); &:hover, &[highlighted] { diff --git a/src/components/reusable/search/search.stories.js b/src/components/reusable/search/search.stories.js index 9a75a598..ac9af7c4 100644 --- a/src/components/reusable/search/search.stories.js +++ b/src/components/reusable/search/search.stories.js @@ -25,7 +25,7 @@ export const Search = { expandable: false, disabled: false, value: '', - label: 'Search', + label: 'Search...', size: 'md', suggestions: ['Strings', 'Matching', 'Value', 'Here'], expandableSearchBtnDescription: 'Expandable search button', @@ -34,7 +34,7 @@ export const Search = { noMatches: 'No matches found for', selected: 'Selected', found: 'Found', - } + }, }, render: (args) => { return html` diff --git a/src/components/reusable/textInput/textInput.scss b/src/components/reusable/textInput/textInput.scss index 23079ecd..e1804a0a 100644 --- a/src/components/reusable/textInput/textInput.scss +++ b/src/components/reusable/textInput/textInput.scss @@ -38,7 +38,7 @@ input { appearance: none; display: block; width: 100%; - border: 1px solid var(--kd-color-border-ui-default); + border: 1px solid var(--kd-color-border-forms-default); border-radius: 4px; height: 48px; padding: 0 48px 0 16px; From 23d269329ecbb0d8858da3ec9445b09afc2842a3 Mon Sep 17 00:00:00 2001 From: Kumari Vijeta Date: Wed, 18 Dec 2024 15:21:06 +0530 Subject: [PATCH 07/10] chore: cleanup --- src/components/reusable/textInput/textInput.scss | 4 ---- 1 file changed, 4 deletions(-) diff --git a/src/components/reusable/textInput/textInput.scss b/src/components/reusable/textInput/textInput.scss index e1804a0a..fed7bf9a 100644 --- a/src/components/reusable/textInput/textInput.scss +++ b/src/components/reusable/textInput/textInput.scss @@ -63,10 +63,6 @@ input[type='search']::-webkit-search-results-decoration { appearance: none; } -input[type='search'] { - background-color: var(--kd-color-background-forms-secondary); -} - .clear { border: none; background: none; From dafd9d104428e6c83eab51e4d9f3ad624c4bb7fd Mon Sep 17 00:00:00 2001 From: Kumari Vijeta Date: Wed, 18 Dec 2024 15:36:40 +0530 Subject: [PATCH 08/10] chore: reverted --- .eslintrc.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/.eslintrc.json b/.eslintrc.json index 93db31c2..77f59719 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -3,8 +3,8 @@ "extends": [ "eslint:recommended", "plugin:@typescript-eslint/eslint-recommended", - "plugin:@typescript-eslint/recommended" - //"plugin:storybook/recommended" + "plugin:@typescript-eslint/recommended", + "plugin:storybook/recommended" ], "parser": "@typescript-eslint/parser", "parserOptions": { From a7d136e73c89e86f6063e0e614558380d94f2242 Mon Sep 17 00:00:00 2001 From: Kumari Vijeta Date: Wed, 18 Dec 2024 17:42:27 +0530 Subject: [PATCH 09/10] chore: fixed placeholder disabled state --- src/common/scss/form-input.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/common/scss/form-input.scss b/src/common/scss/form-input.scss index 929b462c..98363c4c 100644 --- a/src/common/scss/form-input.scss +++ b/src/common/scss/form-input.scss @@ -90,6 +90,9 @@ textarea { &[invalid] { border-color: var(--kd-color-border-ui-disabled); } + &::placeholder { + color: var(--kd-color-text-link-level-disabled); + } } input:not([disabled])[invalid] { From 7897c59b71556932e028407e0efb50318a90a580 Mon Sep 17 00:00:00 2001 From: Kumari Vijeta Date: Wed, 18 Dec 2024 20:24:10 +0530 Subject: [PATCH 10/10] chore: conflict fix --- custom-elements.json | 16253 +++++++++++++++++------------------------ 1 file changed, 6681 insertions(+), 9572 deletions(-) diff --git a/custom-elements.json b/custom-elements.json index 3f7f76ec..bc7a0fb9 100644 --- a/custom-elements.json +++ b/custom-elements.json @@ -108,6 +108,69 @@ } ] }, + { + "kind": "javascript-module", + "path": "src/components/global/uiShell/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "UiShell", + "declaration": { + "name": "UiShell", + "module": "./uiShell" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/global/uiShell/uiShell.ts", + "declarations": [ + { + "kind": "class", + "description": "Container to help with positioning and padding of the global elements such as: adds padding for the fixed Header and Local Nav, adds main content gutters, and makes Footer sticky. This takes the onus off of the consuming app to configure these values.", + "name": "UiShell", + "slots": [ + { + "description": "Slot for global elements.", + "name": "unnamed" + } + ], + "members": [ + { + "kind": "method", + "name": "handleSlotChange", + "privacy": "private" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-ui-shell", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "UiShell", + "declaration": { + "name": "UiShell", + "module": "src/components/global/uiShell/uiShell.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-ui-shell", + "declaration": { + "name": "UiShell", + "module": "src/components/global/uiShell/uiShell.ts" + } + } + ] + }, { "kind": "javascript-module", "path": "src/components/global/localNav/index.ts", @@ -2025,131 +2088,107 @@ }, { "kind": "javascript-module", - "path": "src/components/global/uiShell/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "UiShell", - "declaration": { - "name": "UiShell", - "module": "./uiShell" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/uiShell/uiShell.ts", + "path": "src/components/reusable/blockCodeView/blockCodeView.ts", "declarations": [ { "kind": "class", - "description": "Container to help with positioning and padding of the global elements such as: adds padding for the fixed Header and Local Nav, adds main content gutters, and makes Footer sticky. This takes the onus off of the consuming app to configure these values.", - "name": "UiShell", - "slots": [ - { - "description": "Slot for global elements.", - "name": "unnamed" - } - ], + "description": "`` component to display `` snippets as standalone single-/multi-line block elements.", + "name": "BlockCodeView", "members": [ { - "kind": "method", - "name": "handleSlotChange", - "privacy": "private" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-ui-shell", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "UiShell", - "declaration": { - "name": "UiShell", - "module": "src/components/global/uiShell/uiShell.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-ui-shell", - "declaration": { - "name": "UiShell", - "module": "src/components/global/uiShell/uiShell.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/localNav/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "LocalNav", - "declaration": { - "name": "LocalNav", - "module": "./localNav" - } - }, - { - "kind": "js", - "name": "LocalNavLink", - "declaration": { - "name": "LocalNavLink", - "module": "./localNavLink" - } - }, - { - "kind": "js", - "name": "LocalNavDivider", - "declaration": { - "name": "LocalNavDivider", - "module": "./localNavDivider" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/localNav/localNav.ts", - "declarations": [ - { - "kind": "class", - "description": "The global Side Navigation component.", - "name": "LocalNav", - "slots": [ + "kind": "field", + "name": "darkTheme", + "type": { + "text": "'light' | 'dark'" + }, + "default": "'dark'", + "description": "Sets background and text theming.", + "attribute": "darkTheme" + }, { - "description": "The default slot, for local nav links.", - "name": "unnamed" + "kind": "field", + "name": "language", + "type": { + "text": "string" + }, + "default": "''", + "description": "If empty string, attempt language syntax auto-detection. Setting a value will override auto-detection and manually configure desired language.", + "attribute": "language" }, { - "description": "Slot for a search input", - "name": "search" - } - ], - "members": [ + "kind": "field", + "name": "maxHeight", + "type": { + "text": "number | null" + }, + "default": "null", + "description": "Customizable max-height setting for code snippet container.", + "attribute": "maxHeight" + }, { "kind": "field", - "name": "pinned", + "name": "codeViewLabel", + "type": { + "text": "string" + }, + "default": "''", + "description": "Optionally displayed label above code snippet container.", + "attribute": "codeViewLabel" + }, + { + "kind": "field", + "name": "copyOptionVisible", "type": { "text": "boolean" }, "default": "false", - "description": "Local nav pinned state.", - "attribute": "pinned" + "description": "Optionally display button to copy code snippet.", + "attribute": "copyOptionVisible" + }, + { + "kind": "field", + "name": "codeViewExpandable", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Optionally display button to expand code snippet container.", + "attribute": "codeViewExpandable" + }, + { + "kind": "field", + "name": "copyButtonText", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets copy code button text (optional).", + "attribute": "copyButtonText" + }, + { + "kind": "field", + "name": "copyButtonDescriptionAttr", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets copy button description attr value.", + "attribute": "copyButtonDescriptionAttr" + }, + { + "kind": "field", + "name": "codeSnippet", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets code snippet for display -- NOTE: original formatting is preserved.", + "attribute": "codeSnippet" }, { "kind": "field", "name": "textStrings", - "default": "{\n pin: 'Pin',\n unpin: 'Unpin',\n toggleMenu: 'Toggle Menu',\n collapse: 'Collapse',\n menu: 'Menu',\n}", + "default": "{\n collapsed: 'Collapsed',\n expanded: 'Expanded',\n}", "description": "Text string customization.", "attribute": "textStrings", "type": { @@ -2158,74 +2197,171 @@ }, { "kind": "method", - "name": "_handleNavToggle", - "privacy": "private", - "parameters": [ + "name": "getContainerClasses", + "privacy": "private" + }, + { + "kind": "method", + "name": "renderCopyButton", + "privacy": "private" + }, + { + "kind": "method", + "name": "renderExpandButton", + "privacy": "private" + }, + { + "kind": "method", + "name": "highlightCode", + "privacy": "private" + }, + { + "kind": "method", + "name": "detectLanguage", + "privacy": "private", + "return": { + "type": { + "text": "string" + } + }, + "parameters": [ { - "name": "e", + "name": "code", "type": { - "text": "Event" + "text": "string" } } ] }, { "kind": "method", - "name": "_handleMobileNavToggle", - "privacy": "private" + "name": "calculateRelevance", + "privacy": "private", + "return": { + "type": { + "text": "number" + } + }, + "parameters": [ + { + "name": "tokens", + "type": { + "text": "(string | Prism.Token)[]" + } + }, + { + "name": "language", + "type": { + "text": "string" + } + } + ] }, { "kind": "method", - "name": "handlePointerEnter", + "name": "getTokenRelevance", "privacy": "private", + "return": { + "type": { + "text": "number" + } + }, "parameters": [ { - "name": "e", + "name": "token", "type": { - "text": "PointerEvent" + "text": "Prism.Token" + } + }, + { + "name": "language", + "type": { + "text": "string" } } ] }, { "kind": "method", - "name": "handlePointerLeave", + "name": "isLanguageSpecificToken", "privacy": "private", + "return": { + "type": { + "text": "boolean" + } + }, "parameters": [ { - "name": "e", + "name": "token", "type": { - "text": "PointerEvent" + "text": "Prism.Token" + } + }, + { + "name": "language", + "type": { + "text": "string" } } ] }, { "kind": "method", - "name": "_updateChildren", - "privacy": "private" + "name": "determineMarkupLanguage", + "privacy": "private", + "return": { + "type": { + "text": "string" + } + }, + "parameters": [ + { + "name": "code", + "type": { + "text": "string" + } + } + ] }, { "kind": "method", - "name": "handleSlotChange", + "name": "checkOverflow", "privacy": "private" }, { "kind": "method", - "name": "_handleLinkActive", + "name": "removeLeadingWhitespace", "privacy": "private", + "return": { + "type": { + "text": "string" + } + }, "parameters": [ { - "name": "e", + "name": "code", "type": { - "text": "any" + "text": "string" } } ] }, { "kind": "method", - "name": "_handleClickOut", + "name": "formatExampleCode", + "privacy": "private", + "parameters": [ + { + "name": "code", + "type": { + "text": "string" + } + } + ] + }, + { + "kind": "method", + "name": "copyCode", "privacy": "private", "parameters": [ { @@ -2235,23 +2371,126 @@ } } ] + }, + { + "kind": "method", + "name": "getContainerStyle", + "privacy": "private", + "return": { + "type": { + "text": "string" + } + } + }, + { + "kind": "method", + "name": "expandCodeView", + "privacy": "private" + }, + { + "kind": "method", + "name": "handleKeypress", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "KeyboardEvent" + } + } + ] } ], "events": [ { - "description": "Captures the click event and emits the pinned state and original event details.", - "name": "on-toggle" + "name": "on-copy", + "type": { + "text": "CustomEvent" + }, + "description": "Emits when the copy button is clicked." } ], "attributes": [ { - "name": "pinned", + "name": "darkTheme", + "type": { + "text": "'light' | 'dark'" + }, + "default": "'dark'", + "description": "Sets background and text theming.", + "fieldName": "darkTheme" + }, + { + "name": "language", + "type": { + "text": "string" + }, + "default": "''", + "description": "If empty string, attempt language syntax auto-detection. Setting a value will override auto-detection and manually configure desired language.", + "fieldName": "language" + }, + { + "name": "maxHeight", + "type": { + "text": "number | null" + }, + "default": "null", + "description": "Customizable max-height setting for code snippet container.", + "fieldName": "maxHeight" + }, + { + "name": "codeViewLabel", + "type": { + "text": "string" + }, + "default": "''", + "description": "Optionally displayed label above code snippet container.", + "fieldName": "codeViewLabel" + }, + { + "name": "copyOptionVisible", "type": { "text": "boolean" }, "default": "false", - "description": "Local nav pinned state.", - "fieldName": "pinned" + "description": "Optionally display button to copy code snippet.", + "fieldName": "copyOptionVisible" + }, + { + "name": "codeViewExpandable", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Optionally display button to expand code snippet container.", + "fieldName": "codeViewExpandable" + }, + { + "name": "copyButtonText", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets copy code button text (optional).", + "fieldName": "copyButtonText" + }, + { + "name": "copyButtonDescriptionAttr", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets copy button description attr value.", + "fieldName": "copyButtonDescriptionAttr" + }, + { + "name": "codeSnippet", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets code snippet for display -- NOTE: original formatting is preserved.", + "fieldName": "codeSnippet" }, { "name": "textStrings", @@ -2264,385 +2503,307 @@ "name": "LitElement", "package": "lit" }, - "tagName": "kyn-local-nav", + "tagName": "kyn-block-code-view", "customElement": true } ], "exports": [ { "kind": "js", - "name": "LocalNav", + "name": "BlockCodeView", "declaration": { - "name": "LocalNav", - "module": "src/components/global/localNav/localNav.ts" + "name": "BlockCodeView", + "module": "src/components/reusable/blockCodeView/blockCodeView.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-local-nav", + "name": "kyn-block-code-view", "declaration": { - "name": "LocalNav", - "module": "src/components/global/localNav/localNav.ts" + "name": "BlockCodeView", + "module": "src/components/reusable/blockCodeView/blockCodeView.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/localNav/localNavDivider.ts", + "path": "src/components/reusable/blockCodeView/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "BlockCodeView", + "declaration": { + "name": "BlockCodeView", + "module": "./blockCodeView" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/breadcrumbs/breadcrumbs.ts", "declarations": [ { "kind": "class", - "description": "Local Nav divider", - "name": "LocalNavDivider", + "description": "Breadcrumbs Component.", + "name": "Breadcrumbs", + "slots": [ + { + "description": "Slot for inserting links.", + "name": "unnamed" + } + ], + "members": [], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-breadcrumbs", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "Breadcrumbs", + "declaration": { + "name": "Breadcrumbs", + "module": "src/components/reusable/breadcrumbs/breadcrumbs.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-breadcrumbs", + "declaration": { + "name": "Breadcrumbs", + "module": "src/components/reusable/breadcrumbs/breadcrumbs.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/breadcrumbs/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "Breadcrumbs", + "declaration": { + "name": "Breadcrumbs", + "module": "./breadcrumbs" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/card/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "VitalCardSkeleton", + "declaration": { + "name": "VitalCardSkeleton", + "module": "./vitalCard.skeleton" + } + }, + { + "kind": "js", + "name": "InformationalCardSkeleton", + "declaration": { + "name": "InformationalCardSkeleton", + "module": "./informationalCard.skeleton" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/card/informationalCard.skeleton.ts", + "declarations": [ + { + "kind": "class", + "description": "`kyn-info-card-skeleton` Web Component.\nA skeleton loading state for the informational card component that mirrors its structure.", + "name": "InformationalCardSkeleton", "members": [ { "kind": "field", - "name": "heading", + "name": "lines", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Optional heading text.", - "attribute": "heading" + "default": "0", + "description": "Sets the number of body/description lines to show in the skeleton pattern example.", + "attribute": "lines" + }, + { + "kind": "field", + "name": "thumbnailVisible", + "type": { + "text": "boolean | undefined" + }, + "default": "false", + "description": "Sets show or hide thumbnail element.", + "attribute": "thumbnailVisible" } ], "attributes": [ { - "name": "heading", + "name": "lines", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Optional heading text.", - "fieldName": "heading" + "default": "0", + "description": "Sets the number of body/description lines to show in the skeleton pattern example.", + "fieldName": "lines" + }, + { + "name": "thumbnailVisible", + "type": { + "text": "boolean | undefined" + }, + "default": "false", + "description": "Sets show or hide thumbnail element.", + "fieldName": "thumbnailVisible" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-local-nav-divider", + "tagName": "kyn-info-card-skeleton", "customElement": true } ], "exports": [ { "kind": "js", - "name": "LocalNavDivider", + "name": "InformationalCardSkeleton", "declaration": { - "name": "LocalNavDivider", - "module": "src/components/global/localNav/localNavDivider.ts" + "name": "InformationalCardSkeleton", + "module": "src/components/reusable/card/informationalCard.skeleton.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-local-nav-divider", + "name": "kyn-info-card-skeleton", "declaration": { - "name": "LocalNavDivider", - "module": "src/components/global/localNav/localNavDivider.ts" + "name": "InformationalCardSkeleton", + "module": "src/components/reusable/card/informationalCard.skeleton.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/localNav/localNavLink.ts", + "path": "src/components/reusable/card/vitalCard.skeleton.ts", "declarations": [ { "kind": "class", - "description": "Link component for use in the global Side Navigation component.", - "name": "LocalNavLink", - "slots": [ + "description": "`kyn-vital-card-skeleton` Web Component.\nA skeleton loading state for the vital card component that mirrors its structure.", + "name": "VitalCardSkeleton", + "members": [ { - "description": "The default slot, for the link text.", - "name": "unnamed" - }, + "kind": "field", + "name": "lines", + "type": { + "text": "number" + }, + "default": "0", + "description": "Sets the number of body/description lines to show in the skeleton pattern example.", + "attribute": "lines" + } + ], + "attributes": [ { - "description": "Slot for an icon. Use 16px size.", - "name": "icon" - }, + "name": "lines", + "type": { + "text": "number" + }, + "default": "0", + "description": "Sets the number of body/description lines to show in the skeleton pattern example.", + "fieldName": "lines" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-vital-card-skeleton", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "VitalCardSkeleton", + "declaration": { + "name": "VitalCardSkeleton", + "module": "src/components/reusable/card/vitalCard.skeleton.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-vital-card-skeleton", + "declaration": { + "name": "VitalCardSkeleton", + "module": "src/components/reusable/card/vitalCard.skeleton.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/checkbox/checkbox.ts", + "declarations": [ + { + "kind": "class", + "description": "Checkbox.", + "name": "Checkbox", + "slots": [ { - "description": "Slot for the next level of links, supports three levels.", - "name": "links" + "description": "Slot for label text.", + "name": "unnamed" } ], "members": [ { "kind": "field", - "name": "href", + "name": "value", "type": { "text": "string" }, "default": "''", - "description": "Link url.", - "attribute": "href" + "description": "Checkbox value.", + "attribute": "value" }, { "kind": "field", - "name": "expanded", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Expanded state.", - "attribute": "expanded" + "description": "Checkbox disabled state, inherited from the parent group.", + "attribute": "disabled" }, { "kind": "field", - "name": "active", + "name": "visiblyHidden", "type": { "text": "boolean" }, "default": "false", - "description": "Active state.", - "attribute": "active", - "reflects": true + "description": "Determines whether the label should be hidden from visual view but remain accessible\nto screen readers for accessibility purposes.", + "attribute": "visiblyHidden" }, { "kind": "field", - "name": "disabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Disabled state.", - "attribute": "disabled" - }, - { - "kind": "field", - "name": "backText", - "type": { - "text": "string" - }, - "default": "'Back'", - "description": "Text for mobile \"Back\" button.", - "attribute": "backText" - }, - { - "kind": "method", - "name": "_handleTextSlotChange", - "privacy": "private" - }, - { - "kind": "method", - "name": "_getSlotText", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleLinksSlotChange", - "privacy": "private" - }, - { - "kind": "method", - "name": "updateChildren", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleBack", - "privacy": "private" - }, - { - "kind": "method", - "name": "handleClick", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] - } - ], - "events": [ - { - "description": "Captures the click event and emits the original event, level, and if default was prevented.", - "name": "on-click" - } - ], - "attributes": [ - { - "name": "href", - "type": { - "text": "string" - }, - "default": "''", - "description": "Link url.", - "fieldName": "href" - }, - { - "name": "expanded", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Expanded state.", - "fieldName": "expanded" - }, - { - "name": "active", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Active state.", - "fieldName": "active" - }, - { - "name": "disabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Disabled state.", - "fieldName": "disabled" - }, - { - "name": "backText", - "type": { - "text": "string" - }, - "default": "'Back'", - "description": "Text for mobile \"Back\" button.", - "fieldName": "backText" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-local-nav-link", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "LocalNavLink", - "declaration": { - "name": "LocalNavLink", - "module": "src/components/global/localNav/localNavLink.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-local-nav-link", - "declaration": { - "name": "LocalNavLink", - "module": "src/components/global/localNav/localNavLink.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/breadcrumbs/breadcrumbs.ts", - "declarations": [ - { - "kind": "class", - "description": "Breadcrumbs Component.", - "name": "Breadcrumbs", - "slots": [ - { - "description": "Slot for inserting links.", - "name": "unnamed" - } - ], - "members": [], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-breadcrumbs", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "Breadcrumbs", - "declaration": { - "name": "Breadcrumbs", - "module": "src/components/reusable/breadcrumbs/breadcrumbs.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-breadcrumbs", - "declaration": { - "name": "Breadcrumbs", - "module": "src/components/reusable/breadcrumbs/breadcrumbs.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/breadcrumbs/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "Breadcrumbs", - "declaration": { - "name": "Breadcrumbs", - "module": "./breadcrumbs" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/checkbox/checkbox.ts", - "declarations": [ - { - "kind": "class", - "description": "Checkbox.", - "name": "Checkbox", - "slots": [ - { - "description": "Slot for label text.", - "name": "unnamed" - } - ], - "members": [ - { - "kind": "field", - "name": "value", - "type": { - "text": "string" - }, - "default": "''", - "description": "Checkbox value.", - "attribute": "value" - }, - { - "kind": "field", - "name": "disabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Checkbox disabled state, inherited from the parent group.", - "attribute": "disabled" - }, - { - "kind": "field", - "name": "visiblyHidden", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Determines whether the label should be hidden from visual view but remain accessible\nto screen readers for accessibility purposes.", - "attribute": "visiblyHidden" - }, - { - "kind": "field", - "name": "indeterminate", + "name": "indeterminate", "type": { "text": "boolean" }, @@ -5467,4241 +5628,1214 @@ }, { "kind": "javascript-module", - "path": "src/components/reusable/blockCodeView/blockCodeView.ts", + "path": "src/components/reusable/errorBlock/errorBlock.ts", "declarations": [ { "kind": "class", - "description": "`` component to display `` snippets as standalone single-/multi-line block elements.", - "name": "BlockCodeView", - "members": [ + "description": "Error block.", + "name": "ErrorBlock", + "slots": [ { - "kind": "field", - "name": "darkTheme", - "type": { - "text": "'light' | 'dark'" - }, - "default": "'dark'", - "description": "Sets background and text theming.", - "attribute": "darkTheme" - }, - { - "kind": "field", - "name": "language", - "type": { - "text": "string" - }, - "default": "''", - "description": "If empty string, attempt language syntax auto-detection. Setting a value will override auto-detection and manually configure desired language.", - "attribute": "language" - }, - { - "kind": "field", - "name": "maxHeight", - "type": { - "text": "number | null" - }, - "default": "null", - "description": "Customizable max-height setting for code snippet container.", - "attribute": "maxHeight" - }, - { - "kind": "field", - "name": "codeViewLabel", - "type": { - "text": "string" - }, - "default": "''", - "description": "Optionally displayed label above code snippet container.", - "attribute": "codeViewLabel" - }, - { - "kind": "field", - "name": "copyOptionVisible", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Optionally display button to copy code snippet.", - "attribute": "copyOptionVisible" - }, - { - "kind": "field", - "name": "codeViewExpandable", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Optionally display button to expand code snippet container.", - "attribute": "codeViewExpandable" - }, - { - "kind": "field", - "name": "copyButtonText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets copy code button text (optional).", - "attribute": "copyButtonText" - }, - { - "kind": "field", - "name": "copyButtonDescriptionAttr", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets copy button description attr value.", - "attribute": "copyButtonDescriptionAttr" - }, - { - "kind": "field", - "name": "codeSnippet", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets code snippet for display -- NOTE: original formatting is preserved.", - "attribute": "codeSnippet" - }, - { - "kind": "field", - "name": "textStrings", - "default": "{\n collapsed: 'Collapsed',\n expanded: 'Expanded',\n}", - "description": "Text string customization.", - "attribute": "textStrings", - "type": { - "text": "object" - } - }, - { - "kind": "method", - "name": "getContainerClasses", - "privacy": "private" - }, - { - "kind": "method", - "name": "renderCopyButton", - "privacy": "private" - }, - { - "kind": "method", - "name": "renderExpandButton", - "privacy": "private" - }, - { - "kind": "method", - "name": "highlightCode", - "privacy": "private" - }, - { - "kind": "method", - "name": "detectLanguage", - "privacy": "private", - "return": { - "type": { - "text": "string" - } - }, - "parameters": [ - { - "name": "code", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "calculateRelevance", - "privacy": "private", - "return": { - "type": { - "text": "number" - } - }, - "parameters": [ - { - "name": "tokens", - "type": { - "text": "(string | Prism.Token)[]" - } - }, - { - "name": "language", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "getTokenRelevance", - "privacy": "private", - "return": { - "type": { - "text": "number" - } - }, - "parameters": [ - { - "name": "token", - "type": { - "text": "Prism.Token" - } - }, - { - "name": "language", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "isLanguageSpecificToken", - "privacy": "private", - "return": { - "type": { - "text": "boolean" - } - }, - "parameters": [ - { - "name": "token", - "type": { - "text": "Prism.Token" - } - }, - { - "name": "language", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "determineMarkupLanguage", - "privacy": "private", - "return": { - "type": { - "text": "string" - } - }, - "parameters": [ - { - "name": "code", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "checkOverflow", - "privacy": "private" - }, - { - "kind": "method", - "name": "removeLeadingWhitespace", - "privacy": "private", - "return": { - "type": { - "text": "string" - } - }, - "parameters": [ - { - "name": "code", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "formatExampleCode", - "privacy": "private", - "parameters": [ - { - "name": "code", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "copyCode", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] - }, - { - "kind": "method", - "name": "getContainerStyle", - "privacy": "private", - "return": { - "type": { - "text": "string" - } - } - }, - { - "kind": "method", - "name": "expandCodeView", - "privacy": "private" - }, - { - "kind": "method", - "name": "handleKeypress", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "KeyboardEvent" - } - } - ] - } - ], - "events": [ - { - "name": "on-copy", - "type": { - "text": "CustomEvent" - }, - "description": "Emits when the copy button is clicked." - } - ], - "attributes": [ - { - "name": "darkTheme", - "type": { - "text": "'light' | 'dark'" - }, - "default": "'dark'", - "description": "Sets background and text theming.", - "fieldName": "darkTheme" - }, - { - "name": "language", - "type": { - "text": "string" - }, - "default": "''", - "description": "If empty string, attempt language syntax auto-detection. Setting a value will override auto-detection and manually configure desired language.", - "fieldName": "language" - }, - { - "name": "maxHeight", - "type": { - "text": "number | null" - }, - "default": "null", - "description": "Customizable max-height setting for code snippet container.", - "fieldName": "maxHeight" - }, - { - "name": "codeViewLabel", - "type": { - "text": "string" - }, - "default": "''", - "description": "Optionally displayed label above code snippet container.", - "fieldName": "codeViewLabel" - }, - { - "name": "copyOptionVisible", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Optionally display button to copy code snippet.", - "fieldName": "copyOptionVisible" - }, - { - "name": "codeViewExpandable", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Optionally display button to expand code snippet container.", - "fieldName": "codeViewExpandable" - }, - { - "name": "copyButtonText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets copy code button text (optional).", - "fieldName": "copyButtonText" - }, - { - "name": "copyButtonDescriptionAttr", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets copy button description attr value.", - "fieldName": "copyButtonDescriptionAttr" - }, - { - "name": "codeSnippet", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets code snippet for display -- NOTE: original formatting is preserved.", - "fieldName": "codeSnippet" - }, - { - "name": "textStrings", - "default": "_defaultTextStrings", - "description": "Text string customization.", - "fieldName": "textStrings" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-block-code-view", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "BlockCodeView", - "declaration": { - "name": "BlockCodeView", - "module": "src/components/reusable/blockCodeView/blockCodeView.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-block-code-view", - "declaration": { - "name": "BlockCodeView", - "module": "src/components/reusable/blockCodeView/blockCodeView.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/blockCodeView/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "BlockCodeView", - "declaration": { - "name": "BlockCodeView", - "module": "./blockCodeView" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/errorBlock/errorBlock.ts", - "declarations": [ - { - "kind": "class", - "description": "Error block.", - "name": "ErrorBlock", - "slots": [ - { - "description": "Slot for the error description.", - "name": "unnamed" - }, - { - "description": "Slot for the error image.", - "name": "image" - }, - { - "description": "Slot for the action buttons.", - "name": "actions" - } - ], - "members": [ - { - "kind": "field", - "name": "titleText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Title text", - "attribute": "titleText" - } - ], - "attributes": [ - { - "name": "titleText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Title text", - "fieldName": "titleText" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-error-block", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "ErrorBlock", - "declaration": { - "name": "ErrorBlock", - "module": "src/components/reusable/errorBlock/errorBlock.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-error-block", - "declaration": { - "name": "ErrorBlock", - "module": "src/components/reusable/errorBlock/errorBlock.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/errorBlock/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "ErrorBlock", - "declaration": { - "name": "ErrorBlock", - "module": "./errorBlock" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/card/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "VitalCardSkeleton", - "declaration": { - "name": "VitalCardSkeleton", - "module": "./vitalCard.skeleton" - } - }, - { - "kind": "js", - "name": "InformationalCardSkeleton", - "declaration": { - "name": "InformationalCardSkeleton", - "module": "./informationalCard.skeleton" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/card/informationalCard.skeleton.ts", - "declarations": [ - { - "kind": "class", - "description": "`kyn-info-card-skeleton` Web Component.\nA skeleton loading state for the informational card component that mirrors its structure.", - "name": "InformationalCardSkeleton", - "members": [ - { - "kind": "field", - "name": "lines", - "type": { - "text": "number" - }, - "default": "0", - "description": "Sets the number of body/description lines to show in the skeleton pattern example.", - "attribute": "lines" - }, - { - "kind": "field", - "name": "thumbnailVisible", - "type": { - "text": "boolean | undefined" - }, - "default": "false", - "description": "Sets show or hide thumbnail element.", - "attribute": "thumbnailVisible" - } - ], - "attributes": [ - { - "name": "lines", - "type": { - "text": "number" - }, - "default": "0", - "description": "Sets the number of body/description lines to show in the skeleton pattern example.", - "fieldName": "lines" - }, - { - "name": "thumbnailVisible", - "type": { - "text": "boolean | undefined" - }, - "default": "false", - "description": "Sets show or hide thumbnail element.", - "fieldName": "thumbnailVisible" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-info-card-skeleton", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "InformationalCardSkeleton", - "declaration": { - "name": "InformationalCardSkeleton", - "module": "src/components/reusable/card/informationalCard.skeleton.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-info-card-skeleton", - "declaration": { - "name": "InformationalCardSkeleton", - "module": "src/components/reusable/card/informationalCard.skeleton.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/card/vitalCard.skeleton.ts", - "declarations": [ - { - "kind": "class", - "description": "`kyn-vital-card-skeleton` Web Component.\nA skeleton loading state for the vital card component that mirrors its structure.", - "name": "VitalCardSkeleton", - "members": [ - { - "kind": "field", - "name": "lines", - "type": { - "text": "number" - }, - "default": "0", - "description": "Sets the number of body/description lines to show in the skeleton pattern example.", - "attribute": "lines" - } - ], - "attributes": [ - { - "name": "lines", - "type": { - "text": "number" - }, - "default": "0", - "description": "Sets the number of body/description lines to show in the skeleton pattern example.", - "fieldName": "lines" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-vital-card-skeleton", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "VitalCardSkeleton", - "declaration": { - "name": "VitalCardSkeleton", - "module": "src/components/reusable/card/vitalCard.skeleton.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-vital-card-skeleton", - "declaration": { - "name": "VitalCardSkeleton", - "module": "src/components/reusable/card/vitalCard.skeleton.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/globalFilter/globalFilter.ts", - "declarations": [ - { - "kind": "class", - "description": "Global Filter bar.", - "name": "GlobalFilter", - "slots": [ - { - "description": "Left slot, intended for search input and modal.", - "name": "unnamed" - }, - { - "description": "Right slot, intended for action buttons and overflow menu.", - "name": "actions" - }, - { - "description": "Slot below the filter bar, for tag group.", - "name": "tags" - } - ], - "members": [], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-global-filter", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "GlobalFilter", - "declaration": { - "name": "GlobalFilter", - "module": "src/components/reusable/globalFilter/globalFilter.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-global-filter", - "declaration": { - "name": "GlobalFilter", - "module": "src/components/reusable/globalFilter/globalFilter.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/globalFilter/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "GlobalFilter", - "declaration": { - "name": "GlobalFilter", - "module": "./globalFilter" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/inlineCodeView/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "InlineCodeView", - "declaration": { - "name": "InlineCodeView", - "module": "./inlineCodeView" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/inlineCodeView/inlineCodeView.ts", - "declarations": [ - { - "kind": "class", - "description": "`` component to display code snippets inline within HTML content.", - "name": "InlineCodeView", - "slots": [ - { - "description": "inline code snippet slot.", - "name": "unnamed" - } - ], - "members": [ - { - "kind": "field", - "name": "darkTheme", - "type": { - "text": "'light' | 'dark'" - }, - "default": "'dark'", - "description": "Sets background and text theming.", - "attribute": "darkTheme" - }, - { - "kind": "field", - "name": "snippetFontSize", - "type": { - "text": "number" - }, - "default": "14", - "description": "Font size value (px) to match code snippet font-size of surrounding text (min, default 14px).", - "attribute": "snippetFontSize" - } - ], - "attributes": [ - { - "name": "darkTheme", - "type": { - "text": "'light' | 'dark'" - }, - "default": "'dark'", - "description": "Sets background and text theming.", - "fieldName": "darkTheme" - }, - { - "name": "snippetFontSize", - "type": { - "text": "number" - }, - "default": "14", - "description": "Font size value (px) to match code snippet font-size of surrounding text (min, default 14px).", - "fieldName": "snippetFontSize" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-inline-code-view", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "InlineCodeView", - "declaration": { - "name": "InlineCodeView", - "module": "src/components/reusable/inlineCodeView/inlineCodeView.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-inline-code-view", - "declaration": { - "name": "InlineCodeView", - "module": "src/components/reusable/inlineCodeView/inlineCodeView.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/modal/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "Modal", - "declaration": { - "name": "Modal", - "module": "./modal" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/modal/modal.ts", - "declarations": [ - { - "kind": "class", - "description": "Modal.", - "name": "Modal", - "slots": [ - { - "description": "Slot for modal body content.", - "name": "unnamed" - }, - { - "description": "Slot for the anchor button content.", - "name": "anchor" - } - ], - "members": [ - { - "kind": "field", - "name": "open", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Modal open state.", - "attribute": "open" - }, - { - "kind": "field", - "name": "size", - "type": { - "text": "string" - }, - "default": "'auto'", - "description": "Modal size. `'auto'`, `'md'`, or `'lg'`.", - "attribute": "size" - }, - { - "kind": "field", - "name": "titleText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Title/heading text, required.", - "attribute": "titleText" - }, - { - "kind": "field", - "name": "labelText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Label text, optional.", - "attribute": "labelText" - }, - { - "kind": "field", - "name": "okText", - "type": { - "text": "string" - }, - "default": "'OK'", - "description": "OK button text.", - "attribute": "okText" - }, - { - "kind": "field", - "name": "cancelText", - "type": { - "text": "string" - }, - "default": "'Cancel'", - "description": "Cancel button text.", - "attribute": "cancelText" - }, - { - "kind": "field", - "name": "destructive", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Changes the primary button styles to indicate the action is destructive.", - "attribute": "destructive" - }, - { - "kind": "field", - "name": "okDisabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Disables the primary button.", - "attribute": "okDisabled" - }, - { - "kind": "field", - "name": "secondaryDisabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Disables the secondary button.", - "attribute": "secondaryDisabled" - }, - { - "kind": "field", - "name": "hideFooter", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Hides the footer/action buttons to create a passive modal.", - "attribute": "hideFooter" - }, - { - "kind": "field", - "name": "secondaryButtonText", - "type": { - "text": "string" - }, - "default": "'Secondary'", - "description": "Secondary button text.", - "attribute": "secondaryButtonText" - }, - { - "kind": "field", - "name": "showSecondaryButton", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Hides the secondary button.", - "attribute": "showSecondaryButton" - }, - { - "kind": "field", - "name": "hideCancelButton", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Hides the cancel button.", - "attribute": "hideCancelButton" - }, - { - "kind": "field", - "name": "beforeClose", - "type": { - "text": "Function" - }, - "description": "Function to execute before the modal can close. Useful for running checks or validations before closing. Exposes `returnValue` (`'ok'` or `'cancel'`). Must return `true` or `false`." - }, - { - "kind": "field", - "name": "closeText", - "type": { - "text": "string" - }, - "default": "'Close'", - "description": "Close button text.", - "attribute": "closeText" - }, - { - "kind": "method", - "name": "_openModal", - "privacy": "private" - }, - { - "kind": "method", - "name": "_closeModal", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - }, - { - "name": "returnValue", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "_emitCloseEvent", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] - } - ], - "events": [ - { - "description": "Emits the modal close event with `returnValue` (`'ok'` or `'cancel'`).", - "name": "on-close" - } - ], - "attributes": [ - { - "name": "open", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Modal open state.", - "fieldName": "open" - }, - { - "name": "size", - "type": { - "text": "string" - }, - "default": "'auto'", - "description": "Modal size. `'auto'`, `'md'`, or `'lg'`.", - "fieldName": "size" - }, - { - "name": "titleText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Title/heading text, required.", - "fieldName": "titleText" - }, - { - "name": "labelText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Label text, optional.", - "fieldName": "labelText" - }, - { - "name": "okText", - "type": { - "text": "string" - }, - "default": "'OK'", - "description": "OK button text.", - "fieldName": "okText" - }, - { - "name": "cancelText", - "type": { - "text": "string" - }, - "default": "'Cancel'", - "description": "Cancel button text.", - "fieldName": "cancelText" - }, - { - "name": "destructive", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Changes the primary button styles to indicate the action is destructive.", - "fieldName": "destructive" - }, - { - "name": "okDisabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Disables the primary button.", - "fieldName": "okDisabled" - }, - { - "name": "secondaryDisabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Disables the secondary button.", - "fieldName": "secondaryDisabled" - }, - { - "name": "hideFooter", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Hides the footer/action buttons to create a passive modal.", - "fieldName": "hideFooter" - }, - { - "name": "secondaryButtonText", - "type": { - "text": "string" - }, - "default": "'Secondary'", - "description": "Secondary button text.", - "fieldName": "secondaryButtonText" - }, - { - "name": "showSecondaryButton", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Hides the secondary button.", - "fieldName": "showSecondaryButton" - }, - { - "name": "hideCancelButton", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Hides the cancel button.", - "fieldName": "hideCancelButton" - }, - { - "name": "closeText", - "type": { - "text": "string" - }, - "default": "'Close'", - "description": "Close button text.", - "fieldName": "closeText" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-modal", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "Modal", - "declaration": { - "name": "Modal", - "module": "src/components/reusable/modal/modal.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-modal", - "declaration": { - "name": "Modal", - "module": "src/components/reusable/modal/modal.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/loaders/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "Loader", - "declaration": { - "name": "Loader", - "module": "./loader" - } - }, - { - "kind": "js", - "name": "LoaderInline", - "declaration": { - "name": "LoaderInline", - "module": "./inline" - } - }, - { - "kind": "js", - "name": "Skeleton", - "declaration": { - "name": "Skeleton", - "module": "./skeleton" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/loaders/inline.ts", - "declarations": [ - { - "kind": "class", - "description": "Inline Loader.", - "name": "LoaderInline", - "slots": [ - { - "description": "Slot for text/description.", - "name": "unnamed" - } - ], - "members": [ - { - "kind": "field", - "name": "status", - "type": { - "text": "string" - }, - "default": "'active'", - "description": "Status. Can be `active`, `inactive`, `success`, `error`.", - "attribute": "status" - }, - { - "kind": "method", - "name": "_emitStart", - "privacy": "private" - }, - { - "kind": "method", - "name": "_emitStop", - "privacy": "private" - } - ], - "events": [ - { - "description": "Emits when the loader been started.", - "name": "on-start" - }, - { - "description": "Emits when the loader has been stopped and all animations have completed.", - "name": "on-stop" - } - ], - "attributes": [ - { - "name": "status", - "type": { - "text": "string" - }, - "default": "'active'", - "description": "Status. Can be `active`, `inactive`, `success`, `error`.", - "fieldName": "status" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-loader-inline", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "LoaderInline", - "declaration": { - "name": "LoaderInline", - "module": "src/components/reusable/loaders/inline.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-loader-inline", - "declaration": { - "name": "LoaderInline", - "module": "src/components/reusable/loaders/inline.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/loaders/loader.ts", - "declarations": [ - { - "kind": "class", - "description": "Loader.", - "name": "Loader", - "members": [ - { - "kind": "field", - "name": "stopped", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Animation stopped state", - "attribute": "stopped" - }, - { - "kind": "field", - "name": "overlay", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Display the loader as an overlay", - "attribute": "overlay" - }, - { - "kind": "method", - "name": "_emitStart", - "privacy": "private" - }, - { - "kind": "method", - "name": "_emitStop", - "privacy": "private" - } - ], - "events": [ - { - "description": "Emits when the loader been started.", - "name": "on-start" - }, - { - "description": "Emits when the loader has been stopped and all animations have completed.", - "name": "on-stop" - } - ], - "attributes": [ - { - "name": "stopped", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Animation stopped state", - "fieldName": "stopped" - }, - { - "name": "overlay", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Display the loader as an overlay", - "fieldName": "overlay" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-loader", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "Loader", - "declaration": { - "name": "Loader", - "module": "src/components/reusable/loaders/loader.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-loader", - "declaration": { - "name": "Loader", - "module": "src/components/reusable/loaders/loader.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/loaders/skeleton.ts", - "declarations": [ - { - "kind": "class", - "description": "", - "name": "Skeleton", - "members": [ - { - "kind": "field", - "name": "shape", - "type": { - "text": "'rectangle' | 'circle'" - }, - "default": "'rectangle'", - "description": "Defines the shape of the skeleton element.", - "attribute": "shape", - "reflects": true - }, - { - "kind": "field", - "name": "size", - "type": { - "text": "'small' | 'medium' | 'large' | undefined" - }, - "description": "Optional: Predefined size (small, medium, large).", - "attribute": "size" - }, - { - "kind": "field", - "name": "width", - "type": { - "text": "string | undefined" - }, - "description": "Optional: Custom width (overrides size if provided).", - "attribute": "width" - }, - { - "kind": "field", - "name": "height", - "type": { - "text": "string | undefined" - }, - "description": "Optional: Custom height (overrides size if provided).", - "attribute": "height" - }, - { - "kind": "field", - "name": "lines", - "type": { - "text": "number" - }, - "default": "1", - "description": "Sets the number of skeleton lines to display.", - "attribute": "lines" - }, - { - "kind": "field", - "name": "inline", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Sets whether to display inline or block.", - "attribute": "inline" - }, - { - "kind": "field", - "name": "shade", - "type": { - "text": "'light' | 'dark' | string" - }, - "default": "'light'", - "description": "Defines the shade of the skeleton.", - "attribute": "shade" - } - ], - "attributes": [ - { - "name": "shape", - "type": { - "text": "'rectangle' | 'circle'" - }, - "default": "'rectangle'", - "description": "Defines the shape of the skeleton element.", - "fieldName": "shape" - }, - { - "name": "size", - "type": { - "text": "'small' | 'medium' | 'large' | undefined" - }, - "description": "Optional: Predefined size (small, medium, large).", - "fieldName": "size" - }, - { - "name": "width", - "type": { - "text": "string | undefined" - }, - "description": "Optional: Custom width (overrides size if provided).", - "fieldName": "width" - }, - { - "name": "height", - "type": { - "text": "string | undefined" - }, - "description": "Optional: Custom height (overrides size if provided).", - "fieldName": "height" - }, - { - "name": "lines", - "type": { - "text": "number" - }, - "default": "1", - "description": "Sets the number of skeleton lines to display.", - "fieldName": "lines" - }, - { - "name": "inline", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Sets whether to display inline or block.", - "fieldName": "inline" - }, - { - "name": "shade", - "type": { - "text": "'light' | 'dark' | string" - }, - "default": "'light'", - "description": "Defines the shade of the skeleton.", - "fieldName": "shade" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-skeleton", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "Skeleton", - "declaration": { - "name": "Skeleton", - "module": "src/components/reusable/loaders/skeleton.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-skeleton", - "declaration": { - "name": "Skeleton", - "module": "src/components/reusable/loaders/skeleton.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/notification/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "Notification", - "declaration": { - "name": "Notification", - "module": "./notification" - } - }, - { - "kind": "js", - "name": "NotificationContainer", - "declaration": { - "name": "NotificationContainer", - "module": "./notificationContainer" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/notification/notification.ts", - "declarations": [ - { - "kind": "class", - "description": "Notification component.", - "name": "Notification", - "slots": [ - { - "description": "Slot for notification message body.", - "name": "unnamed" - }, - { - "description": "Slot for menu.", - "name": "actions" - } - ], - "members": [ - { - "kind": "field", - "name": "notificationTitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Notification Title (Required).", - "attribute": "notificationTitle" - }, - { - "kind": "field", - "name": "notificationSubtitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Notification subtitle.(optional)", - "attribute": "notificationSubtitle" - }, - { - "kind": "field", - "name": "timeStamp", - "type": { - "text": "string" - }, - "default": "''", - "description": "Timestamp of notification.\nIt is recommended to add the context along with the timestamp. Example: `Updated 2 mins ago`.", - "attribute": "timeStamp" - }, - { - "kind": "field", - "name": "href", - "type": { - "text": "string" - }, - "default": "''", - "description": "Card href link", - "attribute": "href" - }, - { - "kind": "field", - "name": "tagStatus", - "type": { - "text": "string" - }, - "default": "'default'", - "description": "Notification status / tag type. `'default'`, `'info'`, `'warning'`, `'success'` & `'error'`.", - "attribute": "tagStatus" - }, - { - "kind": "field", - "name": "type", - "type": { - "text": "string" - }, - "default": "'normal'", - "description": "Notification type. `'normal'`, `'inline'`, `'toast'` and `'clickable'`. Clickable type can be use inside notification panel", - "attribute": "type" - }, - { - "kind": "field", - "name": "textStrings", - "type": { - "text": "any" - }, - "default": "{\n success: 'Success',\n warning: 'Warning',\n info: 'Info',\n error: 'Error',\n }", - "description": "Customizable text strings.", - "attribute": "textStrings" - }, - { - "kind": "field", - "name": "closeBtnDescription", - "type": { - "text": "string" - }, - "default": "'Close'", - "description": "Close button description (Required to support accessibility).", - "attribute": "closeBtnDescription" - }, - { - "kind": "field", - "name": "assistiveNotificationTypeText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Assistive text for notification type.\nRequired for `'clickable'`, `'inline'` and `'toast'` notification types.", - "attribute": "assistiveNotificationTypeText" - }, - { - "kind": "field", - "name": "notificationRole", - "type": { - "text": "'alert' | 'log' | 'status' | undefined" - }, - "description": "Notification role (Required to support accessibility).", - "attribute": "notificationRole" - }, - { - "kind": "field", - "name": "statusLabel", - "type": { - "text": "string" - }, - "default": "'Status'", - "description": "Status label (Required to support accessibility).\nAssign the localized string value for the word **Status**.", - "attribute": "statusLabel" - }, - { - "kind": "field", - "name": "unRead", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Set notification mark read prop. Required ony for `type: 'clickable'`.", - "attribute": "unRead", - "reflects": true - }, - { - "kind": "field", - "name": "hideCloseButton", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Hide close (x) button. Useful only for `type='toast'`. This required `timeout > 0` otherwise toast remain as it is when `hideCloseButton` is set true.", - "attribute": "hideCloseButton" - }, - { - "kind": "field", - "name": "timeout", - "type": { - "text": "number" - }, - "default": "8", - "description": "Timeout (Default 8 seconds for Toast). Specify an optional duration the toast notification should be closed in. Only apply with `type = 'toast'`", - "attribute": "timeout" - }, - { - "kind": "method", - "name": "renderInnerUI", - "privacy": "private" - }, - { - "kind": "method", - "name": "_close", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleClose", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleCardClick", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - } - ], - "events": [ - { - "description": "Emit event for clickable notification.", - "name": "on-notification-click" - }, - { - "description": "Emits when an inline/toast notification closes.", - "name": "on-close" - } - ], - "attributes": [ - { - "name": "notificationTitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Notification Title (Required).", - "fieldName": "notificationTitle" - }, - { - "name": "notificationSubtitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Notification subtitle.(optional)", - "fieldName": "notificationSubtitle" - }, - { - "name": "timeStamp", - "type": { - "text": "string" - }, - "default": "''", - "description": "Timestamp of notification.\nIt is recommended to add the context along with the timestamp. Example: `Updated 2 mins ago`.", - "fieldName": "timeStamp" - }, - { - "name": "href", - "type": { - "text": "string" - }, - "default": "''", - "description": "Card href link", - "fieldName": "href" - }, - { - "name": "tagStatus", - "type": { - "text": "string" - }, - "default": "'default'", - "description": "Notification status / tag type. `'default'`, `'info'`, `'warning'`, `'success'` & `'error'`.", - "fieldName": "tagStatus" - }, - { - "name": "type", - "type": { - "text": "string" - }, - "default": "'normal'", - "description": "Notification type. `'normal'`, `'inline'`, `'toast'` and `'clickable'`. Clickable type can be use inside notification panel", - "fieldName": "type" - }, - { - "name": "textStrings", - "type": { - "text": "any" - }, - "default": "{\n success: 'Success',\n warning: 'Warning',\n info: 'Info',\n error: 'Error',\n }", - "description": "Customizable text strings.", - "fieldName": "textStrings" - }, - { - "name": "closeBtnDescription", - "type": { - "text": "string" - }, - "default": "'Close'", - "description": "Close button description (Required to support accessibility).", - "fieldName": "closeBtnDescription" - }, - { - "name": "assistiveNotificationTypeText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Assistive text for notification type.\nRequired for `'clickable'`, `'inline'` and `'toast'` notification types.", - "fieldName": "assistiveNotificationTypeText" - }, - { - "name": "notificationRole", - "type": { - "text": "'alert' | 'log' | 'status' | undefined" - }, - "description": "Notification role (Required to support accessibility).", - "fieldName": "notificationRole" - }, - { - "name": "statusLabel", - "type": { - "text": "string" - }, - "default": "'Status'", - "description": "Status label (Required to support accessibility).\nAssign the localized string value for the word **Status**.", - "fieldName": "statusLabel" - }, - { - "name": "unRead", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Set notification mark read prop. Required ony for `type: 'clickable'`.", - "fieldName": "unRead" - }, - { - "name": "hideCloseButton", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Hide close (x) button. Useful only for `type='toast'`. This required `timeout > 0` otherwise toast remain as it is when `hideCloseButton` is set true.", - "fieldName": "hideCloseButton" - }, - { - "name": "timeout", - "type": { - "text": "number" - }, - "default": "8", - "description": "Timeout (Default 8 seconds for Toast). Specify an optional duration the toast notification should be closed in. Only apply with `type = 'toast'`", - "fieldName": "timeout" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-notification", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "Notification", - "declaration": { - "name": "Notification", - "module": "src/components/reusable/notification/notification.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-notification", - "declaration": { - "name": "Notification", - "module": "src/components/reusable/notification/notification.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/notification/notificationContainer.ts", - "declarations": [ - { - "kind": "class", - "description": "Notification container component for Toast notification.\nUsage is limited for ..", - "name": "NotificationContainer", - "slots": [ - { - "description": "Slot for component.", - "name": "unnamed" - } - ], - "members": [], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-notification-container", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "NotificationContainer", - "declaration": { - "name": "NotificationContainer", - "module": "src/components/reusable/notification/notificationContainer.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-notification-container", - "declaration": { - "name": "NotificationContainer", - "module": "src/components/reusable/notification/notificationContainer.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/numberInput/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "NumberInput", - "declaration": { - "name": "NumberInput", - "module": "./numberInput" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/numberInput/numberInput.ts", - "declarations": [ - { - "kind": "class", - "description": "Number input.", - "name": "NumberInput", - "slots": [ - { - "description": "Slot for tooltip.", - "name": "tooltip" - } - ], - "members": [ - { - "kind": "field", - "name": "label", - "type": { - "text": "string" - }, - "default": "''", - "description": "Label text.", - "attribute": "label" - }, - { - "kind": "field", - "name": "size", - "type": { - "text": "string" - }, - "default": "'md'", - "description": "Input size. \"sm\", \"md\", or \"lg\".", - "attribute": "size" - }, - { - "kind": "field", - "name": "value", - "type": { - "text": "number" - }, - "default": "0", - "description": "Input value.", - "attribute": "value" - }, - { - "kind": "field", - "name": "placeholder", - "type": { - "text": "string" - }, - "default": "''", - "description": "Input placeholder.", - "attribute": "placeholder" - }, - { - "kind": "field", - "name": "required", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Makes the input required.", - "attribute": "required" - }, - { - "kind": "field", - "name": "disabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Input disabled state.", - "attribute": "disabled" - }, - { - "kind": "field", - "name": "caption", - "type": { - "text": "string" - }, - "default": "''", - "description": "Optional text beneath the input.", - "attribute": "caption" - }, - { - "kind": "field", - "name": "max", - "type": { - "text": "number" - }, - "description": "Maximum value.", - "attribute": "max" - }, - { - "kind": "field", - "name": "min", - "type": { - "text": "number" - }, - "description": "Minimum value.", - "attribute": "min" - }, - { - "kind": "field", - "name": "step", - "type": { - "text": "number" - }, - "default": "1", - "description": "Step value.", - "attribute": "step" - }, - { - "kind": "field", - "name": "hideLabel", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Visually hide the label.", - "attribute": "hideLabel" - }, - { - "kind": "field", - "name": "textStrings", - "default": "{\n requiredText: 'Required',\n subtract: 'Subtract',\n add: 'Add',\n error: 'Error',\n}", - "description": "Customizable text strings.", - "attribute": "textStrings", - "type": { - "text": "object" - } - }, - { - "kind": "method", - "name": "_sizeMap", - "privacy": "private", - "parameters": [ - { - "name": "size", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "_handleSubtract", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleAdd", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleInput", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "_emitValue", - "privacy": "private", - "parameters": [ - { - "name": "e", - "optional": true, - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "_validate", - "privacy": "private", - "parameters": [ - { - "name": "interacted", - "type": { - "text": "Boolean" - } - }, - { - "name": "report", - "type": { - "text": "Boolean" - } - } - ] - } - ], - "events": [ - { - "description": "Captures the input event and emits the value and original event details.", - "name": "on-input" - } - ], - "attributes": [ - { - "name": "label", - "type": { - "text": "string" - }, - "default": "''", - "description": "Label text.", - "fieldName": "label" - }, - { - "name": "size", - "type": { - "text": "string" - }, - "default": "'md'", - "description": "Input size. \"sm\", \"md\", or \"lg\".", - "fieldName": "size" - }, - { - "name": "value", - "type": { - "text": "number" - }, - "default": "0", - "description": "Input value.", - "fieldName": "value" - }, - { - "name": "placeholder", - "type": { - "text": "string" - }, - "default": "''", - "description": "Input placeholder.", - "fieldName": "placeholder" - }, - { - "name": "required", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Makes the input required.", - "fieldName": "required" - }, - { - "name": "disabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Input disabled state.", - "fieldName": "disabled" - }, - { - "name": "caption", - "type": { - "text": "string" - }, - "default": "''", - "description": "Optional text beneath the input.", - "fieldName": "caption" - }, - { - "name": "max", - "type": { - "text": "number" - }, - "description": "Maximum value.", - "fieldName": "max" - }, - { - "name": "min", - "type": { - "text": "number" - }, - "description": "Minimum value.", - "fieldName": "min" - }, - { - "name": "step", - "type": { - "text": "number" - }, - "default": "1", - "description": "Step value.", - "fieldName": "step" - }, - { - "name": "hideLabel", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Visually hide the label.", - "fieldName": "hideLabel" - }, - { - "name": "textStrings", - "default": "_defaultTextStrings", - "description": "Customizable text strings.", - "fieldName": "textStrings" - } - ], - "mixins": [ - { - "name": "FormMixin", - "module": "/src/common/mixins/form-input" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-number-input", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "NumberInput", - "declaration": { - "name": "NumberInput", - "module": "src/components/reusable/numberInput/numberInput.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-number-input", - "declaration": { - "name": "NumberInput", - "module": "src/components/reusable/numberInput/numberInput.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/overflowMenu/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "OverflowMenu", - "declaration": { - "name": "OverflowMenu", - "module": "./overflowMenu" - } - }, - { - "kind": "js", - "name": "OverflowMenuItem", - "declaration": { - "name": "OverflowMenuItem", - "module": "./overflowMenuItem" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/overflowMenu/overflowMenu.ts", - "declarations": [ - { - "kind": "class", - "description": "Overflow Menu.", - "name": "OverflowMenu", - "slots": [ - { - "description": "Slot for overflow menu items.", - "name": "unnamed" - } - ], - "members": [ - { - "kind": "field", - "name": "open", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Menu open state.", - "attribute": "open" - }, - { - "kind": "field", - "name": "anchorRight", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Anchors the menu to the right of the button.", - "attribute": "anchorRight" - }, - { - "kind": "field", - "name": "verticalDots", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "3 dots vertical orientation.", - "attribute": "verticalDots" - }, - { - "kind": "field", - "name": "fixed", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Use fixed instead of absolute position. Useful when placed within elements with overflow scroll.", - "attribute": "fixed" - }, - { - "kind": "field", - "name": "assistiveText", - "type": { - "text": "string" - }, - "default": "'Toggle Menu'", - "description": "Button assistive text..", - "attribute": "assistiveText" - }, - { - "kind": "method", - "name": "_emitToggleEvent", - "privacy": "private" - }, - { - "kind": "method", - "name": "toggleMenu", - "privacy": "private" - }, - { - "kind": "method", - "name": "_positionMenu", - "privacy": "private" - }, - { - "kind": "method", - "name": "handleClickOut", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] - }, - { - "kind": "method", - "name": "handleEscapePress", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "handleKeyDown", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "getMenuItems" - }, - { - "kind": "method", - "name": "getMenu" - } - ], - "events": [ - { - "description": "Capture the open/close event and emits the new state.", - "name": "on-toggle" - } - ], - "attributes": [ - { - "name": "open", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Menu open state.", - "fieldName": "open" - }, - { - "name": "anchorRight", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Anchors the menu to the right of the button.", - "fieldName": "anchorRight" - }, - { - "name": "verticalDots", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "3 dots vertical orientation.", - "fieldName": "verticalDots" - }, - { - "name": "fixed", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Use fixed instead of absolute position. Useful when placed within elements with overflow scroll.", - "fieldName": "fixed" + "description": "Slot for the error description.", + "name": "unnamed" }, { - "name": "assistiveText", - "type": { - "text": "string" - }, - "default": "'Toggle Menu'", - "description": "Button assistive text..", - "fieldName": "assistiveText" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-overflow-menu", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "OverflowMenu", - "declaration": { - "name": "OverflowMenu", - "module": "src/components/reusable/overflowMenu/overflowMenu.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-overflow-menu", - "declaration": { - "name": "OverflowMenu", - "module": "src/components/reusable/overflowMenu/overflowMenu.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/overflowMenu/overflowMenuItem.ts", - "declarations": [ - { - "kind": "class", - "description": "Overflow Menu.", - "name": "OverflowMenuItem", - "slots": [ + "description": "Slot for the error image.", + "name": "image" + }, { - "description": "Slot for item text.", - "name": "unnamed" + "description": "Slot for the action buttons.", + "name": "actions" } ], "members": [ { "kind": "field", - "name": "href", - "type": { - "text": "string" - }, - "default": "''", - "description": "Makes the item a link.", - "attribute": "href" - }, - { - "kind": "field", - "name": "destructive", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Adds destructive styles.", - "attribute": "destructive" - }, - { - "kind": "field", - "name": "disabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Item disabled state.", - "attribute": "disabled" - }, - { - "kind": "field", - "name": "description", + "name": "titleText", "type": { "text": "string" }, "default": "''", - "description": "Item description text for screen reader's", - "attribute": "description" - }, - { - "kind": "method", - "name": "handleClick", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] - }, - { - "kind": "method", - "name": "handleKeyDown", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "checkOverflow", - "privacy": "private" - } - ], - "events": [ - { - "description": "Captures the click event and emits the original event details.", - "name": "on-click" + "description": "Title text", + "attribute": "titleText" } ], "attributes": [ { - "name": "href", - "type": { - "text": "string" - }, - "default": "''", - "description": "Makes the item a link.", - "fieldName": "href" - }, - { - "name": "destructive", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Adds destructive styles.", - "fieldName": "destructive" - }, - { - "name": "disabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Item disabled state.", - "fieldName": "disabled" - }, - { - "name": "description", + "name": "titleText", "type": { "text": "string" }, "default": "''", - "description": "Item description text for screen reader's", - "fieldName": "description" + "description": "Title text", + "fieldName": "titleText" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-overflow-menu-item", + "tagName": "kyn-error-block", "customElement": true } ], "exports": [ { "kind": "js", - "name": "OverflowMenuItem", + "name": "ErrorBlock", "declaration": { - "name": "OverflowMenuItem", - "module": "src/components/reusable/overflowMenu/overflowMenuItem.ts" + "name": "ErrorBlock", + "module": "src/components/reusable/errorBlock/errorBlock.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-overflow-menu-item", + "name": "kyn-error-block", "declaration": { - "name": "OverflowMenuItem", - "module": "src/components/reusable/overflowMenu/overflowMenuItem.ts" + "name": "ErrorBlock", + "module": "src/components/reusable/errorBlock/errorBlock.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/pagetitle/index.ts", + "path": "src/components/reusable/errorBlock/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "PageTitle", + "name": "ErrorBlock", "declaration": { - "name": "PageTitle", - "module": "./pageTitle" + "name": "ErrorBlock", + "module": "./errorBlock" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/pagetitle/pageTitle.ts", + "path": "src/components/reusable/globalFilter/globalFilter.ts", "declarations": [ - { - "kind": "class", - "description": "Page Title", - "name": "PageTitle", - "slots": [ - { - "description": "Slot for icon. Use size 56 * 56 as per UX guidelines.", - "name": "icon" - } - ], - "members": [ - { - "kind": "field", - "name": "headLine", - "type": { - "text": "string" - }, - "default": "''", - "description": "Headline text.", - "attribute": "headLine" - }, - { - "kind": "field", - "name": "pageTitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Page title text (required).", - "attribute": "pageTitle" - }, - { - "kind": "field", - "name": "subTitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Page subtitle text.", - "attribute": "subTitle" - }, - { - "kind": "field", - "name": "type", - "type": { - "text": "string" - }, - "default": "'primary'", - "description": "Type of page title `'primary'` & `'secondary'`.", - "attribute": "type" - } - ], - "attributes": [ - { - "name": "headLine", - "type": { - "text": "string" - }, - "default": "''", - "description": "Headline text.", - "fieldName": "headLine" - }, - { - "name": "pageTitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Page title text (required).", - "fieldName": "pageTitle" + { + "kind": "class", + "description": "Global Filter bar.", + "name": "GlobalFilter", + "slots": [ + { + "description": "Left slot, intended for search input and modal.", + "name": "unnamed" }, { - "name": "subTitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Page subtitle text.", - "fieldName": "subTitle" + "description": "Right slot, intended for action buttons and overflow menu.", + "name": "actions" }, { - "name": "type", - "type": { - "text": "string" - }, - "default": "'primary'", - "description": "Type of page title `'primary'` & `'secondary'`.", - "fieldName": "type" + "description": "Slot below the filter bar, for tag group.", + "name": "tags" } ], + "members": [], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-page-title", + "tagName": "kyn-global-filter", "customElement": true } ], "exports": [ { "kind": "js", - "name": "PageTitle", + "name": "GlobalFilter", "declaration": { - "name": "PageTitle", - "module": "src/components/reusable/pagetitle/pageTitle.ts" + "name": "GlobalFilter", + "module": "src/components/reusable/globalFilter/globalFilter.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-page-title", + "name": "kyn-global-filter", "declaration": { - "name": "PageTitle", - "module": "src/components/reusable/pagetitle/pageTitle.ts" + "name": "GlobalFilter", + "module": "src/components/reusable/globalFilter/globalFilter.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/progressBar/index.ts", + "path": "src/components/reusable/globalFilter/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "ProgressBar", + "name": "GlobalFilter", "declaration": { - "name": "ProgressBar", - "module": "./progressBar" + "name": "GlobalFilter", + "module": "./globalFilter" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/progressBar/progressBar.ts", + "path": "src/components/reusable/inlineCodeView/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "InlineCodeView", + "declaration": { + "name": "InlineCodeView", + "module": "./inlineCodeView" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/inlineCodeView/inlineCodeView.ts", "declarations": [ { "kind": "class", - "description": "`` -- progress bar status indicator component.", - "name": "ProgressBar", + "description": "`` component to display code snippets inline within HTML content.", + "name": "InlineCodeView", "slots": [ { - "description": "Slot for tooltip text content.", + "description": "inline code snippet slot.", "name": "unnamed" } ], "members": [ { "kind": "field", - "name": "showInlineLoadStatus", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Sets visibility of optional inline load status spinner.", - "attribute": "showInlineLoadStatus" - }, - { - "kind": "field", - "name": "showActiveHelperText", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Controls whether to show default helper text for active state.", - "attribute": "showActiveHelperText" - }, - { - "kind": "field", - "name": "progressBarId", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets progress bar html id property for accessibility (ex: `example-progress-bar`).", - "attribute": "progressBarId" - }, - { - "kind": "field", - "name": "status", - "type": { - "text": "'active' | 'success' | 'error'" - }, - "default": "'active'", - "description": "Sets progress bar status mode.", - "attribute": "status" - }, - { - "kind": "field", - "name": "value", + "name": "darkTheme", "type": { - "text": "number | null" + "text": "'light' | 'dark'" }, - "default": "null", - "description": "Sets initial progress bar value (optionally hard-coded).", - "attribute": "value" + "default": "'dark'", + "description": "Sets background and text theming.", + "attribute": "darkTheme" }, { "kind": "field", - "name": "max", + "name": "snippetFontSize", "type": { "text": "number" }, - "default": "100", - "description": "Sets manual max value (default = 100).", - "attribute": "max" - }, - { - "kind": "field", - "name": "label", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets optional progress bar label.", - "attribute": "label" - }, - { - "kind": "field", - "name": "helperText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets optional helper text that appears underneath progress bar element.", - "attribute": "helperText" - }, + "default": "14", + "description": "Font size value (px) to match code snippet font-size of surrounding text (min, default 14px).", + "attribute": "snippetFontSize" + } + ], + "attributes": [ { - "kind": "field", - "name": "unit", + "name": "darkTheme", "type": { - "text": "string" + "text": "'light' | 'dark'" }, - "default": "''", - "description": "Sets the unit for progress measurement (ex: 'MB', 'GB', '%')", - "attribute": "unit" + "default": "'dark'", + "description": "Sets background and text theming.", + "fieldName": "darkTheme" }, { - "kind": "field", - "name": "hideLabel", + "name": "snippetFontSize", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Visually hide the label.", - "attribute": "hideLabel" - }, - { - "kind": "method", - "name": "renderProgressBar", - "privacy": "private", - "parameters": [ - { - "name": "currentStatus", - "type": { - "text": "ProgressStatus" - } - }, - { - "name": "currentValue", - "type": { - "text": "number | null" - } - } - ] - }, - { - "kind": "method", - "name": "renderProgressBarLabel", - "privacy": "private", - "parameters": [ - { - "name": "currentStatus", - "type": { - "text": "ProgressStatus" - } - }, - { - "name": "currentValue", - "type": { - "text": "number | null" - } - } - ] - }, - { - "kind": "method", - "name": "renderStatusIconOrLoader", - "privacy": "private", - "parameters": [ - { - "name": "currentStatus", - "type": { - "text": "ProgressStatus" - } - }, - { - "name": "currentValue", - "type": { - "text": "number | null" - } - } - ] - }, - { - "kind": "method", - "name": "getProgressBarClasses", - "privacy": "private", - "parameters": [ - { - "name": "status", - "type": { - "text": "ProgressStatus" - } - } - ] - }, + "default": "14", + "description": "Font size value (px) to match code snippet font-size of surrounding text (min, default 14px).", + "fieldName": "snippetFontSize" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-inline-code-view", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "InlineCodeView", + "declaration": { + "name": "InlineCodeView", + "module": "src/components/reusable/inlineCodeView/inlineCodeView.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-inline-code-view", + "declaration": { + "name": "InlineCodeView", + "module": "src/components/reusable/inlineCodeView/inlineCodeView.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/loaders/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "Loader", + "declaration": { + "name": "Loader", + "module": "./loader" + } + }, + { + "kind": "js", + "name": "LoaderInline", + "declaration": { + "name": "LoaderInline", + "module": "./inline" + } + }, + { + "kind": "js", + "name": "Skeleton", + "declaration": { + "name": "Skeleton", + "module": "./skeleton" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/loaders/inline.ts", + "declarations": [ + { + "kind": "class", + "description": "Inline Loader.", + "name": "LoaderInline", + "slots": [ { - "kind": "method", - "name": "getHelperText", - "privacy": "private" - }, + "description": "Slot for text/description.", + "name": "unnamed" + } + ], + "members": [ { - "kind": "method", - "name": "getCurrentStatus", - "privacy": "private", - "return": { - "type": { - "text": "ProgressStatus" - } + "kind": "field", + "name": "status", + "type": { + "text": "string" }, - "parameters": [ - { - "name": "currentValue", - "type": { - "text": "number | null" - } - } - ] + "default": "'active'", + "description": "Status. Can be `active`, `inactive`, `success`, `error`.", + "attribute": "status" }, { "kind": "method", - "name": "startProgress", + "name": "_emitStart", "privacy": "private" }, { "kind": "method", - "name": "cancelAnimation", + "name": "_emitStop", "privacy": "private" } ], - "attributes": [ - { - "name": "showInlineLoadStatus", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Sets visibility of optional inline load status spinner.", - "fieldName": "showInlineLoadStatus" - }, + "events": [ { - "name": "showActiveHelperText", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Controls whether to show default helper text for active state.", - "fieldName": "showActiveHelperText" + "description": "Emits when the loader been started.", + "name": "on-start" }, { - "name": "progressBarId", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets progress bar html id property for accessibility (ex: `example-progress-bar`).", - "fieldName": "progressBarId" - }, + "description": "Emits when the loader has been stopped and all animations have completed.", + "name": "on-stop" + } + ], + "attributes": [ { "name": "status", "type": { - "text": "'active' | 'success' | 'error'" + "text": "string" }, "default": "'active'", - "description": "Sets progress bar status mode.", + "description": "Status. Can be `active`, `inactive`, `success`, `error`.", "fieldName": "status" - }, + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-loader-inline", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "LoaderInline", + "declaration": { + "name": "LoaderInline", + "module": "src/components/reusable/loaders/inline.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-loader-inline", + "declaration": { + "name": "LoaderInline", + "module": "src/components/reusable/loaders/inline.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/loaders/loader.ts", + "declarations": [ + { + "kind": "class", + "description": "Loader.", + "name": "Loader", + "members": [ { - "name": "value", + "kind": "field", + "name": "stopped", "type": { - "text": "number | null" + "text": "boolean" }, - "default": "null", - "description": "Sets initial progress bar value (optionally hard-coded).", - "fieldName": "value" + "default": "false", + "description": "Animation stopped state", + "attribute": "stopped" }, { - "name": "max", + "kind": "field", + "name": "overlay", "type": { - "text": "number" + "text": "boolean" }, - "default": "100", - "description": "Sets manual max value (default = 100).", - "fieldName": "max" + "default": "false", + "description": "Display the loader as an overlay", + "attribute": "overlay" }, { - "name": "label", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets optional progress bar label.", - "fieldName": "label" + "kind": "method", + "name": "_emitStart", + "privacy": "private" }, { - "name": "helperText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets optional helper text that appears underneath progress bar element.", - "fieldName": "helperText" + "kind": "method", + "name": "_emitStop", + "privacy": "private" + } + ], + "events": [ + { + "description": "Emits when the loader been started.", + "name": "on-start" }, { - "name": "unit", + "description": "Emits when the loader has been stopped and all animations have completed.", + "name": "on-stop" + } + ], + "attributes": [ + { + "name": "stopped", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets the unit for progress measurement (ex: 'MB', 'GB', '%')", - "fieldName": "unit" + "default": "false", + "description": "Animation stopped state", + "fieldName": "stopped" }, { - "name": "hideLabel", + "name": "overlay", "type": { "text": "boolean" }, "default": "false", - "description": "Visually hide the label.", - "fieldName": "hideLabel" + "description": "Display the loader as an overlay", + "fieldName": "overlay" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-progress-bar", + "tagName": "kyn-loader", "customElement": true } ], "exports": [ { "kind": "js", - "name": "ProgressBar", + "name": "Loader", "declaration": { - "name": "ProgressBar", - "module": "src/components/reusable/progressBar/progressBar.ts" + "name": "Loader", + "module": "src/components/reusable/loaders/loader.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-progress-bar", + "name": "kyn-loader", "declaration": { - "name": "ProgressBar", - "module": "src/components/reusable/progressBar/progressBar.ts" + "name": "Loader", + "module": "src/components/reusable/loaders/loader.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/pagination/Pagination.ts", + "path": "src/components/reusable/loaders/skeleton.ts", "declarations": [ { "kind": "class", - "description": "`kyn-pagination` Web Component.\n\nA component that provides pagination functionality, enabling the user to\nnavigate through large datasets by splitting them into discrete chunks.\nIntegrates with other utility components like items range display, page size dropdown,\nand navigation buttons.", - "name": "Pagination", + "description": "", + "name": "Skeleton", "members": [ { "kind": "field", - "name": "count", + "name": "shape", "type": { - "text": "number" + "text": "'rectangle' | 'circle'" }, - "default": "0", - "description": "Total number of items that need pagination.", - "attribute": "count", + "default": "'rectangle'", + "description": "Defines the shape of the skeleton element.", + "attribute": "shape", "reflects": true }, { "kind": "field", - "name": "pageNumber", + "name": "size", "type": { - "text": "number" + "text": "'small' | 'medium' | 'large' | undefined" }, - "default": "1", - "description": "Current active page number.", - "attribute": "pageNumber", - "reflects": true + "description": "Optional: Predefined size (small, medium, large).", + "attribute": "size" }, { "kind": "field", - "name": "pageSize", + "name": "width", "type": { - "text": "number" + "text": "string | undefined" }, - "default": "5", - "description": "Number of items displayed per page.", - "attribute": "pageSize", - "reflects": true + "description": "Optional: Custom width (overrides size if provided).", + "attribute": "width" }, { "kind": "field", - "name": "pageSizeOptions", + "name": "height", "type": { - "text": "number[]" + "text": "string | undefined" }, - "default": "[5, 10, 20, 30, 40, 50, 100]", - "description": "Available options for the page size.", - "attribute": "pageSizeOptions" + "description": "Optional: Custom height (overrides size if provided).", + "attribute": "height" }, { "kind": "field", - "name": "_numberOfPages", + "name": "lines", "type": { "text": "number" }, "default": "1", - "description": "Number of pages." - }, - { - "kind": "field", - "name": "pageSizeDropdownLabel", - "default": "PAGE_SIZE_LABEL", - "description": "Label for the page size dropdown. Required for accessibility.", - "attribute": "pageSizeDropdownLabel" - }, - { - "kind": "field", - "name": "hideItemsRange", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Option to hide the items range display.", - "attribute": "hideItemsRange" - }, - { - "kind": "field", - "name": "hidePageSizeDropdown", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Option to hide the page size dropdown.", - "attribute": "hidePageSizeDropdown" + "description": "Sets the number of skeleton lines to display.", + "attribute": "lines" }, { "kind": "field", - "name": "hideNavigationButtons", + "name": "inline", "type": { "text": "boolean" }, "default": "false", - "description": "Option to hide the navigation buttons.", - "attribute": "hideNavigationButtons" + "description": "Sets whether to display inline or block.", + "attribute": "inline" }, { "kind": "field", - "name": "textStrings", + "name": "shade", "type": { - "text": "object" + "text": "'light' | 'dark' | string" }, - "default": "{\n showing: 'Showing',\n of: 'of',\n items: 'items',\n pages: 'pages',\n itemsPerPage: 'Items per page:',\n previousPage: 'Previous page',\n nextPage: 'Next page',\n }", - "description": "Customizable text strings", - "attribute": "textStrings" - }, - { - "kind": "method", - "name": "handlePageSizeChange", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "CustomEvent" - }, - "description": "The emitted custom event with the selected page size." - } - ], - "description": "Handler for the event when the page size is changed by the user.\nUpdates the `pageSize` and resets the `pageNumber` to 1." - }, - { - "kind": "method", - "name": "handlePageNumberChange", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "CustomEvent" - }, - "description": "The emitted custom event with the selected page number." - } - ], - "description": "Handler for the event when the page number is changed by the user.\nUpdates the `pageNumber`." - } - ], - "events": [ - { - "description": "Dispatched when the page size changes.", - "name": "on-page-size-change" - }, - { - "description": "Dispatched when the currently active page changes.", - "name": "on-page-number-change" + "default": "'light'", + "description": "Defines the shade of the skeleton.", + "attribute": "shade" } ], "attributes": [ { - "name": "count", - "type": { - "text": "number" - }, - "default": "0", - "description": "Total number of items that need pagination.", - "fieldName": "count" - }, - { - "name": "pageNumber", + "name": "shape", "type": { - "text": "number" + "text": "'rectangle' | 'circle'" }, - "default": "1", - "description": "Current active page number.", - "fieldName": "pageNumber" + "default": "'rectangle'", + "description": "Defines the shape of the skeleton element.", + "fieldName": "shape" }, { - "name": "pageSize", + "name": "size", "type": { - "text": "number" + "text": "'small' | 'medium' | 'large' | undefined" }, - "default": "5", - "description": "Number of items displayed per page.", - "fieldName": "pageSize" + "description": "Optional: Predefined size (small, medium, large).", + "fieldName": "size" }, { - "name": "pageSizeOptions", + "name": "width", "type": { - "text": "number[]" + "text": "string | undefined" }, - "default": "[5, 10, 20, 30, 40, 50, 100]", - "description": "Available options for the page size.", - "fieldName": "pageSizeOptions" - }, - { - "name": "pageSizeDropdownLabel", - "default": "PAGE_SIZE_LABEL", - "description": "Label for the page size dropdown. Required for accessibility.", - "fieldName": "pageSizeDropdownLabel" + "description": "Optional: Custom width (overrides size if provided).", + "fieldName": "width" }, { - "name": "hideItemsRange", + "name": "height", "type": { - "text": "boolean" + "text": "string | undefined" }, - "default": "false", - "description": "Option to hide the items range display.", - "fieldName": "hideItemsRange" + "description": "Optional: Custom height (overrides size if provided).", + "fieldName": "height" }, { - "name": "hidePageSizeDropdown", + "name": "lines", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Option to hide the page size dropdown.", - "fieldName": "hidePageSizeDropdown" + "default": "1", + "description": "Sets the number of skeleton lines to display.", + "fieldName": "lines" }, { - "name": "hideNavigationButtons", + "name": "inline", "type": { "text": "boolean" }, "default": "false", - "description": "Option to hide the navigation buttons.", - "fieldName": "hideNavigationButtons" + "description": "Sets whether to display inline or block.", + "fieldName": "inline" }, { - "name": "textStrings", + "name": "shade", "type": { - "text": "object" + "text": "'light' | 'dark' | string" }, - "default": "{\n showing: 'Showing',\n of: 'of',\n items: 'items',\n pages: 'pages',\n itemsPerPage: 'Items per page:',\n previousPage: 'Previous page',\n nextPage: 'Next page',\n }", - "description": "Customizable text strings", - "fieldName": "textStrings" + "default": "'light'", + "description": "Defines the shade of the skeleton.", + "fieldName": "shade" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-pagination", + "tagName": "kyn-skeleton", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Pagination", - "declaration": { - "name": "Pagination", - "module": "src/components/reusable/pagination/Pagination.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-pagination", - "declaration": { - "name": "Pagination", - "module": "src/components/reusable/pagination/Pagination.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/pagination/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "Pagination", - "declaration": { - "name": "Pagination", - "module": "./Pagination" - } - }, - { - "kind": "js", - "name": "PaginationItemsRange", - "declaration": { - "name": "PaginationItemsRange", - "module": "./pagination-items-range" - } - }, - { - "kind": "js", - "name": "PaginationPageSizeDropdown", - "declaration": { - "name": "PaginationPageSizeDropdown", - "module": "./pagination-page-size-dropdown" + "name": "Skeleton", + "declaration": { + "name": "Skeleton", + "module": "src/components/reusable/loaders/skeleton.ts" } }, { - "kind": "js", - "name": "PaginationNavigationButtons", + "kind": "custom-element-definition", + "name": "kyn-skeleton", "declaration": { - "name": "PaginationNavigationButtons", - "module": "./pagination-navigation-buttons" + "name": "Skeleton", + "module": "src/components/reusable/loaders/skeleton.ts" } - }, + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/modal/index.ts", + "declarations": [], + "exports": [ { "kind": "js", - "name": "PaginationSkeleton", + "name": "Modal", "declaration": { - "name": "PaginationSkeleton", - "module": "./pagination.skeleton" + "name": "Modal", + "module": "./modal" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/pagination/pagination-items-range.ts", + "path": "src/components/reusable/modal/modal.ts", "declarations": [ { "kind": "class", - "description": "`kyn-pagination-items-range` Web Component.\n\nThis component is responsible for displaying the range of items being displayed\nin the context of pagination. It shows which items (by number) are currently visible\nand the total number of items.", - "name": "PaginationItemsRange", + "description": "Modal.", + "name": "Modal", + "slots": [ + { + "description": "Slot for modal body content.", + "name": "unnamed" + }, + { + "description": "Slot for the anchor button content.", + "name": "anchor" + } + ], "members": [ { "kind": "field", - "name": "count", + "name": "open", "type": { - "text": "number" + "text": "boolean" }, - "default": "0", - "description": "Total number of items.", - "attribute": "count", - "reflects": true + "default": "false", + "description": "Modal open state.", + "attribute": "open" }, { "kind": "field", - "name": "pageNumber", + "name": "size", "type": { - "text": "number" + "text": "string" }, - "default": "1", - "description": "Current page number being displayed.", - "attribute": "pageNumber", - "reflects": true + "default": "'auto'", + "description": "Modal size. `'auto'`, `'md'`, or `'lg'`.", + "attribute": "size" }, { "kind": "field", - "name": "pageSize", + "name": "titleText", "type": { - "text": "number" + "text": "string" }, - "default": "5", - "description": "Number of items displayed per page.", - "attribute": "pageSize", - "reflects": true + "default": "''", + "description": "Title/heading text, required.", + "attribute": "titleText" }, { - "kind": "method", - "name": "itemsRangeText", - "privacy": "private", - "return": { - "type": { - "text": "string" - } + "kind": "field", + "name": "labelText", + "type": { + "text": "string" }, - "parameters": [ - { - "name": "isMobile", - "type": { - "text": "Boolean" - } - } - ] - } - ], - "attributes": [ + "default": "''", + "description": "Label text, optional.", + "attribute": "labelText" + }, { - "name": "count", + "kind": "field", + "name": "okText", "type": { - "text": "number" + "text": "string" }, - "default": "0", - "description": "Total number of items.", - "fieldName": "count" + "default": "'OK'", + "description": "OK button text.", + "attribute": "okText" }, { - "name": "pageNumber", + "kind": "field", + "name": "cancelText", "type": { - "text": "number" + "text": "string" }, - "default": "1", - "description": "Current page number being displayed.", - "fieldName": "pageNumber" + "default": "'Cancel'", + "description": "Cancel button text.", + "attribute": "cancelText" }, { - "name": "pageSize", + "kind": "field", + "name": "destructive", "type": { - "text": "number" + "text": "boolean" }, - "default": "5", - "description": "Number of items displayed per page.", - "fieldName": "pageSize" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-pagination-items-range", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "PaginationItemsRange", - "declaration": { - "name": "PaginationItemsRange", - "module": "src/components/reusable/pagination/pagination-items-range.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-pagination-items-range", - "declaration": { - "name": "PaginationItemsRange", - "module": "src/components/reusable/pagination/pagination-items-range.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/pagination/pagination-navigation-buttons.ts", - "declarations": [ - { - "kind": "class", - "description": "`kyn-pagination-navigation-buttons` Web Component.\n\nThis component provides navigational controls for pagination.\nIt includes back and next buttons, along with displaying the current page and total pages.", - "name": "PaginationNavigationButtons", - "members": [ + "default": "false", + "description": "Changes the primary button styles to indicate the action is destructive.", + "attribute": "destructive" + }, { "kind": "field", - "name": "pageNumber", + "name": "okDisabled", "type": { - "text": "number" + "text": "boolean" }, - "default": "1", - "attribute": "pageNumber", - "reflects": true + "default": "false", + "description": "Disables the primary button.", + "attribute": "okDisabled" }, { "kind": "field", - "name": "numberOfPages", + "name": "secondaryDisabled", "type": { - "text": "number" + "text": "boolean" }, - "default": "1", - "attribute": "numberOfPages", - "reflects": true + "default": "false", + "description": "Disables the secondary button.", + "attribute": "secondaryDisabled" }, { "kind": "field", - "name": "SMALLEST_PAGE_NUMBER", + "name": "hideFooter", "type": { - "text": "number" + "text": "boolean" + }, + "default": "false", + "description": "Hides the footer/action buttons to create a passive modal.", + "attribute": "hideFooter" + }, + { + "kind": "field", + "name": "secondaryButtonText", + "type": { + "text": "string" + }, + "default": "'Secondary'", + "description": "Secondary button text.", + "attribute": "secondaryButtonText" + }, + { + "kind": "field", + "name": "showSecondaryButton", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Hides the secondary button.", + "attribute": "showSecondaryButton" + }, + { + "kind": "field", + "name": "hideCancelButton", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Hides the cancel button.", + "attribute": "hideCancelButton" + }, + { + "kind": "field", + "name": "beforeClose", + "type": { + "text": "Function" + }, + "description": "Function to execute before the modal can close. Useful for running checks or validations before closing. Exposes `returnValue` (`'ok'` or `'cancel'`). Must return `true` or `false`." + }, + { + "kind": "field", + "name": "closeText", + "type": { + "text": "string" }, + "default": "'Close'", + "description": "Close button text.", + "attribute": "closeText" + }, + { + "kind": "method", + "name": "_openModal", + "privacy": "private" + }, + { + "kind": "method", + "name": "_closeModal", "privacy": "private", - "readonly": true, - "default": "1" + "parameters": [ + { + "name": "e", + "type": { + "text": "Event" + } + }, + { + "name": "returnValue", + "type": { + "text": "string" + } + } + ] }, { "kind": "method", - "name": "handleButtonClick", + "name": "_emitCloseEvent", "privacy": "private", "parameters": [ { - "name": "next", + "name": "e", "type": { - "text": "boolean" - }, - "description": "If true, will move to the next page, otherwise to the previous page" + "text": "Event" + } } - ], - "description": "Handles the button click event, either moving to the next page or previous page" + ] } ], "events": [ { - "name": "on-page-number-change", - "type": { - "text": "CustomEvent" - }, - "description": "Dispatched when the page number is changed." + "description": "Emits the modal close event with `returnValue` (`'ok'` or `'cancel'`).", + "name": "on-close" } ], "attributes": [ { - "name": "pageNumber", + "name": "open", "type": { - "text": "number" + "text": "boolean" }, - "default": "1", - "fieldName": "pageNumber" + "default": "false", + "description": "Modal open state.", + "fieldName": "open" }, { - "name": "numberOfPages", + "name": "size", "type": { - "text": "number" + "text": "string" }, - "default": "1", - "fieldName": "numberOfPages" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-pagination-navigation-buttons", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "PaginationNavigationButtons", - "declaration": { - "name": "PaginationNavigationButtons", - "module": "src/components/reusable/pagination/pagination-navigation-buttons.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-pagination-navigation-buttons", - "declaration": { - "name": "PaginationNavigationButtons", - "module": "src/components/reusable/pagination/pagination-navigation-buttons.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/pagination/pagination-page-size-dropdown.ts", - "declarations": [ - { - "kind": "class", - "description": "`kyn-pagination-page-size-dropdown` Web Component.\n\nThis component provides a dropdown to select the page size for pagination.\nIt emits events when the selected page size changes.", - "name": "PaginationPageSizeDropdown", - "members": [ + "default": "'auto'", + "description": "Modal size. `'auto'`, `'md'`, or `'lg'`.", + "fieldName": "size" + }, { - "kind": "field", - "name": "pageSize", + "name": "titleText", "type": { - "text": "number" + "text": "string" }, - "default": "5", - "description": "Current page size.", - "attribute": "pageSize", - "reflects": true + "default": "''", + "description": "Title/heading text, required.", + "fieldName": "titleText" }, { - "kind": "field", - "name": "pageSizeOptions", + "name": "labelText", "type": { - "text": "Array" + "text": "string" }, - "default": "[5, 10, 20, 30, 40, 50]", - "description": "Available options for the page size.", - "attribute": "pageSizeOptions" + "default": "''", + "description": "Label text, optional.", + "fieldName": "labelText" }, { - "kind": "method", - "name": "handleChange", - "privacy": "private", - "parameters": [ - { - "name": "event", - "type": { - "text": "CustomEvent" - }, - "description": "The dropdown change event." - } - ], - "description": "Handles the dropdown change event." - } - ], - "events": [ - { - "name": "on-page-size-change", + "name": "okText", "type": { - "text": "CustomEvent" + "text": "string" }, - "description": "The event fired when the page size changes." - } - ], - "attributes": [ + "default": "'OK'", + "description": "OK button text.", + "fieldName": "okText" + }, { - "name": "pageSize", + "name": "cancelText", "type": { - "text": "number" + "text": "string" }, - "default": "5", - "description": "Current page size.", - "fieldName": "pageSize" + "default": "'Cancel'", + "description": "Cancel button text.", + "fieldName": "cancelText" }, { - "name": "pageSizeOptions", + "name": "destructive", "type": { - "text": "Array" + "text": "boolean" }, - "default": "[5, 10, 20, 30, 40, 50]", - "description": "Available options for the page size.", - "fieldName": "pageSizeOptions" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-pagination-page-size-dropdown", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "PaginationPageSizeDropdown", - "declaration": { - "name": "PaginationPageSizeDropdown", - "module": "src/components/reusable/pagination/pagination-page-size-dropdown.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-pagination-page-size-dropdown", - "declaration": { - "name": "PaginationPageSizeDropdown", - "module": "src/components/reusable/pagination/pagination-page-size-dropdown.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/pagination/pagination.skeleton.ts", - "declarations": [ - { - "kind": "class", - "description": "`kyn-pagination-skeleton` Web Component.", - "name": "PaginationSkeleton", - "members": [ + "default": "false", + "description": "Changes the primary button styles to indicate the action is destructive.", + "fieldName": "destructive" + }, { - "kind": "field", - "name": "hideItemsRange", + "name": "okDisabled", "type": { "text": "boolean" }, "default": "false", - "description": "Option to hide the items range display.", - "attribute": "hideItemsRange" + "description": "Disables the primary button.", + "fieldName": "okDisabled" }, { - "kind": "field", - "name": "hidePageSizeDropdown", + "name": "secondaryDisabled", "type": { "text": "boolean" }, "default": "false", - "description": "Option to hide the page size dropdown.", - "attribute": "hidePageSizeDropdown" + "description": "Disables the secondary button.", + "fieldName": "secondaryDisabled" }, { - "kind": "field", - "name": "hideNavigationButtons", + "name": "hideFooter", "type": { "text": "boolean" }, "default": "false", - "description": "Option to hide the navigation buttons.", - "attribute": "hideNavigationButtons" - } - ], - "attributes": [ + "description": "Hides the footer/action buttons to create a passive modal.", + "fieldName": "hideFooter" + }, { - "name": "hideItemsRange", + "name": "secondaryButtonText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Option to hide the items range display.", - "fieldName": "hideItemsRange" + "default": "'Secondary'", + "description": "Secondary button text.", + "fieldName": "secondaryButtonText" }, { - "name": "hidePageSizeDropdown", + "name": "showSecondaryButton", "type": { "text": "boolean" }, "default": "false", - "description": "Option to hide the page size dropdown.", - "fieldName": "hidePageSizeDropdown" + "description": "Hides the secondary button.", + "fieldName": "showSecondaryButton" }, { - "name": "hideNavigationButtons", + "name": "hideCancelButton", "type": { "text": "boolean" }, "default": "false", - "description": "Option to hide the navigation buttons.", - "fieldName": "hideNavigationButtons" + "description": "Hides the cancel button.", + "fieldName": "hideCancelButton" + }, + { + "name": "closeText", + "type": { + "text": "string" + }, + "default": "'Close'", + "description": "Close button text.", + "fieldName": "closeText" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-pagination-skeleton", + "tagName": "kyn-modal", "customElement": true } ], "exports": [ { "kind": "js", - "name": "PaginationSkeleton", + "name": "Modal", "declaration": { - "name": "PaginationSkeleton", - "module": "src/components/reusable/pagination/pagination.skeleton.ts" + "name": "Modal", + "module": "src/components/reusable/modal/modal.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-pagination-skeleton", + "name": "kyn-modal", "declaration": { - "name": "PaginationSkeleton", - "module": "src/components/reusable/pagination/pagination.skeleton.ts" + "name": "Modal", + "module": "src/components/reusable/modal/modal.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/radioButton/index.ts", + "path": "src/components/reusable/notification/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "RadioButton", + "name": "Notification", "declaration": { - "name": "RadioButton", - "module": "./radioButton" + "name": "Notification", + "module": "./notification" } }, { "kind": "js", - "name": "RadioButtonGroup", + "name": "NotificationContainer", "declaration": { - "name": "RadioButtonGroup", - "module": "./radioButtonGroup" + "name": "NotificationContainer", + "module": "./notificationContainer" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/radioButton/radioButton.ts", + "path": "src/components/reusable/notification/notification.ts", "declarations": [ { "kind": "class", - "description": "Radio button.", - "name": "RadioButton", + "description": "Notification component.", + "name": "Notification", "slots": [ { - "description": "Slot for label text.", + "description": "Slot for notification message body.", "name": "unnamed" + }, + { + "description": "Slot for menu.", + "name": "actions" } ], "members": [ { "kind": "field", - "name": "value", + "name": "notificationTitle", "type": { "text": "string" }, "default": "''", - "description": "Radio button value.", - "attribute": "value" + "description": "Notification Title (Required).", + "attribute": "notificationTitle" }, { "kind": "field", - "name": "disabled", + "name": "notificationSubtitle", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Radio button disabled state, inherited from the parent group.", - "attribute": "disabled" + "default": "''", + "description": "Notification subtitle.(optional)", + "attribute": "notificationSubtitle" }, { - "kind": "method", - "name": "handleChange", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] - } - ], - "events": [ - { - "description": "Captures the change event and emits the selected value and original event details.", - "name": "on-radio-change" - } - ], - "attributes": [ + "kind": "field", + "name": "timeStamp", + "type": { + "text": "string" + }, + "default": "''", + "description": "Timestamp of notification.\nIt is recommended to add the context along with the timestamp. Example: `Updated 2 mins ago`.", + "attribute": "timeStamp" + }, { - "name": "value", + "kind": "field", + "name": "href", "type": { "text": "string" }, "default": "''", - "description": "Radio button value.", - "fieldName": "value" + "description": "Card href link", + "attribute": "href" }, { - "name": "disabled", + "kind": "field", + "name": "tagStatus", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Radio button disabled state, inherited from the parent group.", - "fieldName": "disabled" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-radio-button", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "RadioButton", - "declaration": { - "name": "RadioButton", - "module": "src/components/reusable/radioButton/radioButton.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-radio-button", - "declaration": { - "name": "RadioButton", - "module": "src/components/reusable/radioButton/radioButton.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/radioButton/radioButtonGroup.ts", - "declarations": [ - { - "kind": "class", - "description": "Radio button group container.", - "name": "RadioButtonGroup", - "slots": [ + "default": "'default'", + "description": "Notification status / tag type. `'default'`, `'info'`, `'warning'`, `'success'` & `'error'`.", + "attribute": "tagStatus" + }, { - "description": "Slot for individual radio buttons.", - "name": "unnamed" + "kind": "field", + "name": "type", + "type": { + "text": "string" + }, + "default": "'normal'", + "description": "Notification type. `'normal'`, `'inline'`, `'toast'` and `'clickable'`. Clickable type can be use inside notification panel", + "attribute": "type" }, { - "description": "Slot for description text.", - "name": "description" + "kind": "field", + "name": "textStrings", + "type": { + "text": "any" + }, + "default": "{\n success: 'Success',\n warning: 'Warning',\n info: 'Info',\n error: 'Error',\n }", + "description": "Customizable text strings.", + "attribute": "textStrings" }, { - "description": "Slot for tooltip.", - "name": "tooltip" - } - ], - "members": [ + "kind": "field", + "name": "closeBtnDescription", + "type": { + "text": "string" + }, + "default": "'Close'", + "description": "Close button description (Required to support accessibility).", + "attribute": "closeBtnDescription" + }, { "kind": "field", - "name": "label", + "name": "assistiveNotificationTypeText", "type": { "text": "string" }, "default": "''", - "description": "Label text", - "attribute": "label" + "description": "Assistive text for notification type.\nRequired for `'clickable'`, `'inline'` and `'toast'` notification types.", + "attribute": "assistiveNotificationTypeText" }, { "kind": "field", - "name": "required", + "name": "notificationRole", "type": { - "text": "boolean" + "text": "'alert' | 'log' | 'status' | undefined" }, - "default": "false", - "description": "Makes the input required.", - "attribute": "required" + "description": "Notification role (Required to support accessibility).", + "attribute": "notificationRole" }, { "kind": "field", - "name": "disabled", + "name": "statusLabel", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Radio button group disabled state.", - "attribute": "disabled" + "default": "'Status'", + "description": "Status label (Required to support accessibility).\nAssign the localized string value for the word **Status**.", + "attribute": "statusLabel" }, { "kind": "field", - "name": "horizontal", + "name": "unRead", "type": { "text": "boolean" }, "default": "false", - "description": "Radio button group horizontal layout.", - "attribute": "horizontal" + "description": "Set notification mark read prop. Required ony for `type: 'clickable'`.", + "attribute": "unRead", + "reflects": true }, { "kind": "field", - "name": "textStrings", - "default": "{\n required: 'Required',\n error: 'Error',\n}", - "description": "Text string customization.", - "attribute": "textStrings", + "name": "hideCloseButton", "type": { - "text": "object" - } + "text": "boolean" + }, + "default": "false", + "description": "Hide close (x) button. Useful only for `type='toast'`. This required `timeout > 0` otherwise toast remain as it is when `hideCloseButton` is set true.", + "attribute": "hideCloseButton" }, { - "kind": "method", - "name": "_handleSlotChange", - "privacy": "private" + "kind": "field", + "name": "timeout", + "type": { + "text": "number" + }, + "default": "8", + "description": "Timeout (Default 8 seconds for Toast). Specify an optional duration the toast notification should be closed in. Only apply with `type = 'toast'`", + "attribute": "timeout" }, { "kind": "method", - "name": "_updateChildren", + "name": "renderInnerUI", "privacy": "private" }, { "kind": "method", - "name": "_validate", - "privacy": "private", - "parameters": [ - { - "name": "interacted", - "type": { - "text": "Boolean" - } - }, - { - "name": "report", - "type": { - "text": "Boolean" - } - } - ] - }, - { - "kind": "method", - "name": "_handleRadioChange", + "name": "_close", + "privacy": "private" + }, + { + "kind": "method", + "name": "_handleClose", + "privacy": "private" + }, + { + "kind": "method", + "name": "_handleCardClick", "privacy": "private", "parameters": [ { @@ -9715,247 +6849,365 @@ ], "events": [ { - "description": "Captures the change event and emits the selected value.", - "name": "on-radio-group-change" + "description": "Emit event for clickable notification.", + "name": "on-notification-click" + }, + { + "description": "Emits when an inline/toast notification closes.", + "name": "on-close" } ], "attributes": [ { - "name": "label", + "name": "notificationTitle", "type": { "text": "string" }, "default": "''", - "description": "Label text", - "fieldName": "label" + "description": "Notification Title (Required).", + "fieldName": "notificationTitle" }, { - "name": "required", + "name": "notificationSubtitle", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Makes the input required.", - "fieldName": "required" + "default": "''", + "description": "Notification subtitle.(optional)", + "fieldName": "notificationSubtitle" }, { - "name": "disabled", + "name": "timeStamp", + "type": { + "text": "string" + }, + "default": "''", + "description": "Timestamp of notification.\nIt is recommended to add the context along with the timestamp. Example: `Updated 2 mins ago`.", + "fieldName": "timeStamp" + }, + { + "name": "href", + "type": { + "text": "string" + }, + "default": "''", + "description": "Card href link", + "fieldName": "href" + }, + { + "name": "tagStatus", + "type": { + "text": "string" + }, + "default": "'default'", + "description": "Notification status / tag type. `'default'`, `'info'`, `'warning'`, `'success'` & `'error'`.", + "fieldName": "tagStatus" + }, + { + "name": "type", + "type": { + "text": "string" + }, + "default": "'normal'", + "description": "Notification type. `'normal'`, `'inline'`, `'toast'` and `'clickable'`. Clickable type can be use inside notification panel", + "fieldName": "type" + }, + { + "name": "textStrings", + "type": { + "text": "any" + }, + "default": "{\n success: 'Success',\n warning: 'Warning',\n info: 'Info',\n error: 'Error',\n }", + "description": "Customizable text strings.", + "fieldName": "textStrings" + }, + { + "name": "closeBtnDescription", + "type": { + "text": "string" + }, + "default": "'Close'", + "description": "Close button description (Required to support accessibility).", + "fieldName": "closeBtnDescription" + }, + { + "name": "assistiveNotificationTypeText", + "type": { + "text": "string" + }, + "default": "''", + "description": "Assistive text for notification type.\nRequired for `'clickable'`, `'inline'` and `'toast'` notification types.", + "fieldName": "assistiveNotificationTypeText" + }, + { + "name": "notificationRole", + "type": { + "text": "'alert' | 'log' | 'status' | undefined" + }, + "description": "Notification role (Required to support accessibility).", + "fieldName": "notificationRole" + }, + { + "name": "statusLabel", + "type": { + "text": "string" + }, + "default": "'Status'", + "description": "Status label (Required to support accessibility).\nAssign the localized string value for the word **Status**.", + "fieldName": "statusLabel" + }, + { + "name": "unRead", "type": { "text": "boolean" }, "default": "false", - "description": "Radio button group disabled state.", - "fieldName": "disabled" + "description": "Set notification mark read prop. Required ony for `type: 'clickable'`.", + "fieldName": "unRead" }, { - "name": "horizontal", + "name": "hideCloseButton", "type": { "text": "boolean" }, "default": "false", - "description": "Radio button group horizontal layout.", - "fieldName": "horizontal" + "description": "Hide close (x) button. Useful only for `type='toast'`. This required `timeout > 0` otherwise toast remain as it is when `hideCloseButton` is set true.", + "fieldName": "hideCloseButton" }, { - "name": "textStrings", - "default": "_defaultTextStrings", - "description": "Text string customization.", - "fieldName": "textStrings" + "name": "timeout", + "type": { + "text": "number" + }, + "default": "8", + "description": "Timeout (Default 8 seconds for Toast). Specify an optional duration the toast notification should be closed in. Only apply with `type = 'toast'`", + "fieldName": "timeout" } ], - "mixins": [ + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-notification", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "Notification", + "declaration": { + "name": "Notification", + "module": "src/components/reusable/notification/notification.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-notification", + "declaration": { + "name": "Notification", + "module": "src/components/reusable/notification/notification.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/notification/notificationContainer.ts", + "declarations": [ + { + "kind": "class", + "description": "Notification container component for Toast notification.\nUsage is limited for ..", + "name": "NotificationContainer", + "slots": [ { - "name": "FormMixin", - "module": "/src/common/mixins/form-input" + "description": "Slot for component.", + "name": "unnamed" } ], + "members": [], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-radio-button-group", + "tagName": "kyn-notification-container", "customElement": true } ], "exports": [ { "kind": "js", - "name": "RadioButtonGroup", + "name": "NotificationContainer", "declaration": { - "name": "RadioButtonGroup", - "module": "src/components/reusable/radioButton/radioButtonGroup.ts" + "name": "NotificationContainer", + "module": "src/components/reusable/notification/notificationContainer.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-radio-button-group", + "name": "kyn-notification-container", "declaration": { - "name": "RadioButtonGroup", - "module": "src/components/reusable/radioButton/radioButtonGroup.ts" + "name": "NotificationContainer", + "module": "src/components/reusable/notification/notificationContainer.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/search/index.ts", + "path": "src/components/reusable/numberInput/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "Search", + "name": "NumberInput", "declaration": { - "name": "Search", - "module": "./search" + "name": "NumberInput", + "module": "./numberInput" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/search/search.ts", + "path": "src/components/reusable/numberInput/numberInput.ts", "declarations": [ { "kind": "class", - "description": "Search", - "name": "Search", + "description": "Number input.", + "name": "NumberInput", + "slots": [ + { + "description": "Slot for tooltip.", + "name": "tooltip" + } + ], "members": [ { "kind": "field", - "name": "name", + "name": "label", "type": { "text": "string" }, "default": "''", - "description": "Input name.", - "attribute": "name" + "description": "Label text.", + "attribute": "label" }, { "kind": "field", - "name": "label", + "name": "size", "type": { "text": "string" }, - "default": "'Search'", - "description": "Label text.", - "attribute": "label" + "default": "'md'", + "description": "Input size. \"sm\", \"md\", or \"lg\".", + "attribute": "size" + }, + { + "kind": "field", + "name": "value", + "type": { + "text": "number" + }, + "default": "0", + "description": "Input value.", + "attribute": "value" + }, + { + "kind": "field", + "name": "placeholder", + "type": { + "text": "string" + }, + "default": "''", + "description": "Input placeholder.", + "attribute": "placeholder" + }, + { + "kind": "field", + "name": "required", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Makes the input required.", + "attribute": "required" }, { "kind": "field", - "name": "expandable", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Expandable style search.", - "attribute": "expandable" + "description": "Input disabled state.", + "attribute": "disabled" }, { "kind": "field", - "name": "value", + "name": "caption", "type": { "text": "string" }, "default": "''", - "description": "Input value.", - "attribute": "value" + "description": "Optional text beneath the input.", + "attribute": "caption" }, { "kind": "field", - "name": "size", + "name": "max", "type": { - "text": "string" + "text": "number" }, - "default": "'md'", - "description": "Input & button size.", - "attribute": "size" + "description": "Maximum value.", + "attribute": "max" }, { "kind": "field", - "name": "disabled", + "name": "min", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Disabled state.", - "attribute": "disabled" + "description": "Minimum value.", + "attribute": "min" }, { "kind": "field", - "name": "suggestions", + "name": "step", "type": { - "text": "Array" + "text": "number" }, - "default": "[]", - "description": "Auto-suggest array of strings that should match the current value. Update this array externally after on-input.", - "attribute": "suggestions" + "default": "1", + "description": "Step value.", + "attribute": "step" }, { "kind": "field", - "name": "expandableSearchBtnDescription", + "name": "hideLabel", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Expandable style search button description (Required to support accessibility).", - "attribute": "expandableSearchBtnDescription" + "default": "false", + "description": "Visually hide the label.", + "attribute": "hideLabel" }, { "kind": "field", - "name": "assistiveTextStrings", - "default": "{\n searchSuggestions: 'Search suggestions.',\n noMatches: 'No matches found for',\n selected: 'Selected',\n found: 'Found',\n}", - "description": "Assistive text strings.", - "attribute": "assistiveTextStrings", + "name": "textStrings", + "default": "{\n requiredText: 'Required',\n subtract: 'Subtract',\n add: 'Add',\n error: 'Error',\n}", + "description": "Customizable text strings.", + "attribute": "textStrings", "type": { "text": "object" } }, { "kind": "method", - "name": "_buttonSizeMap", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleFocus", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleBlur", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleButtonClick", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleInput", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "CustomEvent" - } - } - ] - }, - { - "kind": "method", - "name": "_handleSuggestionClick", + "name": "_sizeMap", "privacy": "private", "parameters": [ { - "name": "e", - "type": { - "text": "any" - } - }, - { - "name": "suggestion", + "name": "size", "type": { "text": "string" } @@ -9964,33 +7216,17 @@ }, { "kind": "method", - "name": "_handleSuggestionWithMouseUp", - "privacy": "private", - "parameters": [ - { - "name": "suggestion", - "type": { - "text": "string" - } - } - ] + "name": "_handleSubtract", + "privacy": "private" }, { "kind": "method", - "name": "_handleSuggestionWithMouseDown", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] + "name": "_handleAdd", + "privacy": "private" }, { "kind": "method", - "name": "handleSearchKeydown", + "name": "_handleInput", "privacy": "private", "parameters": [ { @@ -10003,11 +7239,12 @@ }, { "kind": "method", - "name": "handleListKeydown", + "name": "_emitValue", "privacy": "private", "parameters": [ { "name": "e", + "optional": true, "type": { "text": "any" } @@ -10016,80 +7253,75 @@ }, { "kind": "method", - "name": "handleKeyboard", + "name": "_validate", "privacy": "private", "parameters": [ { - "name": "keyCode", + "name": "interacted", "type": { - "text": "number" + "text": "Boolean" } }, { - "name": "target", + "name": "report", "type": { - "text": "string" + "text": "Boolean" } } ] - }, - { - "kind": "method", - "name": "_checkForMatchingSuggestions", - "privacy": "private" } ], "events": [ { - "description": "Emits the value on text input/clear.", + "description": "Captures the input event and emits the value and original event details.", "name": "on-input" } ], "attributes": [ { - "name": "name", + "name": "label", "type": { "text": "string" }, "default": "''", - "description": "Input name.", - "fieldName": "name" + "description": "Label text.", + "fieldName": "label" }, { - "name": "label", + "name": "size", "type": { "text": "string" }, - "default": "'Search'", - "description": "Label text.", - "fieldName": "label" + "default": "'md'", + "description": "Input size. \"sm\", \"md\", or \"lg\".", + "fieldName": "size" }, { - "name": "expandable", + "name": "value", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Expandable style search.", - "fieldName": "expandable" + "default": "0", + "description": "Input value.", + "fieldName": "value" }, { - "name": "value", + "name": "placeholder", "type": { "text": "string" }, "default": "''", - "description": "Input value.", - "fieldName": "value" + "description": "Input placeholder.", + "fieldName": "placeholder" }, { - "name": "size", + "name": "required", "type": { - "text": "string" + "text": "boolean" }, - "default": "'md'", - "description": "Input & button size.", - "fieldName": "size" + "default": "false", + "description": "Makes the input required.", + "fieldName": "required" }, { "name": "disabled", @@ -10097,92 +7329,127 @@ "text": "boolean" }, "default": "false", - "description": "Disabled state.", + "description": "Input disabled state.", "fieldName": "disabled" }, { - "name": "suggestions", + "name": "caption", "type": { - "text": "Array" + "text": "string" }, - "default": "[]", - "description": "Auto-suggest array of strings that should match the current value. Update this array externally after on-input.", - "fieldName": "suggestions" + "default": "''", + "description": "Optional text beneath the input.", + "fieldName": "caption" }, { - "name": "expandableSearchBtnDescription", + "name": "max", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Expandable style search button description (Required to support accessibility).", - "fieldName": "expandableSearchBtnDescription" + "description": "Maximum value.", + "fieldName": "max" }, { - "name": "assistiveTextStrings", + "name": "min", + "type": { + "text": "number" + }, + "description": "Minimum value.", + "fieldName": "min" + }, + { + "name": "step", + "type": { + "text": "number" + }, + "default": "1", + "description": "Step value.", + "fieldName": "step" + }, + { + "name": "hideLabel", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Visually hide the label.", + "fieldName": "hideLabel" + }, + { + "name": "textStrings", "default": "_defaultTextStrings", - "description": "Assistive text strings.", - "fieldName": "assistiveTextStrings" + "description": "Customizable text strings.", + "fieldName": "textStrings" + } + ], + "mixins": [ + { + "name": "FormMixin", + "module": "/src/common/mixins/form-input" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-search", + "tagName": "kyn-number-input", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Search", - "declaration": { - "name": "Search", - "module": "src/components/reusable/search/search.ts" + "name": "NumberInput", + "declaration": { + "name": "NumberInput", + "module": "src/components/reusable/numberInput/numberInput.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-search", + "name": "kyn-number-input", "declaration": { - "name": "Search", - "module": "src/components/reusable/search/search.ts" + "name": "NumberInput", + "module": "src/components/reusable/numberInput/numberInput.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/sideDrawer/index.ts", + "path": "src/components/reusable/overflowMenu/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "SideDrawer", + "name": "OverflowMenu", "declaration": { - "name": "SideDrawer", - "module": "./sideDrawer" + "name": "OverflowMenu", + "module": "./overflowMenu" + } + }, + { + "kind": "js", + "name": "OverflowMenuItem", + "declaration": { + "name": "OverflowMenuItem", + "module": "./overflowMenuItem" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/sideDrawer/sideDrawer.ts", + "path": "src/components/reusable/overflowMenu/overflowMenu.ts", "declarations": [ { "kind": "class", - "description": "Side Drawer.", - "name": "SideDrawer", + "description": "Overflow Menu.", + "name": "OverflowMenu", "slots": [ { - "description": "Slot for drawer body content.", + "description": "Slot for overflow menu items.", "name": "unnamed" - }, - { - "description": "Slot for the anchor button content.", - "name": "anchor" } ], "members": [ @@ -10193,135 +7460,67 @@ "text": "boolean" }, "default": "false", - "description": "Drawer open state.", + "description": "Menu open state.", "attribute": "open" }, { "kind": "field", - "name": "size", - "type": { - "text": "string" - }, - "default": "'md'", - "description": "Drawer size. `'md'`, or `'sm'`.", - "attribute": "size" - }, - { - "kind": "field", - "name": "titleText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Title / Heading text, required.", - "attribute": "titleText" - }, - { - "kind": "field", - "name": "labelText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Label text, optional.", - "attribute": "labelText" - }, - { - "kind": "field", - "name": "submitBtnText", - "type": { - "text": "string" - }, - "default": "'Ok'", - "description": "Submit button text.", - "attribute": "submitBtnText" - }, - { - "kind": "field", - "name": "cancelBtnText", - "type": { - "text": "string" - }, - "default": "'Cancel'", - "description": "Cancel button text.", - "attribute": "cancelBtnText" - }, - { - "kind": "field", - "name": "submitBtnDisabled", + "name": "anchorRight", "type": { "text": "boolean" }, "default": "false", - "description": "Disables the primary button.", - "attribute": "submitBtnDisabled" + "description": "Anchors the menu to the right of the button.", + "attribute": "anchorRight" }, { "kind": "field", - "name": "hideFooter", + "name": "verticalDots", "type": { "text": "boolean" }, "default": "false", - "description": "Determine whether needs footer", - "attribute": "hideFooter" + "description": "3 dots vertical orientation.", + "attribute": "verticalDots" }, { "kind": "field", - "name": "destructive", + "name": "fixed", "type": { "text": "boolean" }, "default": "false", - "description": "Changes the primary button styles to indicate the action is destructive.", - "attribute": "destructive" + "description": "Use fixed instead of absolute position. Useful when placed within elements with overflow scroll.", + "attribute": "fixed" }, { "kind": "field", - "name": "secondaryButtonText", + "name": "assistiveText", "type": { "text": "string" }, - "default": "'Secondary'", - "description": "Secondary button text.", - "attribute": "secondaryButtonText" - }, - { - "kind": "field", - "name": "showSecondaryButton", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Hides the secondary button.", - "attribute": "showSecondaryButton" + "default": "'Toggle Menu'", + "description": "Button assistive text..", + "attribute": "assistiveText" }, { - "kind": "field", - "name": "hideCancelButton", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Hides the cancel button.", - "attribute": "hideCancelButton" + "kind": "method", + "name": "_emitToggleEvent", + "privacy": "private" }, { - "kind": "field", - "name": "beforeClose", - "type": { - "text": "Function" - }, - "description": "Function to execute before the Drawer can close. Useful for running checks or validations before closing. Exposes `returnValue` (`'ok'` or `'cancel'`). Must return `true` or `false`." + "kind": "method", + "name": "toggleMenu", + "privacy": "private" }, { "kind": "method", - "name": "_openDrawer", + "name": "_positionMenu", "privacy": "private" }, { "kind": "method", - "name": "_closeDrawer", + "name": "handleClickOut", "privacy": "private", "parameters": [ { @@ -10329,33 +7528,48 @@ "type": { "text": "Event" } - }, + } + ] + }, + { + "kind": "method", + "name": "handleEscapePress", + "privacy": "private", + "parameters": [ { - "name": "returnValue", + "name": "e", "type": { - "text": "string" + "text": "any" } } ] }, { "kind": "method", - "name": "_emitCloseEvent", + "name": "handleKeyDown", "privacy": "private", "parameters": [ { "name": "e", "type": { - "text": "Event" + "text": "any" } } ] + }, + { + "kind": "method", + "name": "getMenuItems" + }, + { + "kind": "method", + "name": "getMenu" } ], "events": [ { - "description": "Emits the drawer close event with `returnValue` (`'ok'` or `'cancel'`).", - "name": "on-close" + "description": "Capture the open/close event and emits the new state.", + "name": "on-toggle" } ], "attributes": [ @@ -10365,240 +7579,144 @@ "text": "boolean" }, "default": "false", - "description": "Drawer open state.", + "description": "Menu open state.", "fieldName": "open" }, { - "name": "size", - "type": { - "text": "string" - }, - "default": "'md'", - "description": "Drawer size. `'md'`, or `'sm'`.", - "fieldName": "size" - }, - { - "name": "titleText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Title / Heading text, required.", - "fieldName": "titleText" - }, - { - "name": "labelText", - "type": { - "text": "string" - }, - "default": "''", - "description": "Label text, optional.", - "fieldName": "labelText" - }, - { - "name": "submitBtnText", - "type": { - "text": "string" - }, - "default": "'Ok'", - "description": "Submit button text.", - "fieldName": "submitBtnText" - }, - { - "name": "cancelBtnText", - "type": { - "text": "string" - }, - "default": "'Cancel'", - "description": "Cancel button text.", - "fieldName": "cancelBtnText" - }, - { - "name": "submitBtnDisabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Disables the primary button.", - "fieldName": "submitBtnDisabled" - }, - { - "name": "hideFooter", + "name": "anchorRight", "type": { "text": "boolean" }, "default": "false", - "description": "Determine whether needs footer", - "fieldName": "hideFooter" + "description": "Anchors the menu to the right of the button.", + "fieldName": "anchorRight" }, { - "name": "destructive", + "name": "verticalDots", "type": { "text": "boolean" }, "default": "false", - "description": "Changes the primary button styles to indicate the action is destructive.", - "fieldName": "destructive" - }, - { - "name": "secondaryButtonText", - "type": { - "text": "string" - }, - "default": "'Secondary'", - "description": "Secondary button text.", - "fieldName": "secondaryButtonText" + "description": "3 dots vertical orientation.", + "fieldName": "verticalDots" }, { - "name": "showSecondaryButton", + "name": "fixed", "type": { "text": "boolean" }, "default": "false", - "description": "Hides the secondary button.", - "fieldName": "showSecondaryButton" + "description": "Use fixed instead of absolute position. Useful when placed within elements with overflow scroll.", + "fieldName": "fixed" }, { - "name": "hideCancelButton", + "name": "assistiveText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Hides the cancel button.", - "fieldName": "hideCancelButton" + "default": "'Toggle Menu'", + "description": "Button assistive text..", + "fieldName": "assistiveText" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-side-drawer", + "tagName": "kyn-overflow-menu", "customElement": true } ], "exports": [ { "kind": "js", - "name": "SideDrawer", + "name": "OverflowMenu", "declaration": { - "name": "SideDrawer", - "module": "src/components/reusable/sideDrawer/sideDrawer.ts" + "name": "OverflowMenu", + "module": "src/components/reusable/overflowMenu/overflowMenu.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-side-drawer", - "declaration": { - "name": "SideDrawer", - "module": "src/components/reusable/sideDrawer/sideDrawer.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/stepper/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "Stepper", - "declaration": { - "name": "Stepper", - "module": "./stepper" - } - }, - { - "kind": "js", - "name": "StepperItem", - "declaration": { - "name": "StepperItem", - "module": "./stepperItem" - } - }, - { - "kind": "js", - "name": "StepperItemChild", + "name": "kyn-overflow-menu", "declaration": { - "name": "StepperItemChild", - "module": "./stepperItemChild" + "name": "OverflowMenu", + "module": "src/components/reusable/overflowMenu/overflowMenu.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/stepper/stepper.ts", + "path": "src/components/reusable/overflowMenu/overflowMenuItem.ts", "declarations": [ { "kind": "class", - "description": "Stepper", - "name": "Stepper", + "description": "Overflow Menu.", + "name": "OverflowMenuItem", "slots": [ { - "description": "Slot for step items.", + "description": "Slot for item text.", "name": "unnamed" } ], "members": [ { "kind": "field", - "name": "stepperType", + "name": "href", "type": { "text": "string" }, - "default": "'procedure'", - "description": "Stepper type `'procedure'` & `'status'`.\n\nprocedure: Allows a user to move through a series of steps that need to be completed, such as filling out a series of forms. The user can therefore know where they are in the sequence, and can go back to previous steps if needed. Procedure should use the `'large'` size stepper.\n\nstatus: Should not allow the user navigate to previous steps for ex: sequential forms, payment gateway etc. Should use the `'small'` size to avoid unnecessary clutter.\n\nNote: Read the stepper guidelines for more info.", - "attribute": "stepperType" + "default": "''", + "description": "Makes the item a link.", + "attribute": "href" }, { "kind": "field", - "name": "vertical", + "name": "destructive", "type": { "text": "boolean" }, "default": "false", - "description": "Wheter the stepper is in vertical type.", - "attribute": "vertical" + "description": "Adds destructive styles.", + "attribute": "destructive" }, { "kind": "field", - "name": "stepperSize", + "name": "disabled", "type": { - "text": "string" + "text": "boolean" }, - "default": "'large'", - "description": "Stepper size `'large'` & `'small'`.", - "attribute": "stepperSize" + "default": "false", + "description": "Item disabled state.", + "attribute": "disabled" }, { "kind": "field", - "name": "currentIndex", + "name": "description", "type": { - "text": "number" + "text": "string" }, - "default": "0", - "description": "Curent index of stepper. Usefull for navigation logic like next, prev etc.", - "attribute": "currentIndex" - }, - { - "kind": "method", - "name": "_handleSlotChange", - "privacy": "private" - }, - { - "kind": "method", - "name": "_updateChildren", - "privacy": "private" + "default": "''", + "description": "Item description text for screen reader's", + "attribute": "description" }, { "kind": "method", - "name": "_determineFirstLastSteps", - "privacy": "private" + "name": "handleClick", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "Event" + } + } + ] }, { "kind": "method", - "name": "_handleStepClick", + "name": "handleKeyDown", "privacy": "private", "parameters": [ { @@ -10608,2162 +7726,1918 @@ } } ] + }, + { + "kind": "method", + "name": "checkOverflow", + "privacy": "private" } ], "events": [ { - "description": "Captures the event and emits the active step and original event details when click on any step title. This is only for procedure type stepper. Status stepper doesn't emit this event.", + "description": "Captures the click event and emits the original event details.", "name": "on-click" } ], "attributes": [ { - "name": "stepperType", + "name": "href", "type": { "text": "string" }, - "default": "'procedure'", - "description": "Stepper type `'procedure'` & `'status'`.\n\nprocedure: Allows a user to move through a series of steps that need to be completed, such as filling out a series of forms. The user can therefore know where they are in the sequence, and can go back to previous steps if needed. Procedure should use the `'large'` size stepper.\n\nstatus: Should not allow the user navigate to previous steps for ex: sequential forms, payment gateway etc. Should use the `'small'` size to avoid unnecessary clutter.\n\nNote: Read the stepper guidelines for more info.", - "fieldName": "stepperType" + "default": "''", + "description": "Makes the item a link.", + "fieldName": "href" }, { - "name": "vertical", + "name": "destructive", "type": { "text": "boolean" }, "default": "false", - "description": "Wheter the stepper is in vertical type.", - "fieldName": "vertical" + "description": "Adds destructive styles.", + "fieldName": "destructive" }, { - "name": "stepperSize", + "name": "disabled", "type": { - "text": "string" + "text": "boolean" }, - "default": "'large'", - "description": "Stepper size `'large'` & `'small'`.", - "fieldName": "stepperSize" + "default": "false", + "description": "Item disabled state.", + "fieldName": "disabled" }, { - "name": "currentIndex", + "name": "description", "type": { - "text": "number" + "text": "string" }, - "default": "0", - "description": "Curent index of stepper. Usefull for navigation logic like next, prev etc.", - "fieldName": "currentIndex" + "default": "''", + "description": "Item description text for screen reader's", + "fieldName": "description" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-stepper", + "tagName": "kyn-overflow-menu-item", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Stepper", + "name": "OverflowMenuItem", "declaration": { - "name": "Stepper", - "module": "src/components/reusable/stepper/stepper.ts" + "name": "OverflowMenuItem", + "module": "src/components/reusable/overflowMenu/overflowMenuItem.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-stepper", + "name": "kyn-overflow-menu-item", "declaration": { - "name": "Stepper", - "module": "src/components/reusable/stepper/stepper.ts" + "name": "OverflowMenuItem", + "module": "src/components/reusable/overflowMenu/overflowMenuItem.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/stepper/stepperItem.ts", + "path": "src/components/reusable/pagetitle/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "PageTitle", + "declaration": { + "name": "PageTitle", + "module": "./pageTitle" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/pagetitle/pageTitle.ts", "declarations": [ { "kind": "class", - "description": "Stepper Item.", - "name": "StepperItem", + "description": "Page Title", + "name": "PageTitle", "slots": [ { - "description": "Slot for tooltip.", - "name": "tooltip" - }, - { - "description": "Children slot. Used for nested children in vertical stepper. Visible only when step state is active. Do not use inside stepperType `'status'`.", - "name": "child" - }, - { - "description": "Optional slot for content in vertical stepper. Visible only when step state is active.", - "name": "unnamed" + "description": "Slot for icon. Use size 56 * 56 as per UX guidelines.", + "name": "icon" } - ], - "members": [ - { - "kind": "field", - "name": "vertical", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Whether the stepper is in vertical type.", - "attribute": "vertical" - }, - { - "kind": "field", - "name": "stepSize", - "type": { - "text": "string" - }, - "default": "'large'", - "description": "Stepper size `'large'` & `'small'`.", - "attribute": "stepSize" - }, - { - "kind": "field", - "name": "stepName", - "type": { - "text": "string" - }, - "default": "''", - "description": "Step name.", - "attribute": "stepName" - }, - { - "kind": "field", - "name": "stepTitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Step title.", - "attribute": "stepTitle" - }, + ], + "members": [ { "kind": "field", - "name": "stepLink", + "name": "headLine", "type": { "text": "string" }, "default": "''", - "description": "Step link.", - "attribute": "stepLink" + "description": "Headline text.", + "attribute": "headLine" }, { "kind": "field", - "name": "stepState", + "name": "pageTitle", "type": { "text": "string" }, - "default": "'pending'", - "description": "Step state. `'pending'`, `'active'`, `'completed'`, `'excluded'`, `'warning'` & `'destructive'`.\n\n`'pending'`, `'active'` and `'completed'` / `'excluded'` states has 0%, 50% & 100% progress set internally.", - "attribute": "stepState" + "default": "''", + "description": "Page title text (required).", + "attribute": "pageTitle" }, { "kind": "field", - "name": "disabled", + "name": "subTitle", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Disable step.", - "attribute": "disabled" + "default": "''", + "description": "Page subtitle text.", + "attribute": "subTitle" }, { "kind": "field", - "name": "showCounter", + "name": "type", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Optional. Show counter for vertical stepper when stepState is `'pending'`.", - "attribute": "showCounter" - }, - { - "kind": "method", - "name": "_handleChildToggle", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleStepClick", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "_handleChildSlotChange", - "privacy": "private" - }, - { - "kind": "method", - "name": "_updateChildren", - "privacy": "private" - }, - { - "kind": "method", - "name": "getProgressValue", - "privacy": "private", - "return": { - "type": { - "text": "number" - } - } - } - ], - "events": [ - { - "description": "Emits the step details to the parent stepper component when click on step title.", - "name": "on-step-click" + "default": "'primary'", + "description": "Type of page title `'primary'` & `'secondary'`.", + "attribute": "type" } ], "attributes": [ { - "name": "vertical", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Whether the stepper is in vertical type.", - "fieldName": "vertical" - }, - { - "name": "stepSize", - "type": { - "text": "string" - }, - "default": "'large'", - "description": "Stepper size `'large'` & `'small'`.", - "fieldName": "stepSize" - }, - { - "name": "stepName", + "name": "headLine", "type": { "text": "string" }, "default": "''", - "description": "Step name.", - "fieldName": "stepName" + "description": "Headline text.", + "fieldName": "headLine" }, { - "name": "stepTitle", + "name": "pageTitle", "type": { "text": "string" }, "default": "''", - "description": "Step title.", - "fieldName": "stepTitle" + "description": "Page title text (required).", + "fieldName": "pageTitle" }, { - "name": "stepLink", + "name": "subTitle", "type": { "text": "string" }, "default": "''", - "description": "Step link.", - "fieldName": "stepLink" + "description": "Page subtitle text.", + "fieldName": "subTitle" }, { - "name": "stepState", + "name": "type", "type": { "text": "string" }, - "default": "'pending'", - "description": "Step state. `'pending'`, `'active'`, `'completed'`, `'excluded'`, `'warning'` & `'destructive'`.\n\n`'pending'`, `'active'` and `'completed'` / `'excluded'` states has 0%, 50% & 100% progress set internally.", - "fieldName": "stepState" - }, - { - "name": "disabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Disable step.", - "fieldName": "disabled" - }, - { - "name": "showCounter", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Optional. Show counter for vertical stepper when stepState is `'pending'`.", - "fieldName": "showCounter" + "default": "'primary'", + "description": "Type of page title `'primary'` & `'secondary'`.", + "fieldName": "type" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-stepper-item", + "tagName": "kyn-page-title", "customElement": true } ], "exports": [ { "kind": "js", - "name": "StepperItem", + "name": "PageTitle", "declaration": { - "name": "StepperItem", - "module": "src/components/reusable/stepper/stepperItem.ts" + "name": "PageTitle", + "module": "src/components/reusable/pagetitle/pageTitle.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-stepper-item", + "name": "kyn-page-title", "declaration": { - "name": "StepperItem", - "module": "src/components/reusable/stepper/stepperItem.ts" + "name": "PageTitle", + "module": "src/components/reusable/pagetitle/pageTitle.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/stepper/stepperItemChild.ts", + "path": "src/components/reusable/pagination/Pagination.ts", "declarations": [ { "kind": "class", - "description": "Stepper Item child.", - "name": "StepperItemChild", - "slots": [ - { - "description": "Slot for other elements.", - "name": "unnamed" - } - ], + "description": "`kyn-pagination` Web Component.\n\nA component that provides pagination functionality, enabling the user to\nnavigate through large datasets by splitting them into discrete chunks.\nIntegrates with other utility components like items range display, page size dropdown,\nand navigation buttons.", + "name": "Pagination", "members": [ { "kind": "field", - "name": "childTitle", + "name": "count", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Child Title. Required for nested child inside step.", - "attribute": "childTitle" + "default": "0", + "description": "Total number of items that need pagination.", + "attribute": "count", + "reflects": true }, { "kind": "field", - "name": "childLink", + "name": "pageNumber", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Child link.", - "attribute": "childLink" + "default": "1", + "description": "Current active page number.", + "attribute": "pageNumber", + "reflects": true }, { "kind": "field", - "name": "childSubTitle", + "name": "pageSize", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Optional Child Subtitle.", - "attribute": "childSubTitle" + "default": "5", + "description": "Number of items displayed per page.", + "attribute": "pageSize", + "reflects": true + }, + { + "kind": "field", + "name": "pageSizeOptions", + "type": { + "text": "number[]" + }, + "default": "[5, 10, 20, 30, 40, 50, 100]", + "description": "Available options for the page size.", + "attribute": "pageSizeOptions" + }, + { + "kind": "field", + "name": "_numberOfPages", + "type": { + "text": "number" + }, + "default": "1", + "description": "Number of pages." + }, + { + "kind": "field", + "name": "pageSizeDropdownLabel", + "default": "PAGE_SIZE_LABEL", + "description": "Label for the page size dropdown. Required for accessibility.", + "attribute": "pageSizeDropdownLabel" + }, + { + "kind": "field", + "name": "hideItemsRange", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Option to hide the items range display.", + "attribute": "hideItemsRange" + }, + { + "kind": "field", + "name": "hidePageSizeDropdown", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Option to hide the page size dropdown.", + "attribute": "hidePageSizeDropdown" + }, + { + "kind": "field", + "name": "hideNavigationButtons", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Option to hide the navigation buttons.", + "attribute": "hideNavigationButtons" }, { "kind": "field", - "name": "childState", + "name": "textStrings", "type": { - "text": "string" + "text": "object" }, - "default": "'pending'", - "description": "Child State. `'pending'`, `'active'` & `'completed'`.", - "attribute": "childState" + "default": "{\n showing: 'Showing',\n of: 'of',\n items: 'items',\n pages: 'pages',\n itemsPerPage: 'Items per page:',\n previousPage: 'Previous page',\n nextPage: 'Next page',\n }", + "description": "Customizable text strings", + "attribute": "textStrings" }, { "kind": "method", - "name": "_handleChildStepClick", + "name": "handlePageSizeChange", "privacy": "private", "parameters": [ { "name": "e", "type": { - "text": "Event" - } + "text": "CustomEvent" + }, + "description": "The emitted custom event with the selected page size." } - ] + ], + "description": "Handler for the event when the page size is changed by the user.\nUpdates the `pageSize` and resets the `pageNumber` to 1." }, { "kind": "method", - "name": "getProgressValue", + "name": "handlePageNumberChange", "privacy": "private", - "return": { - "type": { - "text": "number" + "parameters": [ + { + "name": "e", + "type": { + "text": "CustomEvent" + }, + "description": "The emitted custom event with the selected page number." } - } + ], + "description": "Handler for the event when the page number is changed by the user.\nUpdates the `pageNumber`." } ], "events": [ { - "description": "Emits event on child click. Only for vertical mode.", - "name": "on-child-click" + "description": "Dispatched when the page size changes.", + "name": "on-page-size-change" + }, + { + "description": "Dispatched when the currently active page changes.", + "name": "on-page-number-change" } ], "attributes": [ { - "name": "childTitle", + "name": "count", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Child Title. Required for nested child inside step.", - "fieldName": "childTitle" + "default": "0", + "description": "Total number of items that need pagination.", + "fieldName": "count" }, { - "name": "childLink", + "name": "pageNumber", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Child link.", - "fieldName": "childLink" + "default": "1", + "description": "Current active page number.", + "fieldName": "pageNumber" }, { - "name": "childSubTitle", + "name": "pageSize", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Optional Child Subtitle.", - "fieldName": "childSubTitle" + "default": "5", + "description": "Number of items displayed per page.", + "fieldName": "pageSize" }, { - "name": "childState", + "name": "pageSizeOptions", "type": { - "text": "string" + "text": "number[]" }, - "default": "'pending'", - "description": "Child State. `'pending'`, `'active'` & `'completed'`.", - "fieldName": "childState" + "default": "[5, 10, 20, 30, 40, 50, 100]", + "description": "Available options for the page size.", + "fieldName": "pageSizeOptions" + }, + { + "name": "pageSizeDropdownLabel", + "default": "PAGE_SIZE_LABEL", + "description": "Label for the page size dropdown. Required for accessibility.", + "fieldName": "pageSizeDropdownLabel" + }, + { + "name": "hideItemsRange", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Option to hide the items range display.", + "fieldName": "hideItemsRange" + }, + { + "name": "hidePageSizeDropdown", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Option to hide the page size dropdown.", + "fieldName": "hidePageSizeDropdown" + }, + { + "name": "hideNavigationButtons", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Option to hide the navigation buttons.", + "fieldName": "hideNavigationButtons" + }, + { + "name": "textStrings", + "type": { + "text": "object" + }, + "default": "{\n showing: 'Showing',\n of: 'of',\n items: 'items',\n pages: 'pages',\n itemsPerPage: 'Items per page:',\n previousPage: 'Previous page',\n nextPage: 'Next page',\n }", + "description": "Customizable text strings", + "fieldName": "textStrings" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-stepper-item-child", + "tagName": "kyn-pagination", "customElement": true } ], "exports": [ { "kind": "js", - "name": "StepperItemChild", + "name": "Pagination", "declaration": { - "name": "StepperItemChild", - "module": "src/components/reusable/stepper/stepperItemChild.ts" + "name": "Pagination", + "module": "src/components/reusable/pagination/Pagination.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-stepper-item-child", + "name": "kyn-pagination", "declaration": { - "name": "StepperItemChild", - "module": "src/components/reusable/stepper/stepperItemChild.ts" + "name": "Pagination", + "module": "src/components/reusable/pagination/Pagination.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/tabs/index.ts", + "path": "src/components/reusable/pagination/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "Tabs", + "name": "Pagination", "declaration": { - "name": "Tabs", - "module": "./tabs" + "name": "Pagination", + "module": "./Pagination" } }, { "kind": "js", - "name": "Tab", + "name": "PaginationItemsRange", "declaration": { - "name": "Tab", - "module": "./tab" + "name": "PaginationItemsRange", + "module": "./pagination-items-range" } }, { "kind": "js", - "name": "TabPanel", + "name": "PaginationPageSizeDropdown", "declaration": { - "name": "TabPanel", - "module": "./tabPanel" + "name": "PaginationPageSizeDropdown", + "module": "./pagination-page-size-dropdown" + } + }, + { + "kind": "js", + "name": "PaginationNavigationButtons", + "declaration": { + "name": "PaginationNavigationButtons", + "module": "./pagination-navigation-buttons" + } + }, + { + "kind": "js", + "name": "PaginationSkeleton", + "declaration": { + "name": "PaginationSkeleton", + "module": "./pagination.skeleton" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/tabs/tab.ts", + "path": "src/components/reusable/pagination/pagination-items-range.ts", "declarations": [ { "kind": "class", - "description": "Tabs.", - "name": "Tab", - "slots": [ - { - "description": "Slot for tab button text.", - "name": "unnamed" - } - ], + "description": "`kyn-pagination-items-range` Web Component.\n\nThis component is responsible for displaying the range of items being displayed\nin the context of pagination. It shows which items (by number) are currently visible\nand the total number of items.", + "name": "PaginationItemsRange", "members": [ { "kind": "field", - "name": "id", + "name": "count", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Tab ID, required.", - "attribute": "id", + "default": "0", + "description": "Total number of items.", + "attribute": "count", "reflects": true }, { "kind": "field", - "name": "selected", + "name": "pageNumber", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Tab selected state. Must match Tab Panel visible state.", - "attribute": "selected", + "default": "1", + "description": "Current page number being displayed.", + "attribute": "pageNumber", "reflects": true }, { "kind": "field", - "name": "disabled", + "name": "pageSize", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Tab disabled state.", - "attribute": "disabled" + "default": "5", + "description": "Number of items displayed per page.", + "attribute": "pageSize", + "reflects": true }, { "kind": "method", - "name": "_handleClick", + "name": "itemsRangeText", "privacy": "private", + "return": { + "type": { + "text": "string" + } + }, "parameters": [ { - "name": "e", + "name": "isMobile", "type": { - "text": "any" - }, - "description": "The parameter \"e\" is an event object that represents the event that triggered the\nclick event handler." + "text": "Boolean" + } } - ], - "description": "Dispatches a custom event called 'tab-activated' with the original event and tabId as details,\nif the tab is not selected." + ] } ], "attributes": [ { - "name": "id", + "name": "count", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Tab ID, required.", - "fieldName": "id" + "default": "0", + "description": "Total number of items.", + "fieldName": "count" }, { - "name": "selected", + "name": "pageNumber", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Tab selected state. Must match Tab Panel visible state.", - "fieldName": "selected" + "default": "1", + "description": "Current page number being displayed.", + "fieldName": "pageNumber" }, { - "name": "disabled", + "name": "pageSize", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Tab disabled state.", - "fieldName": "disabled" + "default": "5", + "description": "Number of items displayed per page.", + "fieldName": "pageSize" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-tab", + "tagName": "kyn-pagination-items-range", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Tab", + "name": "PaginationItemsRange", "declaration": { - "name": "Tab", - "module": "src/components/reusable/tabs/tab.ts" + "name": "PaginationItemsRange", + "module": "src/components/reusable/pagination/pagination-items-range.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-tab", + "name": "kyn-pagination-items-range", "declaration": { - "name": "Tab", - "module": "src/components/reusable/tabs/tab.ts" + "name": "PaginationItemsRange", + "module": "src/components/reusable/pagination/pagination-items-range.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/tabs/tabPanel.ts", + "path": "src/components/reusable/pagination/pagination-navigation-buttons.ts", "declarations": [ { "kind": "class", - "description": "Tabs.", - "name": "TabPanel", - "slots": [ - { - "description": "Slot for tab content.", - "name": "unnamed" - } - ], + "description": "`kyn-pagination-navigation-buttons` Web Component.\n\nThis component provides navigational controls for pagination.\nIt includes back and next buttons, along with displaying the current page and total pages.", + "name": "PaginationNavigationButtons", "members": [ { "kind": "field", - "name": "tabId", + "name": "pageNumber", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Matching Tab ID, required.", - "attribute": "tabId" + "default": "1", + "attribute": "pageNumber", + "reflects": true }, { "kind": "field", - "name": "visible", + "name": "numberOfPages", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Tab Panel visible state. Must match Tab selected state.", - "attribute": "visible", + "default": "1", + "attribute": "numberOfPages", "reflects": true }, { "kind": "field", - "name": "noPadding", + "name": "SMALLEST_PAGE_NUMBER", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Remove side padding (left/right) on tab panel.", - "attribute": "noPadding" + "privacy": "private", + "readonly": true, + "default": "1" + }, + { + "kind": "method", + "name": "handleButtonClick", + "privacy": "private", + "parameters": [ + { + "name": "next", + "type": { + "text": "boolean" + }, + "description": "If true, will move to the next page, otherwise to the previous page" + } + ], + "description": "Handles the button click event, either moving to the next page or previous page" } ], - "attributes": [ + "events": [ { - "name": "tabId", + "name": "on-page-number-change", "type": { - "text": "string" + "text": "CustomEvent" }, - "default": "''", - "description": "Matching Tab ID, required.", - "fieldName": "tabId" - }, + "description": "Dispatched when the page number is changed." + } + ], + "attributes": [ { - "name": "visible", + "name": "pageNumber", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Tab Panel visible state. Must match Tab selected state.", - "fieldName": "visible" + "default": "1", + "fieldName": "pageNumber" }, { - "name": "noPadding", + "name": "numberOfPages", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Remove side padding (left/right) on tab panel.", - "fieldName": "noPadding" + "default": "1", + "fieldName": "numberOfPages" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-tab-panel", + "tagName": "kyn-pagination-navigation-buttons", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TabPanel", + "name": "PaginationNavigationButtons", "declaration": { - "name": "TabPanel", - "module": "src/components/reusable/tabs/tabPanel.ts" + "name": "PaginationNavigationButtons", + "module": "src/components/reusable/pagination/pagination-navigation-buttons.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-tab-panel", + "name": "kyn-pagination-navigation-buttons", "declaration": { - "name": "TabPanel", - "module": "src/components/reusable/tabs/tabPanel.ts" + "name": "PaginationNavigationButtons", + "module": "src/components/reusable/pagination/pagination-navigation-buttons.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/tabs/tabs.ts", + "path": "src/components/reusable/pagination/pagination-page-size-dropdown.ts", "declarations": [ { "kind": "class", - "description": "Tabs.", - "name": "Tabs", - "slots": [ - { - "description": "Slot for kyn-tab-panel components.", - "name": "unnamed" - }, - { - "description": "Slot for kyn-tab components.", - "name": "tabs" - } - ], + "description": "`kyn-pagination-page-size-dropdown` Web Component.\n\nThis component provides a dropdown to select the page size for pagination.\nIt emits events when the selected page size changes.", + "name": "PaginationPageSizeDropdown", "members": [ { "kind": "field", - "name": "tabStyle", - "type": { - "text": "string" - }, - "default": "'contained'", - "description": "Tab style. `'contained'` or `'line'`.", - "attribute": "tabStyle" - }, - { - "kind": "field", - "name": "tabSize", - "type": { - "text": "string" - }, - "default": "'md'", - "description": "Size of the tab buttons, `'sm'` or `'md'`. Icon size: 16px.", - "attribute": "tabSize" - }, - { - "kind": "field", - "name": "vertical", + "name": "pageSize", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Vertical orientation.", - "attribute": "vertical" + "default": "5", + "description": "Current page size.", + "attribute": "pageSize", + "reflects": true }, { "kind": "field", - "name": "disableAutoFocusUpdate", + "name": "pageSizeOptions", "type": { - "text": "boolean" + "text": "Array" }, - "default": "false", - "description": "Enables tab content change on focus with keyboard navigation/assistive technologies.", - "attribute": "disableAutoFocusUpdate" - }, - { - "kind": "method", - "name": "_handleSlotChangeTabs", - "privacy": "private" - }, - { - "kind": "method", - "name": "_updateChildren", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleChange", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - }, - "description": "The parameter \"e\" is an event object that contains information about the event\nthat triggered the handleChange function." - } - ], - "description": "Updates children and emits a change event based on the provided\nevent details when a child kyn-tab is clicked." - }, - { - "kind": "method", - "name": "_updateChildrenSelection", - "privacy": "private", - "parameters": [ - { - "name": "selectedTabId", - "type": { - "text": "string" - }, - "description": "The selectedTabId parameter is a string that represents the ID of\nthe tab that is currently selected." - }, - { - "name": "updatePanel", - "default": "true" - } - ], - "description": "Updates the selected property of tabs and the visible property of tab panels based on\nthe selected tab ID." - }, - { - "kind": "method", - "name": "_emitChangeEvent", - "privacy": "private", - "parameters": [ - { - "name": "origEvent", - "type": { - "text": "any" - }, - "description": "The origEvent parameter is the original event object that triggered the\nchange event. It could be any type of event object, such as a click event or a keydown event." - }, - { - "name": "selectedTabId", - "type": { - "text": "string" - }, - "description": "The selectedTabId parameter is a string that represents the ID of\nthe selected tab." - } - ], - "description": "Creates and dispatches a custom event called 'on-change' with the provided original event and\nselected tab ID as details." + "default": "[5, 10, 20, 30, 40, 50]", + "description": "Available options for the page size.", + "attribute": "pageSizeOptions" }, { "kind": "method", - "name": "_handleKeyboard", + "name": "handleChange", "privacy": "private", "parameters": [ { - "name": "e", + "name": "event", "type": { - "text": "any" + "text": "CustomEvent" }, - "description": "The parameter `e` is an event object that represents the keyboard event. It\ncontains information about the keyboard event, such as the key code of the pressed key." + "description": "The dropdown change event." } ], - "description": "Handles keyboard events for navigating between tabs.", - "return": { - "type": { - "text": "" - } - } + "description": "Handles the dropdown change event." } ], "events": [ { - "description": "Emits the new selected Tab ID when switching tabs.", - "name": "on-change" + "name": "on-page-size-change", + "type": { + "text": "CustomEvent" + }, + "description": "The event fired when the page size changes." } ], "attributes": [ { - "name": "tabStyle", - "type": { - "text": "string" - }, - "default": "'contained'", - "description": "Tab style. `'contained'` or `'line'`.", - "fieldName": "tabStyle" - }, - { - "name": "tabSize", - "type": { - "text": "string" - }, - "default": "'md'", - "description": "Size of the tab buttons, `'sm'` or `'md'`. Icon size: 16px.", - "fieldName": "tabSize" - }, - { - "name": "vertical", + "name": "pageSize", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Vertical orientation.", - "fieldName": "vertical" + "default": "5", + "description": "Current page size.", + "fieldName": "pageSize" }, { - "name": "disableAutoFocusUpdate", + "name": "pageSizeOptions", "type": { - "text": "boolean" + "text": "Array" }, - "default": "false", - "description": "Enables tab content change on focus with keyboard navigation/assistive technologies.", - "fieldName": "disableAutoFocusUpdate" + "default": "[5, 10, 20, 30, 40, 50]", + "description": "Available options for the page size.", + "fieldName": "pageSizeOptions" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-tabs", + "tagName": "kyn-pagination-page-size-dropdown", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Tabs", + "name": "PaginationPageSizeDropdown", "declaration": { - "name": "Tabs", - "module": "src/components/reusable/tabs/tabs.ts" + "name": "PaginationPageSizeDropdown", + "module": "src/components/reusable/pagination/pagination-page-size-dropdown.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-tabs", - "declaration": { - "name": "Tabs", - "module": "src/components/reusable/tabs/tabs.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/table/defs.ts", - "declarations": [], - "exports": [] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/table/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "Table", - "declaration": { - "name": "Table", - "module": "./table" - } - }, - { - "kind": "js", - "name": "TableCell", - "declaration": { - "name": "TableCell", - "module": "./table-cell" - } - }, - { - "kind": "js", - "name": "TableRow", - "declaration": { - "name": "TableRow", - "module": "./table-row" - } - }, - { - "kind": "js", - "name": "TableBody", - "declaration": { - "name": "TableBody", - "module": "./table-body" - } - }, - { - "kind": "js", - "name": "TableHead", - "declaration": { - "name": "TableHead", - "module": "./table-head" - } - }, - { - "kind": "js", - "name": "TableHeader", - "declaration": { - "name": "TableHeader", - "module": "./table-header" - } - }, - { - "kind": "js", - "name": "TableFoot", - "declaration": { - "name": "TableFoot", - "module": "./table-foot" - } - }, - { - "kind": "js", - "name": "TableFooter", - "declaration": { - "name": "TableFooter", - "module": "./table-footer" - } - }, - { - "kind": "js", - "name": "TableLegend", - "declaration": { - "name": "TableLegend", - "module": "./table-legend" - } - }, - { - "kind": "js", - "name": "TableLegendItem", - "declaration": { - "name": "TableLegendItem", - "module": "./table-legend-item" - } - }, - { - "kind": "js", - "name": "TableToolbar", - "declaration": { - "name": "TableToolbar", - "module": "./table-toolbar" - } - }, - { - "kind": "js", - "name": "TableContainer", - "declaration": { - "name": "TableContainer", - "module": "./table-container" - } - }, - { - "kind": "js", - "name": "TableHeaderRow", - "declaration": { - "name": "TableHeaderRow", - "module": "./table-header-row" - } - }, - { - "kind": "js", - "name": "TableExpandedRow", - "declaration": { - "name": "TableExpandedRow", - "module": "./table-expanded-row" - } - }, - { - "kind": "js", - "name": "TableSkeleton", + "name": "kyn-pagination-page-size-dropdown", "declaration": { - "name": "TableSkeleton", - "module": "./table.skeleton" + "name": "PaginationPageSizeDropdown", + "module": "src/components/reusable/pagination/pagination-page-size-dropdown.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/table/table-body.ts", + "path": "src/components/reusable/pagination/pagination.skeleton.ts", "declarations": [ { "kind": "class", - "description": "`kyn-tbody` Web Component.\n\nRepresents the body section of Shidoka's design system tables. Designed to provide\na consistent look and feel, and can offer striped rows for enhanced readability.", - "name": "TableBody", - "slots": [ - { - "description": "The content slot for adding rows (``) within the table body.", - "name": "unnamed" - } - ], + "description": "`kyn-pagination-skeleton` Web Component.", + "name": "PaginationSkeleton", "members": [ { "kind": "field", - "name": "striped", + "name": "hideItemsRange", "type": { "text": "boolean" }, "default": "false", - "description": "Determines if the rows in the table body should be striped.", - "attribute": "striped", - "reflects": true + "description": "Option to hide the items range display.", + "attribute": "hideItemsRange" }, { "kind": "field", - "name": "handleContextChange", - "description": "Updates the row's striped property when the context changes.", - "parameters": [ - { - "description": "The updated context.", - "name": "context", - "type": { - "text": "TableContextType" - } - } - ] + "name": "hidePageSizeDropdown", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Option to hide the page size dropdown.", + "attribute": "hidePageSizeDropdown" + }, + { + "kind": "field", + "name": "hideNavigationButtons", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Option to hide the navigation buttons.", + "attribute": "hideNavigationButtons" } ], - "events": [ + "attributes": [ + { + "name": "hideItemsRange", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Option to hide the items range display.", + "fieldName": "hideItemsRange" + }, { - "name": "on-rows-change", + "name": "hidePageSizeDropdown", "type": { - "text": "CustomEvent" + "text": "boolean" }, - "description": "Dispatched when the rows in the table body change." - } - ], - "attributes": [ + "default": "false", + "description": "Option to hide the page size dropdown.", + "fieldName": "hidePageSizeDropdown" + }, { - "name": "striped", + "name": "hideNavigationButtons", "type": { "text": "boolean" }, "default": "false", - "description": "Determines if the rows in the table body should be striped.", - "fieldName": "striped" + "description": "Option to hide the navigation buttons.", + "fieldName": "hideNavigationButtons" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-tbody", + "tagName": "kyn-pagination-skeleton", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TableBody", + "name": "PaginationSkeleton", "declaration": { - "name": "TableBody", - "module": "src/components/reusable/table/table-body.ts" + "name": "PaginationSkeleton", + "module": "src/components/reusable/pagination/pagination.skeleton.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-tbody", + "name": "kyn-pagination-skeleton", "declaration": { - "name": "TableBody", - "module": "src/components/reusable/table/table-body.ts" + "name": "PaginationSkeleton", + "module": "src/components/reusable/pagination/pagination.skeleton.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/table/table-cell.ts", + "path": "src/components/reusable/progressBar/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "ProgressBar", + "declaration": { + "name": "ProgressBar", + "module": "./progressBar" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/progressBar/progressBar.ts", "declarations": [ { "kind": "class", - "description": "`kyn-td` Web Component.\n\nRepresents a table cell (data cell) within Shidoka's design system tables.\nAllows customization of alignment and can reflect the sort direction when\nused within sortable columns.", - "name": "TableCell", + "description": "`` -- progress bar status indicator component.", + "name": "ProgressBar", "slots": [ { - "description": "The content slot for adding table data inside the cell.", + "description": "Slot for tooltip text content.", "name": "unnamed" } ], "members": [ { "kind": "field", - "name": "dense", + "name": "showInlineLoadStatus", "type": { "text": "boolean" }, "default": "false", - "attribute": "dense", - "reflects": true + "description": "Sets visibility of optional inline load status spinner.", + "attribute": "showInlineLoadStatus" }, { "kind": "field", - "name": "align", + "name": "showActiveHelperText", "type": { - "text": "TABLE_CELL_ALIGN" + "text": "boolean" }, - "description": "Determines the text alignment of the table cell's content.", - "attribute": "align", - "reflects": true + "default": "false", + "description": "Controls whether to show default helper text for active state.", + "attribute": "showActiveHelperText" }, { "kind": "field", - "name": "width", + "name": "progressBarId", "type": { "text": "string" }, "default": "''", - "description": "Sets a fixed width for the cell.\nAccepts standard CSS width values (e.g., '150px', '50%').", - "attribute": "width", - "reflects": true + "description": "Sets progress bar html id property for accessibility (ex: `example-progress-bar`).", + "attribute": "progressBarId" }, { "kind": "field", - "name": "maxWidth", + "name": "status", + "type": { + "text": "'active' | 'success' | 'error'" + }, + "default": "'active'", + "description": "Sets progress bar status mode.", + "attribute": "status" + }, + { + "kind": "field", + "name": "value", + "type": { + "text": "number | null" + }, + "default": "null", + "description": "Sets initial progress bar value (optionally hard-coded).", + "attribute": "value" + }, + { + "kind": "field", + "name": "max", + "type": { + "text": "number" + }, + "default": "100", + "description": "Sets manual max value (default = 100).", + "attribute": "max" + }, + { + "kind": "field", + "name": "label", "type": { "text": "string" }, "default": "''", - "description": "Sets a maximum width for the cell; contents exceeding this limit will be truncated with ellipsis.\nAccepts standard CSS width values (e.g., '150px', '50%').", - "attribute": "maxWidth", - "reflects": true + "description": "Sets optional progress bar label.", + "attribute": "label" }, { "kind": "field", - "name": "minWidth", + "name": "helperText", "type": { "text": "string" }, "default": "''", - "description": "Sets a minimum width for the cell;\nAccepts standard CSS width values (e.g., '150px', '50%').", - "attribute": "minWidth", - "reflects": true + "description": "Sets optional helper text that appears underneath progress bar element.", + "attribute": "helperText" }, { "kind": "field", - "name": "disabled", + "name": "unit", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Disables the cell.", - "attribute": "disabled", - "reflects": true + "default": "''", + "description": "Sets the unit for progress measurement (ex: 'MB', 'GB', '%')", + "attribute": "unit" }, { "kind": "field", - "name": "dimmed", + "name": "hideLabel", "type": { "text": "boolean" }, "default": "false", - "description": "Dim the cell.", - "attribute": "dimmed", - "reflects": true + "description": "Visually hide the label.", + "attribute": "hideLabel" }, { - "kind": "field", - "name": "handleContextChange", - "description": "Updates the cell's dense properties when the context changes.", + "kind": "method", + "name": "renderProgressBar", + "privacy": "private", "parameters": [ { - "description": "The updated context.", - "name": "context", + "name": "currentStatus", "type": { - "text": "TableContextType" + "text": "ProgressStatus" + } + }, + { + "name": "currentValue", + "type": { + "text": "number | null" } } ] - } - ], - "attributes": [ + }, { - "name": "dense", - "type": { - "text": "boolean" - }, - "default": "false", - "fieldName": "dense" + "kind": "method", + "name": "renderProgressBarLabel", + "privacy": "private", + "parameters": [ + { + "name": "currentStatus", + "type": { + "text": "ProgressStatus" + } + }, + { + "name": "currentValue", + "type": { + "text": "number | null" + } + } + ] }, { - "name": "align", - "type": { - "text": "TABLE_CELL_ALIGN" + "kind": "method", + "name": "renderStatusIconOrLoader", + "privacy": "private", + "parameters": [ + { + "name": "currentStatus", + "type": { + "text": "ProgressStatus" + } + }, + { + "name": "currentValue", + "type": { + "text": "number | null" + } + } + ] + }, + { + "kind": "method", + "name": "getProgressBarClasses", + "privacy": "private", + "parameters": [ + { + "name": "status", + "type": { + "text": "ProgressStatus" + } + } + ] + }, + { + "kind": "method", + "name": "getHelperText", + "privacy": "private" + }, + { + "kind": "method", + "name": "getCurrentStatus", + "privacy": "private", + "return": { + "type": { + "text": "ProgressStatus" + } }, - "description": "Determines the text alignment of the table cell's content.", - "fieldName": "align" + "parameters": [ + { + "name": "currentValue", + "type": { + "text": "number | null" + } + } + ] }, { - "name": "width", + "kind": "method", + "name": "startProgress", + "privacy": "private" + }, + { + "kind": "method", + "name": "cancelAnimation", + "privacy": "private" + } + ], + "attributes": [ + { + "name": "showInlineLoadStatus", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets a fixed width for the cell.\nAccepts standard CSS width values (e.g., '150px', '50%').", - "fieldName": "width" + "default": "false", + "description": "Sets visibility of optional inline load status spinner.", + "fieldName": "showInlineLoadStatus" }, { - "name": "maxWidth", + "name": "showActiveHelperText", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets a maximum width for the cell; contents exceeding this limit will be truncated with ellipsis.\nAccepts standard CSS width values (e.g., '150px', '50%').", - "fieldName": "maxWidth" + "default": "false", + "description": "Controls whether to show default helper text for active state.", + "fieldName": "showActiveHelperText" }, { - "name": "minWidth", + "name": "progressBarId", "type": { "text": "string" }, "default": "''", - "description": "Sets a minimum width for the cell;\nAccepts standard CSS width values (e.g., '150px', '50%').", - "fieldName": "minWidth" + "description": "Sets progress bar html id property for accessibility (ex: `example-progress-bar`).", + "fieldName": "progressBarId" }, { - "name": "disabled", + "name": "status", "type": { - "text": "boolean" + "text": "'active' | 'success' | 'error'" }, - "default": "false", - "description": "Disables the cell.", - "fieldName": "disabled" + "default": "'active'", + "description": "Sets progress bar status mode.", + "fieldName": "status" }, { - "name": "dimmed", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Dim the cell.", - "fieldName": "dimmed" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-td", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "TableCell", - "declaration": { - "name": "TableCell", - "module": "src/components/reusable/table/table-cell.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-td", - "declaration": { - "name": "TableCell", - "module": "src/components/reusable/table/table-cell.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/table/table-container.ts", - "declarations": [ - { - "kind": "class", - "description": "`kyn-table-container` Web Component.\n\nProvides a container for Shidoka's design system tables. It's designed to encapsulate\nand apply styles uniformly across the table elements.", - "name": "TableContainer", - "slots": [ - { - "description": "The content slot for adding table and related elements.", - "name": "unnamed" - } - ], - "members": [ - { - "kind": "field", - "name": "tabIndex", + "name": "value", "type": { - "text": "number" + "text": "number | null" }, - "default": "0", - "attribute": "tabIndex", - "reflects": true - } - ], - "attributes": [ + "default": "null", + "description": "Sets initial progress bar value (optionally hard-coded).", + "fieldName": "value" + }, { - "name": "tabIndex", + "name": "max", "type": { "text": "number" }, - "default": "0", - "fieldName": "tabIndex" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-table-container", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "TableContainer", - "declaration": { - "name": "TableContainer", - "module": "src/components/reusable/table/table-container.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-table-container", - "declaration": { - "name": "TableContainer", - "module": "src/components/reusable/table/table-container.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/table/table-context.ts", - "declarations": [ - { - "kind": "variable", - "name": "tableContext" - } - ], - "exports": [ - { - "kind": "js", - "name": "tableContext", - "declaration": { - "name": "tableContext", - "module": "src/components/reusable/table/table-context.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/table/table-expanded-row.ts", - "declarations": [ - { - "kind": "class", - "description": "\n`kyn-expanded-tr` Web Component.\n\nDesigned to display additional details for a row in a table.\nThe row is expandable and can be expanded/collapsed by toggling the plus/minus icons.", - "name": "TableExpandedRow", - "slots": [ - { - "description": "The slot for adding content to the expandable details section.", - "name": "unnamed" - } - ], - "members": [ + "default": "100", + "description": "Sets manual max value (default = 100).", + "fieldName": "max" + }, { - "kind": "field", - "name": "colSpan", + "name": "label", "type": { - "text": "number" + "text": "string" }, - "default": "1", - "description": "The number of columns that the expanded row should span.\nReflects the `colspan` attribute.", - "attribute": "colspan" + "default": "''", + "description": "Sets optional progress bar label.", + "fieldName": "label" }, { - "kind": "field", - "name": "expanded", + "name": "helperText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "`true` if the table row should be expanded.", - "attribute": "expanded", - "reflects": true - } - ], - "attributes": [ + "default": "''", + "description": "Sets optional helper text that appears underneath progress bar element.", + "fieldName": "helperText" + }, { - "name": "colspan", + "name": "unit", "type": { - "text": "number" + "text": "string" }, - "default": "1", - "description": "The number of columns that the expanded row should span.\nReflects the `colspan` attribute.", - "fieldName": "colSpan" + "default": "''", + "description": "Sets the unit for progress measurement (ex: 'MB', 'GB', '%')", + "fieldName": "unit" }, { - "name": "expanded", + "name": "hideLabel", "type": { "text": "boolean" }, "default": "false", - "description": "`true` if the table row should be expanded.", - "fieldName": "expanded" + "description": "Visually hide the label.", + "fieldName": "hideLabel" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-expanded-tr", + "tagName": "kyn-progress-bar", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TableExpandedRow", + "name": "ProgressBar", "declaration": { - "name": "TableExpandedRow", - "module": "src/components/reusable/table/table-expanded-row.ts" + "name": "ProgressBar", + "module": "src/components/reusable/progressBar/progressBar.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-expanded-tr", + "name": "kyn-progress-bar", "declaration": { - "name": "TableExpandedRow", - "module": "src/components/reusable/table/table-expanded-row.ts" + "name": "ProgressBar", + "module": "src/components/reusable/progressBar/progressBar.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/table/table-foot.ts", - "declarations": [ - { - "kind": "class", - "description": "`kyn-tfoot` Web Component.\n\nRepresents a custom table foot (``) for Shidoka's design system tables.\nDesigned to contain and style table footer rows (``) and footer cells (``).", - "name": "TableFoot", - "slots": [ - { - "description": "The content slot for adding table foot rows.", - "name": "unnamed" - } - ], - "members": [], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-tfoot", - "customElement": true - } - ], + "path": "src/components/reusable/radioButton/index.ts", + "declarations": [], "exports": [ { "kind": "js", - "name": "TableFoot", + "name": "RadioButton", "declaration": { - "name": "TableFoot", - "module": "src/components/reusable/table/table-foot.ts" + "name": "RadioButton", + "module": "./radioButton" } }, { - "kind": "custom-element-definition", - "name": "kyn-tfoot", + "kind": "js", + "name": "RadioButtonGroup", "declaration": { - "name": "TableFoot", - "module": "src/components/reusable/table/table-foot.ts" + "name": "RadioButtonGroup", + "module": "./radioButtonGroup" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/table/table-footer.ts", + "path": "src/components/reusable/radioButton/radioButton.ts", "declarations": [ { "kind": "class", - "description": "Table Footer\n\nIntended to contain Legend and Pagination.", - "name": "TableFooter", + "description": "Radio button.", + "name": "RadioButton", "slots": [ { - "description": "Default slot.", + "description": "Slot for label text.", "name": "unnamed" } ], - "members": [], + "members": [ + { + "kind": "field", + "name": "value", + "type": { + "text": "string" + }, + "default": "''", + "description": "Radio button value.", + "attribute": "value" + }, + { + "kind": "field", + "name": "disabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Radio button disabled state, inherited from the parent group.", + "attribute": "disabled" + }, + { + "kind": "method", + "name": "handleChange", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "Event" + } + } + ] + } + ], + "events": [ + { + "description": "Captures the change event and emits the selected value and original event details.", + "name": "on-radio-change" + } + ], + "attributes": [ + { + "name": "value", + "type": { + "text": "string" + }, + "default": "''", + "description": "Radio button value.", + "fieldName": "value" + }, + { + "name": "disabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Radio button disabled state, inherited from the parent group.", + "fieldName": "disabled" + } + ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-table-footer", + "tagName": "kyn-radio-button", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TableFooter", + "name": "RadioButton", "declaration": { - "name": "TableFooter", - "module": "src/components/reusable/table/table-footer.ts" + "name": "RadioButton", + "module": "src/components/reusable/radioButton/radioButton.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-table-footer", + "name": "kyn-radio-button", "declaration": { - "name": "TableFooter", - "module": "src/components/reusable/table/table-footer.ts" + "name": "RadioButton", + "module": "src/components/reusable/radioButton/radioButton.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/table/table-head.ts", + "path": "src/components/reusable/radioButton/radioButtonGroup.ts", "declarations": [ { "kind": "class", - "description": "`kyn-thead` Web Component.\n\nRepresents a custom table head (``) for Shidoka's design system tables.\nDesigned to contain and style table header rows (``) and header cells (``).", - "name": "TableHead", + "description": "Radio button group container.", + "name": "RadioButtonGroup", "slots": [ { - "description": "The content slot for adding table header rows (``).", + "description": "Slot for individual radio buttons.", "name": "unnamed" + }, + { + "description": "Slot for description text.", + "name": "description" + }, + { + "description": "Slot for tooltip.", + "name": "tooltip" } ], "members": [ { "kind": "field", - "name": "stickyHeader", + "name": "label", + "type": { + "text": "string" + }, + "default": "''", + "description": "Label text", + "attribute": "label" + }, + { + "kind": "field", + "name": "required", "type": { "text": "boolean" }, "default": "false", - "attribute": "stickyHeader", - "reflects": true + "description": "Makes the input required.", + "attribute": "required" }, { "kind": "field", - "name": "handleContextChange", - "description": "Update the stickyHeader property when the context changes.", + "name": "disabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Radio button group disabled state.", + "attribute": "disabled" + }, + { + "kind": "field", + "name": "horizontal", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Radio button group horizontal layout.", + "attribute": "horizontal" + }, + { + "kind": "field", + "name": "textStrings", + "default": "{\n required: 'Required',\n error: 'Error',\n}", + "description": "Text string customization.", + "attribute": "textStrings", + "type": { + "text": "object" + } + }, + { + "kind": "method", + "name": "_handleSlotChange", + "privacy": "private" + }, + { + "kind": "method", + "name": "_updateChildren", + "privacy": "private" + }, + { + "kind": "method", + "name": "_validate", + "privacy": "private", "parameters": [ { - "description": "The updated context.", - "name": "context", + "name": "interacted", "type": { - "text": "TableContextType" + "text": "Boolean" + } + }, + { + "name": "report", + "type": { + "text": "Boolean" } } ] }, { "kind": "method", - "name": "handleChildSort", + "name": "_handleRadioChange", "privacy": "private", "parameters": [ { "name": "e", "type": { - "text": "CustomEvent" + "text": "any" } } ] } ], + "events": [ + { + "description": "Captures the change event and emits the selected value.", + "name": "on-radio-group-change" + } + ], "attributes": [ { - "name": "stickyHeader", + "name": "label", + "type": { + "text": "string" + }, + "default": "''", + "description": "Label text", + "fieldName": "label" + }, + { + "name": "required", "type": { "text": "boolean" }, "default": "false", - "fieldName": "stickyHeader" + "description": "Makes the input required.", + "fieldName": "required" + }, + { + "name": "disabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Radio button group disabled state.", + "fieldName": "disabled" + }, + { + "name": "horizontal", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Radio button group horizontal layout.", + "fieldName": "horizontal" + }, + { + "name": "textStrings", + "default": "_defaultTextStrings", + "description": "Text string customization.", + "fieldName": "textStrings" + } + ], + "mixins": [ + { + "name": "FormMixin", + "module": "/src/common/mixins/form-input" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-thead", + "tagName": "kyn-radio-button-group", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TableHead", - "declaration": { - "name": "TableHead", - "module": "src/components/reusable/table/table-head.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-thead", + "name": "RadioButtonGroup", + "declaration": { + "name": "RadioButtonGroup", + "module": "src/components/reusable/radioButton/radioButtonGroup.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-radio-button-group", + "declaration": { + "name": "RadioButtonGroup", + "module": "src/components/reusable/radioButton/radioButtonGroup.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/search/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "Search", "declaration": { - "name": "TableHead", - "module": "src/components/reusable/table/table-head.ts" + "name": "Search", + "module": "./search" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/table/table-header-row.ts", + "path": "src/components/reusable/search/search.ts", "declarations": [ { "kind": "class", - "description": "`kyn-header-tr` Web Component.\n\nThe `` component is designed to function as the\nheader row within a table that's part of Shidoka's design system.", - "name": "TableHeaderRow", + "description": "Search", + "name": "Search", "members": [ { "kind": "field", - "name": "expandableColumnWidth", - "type": { - "text": "string" - }, - "default": "'64px'", - "description": "expandableColumnWidth: The width of the expandable column.", - "attribute": "expandableColumnWidth" - }, - { - "kind": "field", - "name": "multiSelectColumnWidth", + "name": "name", "type": { "text": "string" }, - "default": "'64px'", - "description": "multiSelectColumnWidth: The width of the multi-select column.", - "attribute": "multiSelectColumnWidth" - }, - { - "kind": "method", - "name": "handleToggleSelectionAll", - "parameters": [ - { - "name": "event", - "type": { - "text": "CustomEvent" - } - } - ], - "description": "Toggles the selection state of all rows in the table." - }, - { - "kind": "method", - "name": "updateHeaderCheckboxState", - "parameters": [ - { - "name": "indeterminate", - "type": { - "text": "boolean" - } - }, - { - "name": "checked", - "type": { - "text": "boolean" - } - } - ], - "description": "Updates the state of the header checkbox based on the number of\nselected rows." + "default": "''", + "description": "Input name.", + "attribute": "name" }, { "kind": "field", - "name": "rowId", + "name": "label", "type": { "text": "string" }, - "default": "''", - "description": "rowId: String - Unique identifier for the row.", - "attribute": "rowId", - "reflects": true, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "default": "'Search'", + "description": "Label text.", + "attribute": "label" }, { "kind": "field", - "name": "selected", + "name": "expandable", "type": { "text": "boolean" }, "default": "false", - "description": "selected: Boolean indicating whether the row is selected.\nReflects the `selected` attribute.", - "attribute": "selected", - "reflects": true, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "description": "Expandable style search.", + "attribute": "expandable" }, { "kind": "field", - "name": "checkboxSelection", + "name": "value", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", - "attribute": "checkboxSelection", - "reflects": true, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "default": "''", + "description": "Input value.", + "attribute": "value" }, { "kind": "field", - "name": "dense", + "name": "size", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", - "attribute": "dense", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "default": "'md'", + "description": "Input & button size.", + "attribute": "size" }, { "kind": "field", - "name": "unread", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Unread row state.", - "attribute": "unread", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "description": "Disabled state.", + "attribute": "disabled" }, { "kind": "field", - "name": "locked", + "name": "suggestions", "type": { - "text": "boolean" + "text": "Array" }, - "default": "false", - "description": "locked: Boolean indicating whether the row is locked.\nIf a row is selected before it is locked, it remains selected even after being locked.\nA row can be selected and disabled/locked simultaneously.", - "attribute": "locked", - "reflects": true, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "default": "[]", + "description": "Auto-suggest array of strings that should match the current value. Update this array externally after on-input.", + "attribute": "suggestions" }, { "kind": "field", - "name": "expandable", + "name": "expandableSearchBtnDescription", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "expandable: Boolean indicating whether the row is expandable.", - "attribute": "expandable", - "reflects": true, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "default": "''", + "description": "Expandable style search button description (Required to support accessibility).", + "attribute": "expandableSearchBtnDescription" }, { "kind": "field", - "name": "expanded", + "name": "assistiveTextStrings", + "default": "{\n searchSuggestions: 'Search suggestions.',\n noMatches: 'No matches found for',\n selected: 'Selected',\n found: 'Found',\n}", + "description": "Assistive text strings.", + "attribute": "assistiveTextStrings", "type": { - "text": "boolean" - }, - "default": "false", - "description": "expanded: Boolean indicating whether the row is expanded.", - "attribute": "expanded", - "reflects": true, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" + "text": "object" } }, { - "kind": "field", - "name": "disabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "disabled: Boolean indicating whether the row is disabled.\nA disabled row is not allowed to have any user interactions.\nA row can be selected and disabled/locked simultaneously.", - "attribute": "disabled", - "reflects": true, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "kind": "method", + "name": "_buttonSizeMap", + "privacy": "private" }, { - "kind": "field", - "name": "preventHighlight", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "preventHighlight: Boolean indicating whether the row should not be highlighted.", - "attribute": "preventHighlight", - "reflects": true, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "kind": "method", + "name": "_handleFocus", + "privacy": "private" }, { - "kind": "field", - "name": "dimmed", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "dimmed: Boolean indicating whether the row is dimmed.\nA row should not be selected and dimmed simultaneously.", - "attribute": "dimmed", - "reflects": true, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "kind": "method", + "name": "_handleBlur", + "privacy": "private" }, { - "kind": "field", - "name": "textStrings", - "default": "{\n expanded: 'Expanded',\n collapsed: 'Collapsed',\n}", - "description": "Text string customization.", - "attribute": "textStrings", - "type": { - "text": "object" - }, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "kind": "method", + "name": "_handleButtonClick", + "privacy": "private" + }, + { + "kind": "method", + "name": "_handleInput", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "CustomEvent" + } + } + ] }, { - "kind": "field", - "name": "handleContextChange", - "description": "Updates the cell's dense and ellipsis properties when the context changes.", + "kind": "method", + "name": "_handleSuggestionClick", + "privacy": "private", "parameters": [ { - "description": "The updated context.", - "name": "context", + "name": "e", "type": { - "text": "TableContextType" + "text": "any" + } + }, + { + "name": "suggestion", + "type": { + "text": "string" } } - ], - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + ] }, { "kind": "method", - "name": "handleRowSelectionChange", + "name": "_handleSuggestionWithMouseUp", + "privacy": "private", "parameters": [ { - "name": "event", + "name": "suggestion", "type": { - "text": "CustomEvent" + "text": "string" } } - ], - "description": "Handles the change of selection state for a specific row.", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + ] }, { "kind": "method", - "name": "_handleUserInitiatedToggleExpando", + "name": "_handleSuggestionWithMouseDown", + "privacy": "private", "parameters": [ { - "name": "expanded", - "default": "!this.expanded" + "name": "e", + "type": { + "text": "any" + } } - ], - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + ] }, { "kind": "method", - "name": "_handleExpanding", + "name": "handleSearchKeydown", "privacy": "private", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } - } - ], - "events": [ - { - "name": "on-header-checkbox-toggle", - "type": { - "text": "CustomEvent" - } + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + } + ] }, { - "name": "on-row-select", - "type": { - "text": "CustomEvent" - }, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "kind": "method", + "name": "handleListKeydown", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + } + ] }, { - "name": "table-row-expando-beingtoggled", - "type": { - "text": "CustomEvent" - }, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "kind": "method", + "name": "handleKeyboard", + "privacy": "private", + "parameters": [ + { + "name": "keyCode", + "type": { + "text": "number" + } + }, + { + "name": "target", + "type": { + "text": "string" + } + } + ] }, { - "name": "table-row-expando-toggled", - "type": { - "text": "CustomEvent" - }, - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "kind": "method", + "name": "_checkForMatchingSuggestions", + "privacy": "private" } ], - "attributes": [ - { - "name": "expandableColumnWidth", - "type": { - "text": "string" - }, - "default": "'64px'", - "description": "expandableColumnWidth: The width of the expandable column.", - "fieldName": "expandableColumnWidth" - }, + "events": [ { - "name": "multiSelectColumnWidth", - "type": { - "text": "string" - }, - "default": "'64px'", - "description": "multiSelectColumnWidth: The width of the multi-select column.", - "fieldName": "multiSelectColumnWidth" - }, + "description": "Emits the value on text input/clear.", + "name": "on-input" + } + ], + "attributes": [ { - "name": "rowId", + "name": "name", "type": { "text": "string" }, "default": "''", - "description": "rowId: String - Unique identifier for the row.", - "fieldName": "rowId", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } - }, - { - "name": "selected", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "selected: Boolean indicating whether the row is selected.\nReflects the `selected` attribute.", - "fieldName": "selected", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } - }, - { - "name": "checkboxSelection", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", - "fieldName": "checkboxSelection", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } - }, - { - "name": "dense", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", - "fieldName": "dense", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "description": "Input name.", + "fieldName": "name" }, { - "name": "unread", + "name": "label", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Unread row state.", - "fieldName": "unread", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "default": "'Search'", + "description": "Label text.", + "fieldName": "label" }, { - "name": "locked", + "name": "expandable", "type": { "text": "boolean" }, "default": "false", - "description": "locked: Boolean indicating whether the row is locked.\nIf a row is selected before it is locked, it remains selected even after being locked.\nA row can be selected and disabled/locked simultaneously.", - "fieldName": "locked", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "description": "Expandable style search.", + "fieldName": "expandable" }, { - "name": "expandable", + "name": "value", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "expandable: Boolean indicating whether the row is expandable.", - "fieldName": "expandable", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "default": "''", + "description": "Input value.", + "fieldName": "value" }, { - "name": "expanded", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "expanded: Boolean indicating whether the row is expanded.", - "fieldName": "expanded", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "name": "size", + "type": { + "text": "string" + }, + "default": "'md'", + "description": "Input & button size.", + "fieldName": "size" }, { "name": "disabled", @@ -12771,4363 +9645,4607 @@ "text": "boolean" }, "default": "false", - "description": "disabled: Boolean indicating whether the row is disabled.\nA disabled row is not allowed to have any user interactions.\nA row can be selected and disabled/locked simultaneously.", - "fieldName": "disabled", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "description": "Disabled state.", + "fieldName": "disabled" }, { - "name": "preventHighlight", + "name": "suggestions", "type": { - "text": "boolean" + "text": "Array" }, - "default": "false", - "description": "preventHighlight: Boolean indicating whether the row should not be highlighted.", - "fieldName": "preventHighlight", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "default": "[]", + "description": "Auto-suggest array of strings that should match the current value. Update this array externally after on-input.", + "fieldName": "suggestions" }, { - "name": "dimmed", + "name": "expandableSearchBtnDescription", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "dimmed: Boolean indicating whether the row is dimmed.\nA row should not be selected and dimmed simultaneously.", - "fieldName": "dimmed", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "default": "''", + "description": "Expandable style search button description (Required to support accessibility).", + "fieldName": "expandableSearchBtnDescription" }, { - "name": "textStrings", + "name": "assistiveTextStrings", "default": "_defaultTextStrings", - "description": "Text string customization.", - "fieldName": "textStrings", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } + "description": "Assistive text strings.", + "fieldName": "assistiveTextStrings" } ], "superclass": { - "name": "TableRow", - "module": "/src/components/reusable/table/table-row" + "name": "LitElement", + "package": "lit" }, - "tagName": "kyn-header-tr", - "customElement": true, - "slots": [ - { - "description": "The content slot for adding table cells (`kyn-td` or other relevant cells).", - "name": "unnamed", - "inheritedFrom": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } - } - ] + "tagName": "kyn-search", + "customElement": true } ], "exports": [ { "kind": "js", - "name": "TableHeaderRow", + "name": "Search", "declaration": { - "name": "TableHeaderRow", - "module": "src/components/reusable/table/table-header-row.ts" + "name": "Search", + "module": "src/components/reusable/search/search.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-header-tr", + "name": "kyn-search", "declaration": { - "name": "TableHeaderRow", - "module": "src/components/reusable/table/table-header-row.ts" + "name": "Search", + "module": "src/components/reusable/search/search.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/table/table-header.ts", + "path": "src/components/reusable/stepper/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "Stepper", + "declaration": { + "name": "Stepper", + "module": "./stepper" + } + }, + { + "kind": "js", + "name": "StepperItem", + "declaration": { + "name": "StepperItem", + "module": "./stepperItem" + } + }, + { + "kind": "js", + "name": "StepperItemChild", + "declaration": { + "name": "StepperItemChild", + "module": "./stepperItemChild" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/stepper/stepper.ts", "declarations": [ { "kind": "class", - "description": "`kyn-th` Web Component.\n\nRepresents a custom table header cell (``) for Shidoka's design system tables.\nProvides sorting functionality when enabled and allows alignment customization.", - "name": "TableHeader", + "description": "Stepper", + "name": "Stepper", "slots": [ { - "description": "The content slot for adding header text or content.", + "description": "Slot for step items.", "name": "unnamed" } ], "members": [ { "kind": "field", - "name": "dense", + "name": "stepperType", + "type": { + "text": "string" + }, + "default": "'procedure'", + "description": "Stepper type `'procedure'` & `'status'`.\n\nprocedure: Allows a user to move through a series of steps that need to be completed, such as filling out a series of forms. The user can therefore know where they are in the sequence, and can go back to previous steps if needed. Procedure should use the `'large'` size stepper.\n\nstatus: Should not allow the user navigate to previous steps for ex: sequential forms, payment gateway etc. Should use the `'small'` size to avoid unnecessary clutter.\n\nNote: Read the stepper guidelines for more info.", + "attribute": "stepperType" + }, + { + "kind": "field", + "name": "vertical", "type": { "text": "boolean" }, "default": "false", - "description": "Determines if the cell should have a denser layout.", - "attribute": "dense", - "reflects": true + "description": "Wheter the stepper is in vertical type.", + "attribute": "vertical" }, { "kind": "field", - "name": "handleContextChange", - "description": "Updates the cell's dense properties when the context changes.", + "name": "stepperSize", + "type": { + "text": "string" + }, + "default": "'large'", + "description": "Stepper size `'large'` & `'small'`.", + "attribute": "stepperSize" + }, + { + "kind": "field", + "name": "currentIndex", + "type": { + "text": "number" + }, + "default": "0", + "description": "Curent index of stepper. Usefull for navigation logic like next, prev etc.", + "attribute": "currentIndex" + }, + { + "kind": "method", + "name": "_handleSlotChange", + "privacy": "private" + }, + { + "kind": "method", + "name": "_updateChildren", + "privacy": "private" + }, + { + "kind": "method", + "name": "_determineFirstLastSteps", + "privacy": "private" + }, + { + "kind": "method", + "name": "_handleStepClick", + "privacy": "private", "parameters": [ { - "description": "The updated context.", - "name": "context", + "name": "e", "type": { - "text": "TableContextType" + "text": "any" } } ] + } + ], + "events": [ + { + "description": "Captures the event and emits the active step and original event details when click on any step title. This is only for procedure type stepper. Status stepper doesn't emit this event.", + "name": "on-click" + } + ], + "attributes": [ + { + "name": "stepperType", + "type": { + "text": "string" + }, + "default": "'procedure'", + "description": "Stepper type `'procedure'` & `'status'`.\n\nprocedure: Allows a user to move through a series of steps that need to be completed, such as filling out a series of forms. The user can therefore know where they are in the sequence, and can go back to previous steps if needed. Procedure should use the `'large'` size stepper.\n\nstatus: Should not allow the user navigate to previous steps for ex: sequential forms, payment gateway etc. Should use the `'small'` size to avoid unnecessary clutter.\n\nNote: Read the stepper guidelines for more info.", + "fieldName": "stepperType" + }, + { + "name": "vertical", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Wheter the stepper is in vertical type.", + "fieldName": "vertical" + }, + { + "name": "stepperSize", + "type": { + "text": "string" + }, + "default": "'large'", + "description": "Stepper size `'large'` & `'small'`.", + "fieldName": "stepperSize" + }, + { + "name": "currentIndex", + "type": { + "text": "number" + }, + "default": "0", + "description": "Curent index of stepper. Usefull for navigation logic like next, prev etc.", + "fieldName": "currentIndex" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-stepper", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "Stepper", + "declaration": { + "name": "Stepper", + "module": "src/components/reusable/stepper/stepper.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-stepper", + "declaration": { + "name": "Stepper", + "module": "src/components/reusable/stepper/stepper.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/stepper/stepperItem.ts", + "declarations": [ + { + "kind": "class", + "description": "Stepper Item.", + "name": "StepperItem", + "slots": [ + { + "description": "Slot for tooltip.", + "name": "tooltip" }, { - "kind": "field", - "name": "align", - "type": { - "text": "TABLE_CELL_ALIGN" - }, - "description": "Specifies the alignment of the content within the table header.\nOptions: 'left', 'center', 'right'", - "attribute": "align", - "reflects": true + "description": "Children slot. Used for nested children in vertical stepper. Visible only when step state is active. Do not use inside stepperType `'status'`.", + "name": "child" }, + { + "description": "Optional slot for content in vertical stepper. Visible only when step state is active.", + "name": "unnamed" + } + ], + "members": [ { "kind": "field", - "name": "sortable", + "name": "vertical", "type": { "text": "boolean" }, "default": "false", - "description": "Specifies if the column is sortable.\nIf set to true, an arrow icon will be displayed unpon hover,\nallowing the user to toggle sort directions.", - "attribute": "sortable", - "reflects": true + "description": "Whether the stepper is in vertical type.", + "attribute": "vertical" }, { "kind": "field", - "name": "sortDirection", + "name": "stepSize", "type": { - "text": "SORT_DIRECTION" + "text": "string" }, - "description": "Specifies the direction of sorting applied to the column.", - "attribute": "sortDirection", - "reflects": true + "default": "'large'", + "description": "Stepper size `'large'` & `'small'`.", + "attribute": "stepSize" }, { "kind": "field", - "name": "headerLabel", + "name": "stepName", "type": { "text": "string" }, "default": "''", - "description": "The textual content associated with this component.\nRepresents the primary content or label that will be displayed.", - "attribute": "headerLabel" + "description": "Step name.", + "attribute": "stepName" }, { "kind": "field", - "name": "sortKey", + "name": "stepTitle", "type": { "text": "string" }, "default": "''", - "description": "The unique identifier representing this column header.\nUsed to distinguish between different sortable columns and\nto ensure that only one column is sorted at a time.", - "attribute": "sortKey" + "description": "Step title.", + "attribute": "stepTitle" }, { "kind": "field", - "name": "visiblyHidden", + "name": "stepLink", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Determines whether the content should be hidden from visual view but remain accessible\nto screen readers for accessibility purposes. When set to `true`, the content\nwill not be visibly shown, but its content can still be read by screen readers.\nThis is especially useful for providing additional context or information to\nassistive technologies without cluttering the visual UI.", - "attribute": "visiblyHidden" + "default": "''", + "description": "Step link.", + "attribute": "stepLink" }, { "kind": "field", - "name": "width", + "name": "stepState", "type": { "text": "string" }, - "default": "''", - "description": "Sets a fixed width for the cell.\nAccepts standard CSS width values (e.g., '150px', '50%').", - "attribute": "width", - "reflects": true + "default": "'pending'", + "description": "Step state. `'pending'`, `'active'`, `'completed'`, `'excluded'`, `'warning'` & `'destructive'`.\n\n`'pending'`, `'active'` and `'completed'` / `'excluded'` states has 0%, 50% & 100% progress set internally.", + "attribute": "stepState" }, { "kind": "field", - "name": "maxWidth", + "name": "disabled", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets a maximum width for the cell; contents exceeding this limit will be truncated with ellipsis.\nAccepts standard CSS width values (e.g., '150px', '50%').", - "attribute": "maxWidth", - "reflects": true + "default": "false", + "description": "Disable step.", + "attribute": "disabled" }, { "kind": "field", - "name": "minWidth", + "name": "showCounter", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets a minimum width for the cell;\nAccepts standard CSS width values (e.g., '150px', '50%').", - "attribute": "minWidth", - "reflects": true + "default": "false", + "description": "Optional. Show counter for vertical stepper when stepState is `'pending'`.", + "attribute": "showCounter" }, { "kind": "method", - "name": "resetSort", - "description": "Resets the sorting direction of the component to its default state.\nUseful for initializing or clearing any applied sorting on the element." + "name": "_handleChildToggle", + "privacy": "private" }, { "kind": "method", - "name": "toggleSortDirection", + "name": "_handleStepClick", "privacy": "private", - "description": "Toggles the sort direction between ascending, descending, and default states.\nIt also dispatches an event to notify parent components of the sorting change." + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + } + ] }, { "kind": "method", - "name": "getTextContent" + "name": "_handleChildSlotChange", + "privacy": "private" + }, + { + "kind": "method", + "name": "_updateChildren", + "privacy": "private" + }, + { + "kind": "method", + "name": "getProgressValue", + "privacy": "private", + "return": { + "type": { + "text": "number" + } + } } ], "events": [ { - "name": "on-sort-changed", - "type": { - "text": "CustomEvent" - }, - "description": "Dispatched when the sort direction is changed." + "description": "Emits the step details to the parent stepper component when click on step title.", + "name": "on-step-click" } ], "attributes": [ { - "name": "dense", + "name": "vertical", "type": { "text": "boolean" }, "default": "false", - "description": "Determines if the cell should have a denser layout.", - "fieldName": "dense" + "description": "Whether the stepper is in vertical type.", + "fieldName": "vertical" }, { - "name": "align", + "name": "stepSize", "type": { - "text": "TABLE_CELL_ALIGN" + "text": "string" }, - "description": "Specifies the alignment of the content within the table header.\nOptions: 'left', 'center', 'right'", - "fieldName": "align" + "default": "'large'", + "description": "Stepper size `'large'` & `'small'`.", + "fieldName": "stepSize" }, { - "name": "sortable", + "name": "stepName", + "type": { + "text": "string" + }, + "default": "''", + "description": "Step name.", + "fieldName": "stepName" + }, + { + "name": "stepTitle", + "type": { + "text": "string" + }, + "default": "''", + "description": "Step title.", + "fieldName": "stepTitle" + }, + { + "name": "stepLink", + "type": { + "text": "string" + }, + "default": "''", + "description": "Step link.", + "fieldName": "stepLink" + }, + { + "name": "stepState", + "type": { + "text": "string" + }, + "default": "'pending'", + "description": "Step state. `'pending'`, `'active'`, `'completed'`, `'excluded'`, `'warning'` & `'destructive'`.\n\n`'pending'`, `'active'` and `'completed'` / `'excluded'` states has 0%, 50% & 100% progress set internally.", + "fieldName": "stepState" + }, + { + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Specifies if the column is sortable.\nIf set to true, an arrow icon will be displayed unpon hover,\nallowing the user to toggle sort directions.", - "fieldName": "sortable" + "description": "Disable step.", + "fieldName": "disabled" }, { - "name": "sortDirection", + "name": "showCounter", "type": { - "text": "SORT_DIRECTION" + "text": "boolean" }, - "description": "Specifies the direction of sorting applied to the column.", - "fieldName": "sortDirection" + "default": "false", + "description": "Optional. Show counter for vertical stepper when stepState is `'pending'`.", + "fieldName": "showCounter" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-stepper-item", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "StepperItem", + "declaration": { + "name": "StepperItem", + "module": "src/components/reusable/stepper/stepperItem.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-stepper-item", + "declaration": { + "name": "StepperItem", + "module": "src/components/reusable/stepper/stepperItem.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/stepper/stepperItemChild.ts", + "declarations": [ + { + "kind": "class", + "description": "Stepper Item child.", + "name": "StepperItemChild", + "slots": [ + { + "description": "Slot for other elements.", + "name": "unnamed" + } + ], + "members": [ + { + "kind": "field", + "name": "childTitle", + "type": { + "text": "string" + }, + "default": "''", + "description": "Child Title. Required for nested child inside step.", + "attribute": "childTitle" }, { - "name": "headerLabel", + "kind": "field", + "name": "childLink", "type": { "text": "string" }, "default": "''", - "description": "The textual content associated with this component.\nRepresents the primary content or label that will be displayed.", - "fieldName": "headerLabel" + "description": "Child link.", + "attribute": "childLink" }, { - "name": "sortKey", + "kind": "field", + "name": "childSubTitle", "type": { "text": "string" }, "default": "''", - "description": "The unique identifier representing this column header.\nUsed to distinguish between different sortable columns and\nto ensure that only one column is sorted at a time.", - "fieldName": "sortKey" + "description": "Optional Child Subtitle.", + "attribute": "childSubTitle" }, { - "name": "visiblyHidden", + "kind": "field", + "name": "childState", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Determines whether the content should be hidden from visual view but remain accessible\nto screen readers for accessibility purposes. When set to `true`, the content\nwill not be visibly shown, but its content can still be read by screen readers.\nThis is especially useful for providing additional context or information to\nassistive technologies without cluttering the visual UI.", - "fieldName": "visiblyHidden" + "default": "'pending'", + "description": "Child State. `'pending'`, `'active'` & `'completed'`.", + "attribute": "childState" }, { - "name": "width", + "kind": "method", + "name": "_handleChildStepClick", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "Event" + } + } + ] + }, + { + "kind": "method", + "name": "getProgressValue", + "privacy": "private", + "return": { + "type": { + "text": "number" + } + } + } + ], + "events": [ + { + "description": "Emits event on child click. Only for vertical mode.", + "name": "on-child-click" + } + ], + "attributes": [ + { + "name": "childTitle", "type": { "text": "string" }, "default": "''", - "description": "Sets a fixed width for the cell.\nAccepts standard CSS width values (e.g., '150px', '50%').", - "fieldName": "width" + "description": "Child Title. Required for nested child inside step.", + "fieldName": "childTitle" }, { - "name": "maxWidth", + "name": "childLink", "type": { "text": "string" }, "default": "''", - "description": "Sets a maximum width for the cell; contents exceeding this limit will be truncated with ellipsis.\nAccepts standard CSS width values (e.g., '150px', '50%').", - "fieldName": "maxWidth" + "description": "Child link.", + "fieldName": "childLink" }, { - "name": "minWidth", + "name": "childSubTitle", "type": { "text": "string" }, "default": "''", - "description": "Sets a minimum width for the cell;\nAccepts standard CSS width values (e.g., '150px', '50%').", - "fieldName": "minWidth" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-th", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "TableHeader", - "declaration": { - "name": "TableHeader", - "module": "src/components/reusable/table/table-header.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-th", - "declaration": { - "name": "TableHeader", - "module": "src/components/reusable/table/table-header.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/table/table-legend-item.ts", - "declarations": [ - { - "kind": "class", - "description": "Table Legend Item", - "name": "TableLegendItem", - "slots": [ + "description": "Optional Child Subtitle.", + "fieldName": "childSubTitle" + }, { - "description": "Default slot for icon and text.", - "name": "unnamed" + "name": "childState", + "type": { + "text": "string" + }, + "default": "'pending'", + "description": "Child State. `'pending'`, `'active'` & `'completed'`.", + "fieldName": "childState" } ], - "members": [], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-table-legend-item", + "tagName": "kyn-stepper-item-child", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TableLegendItem", + "name": "StepperItemChild", "declaration": { - "name": "TableLegendItem", - "module": "src/components/reusable/table/table-legend-item.ts" + "name": "StepperItemChild", + "module": "src/components/reusable/stepper/stepperItemChild.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-table-legend-item", + "name": "kyn-stepper-item-child", "declaration": { - "name": "TableLegendItem", - "module": "src/components/reusable/table/table-legend-item.ts" + "name": "StepperItemChild", + "module": "src/components/reusable/stepper/stepperItemChild.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/table/table-legend.ts", - "declarations": [ - { - "kind": "class", - "description": "Table Legend", - "name": "TableLegend", - "slots": [ - { - "description": "Default slot for Legend Items.", - "name": "unnamed" - } - ], - "members": [], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-table-legend", - "customElement": true - } - ], + "path": "src/components/reusable/sideDrawer/index.ts", + "declarations": [], "exports": [ { "kind": "js", - "name": "TableLegend", - "declaration": { - "name": "TableLegend", - "module": "src/components/reusable/table/table-legend.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-table-legend", + "name": "SideDrawer", "declaration": { - "name": "TableLegend", - "module": "src/components/reusable/table/table-legend.ts" + "name": "SideDrawer", + "module": "./sideDrawer" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/table/table-row.ts", + "path": "src/components/reusable/sideDrawer/sideDrawer.ts", "declarations": [ { "kind": "class", - "description": "`kyn-tr` Web Component.\n\nRepresents a table row (``) equivalent for custom tables created with Shidoka's design system.\nIt primarily acts as a container for individual table cells and behaves similarly to a native `` element.", - "name": "TableRow", + "description": "Side Drawer.", + "name": "SideDrawer", "slots": [ { - "description": "The content slot for adding table cells (`kyn-td` or other relevant cells).", + "description": "Slot for drawer body content.", "name": "unnamed" + }, + { + "description": "Slot for the anchor button content.", + "name": "anchor" } ], "members": [ { "kind": "field", - "name": "rowId", + "name": "open", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Drawer open state.", + "attribute": "open" + }, + { + "kind": "field", + "name": "size", "type": { "text": "string" }, - "default": "''", - "description": "rowId: String - Unique identifier for the row.", - "attribute": "rowId", - "reflects": true + "default": "'md'", + "description": "Drawer size. `'md'`, or `'sm'`.", + "attribute": "size" }, { "kind": "field", - "name": "selected", + "name": "titleText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "selected: Boolean indicating whether the row is selected.\nReflects the `selected` attribute.", - "attribute": "selected", - "reflects": true + "default": "''", + "description": "Title / Heading text, required.", + "attribute": "titleText" }, { "kind": "field", - "name": "checkboxSelection", + "name": "labelText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", - "attribute": "checkboxSelection", - "reflects": true + "default": "''", + "description": "Label text, optional.", + "attribute": "labelText" }, { "kind": "field", - "name": "dense", + "name": "submitBtnText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", - "attribute": "dense" + "default": "'Ok'", + "description": "Submit button text.", + "attribute": "submitBtnText" }, { "kind": "field", - "name": "unread", + "name": "cancelBtnText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Unread row state.", - "attribute": "unread" + "default": "'Cancel'", + "description": "Cancel button text.", + "attribute": "cancelBtnText" }, { "kind": "field", - "name": "locked", + "name": "submitBtnDisabled", "type": { "text": "boolean" }, "default": "false", - "description": "locked: Boolean indicating whether the row is locked.\nIf a row is selected before it is locked, it remains selected even after being locked.\nA row can be selected and disabled/locked simultaneously.", - "attribute": "locked", - "reflects": true + "description": "Disables the primary button.", + "attribute": "submitBtnDisabled" }, { "kind": "field", - "name": "expandable", + "name": "hideFooter", "type": { "text": "boolean" }, "default": "false", - "description": "expandable: Boolean indicating whether the row is expandable.", - "attribute": "expandable", - "reflects": true + "description": "Determine whether needs footer", + "attribute": "hideFooter" }, { "kind": "field", - "name": "expanded", + "name": "destructive", "type": { "text": "boolean" }, "default": "false", - "description": "expanded: Boolean indicating whether the row is expanded.", - "attribute": "expanded", - "reflects": true + "description": "Changes the primary button styles to indicate the action is destructive.", + "attribute": "destructive" }, { "kind": "field", - "name": "disabled", + "name": "secondaryButtonText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "disabled: Boolean indicating whether the row is disabled.\nA disabled row is not allowed to have any user interactions.\nA row can be selected and disabled/locked simultaneously.", - "attribute": "disabled", - "reflects": true + "default": "'Secondary'", + "description": "Secondary button text.", + "attribute": "secondaryButtonText" }, { "kind": "field", - "name": "preventHighlight", + "name": "showSecondaryButton", "type": { "text": "boolean" }, "default": "false", - "description": "preventHighlight: Boolean indicating whether the row should not be highlighted.", - "attribute": "preventHighlight", - "reflects": true + "description": "Hides the secondary button.", + "attribute": "showSecondaryButton" }, { "kind": "field", - "name": "dimmed", + "name": "hideCancelButton", "type": { "text": "boolean" }, "default": "false", - "description": "dimmed: Boolean indicating whether the row is dimmed.\nA row should not be selected and dimmed simultaneously.", - "attribute": "dimmed", - "reflects": true + "description": "Hides the cancel button.", + "attribute": "hideCancelButton" }, { "kind": "field", - "name": "textStrings", - "default": "{\n expanded: 'Expanded',\n collapsed: 'Collapsed',\n}", - "description": "Text string customization.", - "attribute": "textStrings", + "name": "beforeClose", "type": { - "text": "object" - } + "text": "Function" + }, + "description": "Function to execute before the Drawer can close. Useful for running checks or validations before closing. Exposes `returnValue` (`'ok'` or `'cancel'`). Must return `true` or `false`." }, { - "kind": "field", - "name": "handleContextChange", - "description": "Updates the cell's dense and ellipsis properties when the context changes.", - "parameters": [ - { - "description": "The updated context.", - "name": "context", - "type": { - "text": "TableContextType" - } - } - ] + "kind": "method", + "name": "_openDrawer", + "privacy": "private" }, { "kind": "method", - "name": "handleRowSelectionChange", + "name": "_closeDrawer", + "privacy": "private", "parameters": [ { - "name": "event", + "name": "e", "type": { - "text": "CustomEvent" + "text": "Event" + } + }, + { + "name": "returnValue", + "type": { + "text": "string" } } - ], - "description": "Handles the change of selection state for a specific row." + ] }, { "kind": "method", - "name": "_handleUserInitiatedToggleExpando", + "name": "_emitCloseEvent", + "privacy": "private", "parameters": [ { - "name": "expanded", - "default": "!this.expanded" + "name": "e", + "type": { + "text": "Event" + } } ] - }, - { - "kind": "method", - "name": "_handleExpanding", - "privacy": "private" } ], "events": [ { - "name": "on-row-select", - "type": { - "text": "CustomEvent" - } - }, - { - "name": "table-row-expando-beingtoggled", - "type": { - "text": "CustomEvent" - } - }, - { - "name": "table-row-expando-toggled", - "type": { - "text": "CustomEvent" - } + "description": "Emits the drawer close event with `returnValue` (`'ok'` or `'cancel'`).", + "name": "on-close" } ], "attributes": [ { - "name": "rowId", - "type": { - "text": "string" - }, - "default": "''", - "description": "rowId: String - Unique identifier for the row.", - "fieldName": "rowId" - }, - { - "name": "selected", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "selected: Boolean indicating whether the row is selected.\nReflects the `selected` attribute.", - "fieldName": "selected" - }, - { - "name": "checkboxSelection", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", - "fieldName": "checkboxSelection" - }, - { - "name": "dense", + "name": "open", "type": { "text": "boolean" }, "default": "false", - "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", - "fieldName": "dense" + "description": "Drawer open state.", + "fieldName": "open" }, { - "name": "unread", + "name": "size", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Unread row state.", - "fieldName": "unread" + "default": "'md'", + "description": "Drawer size. `'md'`, or `'sm'`.", + "fieldName": "size" }, { - "name": "locked", + "name": "titleText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "locked: Boolean indicating whether the row is locked.\nIf a row is selected before it is locked, it remains selected even after being locked.\nA row can be selected and disabled/locked simultaneously.", - "fieldName": "locked" + "default": "''", + "description": "Title / Heading text, required.", + "fieldName": "titleText" }, { - "name": "expandable", + "name": "labelText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "expandable: Boolean indicating whether the row is expandable.", - "fieldName": "expandable" + "default": "''", + "description": "Label text, optional.", + "fieldName": "labelText" }, { - "name": "expanded", + "name": "submitBtnText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "expanded: Boolean indicating whether the row is expanded.", - "fieldName": "expanded" + "default": "'Ok'", + "description": "Submit button text.", + "fieldName": "submitBtnText" }, { - "name": "disabled", + "name": "cancelBtnText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "disabled: Boolean indicating whether the row is disabled.\nA disabled row is not allowed to have any user interactions.\nA row can be selected and disabled/locked simultaneously.", - "fieldName": "disabled" + "default": "'Cancel'", + "description": "Cancel button text.", + "fieldName": "cancelBtnText" }, { - "name": "preventHighlight", + "name": "submitBtnDisabled", "type": { "text": "boolean" }, "default": "false", - "description": "preventHighlight: Boolean indicating whether the row should not be highlighted.", - "fieldName": "preventHighlight" + "description": "Disables the primary button.", + "fieldName": "submitBtnDisabled" }, { - "name": "dimmed", + "name": "hideFooter", "type": { "text": "boolean" }, "default": "false", - "description": "dimmed: Boolean indicating whether the row is dimmed.\nA row should not be selected and dimmed simultaneously.", - "fieldName": "dimmed" + "description": "Determine whether needs footer", + "fieldName": "hideFooter" }, { - "name": "textStrings", - "default": "_defaultTextStrings", - "description": "Text string customization.", - "fieldName": "textStrings" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-tr", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "TableRow", - "declaration": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-tr", - "declaration": { - "name": "TableRow", - "module": "src/components/reusable/table/table-row.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/table/table-toolbar.ts", - "declarations": [ - { - "kind": "class", - "description": "`kyn-table-toolbar` Web Component.\n\nThis component provides a toolbar for tables, primarily featuring a title and additional content.\nThe title is rendered prominently, while the slot can be used for controls, buttons, or other interactive elements.", - "name": "TableToolbar", - "slots": [ - { - "description": "The primary content slot for controls, buttons, or other toolbar content.", - "name": "unnamed" - } - ], - "members": [ - { - "kind": "field", - "name": "tableTitle", + "name": "destructive", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "The title for the toolbar", - "attribute": "tableTitle" + "default": "false", + "description": "Changes the primary button styles to indicate the action is destructive.", + "fieldName": "destructive" }, { - "kind": "field", - "name": "tableSubtitle", + "name": "secondaryButtonText", "type": { "text": "string" }, - "default": "''", - "description": "The subtitle for the toolbar", - "attribute": "tableSubtitle" - } - ], - "attributes": [ + "default": "'Secondary'", + "description": "Secondary button text.", + "fieldName": "secondaryButtonText" + }, { - "name": "tableTitle", + "name": "showSecondaryButton", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "The title for the toolbar", - "fieldName": "tableTitle" + "default": "false", + "description": "Hides the secondary button.", + "fieldName": "showSecondaryButton" }, { - "name": "tableSubtitle", + "name": "hideCancelButton", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "The subtitle for the toolbar", - "fieldName": "tableSubtitle" + "default": "false", + "description": "Hides the cancel button.", + "fieldName": "hideCancelButton" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-table-toolbar", + "tagName": "kyn-side-drawer", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TableToolbar", + "name": "SideDrawer", "declaration": { - "name": "TableToolbar", - "module": "src/components/reusable/table/table-toolbar.ts" + "name": "SideDrawer", + "module": "src/components/reusable/sideDrawer/sideDrawer.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-table-toolbar", + "name": "kyn-side-drawer", "declaration": { - "name": "TableToolbar", - "module": "src/components/reusable/table/table-toolbar.ts" + "name": "SideDrawer", + "module": "src/components/reusable/sideDrawer/sideDrawer.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/table/table.skeleton.ts", - "declarations": [ + "path": "src/components/reusable/table/defs.ts", + "declarations": [], + "exports": [] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/table/index.ts", + "declarations": [], + "exports": [ { - "kind": "class", - "description": "`kyn-table-skeleton` Web Component.\nA skeleton loading state for the table component that mirrors its structure.", + "kind": "js", + "name": "Table", + "declaration": { + "name": "Table", + "module": "./table" + } + }, + { + "kind": "js", + "name": "TableCell", + "declaration": { + "name": "TableCell", + "module": "./table-cell" + } + }, + { + "kind": "js", + "name": "TableRow", + "declaration": { + "name": "TableRow", + "module": "./table-row" + } + }, + { + "kind": "js", + "name": "TableBody", + "declaration": { + "name": "TableBody", + "module": "./table-body" + } + }, + { + "kind": "js", + "name": "TableHead", + "declaration": { + "name": "TableHead", + "module": "./table-head" + } + }, + { + "kind": "js", + "name": "TableHeader", + "declaration": { + "name": "TableHeader", + "module": "./table-header" + } + }, + { + "kind": "js", + "name": "TableFoot", + "declaration": { + "name": "TableFoot", + "module": "./table-foot" + } + }, + { + "kind": "js", + "name": "TableFooter", + "declaration": { + "name": "TableFooter", + "module": "./table-footer" + } + }, + { + "kind": "js", + "name": "TableLegend", + "declaration": { + "name": "TableLegend", + "module": "./table-legend" + } + }, + { + "kind": "js", + "name": "TableLegendItem", + "declaration": { + "name": "TableLegendItem", + "module": "./table-legend-item" + } + }, + { + "kind": "js", + "name": "TableToolbar", + "declaration": { + "name": "TableToolbar", + "module": "./table-toolbar" + } + }, + { + "kind": "js", + "name": "TableContainer", + "declaration": { + "name": "TableContainer", + "module": "./table-container" + } + }, + { + "kind": "js", + "name": "TableHeaderRow", + "declaration": { + "name": "TableHeaderRow", + "module": "./table-header-row" + } + }, + { + "kind": "js", + "name": "TableExpandedRow", + "declaration": { + "name": "TableExpandedRow", + "module": "./table-expanded-row" + } + }, + { + "kind": "js", "name": "TableSkeleton", - "members": [ - { - "kind": "field", - "name": "rows", - "type": { - "text": "number" - }, - "default": "5", - "description": "Number of skeleton rows to display.", - "attribute": "rows" - }, - { - "kind": "field", - "name": "showPagination", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Shows/hides pagination skeleton.", - "attribute": "showPagination" - }, - { - "kind": "field", - "name": "dense", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Sets dense mode value.", - "attribute": "dense" - }, - { - "kind": "field", - "name": "striped", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Sets striped rows value.", - "attribute": "striped" - }, - { - "kind": "field", - "name": "hideTableTitles", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Show/hide table header.", - "attribute": "hideTableTitles" - }, - { - "kind": "field", - "name": "fixedLayout", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Fixed layout boolean.", - "attribute": "fixedLayout" - }, - { - "kind": "field", - "name": "tableTitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets title to display in the table toolbar.", - "attribute": "tableTitle" - }, + "declaration": { + "name": "TableSkeleton", + "module": "./table.skeleton" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/table/table-body.ts", + "declarations": [ + { + "kind": "class", + "description": "`kyn-tbody` Web Component.\n\nRepresents the body section of Shidoka's design system tables. Designed to provide\na consistent look and feel, and can offer striped rows for enhanced readability.", + "name": "TableBody", + "slots": [ { - "kind": "field", - "name": "tableSubtitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets subtitle to display in the table toolbar.", - "attribute": "tableSubtitle" - }, + "description": "The content slot for adding rows (``) within the table body.", + "name": "unnamed" + } + ], + "members": [ { "kind": "field", - "name": "showGlobalFilter", + "name": "striped", "type": { "text": "boolean" }, "default": "false", - "description": "Shows/hides golbal filter skeleton.", - "attribute": "showGlobalFilter" + "description": "Determines if the rows in the table body should be striped.", + "attribute": "striped", + "reflects": true }, { - "kind": "method", - "name": "renderSkeletonCell", - "privacy": "private", + "kind": "field", + "name": "handleContextChange", + "description": "Updates the row's striped property when the context changes.", "parameters": [ { - "name": "type", + "description": "The updated context.", + "name": "context", "type": { - "text": "'thead' | 'tbody'" + "text": "TableContextType" } } ] } ], - "attributes": [ - { - "name": "rows", - "type": { - "text": "number" - }, - "default": "5", - "description": "Number of skeleton rows to display.", - "fieldName": "rows" - }, - { - "name": "showPagination", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Shows/hides pagination skeleton.", - "fieldName": "showPagination" - }, + "events": [ { - "name": "dense", + "name": "on-rows-change", "type": { - "text": "boolean" + "text": "CustomEvent" }, - "default": "false", - "description": "Sets dense mode value.", - "fieldName": "dense" - }, + "description": "Dispatched when the rows in the table body change." + } + ], + "attributes": [ { "name": "striped", "type": { "text": "boolean" }, "default": "false", - "description": "Sets striped rows value.", + "description": "Determines if the rows in the table body should be striped.", "fieldName": "striped" - }, - { - "name": "hideTableTitles", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Show/hide table header.", - "fieldName": "hideTableTitles" - }, - { - "name": "fixedLayout", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Fixed layout boolean.", - "fieldName": "fixedLayout" - }, - { - "name": "tableTitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets title to display in the table toolbar.", - "fieldName": "tableTitle" - }, - { - "name": "tableSubtitle", - "type": { - "text": "string" - }, - "default": "''", - "description": "Sets subtitle to display in the table toolbar.", - "fieldName": "tableSubtitle" - }, - { - "name": "showGlobalFilter", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Shows/hides golbal filter skeleton.", - "fieldName": "showGlobalFilter" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-table-skeleton", + "tagName": "kyn-tbody", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TableSkeleton", + "name": "TableBody", "declaration": { - "name": "TableSkeleton", - "module": "src/components/reusable/table/table.skeleton.ts" + "name": "TableBody", + "module": "src/components/reusable/table/table-body.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-table-skeleton", + "name": "kyn-tbody", "declaration": { - "name": "TableSkeleton", - "module": "src/components/reusable/table/table.skeleton.ts" + "name": "TableBody", + "module": "src/components/reusable/table/table-body.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/table/table.ts", + "path": "src/components/reusable/table/table-cell.ts", "declarations": [ { "kind": "class", - "description": "`kyn-table` Web Component.\nThis component provides a table with sorting, pagination, and selection capabilities.\nIt is designed to be used with the `kyn-table-toolbar` and `kyn-table-container` components.", - "name": "Table", + "description": "`kyn-td` Web Component.\n\nRepresents a table cell (data cell) within Shidoka's design system tables.\nAllows customization of alignment and can reflect the sort direction when\nused within sortable columns.", + "name": "TableCell", + "slots": [ + { + "description": "The content slot for adding table data inside the cell.", + "name": "unnamed" + } + ], "members": [ { "kind": "field", - "name": "checkboxSelection", + "name": "dense", "type": { "text": "boolean" }, - "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", "default": "false", - "attribute": "checkboxSelection" + "attribute": "dense", + "reflects": true }, { "kind": "field", - "name": "striped", + "name": "align", "type": { - "text": "boolean" + "text": "TABLE_CELL_ALIGN" }, - "description": "striped: Boolean indicating whether rows should have alternate\ncoloring.", - "default": "false", - "attribute": "striped" + "description": "Determines the text alignment of the table cell's content.", + "attribute": "align", + "reflects": true }, { "kind": "field", - "name": "stickyHeader", + "name": "width", "type": { - "text": "boolean" + "text": "string" }, - "description": "stickyHeader: Boolean indicating whether the table header\nshould be sticky.", - "default": "false", - "attribute": "stickyHeader" + "default": "''", + "description": "Sets a fixed width for the cell.\nAccepts standard CSS width values (e.g., '150px', '50%').", + "attribute": "width", + "reflects": true }, { "kind": "field", - "name": "dense", + "name": "maxWidth", "type": { - "text": "boolean" + "text": "string" }, - "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", - "default": "false", - "attribute": "dense" + "default": "''", + "description": "Sets a maximum width for the cell; contents exceeding this limit will be truncated with ellipsis.\nAccepts standard CSS width values (e.g., '150px', '50%').", + "attribute": "maxWidth", + "reflects": true }, { "kind": "field", - "name": "fixedLayout", + "name": "minWidth", "type": { - "text": "boolean" + "text": "string" }, - "description": "fixedLayout: Boolean indicating whether the table should have a fixed layout.\nThis will set the table's layout to fixed, which means the table and column widths\nwill be determined by the width of the columns and not by the content of the cells.\nThis can be useful when you want to have a consistent column width across multiple tables.", - "default": "false", - "attribute": "fixedLayout" - }, - { - "kind": "method", - "name": "_updateHeaderCheckbox", - "privacy": "private", - "description": "Updates the state of the header checkbox based on the number of\nselected rows." - }, - { - "kind": "method", - "name": "_handleRowSelectionChange", - "privacy": "private", - "parameters": [ - { - "name": "event", - "type": { - "text": "CustomEvent" - } - } - ], - "description": "Handles the change of selection state for a specific row." - }, - { - "kind": "method", - "name": "_toggleSelectionAll", - "privacy": "private", - "parameters": [ - { - "name": "event", - "type": { - "text": "CustomEvent" - } - } - ], - "description": "Toggles the selection state of all rows in the table." - }, - { - "kind": "method", - "name": "updateAfterExternalChanges", - "privacy": "public", - "description": "Resets the selection state of all rows in the table.\nThis method is called when the table is reset or cleared.", - "return": { - "type": { - "text": "" - } - } + "default": "''", + "description": "Sets a minimum width for the cell;\nAccepts standard CSS width values (e.g., '150px', '50%').", + "attribute": "minWidth", + "reflects": true }, { - "kind": "method", - "name": "getSelectedRows", - "privacy": "public", - "description": "Returns the selected rows in the table.", - "return": { - "type": { - "text": "" - } - } + "kind": "field", + "name": "disabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Disables the cell.", + "attribute": "disabled", + "reflects": true }, { - "kind": "method", - "name": "_handleRowsChange", - "privacy": "private", + "kind": "field", + "name": "dimmed", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Dim the cell.", + "attribute": "dimmed", + "reflects": true + }, + { + "kind": "field", + "name": "handleContextChange", + "description": "Updates the cell's dense properties when the context changes.", "parameters": [ { - "name": "event", + "description": "The updated context.", + "name": "context", "type": { - "text": "CustomEvent" - }, - "description": "The custom event containing the updated rows." + "text": "TableContextType" + } } - ], - "description": "Handles the change of rows in the table body." - }, - { - "kind": "method", - "name": "_updateSelectionStates", - "privacy": "private" + ] } ], - "events": [ + "attributes": [ { - "name": "on-row-selection-change", + "name": "dense", "type": { - "text": "CustomEvent" + "text": "boolean" }, - "description": "Dispatched when the selection state of a row is toggled." + "default": "false", + "fieldName": "dense" }, { - "name": "on-all-rows-selection-change", + "name": "align", "type": { - "text": "CustomEvent" + "text": "TABLE_CELL_ALIGN" }, - "description": "Dispatched when the selection state of all rows is toggled." - } - ], - "attributes": [ + "description": "Determines the text alignment of the table cell's content.", + "fieldName": "align" + }, { - "name": "checkboxSelection", + "name": "width", "type": { - "text": "boolean" + "text": "string" }, - "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", - "default": "false", - "fieldName": "checkboxSelection" + "default": "''", + "description": "Sets a fixed width for the cell.\nAccepts standard CSS width values (e.g., '150px', '50%').", + "fieldName": "width" }, { - "name": "striped", + "name": "maxWidth", "type": { - "text": "boolean" + "text": "string" }, - "description": "striped: Boolean indicating whether rows should have alternate\ncoloring.", - "default": "false", - "fieldName": "striped" + "default": "''", + "description": "Sets a maximum width for the cell; contents exceeding this limit will be truncated with ellipsis.\nAccepts standard CSS width values (e.g., '150px', '50%').", + "fieldName": "maxWidth" }, { - "name": "stickyHeader", + "name": "minWidth", "type": { - "text": "boolean" + "text": "string" }, - "description": "stickyHeader: Boolean indicating whether the table header\nshould be sticky.", - "default": "false", - "fieldName": "stickyHeader" + "default": "''", + "description": "Sets a minimum width for the cell;\nAccepts standard CSS width values (e.g., '150px', '50%').", + "fieldName": "minWidth" }, { - "name": "dense", + "name": "disabled", "type": { "text": "boolean" }, - "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", "default": "false", - "fieldName": "dense" + "description": "Disables the cell.", + "fieldName": "disabled" }, { - "name": "fixedLayout", + "name": "dimmed", "type": { "text": "boolean" }, - "description": "fixedLayout: Boolean indicating whether the table should have a fixed layout.\nThis will set the table's layout to fixed, which means the table and column widths\nwill be determined by the width of the columns and not by the content of the cells.\nThis can be useful when you want to have a consistent column width across multiple tables.", "default": "false", - "fieldName": "fixedLayout" + "description": "Dim the cell.", + "fieldName": "dimmed" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-table", + "tagName": "kyn-td", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Table", + "name": "TableCell", "declaration": { - "name": "Table", - "module": "src/components/reusable/table/table.ts" + "name": "TableCell", + "module": "src/components/reusable/table/table-cell.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-table", + "name": "kyn-td", "declaration": { - "name": "Table", - "module": "src/components/reusable/table/table.ts" + "name": "TableCell", + "module": "src/components/reusable/table/table-cell.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/tabs/index.ts", - "declarations": [], + "path": "src/components/reusable/table/table-container.ts", + "declarations": [ + { + "kind": "class", + "description": "`kyn-table-container` Web Component.\n\nProvides a container for Shidoka's design system tables. It's designed to encapsulate\nand apply styles uniformly across the table elements.", + "name": "TableContainer", + "slots": [ + { + "description": "The content slot for adding table and related elements.", + "name": "unnamed" + } + ], + "members": [ + { + "kind": "field", + "name": "tabIndex", + "type": { + "text": "number" + }, + "default": "0", + "attribute": "tabIndex", + "reflects": true + } + ], + "attributes": [ + { + "name": "tabIndex", + "type": { + "text": "number" + }, + "default": "0", + "fieldName": "tabIndex" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-table-container", + "customElement": true + } + ], "exports": [ { "kind": "js", - "name": "Tabs", + "name": "TableContainer", "declaration": { - "name": "Tabs", - "module": "./tabs" + "name": "TableContainer", + "module": "src/components/reusable/table/table-container.ts" } }, { - "kind": "js", - "name": "Tab", + "kind": "custom-element-definition", + "name": "kyn-table-container", "declaration": { - "name": "Tab", - "module": "./tab" + "name": "TableContainer", + "module": "src/components/reusable/table/table-container.ts" } - }, + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/table/table-context.ts", + "declarations": [ + { + "kind": "variable", + "name": "tableContext" + } + ], + "exports": [ { "kind": "js", - "name": "TabPanel", + "name": "tableContext", "declaration": { - "name": "TabPanel", - "module": "./tabPanel" + "name": "tableContext", + "module": "src/components/reusable/table/table-context.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/tabs/tab.ts", + "path": "src/components/reusable/table/table-expanded-row.ts", "declarations": [ { "kind": "class", - "description": "Tabs.", - "name": "Tab", + "description": "\n`kyn-expanded-tr` Web Component.\n\nDesigned to display additional details for a row in a table.\nThe row is expandable and can be expanded/collapsed by toggling the plus/minus icons.", + "name": "TableExpandedRow", "slots": [ { - "description": "Slot for tab button text.", + "description": "The slot for adding content to the expandable details section.", "name": "unnamed" } ], "members": [ { "kind": "field", - "name": "id", - "type": { - "text": "string" - }, - "default": "''", - "description": "Tab ID, required.", - "attribute": "id", - "reflects": true - }, - { - "kind": "field", - "name": "selected", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Tab selected state. Must match Tab Panel visible state.", - "attribute": "selected", - "reflects": true - }, - { - "kind": "field", - "name": "disabled", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Tab disabled state.", - "attribute": "disabled" - }, - { - "kind": "method", - "name": "_handleClick", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - }, - "description": "The parameter \"e\" is an event object that represents the event that triggered the\nclick event handler." - } - ], - "description": "Dispatches a custom event called 'tab-activated' with the original event and tabId as details,\nif the tab is not selected." - } - ], - "attributes": [ - { - "name": "id", + "name": "colSpan", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Tab ID, required.", - "fieldName": "id" + "default": "1", + "description": "The number of columns that the expanded row should span.\nReflects the `colspan` attribute.", + "attribute": "colspan" }, { - "name": "selected", + "kind": "field", + "name": "expanded", "type": { "text": "boolean" }, "default": "false", - "description": "Tab selected state. Must match Tab Panel visible state.", - "fieldName": "selected" + "description": "`true` if the table row should be expanded.", + "attribute": "expanded", + "reflects": true + } + ], + "attributes": [ + { + "name": "colspan", + "type": { + "text": "number" + }, + "default": "1", + "description": "The number of columns that the expanded row should span.\nReflects the `colspan` attribute.", + "fieldName": "colSpan" }, { - "name": "disabled", + "name": "expanded", "type": { "text": "boolean" }, "default": "false", - "description": "Tab disabled state.", - "fieldName": "disabled" + "description": "`true` if the table row should be expanded.", + "fieldName": "expanded" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-tab", + "tagName": "kyn-expanded-tr", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Tab", + "name": "TableExpandedRow", "declaration": { - "name": "Tab", - "module": "src/components/reusable/tabs/tab.ts" + "name": "TableExpandedRow", + "module": "src/components/reusable/table/table-expanded-row.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-tab", + "name": "kyn-expanded-tr", "declaration": { - "name": "Tab", - "module": "src/components/reusable/tabs/tab.ts" + "name": "TableExpandedRow", + "module": "src/components/reusable/table/table-expanded-row.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/tabs/tabPanel.ts", + "path": "src/components/reusable/table/table-foot.ts", "declarations": [ { "kind": "class", - "description": "Tabs.", - "name": "TabPanel", + "description": "`kyn-tfoot` Web Component.\n\nRepresents a custom table foot (``) for Shidoka's design system tables.\nDesigned to contain and style table footer rows (``) and footer cells (``).", + "name": "TableFoot", "slots": [ { - "description": "Slot for tab content.", + "description": "The content slot for adding table foot rows.", "name": "unnamed" } ], - "members": [ - { - "kind": "field", - "name": "tabId", - "type": { - "text": "string" - }, - "default": "''", - "description": "Matching Tab ID, required.", - "attribute": "tabId" - }, - { - "kind": "field", - "name": "visible", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Tab Panel visible state. Must match Tab selected state.", - "attribute": "visible", - "reflects": true - }, - { - "kind": "field", - "name": "noPadding", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Remove side padding (left/right) on tab panel.", - "attribute": "noPadding" - } - ], - "attributes": [ - { - "name": "tabId", - "type": { - "text": "string" - }, - "default": "''", - "description": "Matching Tab ID, required.", - "fieldName": "tabId" - }, - { - "name": "visible", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Tab Panel visible state. Must match Tab selected state.", - "fieldName": "visible" - }, + "members": [], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-tfoot", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "TableFoot", + "declaration": { + "name": "TableFoot", + "module": "src/components/reusable/table/table-foot.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-tfoot", + "declaration": { + "name": "TableFoot", + "module": "src/components/reusable/table/table-foot.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/table/table-footer.ts", + "declarations": [ + { + "kind": "class", + "description": "Table Footer\n\nIntended to contain Legend and Pagination.", + "name": "TableFooter", + "slots": [ { - "name": "noPadding", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Remove side padding (left/right) on tab panel.", - "fieldName": "noPadding" + "description": "Default slot.", + "name": "unnamed" } ], + "members": [], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-tab-panel", + "tagName": "kyn-table-footer", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TabPanel", + "name": "TableFooter", "declaration": { - "name": "TabPanel", - "module": "src/components/reusable/tabs/tabPanel.ts" + "name": "TableFooter", + "module": "src/components/reusable/table/table-footer.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-tab-panel", + "name": "kyn-table-footer", "declaration": { - "name": "TabPanel", - "module": "src/components/reusable/tabs/tabPanel.ts" + "name": "TableFooter", + "module": "src/components/reusable/table/table-footer.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/tabs/tabs.ts", + "path": "src/components/reusable/table/table-head.ts", "declarations": [ { "kind": "class", - "description": "Tabs.", - "name": "Tabs", + "description": "`kyn-thead` Web Component.\n\nRepresents a custom table head (``) for Shidoka's design system tables.\nDesigned to contain and style table header rows (``) and header cells (``).", + "name": "TableHead", "slots": [ { - "description": "Slot for kyn-tab-panel components.", + "description": "The content slot for adding table header rows (``).", "name": "unnamed" - }, - { - "description": "Slot for kyn-tab components.", - "name": "tabs" } ], "members": [ { "kind": "field", - "name": "tabStyle", - "type": { - "text": "string" - }, - "default": "'contained'", - "description": "Tab style. `'contained'` or `'line'`.", - "attribute": "tabStyle" - }, - { - "kind": "field", - "name": "tabSize", - "type": { - "text": "string" - }, - "default": "'md'", - "description": "Size of the tab buttons, `'sm'` or `'md'`. Icon size: 16px.", - "attribute": "tabSize" - }, - { - "kind": "field", - "name": "vertical", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Vertical orientation.", - "attribute": "vertical" - }, - { - "kind": "field", - "name": "disableAutoFocusUpdate", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Enables tab content change on focus with keyboard navigation/assistive technologies.", - "attribute": "disableAutoFocusUpdate" - }, - { - "kind": "method", - "name": "_handleSlotChangeTabs", - "privacy": "private" - }, - { - "kind": "method", - "name": "_updateChildren", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleChange", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - }, - "description": "The parameter \"e\" is an event object that contains information about the event\nthat triggered the handleChange function." - } - ], - "description": "Updates children and emits a change event based on the provided\nevent details when a child kyn-tab is clicked." - }, - { - "kind": "method", - "name": "_updateChildrenSelection", - "privacy": "private", - "parameters": [ - { - "name": "selectedTabId", - "type": { - "text": "string" - }, - "description": "The selectedTabId parameter is a string that represents the ID of\nthe tab that is currently selected." - }, - { - "name": "updatePanel", - "default": "true" - } - ], - "description": "Updates the selected property of tabs and the visible property of tab panels based on\nthe selected tab ID." + "name": "stickyHeader", + "type": { + "text": "boolean" + }, + "default": "false", + "attribute": "stickyHeader", + "reflects": true }, { - "kind": "method", - "name": "_emitChangeEvent", - "privacy": "private", + "kind": "field", + "name": "handleContextChange", + "description": "Update the stickyHeader property when the context changes.", "parameters": [ { - "name": "origEvent", - "type": { - "text": "any" - }, - "description": "The origEvent parameter is the original event object that triggered the\nchange event. It could be any type of event object, such as a click event or a keydown event." - }, - { - "name": "selectedTabId", + "description": "The updated context.", + "name": "context", "type": { - "text": "string" - }, - "description": "The selectedTabId parameter is a string that represents the ID of\nthe selected tab." + "text": "TableContextType" + } } - ], - "description": "Creates and dispatches a custom event called 'on-change' with the provided original event and\nselected tab ID as details." + ] }, { "kind": "method", - "name": "_handleKeyboard", + "name": "handleChildSort", "privacy": "private", "parameters": [ { "name": "e", "type": { - "text": "any" - }, - "description": "The parameter `e` is an event object that represents the keyboard event. It\ncontains information about the keyboard event, such as the key code of the pressed key." - } - ], - "description": "Handles keyboard events for navigating between tabs.", - "return": { - "type": { - "text": "" + "text": "CustomEvent" + } } - } - } - ], - "events": [ - { - "description": "Emits the new selected Tab ID when switching tabs.", - "name": "on-change" + ] } ], "attributes": [ { - "name": "tabStyle", - "type": { - "text": "string" - }, - "default": "'contained'", - "description": "Tab style. `'contained'` or `'line'`.", - "fieldName": "tabStyle" - }, - { - "name": "tabSize", - "type": { - "text": "string" - }, - "default": "'md'", - "description": "Size of the tab buttons, `'sm'` or `'md'`. Icon size: 16px.", - "fieldName": "tabSize" - }, - { - "name": "vertical", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Vertical orientation.", - "fieldName": "vertical" - }, - { - "name": "disableAutoFocusUpdate", + "name": "stickyHeader", "type": { "text": "boolean" }, "default": "false", - "description": "Enables tab content change on focus with keyboard navigation/assistive technologies.", - "fieldName": "disableAutoFocusUpdate" + "fieldName": "stickyHeader" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-tabs", + "tagName": "kyn-thead", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Tabs", + "name": "TableHead", "declaration": { - "name": "Tabs", - "module": "src/components/reusable/tabs/tabs.ts" + "name": "TableHead", + "module": "src/components/reusable/table/table-head.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-tabs", - "declaration": { - "name": "Tabs", - "module": "src/components/reusable/tabs/tabs.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/progressBar/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "ProgressBar", + "name": "kyn-thead", "declaration": { - "name": "ProgressBar", - "module": "./progressBar" + "name": "TableHead", + "module": "src/components/reusable/table/table-head.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/progressBar/progressBar.ts", + "path": "src/components/reusable/table/table-header-row.ts", "declarations": [ { "kind": "class", - "description": "`` -- progress bar status indicator component.", - "name": "ProgressBar", - "slots": [ - { - "description": "Slot for tooltip text content.", - "name": "unnamed" - } - ], + "description": "`kyn-header-tr` Web Component.\n\nThe `` component is designed to function as the\nheader row within a table that's part of Shidoka's design system.", + "name": "TableHeaderRow", "members": [ { "kind": "field", - "name": "showInlineLoadStatus", + "name": "expandableColumnWidth", + "type": { + "text": "string" + }, + "default": "'64px'", + "description": "expandableColumnWidth: The width of the expandable column.", + "attribute": "expandableColumnWidth" + }, + { + "kind": "field", + "name": "multiSelectColumnWidth", + "type": { + "text": "string" + }, + "default": "'64px'", + "description": "multiSelectColumnWidth: The width of the multi-select column.", + "attribute": "multiSelectColumnWidth" + }, + { + "kind": "method", + "name": "handleToggleSelectionAll", + "parameters": [ + { + "name": "event", + "type": { + "text": "CustomEvent" + } + } + ], + "description": "Toggles the selection state of all rows in the table." + }, + { + "kind": "method", + "name": "updateHeaderCheckboxState", + "parameters": [ + { + "name": "indeterminate", + "type": { + "text": "boolean" + } + }, + { + "name": "checked", + "type": { + "text": "boolean" + } + } + ], + "description": "Updates the state of the header checkbox based on the number of\nselected rows." + }, + { + "kind": "field", + "name": "rowId", + "type": { + "text": "string" + }, + "default": "''", + "description": "rowId: String - Unique identifier for the row.", + "attribute": "rowId", + "reflects": true, + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } + }, + { + "kind": "field", + "name": "selected", "type": { "text": "boolean" }, "default": "false", - "description": "Sets visibility of optional inline load status spinner.", - "attribute": "showInlineLoadStatus" + "description": "selected: Boolean indicating whether the row is selected.\nReflects the `selected` attribute.", + "attribute": "selected", + "reflects": true, + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { "kind": "field", - "name": "showActiveHelperText", + "name": "checkboxSelection", "type": { "text": "boolean" }, "default": "false", - "description": "Controls whether to show default helper text for active state.", - "attribute": "showActiveHelperText" + "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", + "attribute": "checkboxSelection", + "reflects": true, + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { "kind": "field", - "name": "progressBarId", + "name": "dense", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets progress bar html id property for accessibility (ex: `example-progress-bar`).", - "attribute": "progressBarId" + "default": "false", + "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", + "attribute": "dense", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { "kind": "field", - "name": "status", + "name": "unread", "type": { - "text": "'active' | 'success' | 'error'" + "text": "boolean" }, - "default": "'active'", - "description": "Sets progress bar status mode.", - "attribute": "status" + "default": "false", + "description": "Unread row state.", + "attribute": "unread", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { "kind": "field", - "name": "value", + "name": "locked", "type": { - "text": "number | null" + "text": "boolean" }, - "default": "null", - "description": "Sets initial progress bar value (optionally hard-coded).", - "attribute": "value" + "default": "false", + "description": "locked: Boolean indicating whether the row is locked.\nIf a row is selected before it is locked, it remains selected even after being locked.\nA row can be selected and disabled/locked simultaneously.", + "attribute": "locked", + "reflects": true, + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { "kind": "field", - "name": "max", + "name": "expandable", "type": { - "text": "number" + "text": "boolean" }, - "default": "100", - "description": "Sets manual max value (default = 100).", - "attribute": "max" + "default": "false", + "description": "expandable: Boolean indicating whether the row is expandable.", + "attribute": "expandable", + "reflects": true, + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { "kind": "field", - "name": "label", + "name": "expanded", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets optional progress bar label.", - "attribute": "label" + "default": "false", + "description": "expanded: Boolean indicating whether the row is expanded.", + "attribute": "expanded", + "reflects": true, + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { "kind": "field", - "name": "helperText", + "name": "disabled", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets optional helper text that appears underneath progress bar element.", - "attribute": "helperText" + "default": "false", + "description": "disabled: Boolean indicating whether the row is disabled.\nA disabled row is not allowed to have any user interactions.\nA row can be selected and disabled/locked simultaneously.", + "attribute": "disabled", + "reflects": true, + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { "kind": "field", - "name": "unit", + "name": "preventHighlight", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets the unit for progress measurement (ex: 'MB', 'GB', '%')", - "attribute": "unit" + "default": "false", + "description": "preventHighlight: Boolean indicating whether the row should not be highlighted.", + "attribute": "preventHighlight", + "reflects": true, + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { "kind": "field", - "name": "hideLabel", + "name": "dimmed", "type": { "text": "boolean" }, "default": "false", - "description": "Visually hide the label.", - "attribute": "hideLabel" + "description": "dimmed: Boolean indicating whether the row is dimmed.\nA row should not be selected and dimmed simultaneously.", + "attribute": "dimmed", + "reflects": true, + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "kind": "method", - "name": "renderProgressBar", - "privacy": "private", - "parameters": [ - { - "name": "currentStatus", - "type": { - "text": "ProgressStatus" - } - }, - { - "name": "currentValue", - "type": { - "text": "number | null" - } - } - ] + "kind": "field", + "name": "textStrings", + "default": "{\n expanded: 'Expanded',\n collapsed: 'Collapsed',\n}", + "description": "Text string customization.", + "attribute": "textStrings", + "type": { + "text": "object" + }, + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "kind": "method", - "name": "renderProgressBarLabel", - "privacy": "private", + "kind": "field", + "name": "handleContextChange", + "description": "Updates the cell's dense and ellipsis properties when the context changes.", "parameters": [ { - "name": "currentStatus", - "type": { - "text": "ProgressStatus" - } - }, - { - "name": "currentValue", + "description": "The updated context.", + "name": "context", "type": { - "text": "number | null" + "text": "TableContextType" } } - ] + ], + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { "kind": "method", - "name": "renderStatusIconOrLoader", - "privacy": "private", + "name": "handleRowSelectionChange", "parameters": [ { - "name": "currentStatus", - "type": { - "text": "ProgressStatus" - } - }, - { - "name": "currentValue", + "name": "event", "type": { - "text": "number | null" + "text": "CustomEvent" } } - ] + ], + "description": "Handles the change of selection state for a specific row.", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { "kind": "method", - "name": "getProgressBarClasses", - "privacy": "private", + "name": "_handleUserInitiatedToggleExpando", "parameters": [ { - "name": "status", - "type": { - "text": "ProgressStatus" - } + "name": "expanded", + "default": "!this.expanded" } - ] + ], + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { "kind": "method", - "name": "getHelperText", - "privacy": "private" + "name": "_handleExpanding", + "privacy": "private", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } + } + ], + "events": [ + { + "name": "on-header-checkbox-toggle", + "type": { + "text": "CustomEvent" + } }, { - "kind": "method", - "name": "getCurrentStatus", - "privacy": "private", - "return": { - "type": { - "text": "ProgressStatus" - } + "name": "on-row-select", + "type": { + "text": "CustomEvent" }, - "parameters": [ - { - "name": "currentValue", - "type": { - "text": "number | null" - } - } - ] + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "kind": "method", - "name": "startProgress", - "privacy": "private" + "name": "table-row-expando-beingtoggled", + "type": { + "text": "CustomEvent" + }, + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "kind": "method", - "name": "cancelAnimation", - "privacy": "private" + "name": "table-row-expando-toggled", + "type": { + "text": "CustomEvent" + }, + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } } ], "attributes": [ { - "name": "showInlineLoadStatus", + "name": "expandableColumnWidth", + "type": { + "text": "string" + }, + "default": "'64px'", + "description": "expandableColumnWidth: The width of the expandable column.", + "fieldName": "expandableColumnWidth" + }, + { + "name": "multiSelectColumnWidth", + "type": { + "text": "string" + }, + "default": "'64px'", + "description": "multiSelectColumnWidth: The width of the multi-select column.", + "fieldName": "multiSelectColumnWidth" + }, + { + "name": "rowId", + "type": { + "text": "string" + }, + "default": "''", + "description": "rowId: String - Unique identifier for the row.", + "fieldName": "rowId", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } + }, + { + "name": "selected", "type": { "text": "boolean" }, "default": "false", - "description": "Sets visibility of optional inline load status spinner.", - "fieldName": "showInlineLoadStatus" + "description": "selected: Boolean indicating whether the row is selected.\nReflects the `selected` attribute.", + "fieldName": "selected", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "name": "showActiveHelperText", + "name": "checkboxSelection", "type": { "text": "boolean" }, "default": "false", - "description": "Controls whether to show default helper text for active state.", - "fieldName": "showActiveHelperText" + "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", + "fieldName": "checkboxSelection", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "name": "progressBarId", + "name": "dense", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets progress bar html id property for accessibility (ex: `example-progress-bar`).", - "fieldName": "progressBarId" + "default": "false", + "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", + "fieldName": "dense", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "name": "status", + "name": "unread", "type": { - "text": "'active' | 'success' | 'error'" + "text": "boolean" }, - "default": "'active'", - "description": "Sets progress bar status mode.", - "fieldName": "status" + "default": "false", + "description": "Unread row state.", + "fieldName": "unread", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "name": "value", + "name": "locked", "type": { - "text": "number | null" + "text": "boolean" }, - "default": "null", - "description": "Sets initial progress bar value (optionally hard-coded).", - "fieldName": "value" + "default": "false", + "description": "locked: Boolean indicating whether the row is locked.\nIf a row is selected before it is locked, it remains selected even after being locked.\nA row can be selected and disabled/locked simultaneously.", + "fieldName": "locked", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "name": "max", + "name": "expandable", "type": { - "text": "number" + "text": "boolean" }, - "default": "100", - "description": "Sets manual max value (default = 100).", - "fieldName": "max" + "default": "false", + "description": "expandable: Boolean indicating whether the row is expandable.", + "fieldName": "expandable", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "name": "label", + "name": "expanded", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets optional progress bar label.", - "fieldName": "label" + "default": "false", + "description": "expanded: Boolean indicating whether the row is expanded.", + "fieldName": "expanded", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "name": "helperText", + "name": "disabled", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets optional helper text that appears underneath progress bar element.", - "fieldName": "helperText" + "default": "false", + "description": "disabled: Boolean indicating whether the row is disabled.\nA disabled row is not allowed to have any user interactions.\nA row can be selected and disabled/locked simultaneously.", + "fieldName": "disabled", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "name": "unit", + "name": "preventHighlight", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets the unit for progress measurement (ex: 'MB', 'GB', '%')", - "fieldName": "unit" + "default": "false", + "description": "preventHighlight: Boolean indicating whether the row should not be highlighted.", + "fieldName": "preventHighlight", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } }, { - "name": "hideLabel", + "name": "dimmed", "type": { "text": "boolean" }, "default": "false", - "description": "Visually hide the label.", - "fieldName": "hideLabel" + "description": "dimmed: Boolean indicating whether the row is dimmed.\nA row should not be selected and dimmed simultaneously.", + "fieldName": "dimmed", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } + }, + { + "name": "textStrings", + "default": "_defaultTextStrings", + "description": "Text string customization.", + "fieldName": "textStrings", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } } ], "superclass": { - "name": "LitElement", - "package": "lit" + "name": "TableRow", + "module": "/src/components/reusable/table/table-row" }, - "tagName": "kyn-progress-bar", - "customElement": true + "tagName": "kyn-header-tr", + "customElement": true, + "slots": [ + { + "description": "The content slot for adding table cells (`kyn-td` or other relevant cells).", + "name": "unnamed", + "inheritedFrom": { + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" + } + } + ] } ], "exports": [ { "kind": "js", - "name": "ProgressBar", + "name": "TableHeaderRow", "declaration": { - "name": "ProgressBar", - "module": "src/components/reusable/progressBar/progressBar.ts" + "name": "TableHeaderRow", + "module": "src/components/reusable/table/table-header-row.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-progress-bar", - "declaration": { - "name": "ProgressBar", - "module": "src/components/reusable/progressBar/progressBar.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/textArea/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "TextArea", + "name": "kyn-header-tr", "declaration": { - "name": "TextArea", - "module": "./textArea" + "name": "TableHeaderRow", + "module": "src/components/reusable/table/table-header-row.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/textArea/textArea.ts", + "path": "src/components/reusable/table/table-header.ts", "declarations": [ { "kind": "class", - "description": "Text area.", - "name": "TextArea", + "description": "`kyn-th` Web Component.\n\nRepresents a custom table header cell (``) for Shidoka's design system tables.\nProvides sorting functionality when enabled and allows alignment customization.", + "name": "TableHeader", "slots": [ { - "description": "Slot for tooltip.", - "name": "tooltip" + "description": "The content slot for adding header text or content.", + "name": "unnamed" } ], "members": [ { "kind": "field", - "name": "label", + "name": "dense", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Label text.", - "attribute": "label" + "default": "false", + "description": "Determines if the cell should have a denser layout.", + "attribute": "dense", + "reflects": true }, { "kind": "field", - "name": "caption", + "name": "handleContextChange", + "description": "Updates the cell's dense properties when the context changes.", + "parameters": [ + { + "description": "The updated context.", + "name": "context", + "type": { + "text": "TableContextType" + } + } + ] + }, + { + "kind": "field", + "name": "align", "type": { - "text": "string" + "text": "TABLE_CELL_ALIGN" }, - "default": "''", - "description": "Optional text beneath the input.", - "attribute": "caption" + "description": "Specifies the alignment of the content within the table header.\nOptions: 'left', 'center', 'right'", + "attribute": "align", + "reflects": true }, { "kind": "field", - "name": "placeholder", + "name": "sortable", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Specifies if the column is sortable.\nIf set to true, an arrow icon will be displayed unpon hover,\nallowing the user to toggle sort directions.", + "attribute": "sortable", + "reflects": true + }, + { + "kind": "field", + "name": "sortDirection", + "type": { + "text": "SORT_DIRECTION" + }, + "description": "Specifies the direction of sorting applied to the column.", + "attribute": "sortDirection", + "reflects": true + }, + { + "kind": "field", + "name": "headerLabel", "type": { "text": "string" }, "default": "''", - "description": "Input placeholder.", - "attribute": "placeholder" + "description": "The textual content associated with this component.\nRepresents the primary content or label that will be displayed.", + "attribute": "headerLabel" }, { "kind": "field", - "name": "required", + "name": "sortKey", "type": { - "text": "boolean" - }, - "default": "false", - "description": "Makes the input required.", - "attribute": "required" + "text": "string" + }, + "default": "''", + "description": "The unique identifier representing this column header.\nUsed to distinguish between different sortable columns and\nto ensure that only one column is sorted at a time.", + "attribute": "sortKey" }, { "kind": "field", - "name": "disabled", + "name": "visiblyHidden", "type": { "text": "boolean" }, "default": "false", - "description": "Input disabled state.", - "attribute": "disabled" + "description": "Determines whether the content should be hidden from visual view but remain accessible\nto screen readers for accessibility purposes. When set to `true`, the content\nwill not be visibly shown, but its content can still be read by screen readers.\nThis is especially useful for providing additional context or information to\nassistive technologies without cluttering the visual UI.", + "attribute": "visiblyHidden" }, { "kind": "field", - "name": "maxLength", + "name": "width", "type": { - "text": "number" + "text": "string" }, - "description": "Maximum number of characters.", - "attribute": "maxLength" + "default": "''", + "description": "Sets a fixed width for the cell.\nAccepts standard CSS width values (e.g., '150px', '50%').", + "attribute": "width", + "reflects": true }, { "kind": "field", - "name": "minLength", + "name": "maxWidth", "type": { - "text": "number" + "text": "string" }, - "description": "Minimum number of characters.", - "attribute": "minLength" + "default": "''", + "description": "Sets a maximum width for the cell; contents exceeding this limit will be truncated with ellipsis.\nAccepts standard CSS width values (e.g., '150px', '50%').", + "attribute": "maxWidth", + "reflects": true }, { "kind": "field", - "name": "rows", + "name": "minWidth", "type": { - "text": "number" + "text": "string" }, - "description": "textarea rows attribute. The number of visible text lines.", - "attribute": "rows" + "default": "''", + "description": "Sets a minimum width for the cell;\nAccepts standard CSS width values (e.g., '150px', '50%').", + "attribute": "minWidth", + "reflects": true }, { - "kind": "field", - "name": "textStrings", - "default": "{\n requiredText: 'Required',\n errorText: 'Error',\n}", - "description": "Customizable text strings.", - "attribute": "textStrings", - "type": { - "text": "object" - } + "kind": "method", + "name": "resetSort", + "description": "Resets the sorting direction of the component to its default state.\nUseful for initializing or clearing any applied sorting on the element." }, { "kind": "method", - "name": "handleInput", + "name": "toggleSortDirection", "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] + "description": "Toggles the sort direction between ascending, descending, and default states.\nIt also dispatches an event to notify parent components of the sorting change." }, { "kind": "method", - "name": "_validate", - "privacy": "private", - "parameters": [ - { - "name": "interacted", - "type": { - "text": "Boolean" - } - }, - { - "name": "report", - "type": { - "text": "Boolean" - } - } - ] + "name": "getTextContent" } ], "events": [ { - "description": "Captures the input event and emits the selected value and original event details.", - "name": "on-input" + "name": "on-sort-changed", + "type": { + "text": "CustomEvent" + }, + "description": "Dispatched when the sort direction is changed." } ], "attributes": [ { - "name": "label", + "name": "dense", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Label text.", - "fieldName": "label" + "default": "false", + "description": "Determines if the cell should have a denser layout.", + "fieldName": "dense" }, { - "name": "caption", + "name": "align", "type": { - "text": "string" + "text": "TABLE_CELL_ALIGN" }, - "default": "''", - "description": "Optional text beneath the input.", - "fieldName": "caption" + "description": "Specifies the alignment of the content within the table header.\nOptions: 'left', 'center', 'right'", + "fieldName": "align" }, { - "name": "placeholder", + "name": "sortable", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Specifies if the column is sortable.\nIf set to true, an arrow icon will be displayed unpon hover,\nallowing the user to toggle sort directions.", + "fieldName": "sortable" + }, + { + "name": "sortDirection", + "type": { + "text": "SORT_DIRECTION" + }, + "description": "Specifies the direction of sorting applied to the column.", + "fieldName": "sortDirection" + }, + { + "name": "headerLabel", "type": { "text": "string" }, "default": "''", - "description": "Input placeholder.", - "fieldName": "placeholder" + "description": "The textual content associated with this component.\nRepresents the primary content or label that will be displayed.", + "fieldName": "headerLabel" }, { - "name": "required", + "name": "sortKey", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Makes the input required.", - "fieldName": "required" + "default": "''", + "description": "The unique identifier representing this column header.\nUsed to distinguish between different sortable columns and\nto ensure that only one column is sorted at a time.", + "fieldName": "sortKey" }, { - "name": "disabled", + "name": "visiblyHidden", "type": { "text": "boolean" }, "default": "false", - "description": "Input disabled state.", - "fieldName": "disabled" + "description": "Determines whether the content should be hidden from visual view but remain accessible\nto screen readers for accessibility purposes. When set to `true`, the content\nwill not be visibly shown, but its content can still be read by screen readers.\nThis is especially useful for providing additional context or information to\nassistive technologies without cluttering the visual UI.", + "fieldName": "visiblyHidden" }, { - "name": "maxLength", + "name": "width", "type": { - "text": "number" + "text": "string" }, - "description": "Maximum number of characters.", - "fieldName": "maxLength" + "default": "''", + "description": "Sets a fixed width for the cell.\nAccepts standard CSS width values (e.g., '150px', '50%').", + "fieldName": "width" }, { - "name": "minLength", + "name": "maxWidth", "type": { - "text": "number" + "text": "string" }, - "description": "Minimum number of characters.", - "fieldName": "minLength" + "default": "''", + "description": "Sets a maximum width for the cell; contents exceeding this limit will be truncated with ellipsis.\nAccepts standard CSS width values (e.g., '150px', '50%').", + "fieldName": "maxWidth" }, { - "name": "rows", + "name": "minWidth", "type": { - "text": "number" + "text": "string" }, - "description": "textarea rows attribute. The number of visible text lines.", - "fieldName": "rows" - }, - { - "name": "textStrings", - "default": "_defaultTextStrings", - "description": "Customizable text strings.", - "fieldName": "textStrings" + "default": "''", + "description": "Sets a minimum width for the cell;\nAccepts standard CSS width values (e.g., '150px', '50%').", + "fieldName": "minWidth" } ], - "mixins": [ + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-th", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "TableHeader", + "declaration": { + "name": "TableHeader", + "module": "src/components/reusable/table/table-header.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-th", + "declaration": { + "name": "TableHeader", + "module": "src/components/reusable/table/table-header.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/table/table-legend-item.ts", + "declarations": [ + { + "kind": "class", + "description": "Table Legend Item", + "name": "TableLegendItem", + "slots": [ { - "name": "FormMixin", - "module": "/src/common/mixins/form-input" + "description": "Default slot for icon and text.", + "name": "unnamed" } ], + "members": [], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-text-area", + "tagName": "kyn-table-legend-item", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TextArea", + "name": "TableLegendItem", "declaration": { - "name": "TextArea", - "module": "src/components/reusable/textArea/textArea.ts" + "name": "TableLegendItem", + "module": "src/components/reusable/table/table-legend-item.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-text-area", + "name": "kyn-table-legend-item", "declaration": { - "name": "TextArea", - "module": "src/components/reusable/textArea/textArea.ts" + "name": "TableLegendItem", + "module": "src/components/reusable/table/table-legend-item.ts" } } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/textInput/index.ts", - "declarations": [], + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/table/table-legend.ts", + "declarations": [ + { + "kind": "class", + "description": "Table Legend", + "name": "TableLegend", + "slots": [ + { + "description": "Default slot for Legend Items.", + "name": "unnamed" + } + ], + "members": [], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-table-legend", + "customElement": true + } + ], "exports": [ { "kind": "js", - "name": "TextInput", + "name": "TableLegend", "declaration": { - "name": "TextInput", - "module": "./textInput" + "name": "TableLegend", + "module": "src/components/reusable/table/table-legend.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-table-legend", + "declaration": { + "name": "TableLegend", + "module": "src/components/reusable/table/table-legend.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/textInput/textInput.ts", + "path": "src/components/reusable/table/table-row.ts", "declarations": [ { "kind": "class", - "description": "Text input.", - "name": "TextInput", + "description": "`kyn-tr` Web Component.\n\nRepresents a table row (``) equivalent for custom tables created with Shidoka's design system.\nIt primarily acts as a container for individual table cells and behaves similarly to a native `` element.", + "name": "TableRow", "slots": [ { - "description": "Slot for contextual icon.", - "name": "icon" - }, - { - "description": "Slot for tooltip.", - "name": "tooltip" + "description": "The content slot for adding table cells (`kyn-td` or other relevant cells).", + "name": "unnamed" } ], "members": [ { "kind": "field", - "name": "label", + "name": "rowId", "type": { "text": "string" }, "default": "''", - "description": "Label text.", - "attribute": "label" - }, - { - "kind": "field", - "name": "type", - "type": { - "text": "string" - }, - "default": "'text'", - "description": "Input type, limited to options that are \"text like\".", - "attribute": "type" + "description": "rowId: String - Unique identifier for the row.", + "attribute": "rowId", + "reflects": true }, { "kind": "field", - "name": "size", + "name": "selected", "type": { - "text": "string" + "text": "boolean" }, - "default": "'md'", - "description": "Input size. \"sm\", \"md\", or \"lg\".", - "attribute": "size" + "default": "false", + "description": "selected: Boolean indicating whether the row is selected.\nReflects the `selected` attribute.", + "attribute": "selected", + "reflects": true }, { "kind": "field", - "name": "caption", + "name": "checkboxSelection", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Optional text beneath the input.", - "attribute": "caption" + "default": "false", + "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", + "attribute": "checkboxSelection", + "reflects": true }, { "kind": "field", - "name": "placeholder", + "name": "dense", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Input placeholder.", - "attribute": "placeholder" + "default": "false", + "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", + "attribute": "dense" }, { "kind": "field", - "name": "required", + "name": "unread", "type": { "text": "boolean" }, "default": "false", - "description": "Makes the input required.", - "attribute": "required" + "description": "Unread row state.", + "attribute": "unread" }, { "kind": "field", - "name": "disabled", + "name": "locked", "type": { "text": "boolean" }, "default": "false", - "description": "Input disabled state.", - "attribute": "disabled" + "description": "locked: Boolean indicating whether the row is locked.\nIf a row is selected before it is locked, it remains selected even after being locked.\nA row can be selected and disabled/locked simultaneously.", + "attribute": "locked", + "reflects": true }, { "kind": "field", - "name": "pattern", + "name": "expandable", "type": { - "text": "string" + "text": "boolean" }, - "description": "RegEx pattern to validate.", - "attribute": "pattern" + "default": "false", + "description": "expandable: Boolean indicating whether the row is expandable.", + "attribute": "expandable", + "reflects": true }, { "kind": "field", - "name": "maxLength", + "name": "expanded", "type": { - "text": "number" + "text": "boolean" }, - "description": "Maximum number of characters.", - "attribute": "maxLength" + "default": "false", + "description": "expanded: Boolean indicating whether the row is expanded.", + "attribute": "expanded", + "reflects": true }, { "kind": "field", - "name": "minLength", + "name": "disabled", "type": { - "text": "number" + "text": "boolean" }, - "description": "Minimum number of characters.", - "attribute": "minLength" + "default": "false", + "description": "disabled: Boolean indicating whether the row is disabled.\nA disabled row is not allowed to have any user interactions.\nA row can be selected and disabled/locked simultaneously.", + "attribute": "disabled", + "reflects": true }, { "kind": "field", - "name": "iconRight", + "name": "preventHighlight", "type": { "text": "boolean" }, "default": "false", - "description": "Place icon on the right.", - "attribute": "iconRight" + "description": "preventHighlight: Boolean indicating whether the row should not be highlighted.", + "attribute": "preventHighlight", + "reflects": true }, { "kind": "field", - "name": "hideLabel", + "name": "dimmed", "type": { "text": "boolean" }, "default": "false", - "description": "Visually hide the label.", - "attribute": "hideLabel" + "description": "dimmed: Boolean indicating whether the row is dimmed.\nA row should not be selected and dimmed simultaneously.", + "attribute": "dimmed", + "reflects": true }, { "kind": "field", "name": "textStrings", - "default": "{\n requiredText: 'Required',\n clearAll: 'Clear all',\n errorText: 'Error',\n}", - "description": "Customizable text strings.", + "default": "{\n expanded: 'Expanded',\n collapsed: 'Collapsed',\n}", + "description": "Text string customization.", "attribute": "textStrings", "type": { "text": "object" } }, { - "kind": "method", - "name": "_handleInput", - "privacy": "private", + "kind": "field", + "name": "handleContextChange", + "description": "Updates the cell's dense and ellipsis properties when the context changes.", "parameters": [ { - "name": "e", + "description": "The updated context.", + "name": "context", "type": { - "text": "any" + "text": "TableContextType" } } ] }, { "kind": "method", - "name": "_handleClear", - "privacy": "private" - }, - { - "kind": "method", - "name": "_emitValue", - "privacy": "private", + "name": "handleRowSelectionChange", "parameters": [ { - "name": "e", - "optional": true, + "name": "event", "type": { - "text": "any" + "text": "CustomEvent" } } - ] + ], + "description": "Handles the change of selection state for a specific row." }, { "kind": "method", - "name": "_validate", - "privacy": "private", + "name": "_handleUserInitiatedToggleExpando", "parameters": [ { - "name": "interacted", - "type": { - "text": "Boolean" - } - }, - { - "name": "report", - "type": { - "text": "Boolean" - } + "name": "expanded", + "default": "!this.expanded" } ] }, { "kind": "method", - "name": "determineIfSlotted", + "name": "_handleExpanding", "privacy": "private" } ], "events": [ { - "description": "Captures the input event and emits the selected value and original event details.", - "name": "on-input" + "name": "on-row-select", + "type": { + "text": "CustomEvent" + } + }, + { + "name": "table-row-expando-beingtoggled", + "type": { + "text": "CustomEvent" + } + }, + { + "name": "table-row-expando-toggled", + "type": { + "text": "CustomEvent" + } } ], "attributes": [ { - "name": "label", + "name": "rowId", "type": { "text": "string" }, "default": "''", - "description": "Label text.", - "fieldName": "label" - }, - { - "name": "type", - "type": { - "text": "string" - }, - "default": "'text'", - "description": "Input type, limited to options that are \"text like\".", - "fieldName": "type" + "description": "rowId: String - Unique identifier for the row.", + "fieldName": "rowId" }, { - "name": "size", + "name": "selected", "type": { - "text": "string" + "text": "boolean" }, - "default": "'md'", - "description": "Input size. \"sm\", \"md\", or \"lg\".", - "fieldName": "size" + "default": "false", + "description": "selected: Boolean indicating whether the row is selected.\nReflects the `selected` attribute.", + "fieldName": "selected" }, { - "name": "caption", + "name": "checkboxSelection", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Optional text beneath the input.", - "fieldName": "caption" + "default": "false", + "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", + "fieldName": "checkboxSelection" }, { - "name": "placeholder", + "name": "dense", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Input placeholder.", - "fieldName": "placeholder" + "default": "false", + "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", + "fieldName": "dense" }, { - "name": "required", + "name": "unread", "type": { "text": "boolean" }, "default": "false", - "description": "Makes the input required.", - "fieldName": "required" + "description": "Unread row state.", + "fieldName": "unread" }, { - "name": "disabled", + "name": "locked", "type": { "text": "boolean" }, "default": "false", - "description": "Input disabled state.", - "fieldName": "disabled" + "description": "locked: Boolean indicating whether the row is locked.\nIf a row is selected before it is locked, it remains selected even after being locked.\nA row can be selected and disabled/locked simultaneously.", + "fieldName": "locked" }, { - "name": "pattern", + "name": "expandable", "type": { - "text": "string" + "text": "boolean" }, - "description": "RegEx pattern to validate.", - "fieldName": "pattern" + "default": "false", + "description": "expandable: Boolean indicating whether the row is expandable.", + "fieldName": "expandable" }, { - "name": "maxLength", + "name": "expanded", "type": { - "text": "number" + "text": "boolean" }, - "description": "Maximum number of characters.", - "fieldName": "maxLength" + "default": "false", + "description": "expanded: Boolean indicating whether the row is expanded.", + "fieldName": "expanded" }, { - "name": "minLength", + "name": "disabled", "type": { - "text": "number" + "text": "boolean" }, - "description": "Minimum number of characters.", - "fieldName": "minLength" + "default": "false", + "description": "disabled: Boolean indicating whether the row is disabled.\nA disabled row is not allowed to have any user interactions.\nA row can be selected and disabled/locked simultaneously.", + "fieldName": "disabled" }, { - "name": "iconRight", + "name": "preventHighlight", "type": { "text": "boolean" }, "default": "false", - "description": "Place icon on the right.", - "fieldName": "iconRight" + "description": "preventHighlight: Boolean indicating whether the row should not be highlighted.", + "fieldName": "preventHighlight" }, { - "name": "hideLabel", + "name": "dimmed", "type": { "text": "boolean" }, "default": "false", - "description": "Visually hide the label.", - "fieldName": "hideLabel" + "description": "dimmed: Boolean indicating whether the row is dimmed.\nA row should not be selected and dimmed simultaneously.", + "fieldName": "dimmed" }, { "name": "textStrings", "default": "_defaultTextStrings", - "description": "Customizable text strings.", + "description": "Text string customization.", "fieldName": "textStrings" } ], - "mixins": [ - { - "name": "FormMixin", - "module": "/src/common/mixins/form-input" - } - ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-text-input", + "tagName": "kyn-tr", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TextInput", + "name": "TableRow", "declaration": { - "name": "TextInput", - "module": "src/components/reusable/textInput/textInput.ts" + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-text-input", - "declaration": { - "name": "TextInput", - "module": "src/components/reusable/textInput/textInput.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/timepicker/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "TimePicker", + "name": "kyn-tr", "declaration": { - "name": "TimePicker", - "module": "./timepicker" + "name": "TableRow", + "module": "src/components/reusable/table/table-row.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/timepicker/timepicker.ts", + "path": "src/components/reusable/table/table-toolbar.ts", "declarations": [ { "kind": "class", - "description": "Timepicker: uses Flatpickr library,time picker implementation -- `https://flatpickr.js.org/examples/#time-picker`", - "name": "TimePicker", + "description": "`kyn-table-toolbar` Web Component.\n\nThis component provides a toolbar for tables, primarily featuring a title and additional content.\nThe title is rendered prominently, while the slot can be used for controls, buttons, or other interactive elements.", + "name": "TableToolbar", "slots": [ { - "description": "Slot for tooltip.", - "name": "tooltip" + "description": "The primary content slot for controls, buttons, or other toolbar content.", + "name": "unnamed" } ], "members": [ { "kind": "field", - "name": "label", + "name": "tableTitle", "type": { "text": "string" }, "default": "''", - "description": "Label text.", - "attribute": "label" - }, - { - "kind": "field", - "name": "locale", - "type": { - "text": "SupportedLocale" - }, - "default": "'en'", - "description": "Sets desired locale and, if supported, dynamically loads language lib", - "attribute": "locale" - }, - { - "kind": "field", - "name": "value", - "type": { - "text": "Date | null" - }, - "default": "null", - "description": "Sets date/time value.", - "attribute": "value" + "description": "The title for the toolbar", + "attribute": "tableTitle" }, { "kind": "field", - "name": "defaultDate", + "name": "tableSubtitle", "type": { "text": "string" }, "default": "''", - "description": "Sets default time value.", - "attribute": "defaultDate" - }, - { - "kind": "field", - "name": "defaultHour", - "type": { - "text": "number | null" - }, - "default": "null", - "description": "Sets initial value of the hour element.", - "attribute": "defaultHour" - }, - { - "kind": "field", - "name": "defaultMinute", - "type": { - "text": "number | null" - }, - "default": "null", - "description": "Sets initial value of the minute element.", - "attribute": "defaultMinute" - }, + "description": "The subtitle for the toolbar", + "attribute": "tableSubtitle" + } + ], + "attributes": [ { - "kind": "field", - "name": "defaultErrorMessage", + "name": "tableTitle", "type": { "text": "string" }, "default": "''", - "description": "Sets default error message.", - "attribute": "defaultErrorMessage" + "description": "The title for the toolbar", + "fieldName": "tableTitle" }, { - "kind": "field", - "name": "warnText", + "name": "tableSubtitle", "type": { "text": "string" }, "default": "''", - "description": "Sets validation warning messaging.", - "attribute": "warnText" - }, + "description": "The subtitle for the toolbar", + "fieldName": "tableSubtitle" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-table-toolbar", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "TableToolbar", + "declaration": { + "name": "TableToolbar", + "module": "src/components/reusable/table/table-toolbar.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-table-toolbar", + "declaration": { + "name": "TableToolbar", + "module": "src/components/reusable/table/table-toolbar.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/table/table.skeleton.ts", + "declarations": [ + { + "kind": "class", + "description": "`kyn-table-skeleton` Web Component.\nA skeleton loading state for the table component that mirrors its structure.", + "name": "TableSkeleton", + "members": [ { "kind": "field", - "name": "caption", + "name": "rows", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Sets caption to be displayed under primary date picker elements.", - "attribute": "caption" + "default": "5", + "description": "Number of skeleton rows to display.", + "attribute": "rows" }, { "kind": "field", - "name": "required", + "name": "showPagination", "type": { "text": "boolean" }, "default": "false", - "description": "Sets datepicker form input value to required/required.", - "attribute": "required" - }, - { - "kind": "field", - "name": "size", - "type": { - "text": "string" - }, - "default": "'md'", - "description": "Input size. \"sm\", \"md\", or \"lg\".", - "attribute": "size" + "description": "Shows/hides pagination skeleton.", + "attribute": "showPagination" }, { "kind": "field", - "name": "timepickerDisabled", + "name": "dense", "type": { "text": "boolean" }, - "default": "false", - "description": "Sets entire datepicker form element to enabled/disabled.", - "attribute": "timepickerDisabled" - }, - { - "kind": "field", - "name": "twentyFourHourFormat", - "type": { - "text": "boolean | null" - }, - "default": "null", - "description": "Sets 24 hour formatting true/false.\nDefaults to 12H for all `en-*` locales and 24H for all other locales.", - "attribute": "twentyFourHourFormat" - }, - { - "kind": "field", - "name": "minTime", - "type": { - "text": "string | number | Date" - }, - "default": "''", - "description": "Sets lower boundary of datepicker date selection.", - "attribute": "minTime" + "default": "false", + "description": "Sets dense mode value.", + "attribute": "dense" }, { "kind": "field", - "name": "maxTime", + "name": "striped", "type": { - "text": "string | number | Date" + "text": "boolean" }, - "default": "''", - "description": "Sets upper boundary of datepicker date selection.", - "attribute": "maxTime" + "default": "false", + "description": "Sets striped rows value.", + "attribute": "striped" }, { "kind": "field", - "name": "errorAriaLabel", + "name": "hideTableTitles", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets aria label attribute for error message.", - "attribute": "errorAriaLabel" + "default": "false", + "description": "Show/hide table header.", + "attribute": "hideTableTitles" }, { "kind": "field", - "name": "errorTitle", + "name": "fixedLayout", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets title attribute for error message.", - "attribute": "errorTitle" + "default": "false", + "description": "Fixed layout boolean.", + "attribute": "fixedLayout" }, { "kind": "field", - "name": "warningAriaLabel", + "name": "tableTitle", "type": { "text": "string" }, "default": "''", - "description": "Sets aria label attribute for warning message.", - "attribute": "warningAriaLabel" + "description": "Sets title to display in the table toolbar.", + "attribute": "tableTitle" }, { "kind": "field", - "name": "warningTitle", + "name": "tableSubtitle", "type": { "text": "string" }, "default": "''", - "description": "Sets title attribute for warning message.", - "attribute": "warningTitle" + "description": "Sets subtitle to display in the table toolbar.", + "attribute": "tableSubtitle" }, { "kind": "field", - "name": "textStrings", - "default": "{\n requiredText: 'Required',\n clearAll: 'Clear',\n}", - "description": "Customizable text strings.", - "attribute": "textStrings", + "name": "showGlobalFilter", "type": { - "text": "object" - } - }, - { - "kind": "method", - "name": "renderValidationMessage", - "privacy": "private", - "parameters": [ - { - "name": "errorId", - "type": { - "text": "string" - } - }, - { - "name": "warningId", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "getTimepickerClasses" - }, - { - "kind": "method", - "name": "_handleClear", - "privacy": "private", - "parameters": [ - { - "name": "event", - "type": { - "text": "Event" - } - } - ] - }, - { - "kind": "method", - "name": "setupAnchor", - "privacy": "private" - }, - { - "kind": "method", - "name": "initializeFlatpickr", - "return": { - "type": { - "text": "Promise" - } - } - }, - { - "kind": "method", - "name": "updateFlatpickrOptions", - "return": { - "type": { - "text": "Promise" - } - } - }, - { - "kind": "method", - "name": "getComponentFlatpickrOptions", - "return": { - "type": { - "text": "Promise>" - } - } - }, - { - "kind": "method", - "name": "setInitialDates", - "return": { - "type": { - "text": "void" - } - }, - "parameters": [ - { - "name": "instance", - "type": { - "text": "flatpickr.Instance" - } - } - ] - }, - { - "kind": "method", - "name": "handleOpen", - "return": { - "type": { - "text": "void" - } - } - }, - { - "kind": "method", - "name": "handleClose", - "return": { - "type": { - "text": "Promise" - } - } - }, - { - "kind": "method", - "name": "handleTimeChange", - "return": { - "type": { - "text": "Promise" - } - }, - "parameters": [ - { - "name": "selectedDates", - "type": { - "text": "Date[]" - } - }, - { - "name": "dateStr", - "type": { - "text": "string" - } - } - ] - }, - { - "kind": "method", - "name": "_validate", - "privacy": "private", - "return": { - "type": { - "text": "void" - } + "text": "boolean" }, - "parameters": [ - { - "name": "interacted", - "type": { - "text": "boolean" - } - }, - { - "name": "report", - "type": { - "text": "boolean" - } - } - ] - }, - { - "kind": "method", - "name": "_onChange", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleFormReset", - "privacy": "private" - }, - { - "kind": "method", - "name": "setShouldFlatpickrOpen", - "privacy": "private", - "parameters": [ - { - "name": "value", - "type": { - "text": "boolean" - } - } - ] - }, - { - "kind": "method", - "name": "closeFlatpickr", - "privacy": "private" + "default": "false", + "description": "Shows/hides golbal filter skeleton.", + "attribute": "showGlobalFilter" }, { "kind": "method", - "name": "preventFlatpickrOpen", + "name": "renderSkeletonCell", "privacy": "private", "parameters": [ { - "name": "event", + "name": "type", "type": { - "text": "Event" + "text": "'thead' | 'tbody'" } } ] - }, - { - "kind": "method", - "name": "handleInputClickEvent", - "privacy": "private" - }, - { - "kind": "method", - "name": "handleInputFocusEvent", - "privacy": "private" - } - ], - "events": [ - { - "description": "Captures the input event and emits the selected value and original event details.", - "name": "on-change" } ], "attributes": [ { - "name": "label", + "name": "rows", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Label text.", - "fieldName": "label" + "default": "5", + "description": "Number of skeleton rows to display.", + "fieldName": "rows" }, { - "name": "locale", + "name": "showPagination", "type": { - "text": "SupportedLocale" + "text": "boolean" }, - "default": "'en'", - "description": "Sets desired locale and, if supported, dynamically loads language lib", - "fieldName": "locale" + "default": "false", + "description": "Shows/hides pagination skeleton.", + "fieldName": "showPagination" }, { - "name": "value", + "name": "dense", "type": { - "text": "Date | null" + "text": "boolean" }, - "default": "null", - "description": "Sets date/time value.", - "fieldName": "value" + "default": "false", + "description": "Sets dense mode value.", + "fieldName": "dense" }, { - "name": "defaultDate", + "name": "striped", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets default time value.", - "fieldName": "defaultDate" + "default": "false", + "description": "Sets striped rows value.", + "fieldName": "striped" }, { - "name": "defaultHour", + "name": "hideTableTitles", "type": { - "text": "number | null" + "text": "boolean" }, - "default": "null", - "description": "Sets initial value of the hour element.", - "fieldName": "defaultHour" + "default": "false", + "description": "Show/hide table header.", + "fieldName": "hideTableTitles" }, { - "name": "defaultMinute", + "name": "fixedLayout", "type": { - "text": "number | null" + "text": "boolean" }, - "default": "null", - "description": "Sets initial value of the minute element.", - "fieldName": "defaultMinute" + "default": "false", + "description": "Fixed layout boolean.", + "fieldName": "fixedLayout" }, { - "name": "defaultErrorMessage", + "name": "tableTitle", "type": { "text": "string" }, "default": "''", - "description": "Sets default error message.", - "fieldName": "defaultErrorMessage" + "description": "Sets title to display in the table toolbar.", + "fieldName": "tableTitle" }, { - "name": "warnText", + "name": "tableSubtitle", "type": { "text": "string" }, "default": "''", - "description": "Sets validation warning messaging.", - "fieldName": "warnText" + "description": "Sets subtitle to display in the table toolbar.", + "fieldName": "tableSubtitle" }, { - "name": "caption", + "name": "showGlobalFilter", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets caption to be displayed under primary date picker elements.", - "fieldName": "caption" + "default": "false", + "description": "Shows/hides golbal filter skeleton.", + "fieldName": "showGlobalFilter" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-table-skeleton", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "TableSkeleton", + "declaration": { + "name": "TableSkeleton", + "module": "src/components/reusable/table/table.skeleton.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-table-skeleton", + "declaration": { + "name": "TableSkeleton", + "module": "src/components/reusable/table/table.skeleton.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/table/table.ts", + "declarations": [ + { + "kind": "class", + "description": "`kyn-table` Web Component.\nThis component provides a table with sorting, pagination, and selection capabilities.\nIt is designed to be used with the `kyn-table-toolbar` and `kyn-table-container` components.", + "name": "Table", + "members": [ + { + "kind": "field", + "name": "checkboxSelection", + "type": { + "text": "boolean" + }, + "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", + "default": "false", + "attribute": "checkboxSelection" }, { - "name": "required", + "kind": "field", + "name": "striped", "type": { "text": "boolean" }, + "description": "striped: Boolean indicating whether rows should have alternate\ncoloring.", "default": "false", - "description": "Sets datepicker form input value to required/required.", - "fieldName": "required" + "attribute": "striped" }, { - "name": "size", + "kind": "field", + "name": "stickyHeader", "type": { - "text": "string" + "text": "boolean" }, - "default": "'md'", - "description": "Input size. \"sm\", \"md\", or \"lg\".", - "fieldName": "size" + "description": "stickyHeader: Boolean indicating whether the table header\nshould be sticky.", + "default": "false", + "attribute": "stickyHeader" }, { - "name": "timepickerDisabled", + "kind": "field", + "name": "dense", "type": { "text": "boolean" }, + "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", "default": "false", - "description": "Sets entire datepicker form element to enabled/disabled.", - "fieldName": "timepickerDisabled" + "attribute": "dense" }, { - "name": "twentyFourHourFormat", + "kind": "field", + "name": "fixedLayout", "type": { - "text": "boolean | null" + "text": "boolean" }, - "default": "null", - "description": "Sets 24 hour formatting true/false.\nDefaults to 12H for all `en-*` locales and 24H for all other locales.", - "fieldName": "twentyFourHourFormat" + "description": "fixedLayout: Boolean indicating whether the table should have a fixed layout.\nThis will set the table's layout to fixed, which means the table and column widths\nwill be determined by the width of the columns and not by the content of the cells.\nThis can be useful when you want to have a consistent column width across multiple tables.", + "default": "false", + "attribute": "fixedLayout" }, { - "name": "minTime", + "kind": "method", + "name": "_updateHeaderCheckbox", + "privacy": "private", + "description": "Updates the state of the header checkbox based on the number of\nselected rows." + }, + { + "kind": "method", + "name": "_handleRowSelectionChange", + "privacy": "private", + "parameters": [ + { + "name": "event", + "type": { + "text": "CustomEvent" + } + } + ], + "description": "Handles the change of selection state for a specific row." + }, + { + "kind": "method", + "name": "_toggleSelectionAll", + "privacy": "private", + "parameters": [ + { + "name": "event", + "type": { + "text": "CustomEvent" + } + } + ], + "description": "Toggles the selection state of all rows in the table." + }, + { + "kind": "method", + "name": "updateAfterExternalChanges", + "privacy": "public", + "description": "Resets the selection state of all rows in the table.\nThis method is called when the table is reset or cleared.", + "return": { + "type": { + "text": "" + } + } + }, + { + "kind": "method", + "name": "getSelectedRows", + "privacy": "public", + "description": "Returns the selected rows in the table.", + "return": { + "type": { + "text": "" + } + } + }, + { + "kind": "method", + "name": "_handleRowsChange", + "privacy": "private", + "parameters": [ + { + "name": "event", + "type": { + "text": "CustomEvent" + }, + "description": "The custom event containing the updated rows." + } + ], + "description": "Handles the change of rows in the table body." + }, + { + "kind": "method", + "name": "_updateSelectionStates", + "privacy": "private" + } + ], + "events": [ + { + "name": "on-row-selection-change", "type": { - "text": "string | number | Date" + "text": "CustomEvent" }, - "default": "''", - "description": "Sets lower boundary of datepicker date selection.", - "fieldName": "minTime" + "description": "Dispatched when the selection state of a row is toggled." }, { - "name": "maxTime", + "name": "on-all-rows-selection-change", + "type": { + "text": "CustomEvent" + }, + "description": "Dispatched when the selection state of all rows is toggled." + } + ], + "attributes": [ + { + "name": "checkboxSelection", "type": { - "text": "string | number | Date" + "text": "boolean" }, - "default": "''", - "description": "Sets upper boundary of datepicker date selection.", - "fieldName": "maxTime" + "description": "checkboxSelection: Boolean indicating whether rows should be\nselectable using checkboxes.", + "default": "false", + "fieldName": "checkboxSelection" }, { - "name": "errorAriaLabel", + "name": "striped", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets aria label attribute for error message.", - "fieldName": "errorAriaLabel" + "description": "striped: Boolean indicating whether rows should have alternate\ncoloring.", + "default": "false", + "fieldName": "striped" }, { - "name": "errorTitle", + "name": "stickyHeader", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets title attribute for error message.", - "fieldName": "errorTitle" + "description": "stickyHeader: Boolean indicating whether the table header\nshould be sticky.", + "default": "false", + "fieldName": "stickyHeader" }, { - "name": "warningAriaLabel", + "name": "dense", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets aria label attribute for warning message.", - "fieldName": "warningAriaLabel" + "description": "dense: Boolean indicating whether the table should be displayed\nin dense mode.", + "default": "false", + "fieldName": "dense" }, { - "name": "warningTitle", + "name": "fixedLayout", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Sets title attribute for warning message.", - "fieldName": "warningTitle" - }, - { - "name": "textStrings", - "default": "_defaultTextStrings", - "description": "Customizable text strings.", - "fieldName": "textStrings" - } - ], - "mixins": [ - { - "name": "FormMixin", - "module": "/src/common/mixins/form-input" + "description": "fixedLayout: Boolean indicating whether the table should have a fixed layout.\nThis will set the table's layout to fixed, which means the table and column widths\nwill be determined by the width of the columns and not by the content of the cells.\nThis can be useful when you want to have a consistent column width across multiple tables.", + "default": "false", + "fieldName": "fixedLayout" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-time-picker", + "tagName": "kyn-table", "customElement": true } ], "exports": [ { "kind": "js", - "name": "TimePicker", + "name": "Table", "declaration": { - "name": "TimePicker", - "module": "src/components/reusable/timepicker/timepicker.ts" + "name": "Table", + "module": "src/components/reusable/table/table.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-time-picker", + "name": "kyn-table", "declaration": { - "name": "TimePicker", - "module": "src/components/reusable/timepicker/timepicker.ts" + "name": "Table", + "module": "src/components/reusable/table/table.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/toggleButton/index.ts", + "path": "src/components/reusable/tabs/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "ToggleButton", + "name": "Tabs", "declaration": { - "name": "ToggleButton", - "module": "./toggleButton" + "name": "Tabs", + "module": "./tabs" + } + }, + { + "kind": "js", + "name": "Tab", + "declaration": { + "name": "Tab", + "module": "./tab" + } + }, + { + "kind": "js", + "name": "TabPanel", + "declaration": { + "name": "TabPanel", + "module": "./tabPanel" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/toggleButton/toggleButton.ts", + "path": "src/components/reusable/tabs/tab.ts", "declarations": [ { "kind": "class", - "description": "Toggle Button.", - "name": "ToggleButton", + "description": "Tabs.", + "name": "Tab", "slots": [ { - "description": "Slot for tooltip.", - "name": "tooltip" + "description": "Slot for tab button text.", + "name": "unnamed" } ], "members": [ { "kind": "field", - "name": "label", + "name": "id", "type": { "text": "string" }, "default": "''", - "description": "Label text.", - "attribute": "label" + "description": "Tab ID, required.", + "attribute": "id", + "reflects": true }, { "kind": "field", - "name": "checked", + "name": "selected", "type": { "text": "boolean" }, "default": "false", - "description": "Checkbox checked state.", - "attribute": "checked" - }, - { - "kind": "field", - "name": "checkedText", - "type": { - "text": "string" - }, - "default": "'On'", - "description": "Checked state text.", - "attribute": "checkedText" - }, - { - "kind": "field", - "name": "uncheckedText", - "type": { - "text": "string" - }, - "default": "'Off'", - "description": "Unchecked state text.", - "attribute": "uncheckedText" + "description": "Tab selected state. Must match Tab Panel visible state.", + "attribute": "selected", + "reflects": true }, { "kind": "field", - "name": "small", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Option to use small size.", - "attribute": "small" + "description": "Tab disabled state.", + "attribute": "disabled" }, { - "kind": "field", - "name": "disabled", + "kind": "method", + "name": "_handleClick", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + }, + "description": "The parameter \"e\" is an event object that represents the event that triggered the\nclick event handler." + } + ], + "description": "Dispatches a custom event called 'tab-activated' with the original event and tabId as details,\nif the tab is not selected." + } + ], + "attributes": [ + { + "name": "id", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Checkbox disabled state.", - "attribute": "disabled" + "default": "''", + "description": "Tab ID, required.", + "fieldName": "id" }, { - "kind": "field", - "name": "reverse", + "name": "selected", "type": { "text": "boolean" }, "default": "false", - "description": "Reverse UI element order, label on the left.", - "attribute": "reverse" + "description": "Tab selected state. Must match Tab Panel visible state.", + "fieldName": "selected" }, { - "kind": "field", - "name": "hideLabel", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Hides the label visually.", - "attribute": "hideLabel" - }, - { - "kind": "method", - "name": "handleChange", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - }, - { - "kind": "method", - "name": "_validate", - "privacy": "private", - "parameters": [ - { - "name": "interacted", - "type": { - "text": "Boolean" - } - }, - { - "name": "report", - "type": { - "text": "Boolean" - } - } - ] + "description": "Tab disabled state.", + "fieldName": "disabled" } ], - "events": [ + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-tab", + "customElement": true + } + ], + "exports": [ + { + "kind": "js", + "name": "Tab", + "declaration": { + "name": "Tab", + "module": "src/components/reusable/tabs/tab.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-tab", + "declaration": { + "name": "Tab", + "module": "src/components/reusable/tabs/tab.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/tabs/tabPanel.ts", + "declarations": [ + { + "kind": "class", + "description": "Tabs.", + "name": "TabPanel", + "slots": [ { - "description": "Captures the change event and emits the selected value and original event details.", - "name": "on-change" + "description": "Slot for tab content.", + "name": "unnamed" } ], - "attributes": [ + "members": [ { - "name": "label", + "kind": "field", + "name": "tabId", "type": { "text": "string" }, "default": "''", - "description": "Label text.", - "fieldName": "label" + "description": "Matching Tab ID, required.", + "attribute": "tabId" }, { - "name": "checked", + "kind": "field", + "name": "visible", "type": { "text": "boolean" }, "default": "false", - "description": "Checkbox checked state.", - "fieldName": "checked" - }, - { - "name": "checkedText", - "type": { - "text": "string" - }, - "default": "'On'", - "description": "Checked state text.", - "fieldName": "checkedText" - }, - { - "name": "uncheckedText", - "type": { - "text": "string" - }, - "default": "'Off'", - "description": "Unchecked state text.", - "fieldName": "uncheckedText" + "description": "Tab Panel visible state. Must match Tab selected state.", + "attribute": "visible", + "reflects": true }, { - "name": "small", + "kind": "field", + "name": "noPadding", "type": { "text": "boolean" }, "default": "false", - "description": "Option to use small size.", - "fieldName": "small" - }, + "description": "Remove side padding (left/right) on tab panel.", + "attribute": "noPadding" + } + ], + "attributes": [ { - "name": "disabled", + "name": "tabId", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Checkbox disabled state.", - "fieldName": "disabled" + "default": "''", + "description": "Matching Tab ID, required.", + "fieldName": "tabId" }, { - "name": "reverse", + "name": "visible", "type": { "text": "boolean" }, "default": "false", - "description": "Reverse UI element order, label on the left.", - "fieldName": "reverse" + "description": "Tab Panel visible state. Must match Tab selected state.", + "fieldName": "visible" }, { - "name": "hideLabel", + "name": "noPadding", "type": { "text": "boolean" }, "default": "false", - "description": "Hides the label visually.", - "fieldName": "hideLabel" - } - ], - "mixins": [ - { - "name": "FormMixin", - "module": "/src/common/mixins/form-input" + "description": "Remove side padding (left/right) on tab panel.", + "fieldName": "noPadding" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-toggle-button", + "tagName": "kyn-tab-panel", "customElement": true } ], "exports": [ { "kind": "js", - "name": "ToggleButton", + "name": "TabPanel", "declaration": { - "name": "ToggleButton", - "module": "src/components/reusable/toggleButton/toggleButton.ts" + "name": "TabPanel", + "module": "src/components/reusable/tabs/tabPanel.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-toggle-button", - "declaration": { - "name": "ToggleButton", - "module": "src/components/reusable/toggleButton/toggleButton.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/widget/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "Widget", - "declaration": { - "name": "Widget", - "module": "./widget" - } - }, - { - "kind": "js", - "name": "WidgetDragHandle", - "declaration": { - "name": "WidgetDragHandle", - "module": "./widgetDragHandle" - } - }, - { - "kind": "js", - "name": "WidgetGridstack", + "name": "kyn-tab-panel", "declaration": { - "name": "WidgetGridstack", - "module": "./widgetGridstack" + "name": "TabPanel", + "module": "src/components/reusable/tabs/tabPanel.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/widget/widget.ts", + "path": "src/components/reusable/tabs/tabs.ts", "declarations": [ { "kind": "class", - "description": "Widget.", - "name": "Widget", + "description": "Tabs.", + "name": "Tabs", "slots": [ { - "description": "Slot for widget content.", + "description": "Slot for kyn-tab-panel components.", "name": "unnamed" }, { - "description": "Slot for action buttons.", - "name": "action" - }, - { - "description": "Slot for tooltip in header.", - "name": "tooltip" - }, - { - "description": "Slot for drag handle.", - "name": "draghandle" + "description": "Slot for kyn-tab components.", + "name": "tabs" } ], "members": [ { "kind": "field", - "name": "widgetTitle", + "name": "tabStyle", "type": { "text": "string" }, - "default": "''", - "description": "Widget title.", - "attribute": "widgetTitle" + "default": "'contained'", + "description": "Tab style. `'contained'` or `'line'`.", + "attribute": "tabStyle" }, { "kind": "field", - "name": "subTitle", + "name": "tabSize", "type": { "text": "string" }, - "default": "''", - "description": "Widget sub-title.", - "attribute": "subTitle" + "default": "'md'", + "description": "Size of the tab buttons, `'sm'` or `'md'`. Icon size: 16px.", + "attribute": "tabSize" }, { "kind": "field", - "name": "dragActive", + "name": "vertical", "type": { "text": "boolean" }, "default": "false", - "description": "Widget drag active state.", - "attribute": "dragActive" + "description": "Vertical orientation.", + "attribute": "vertical" }, { "kind": "field", - "name": "disabled", + "name": "disableAutoFocusUpdate", "type": { "text": "boolean" }, "default": "false", - "description": "Widget disabled state.", - "attribute": "disabled" + "description": "Enables tab content change on focus with keyboard navigation/assistive technologies.", + "attribute": "disableAutoFocusUpdate" }, { "kind": "method", - "name": "_handleSlotChange", + "name": "_handleSlotChangeTabs", + "privacy": "private" + }, + { + "kind": "method", + "name": "_updateChildren", "privacy": "private" }, { - "kind": "method", - "name": "_updateChildren", - "privacy": "private" + "kind": "method", + "name": "_handleChange", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + }, + "description": "The parameter \"e\" is an event object that contains information about the event\nthat triggered the handleChange function." + } + ], + "description": "Updates children and emits a change event based on the provided\nevent details when a child kyn-tab is clicked." + }, + { + "kind": "method", + "name": "_updateChildrenSelection", + "privacy": "private", + "parameters": [ + { + "name": "selectedTabId", + "type": { + "text": "string" + }, + "description": "The selectedTabId parameter is a string that represents the ID of\nthe tab that is currently selected." + }, + { + "name": "updatePanel", + "default": "true" + } + ], + "description": "Updates the selected property of tabs and the visible property of tab panels based on\nthe selected tab ID." + }, + { + "kind": "method", + "name": "_emitChangeEvent", + "privacy": "private", + "parameters": [ + { + "name": "origEvent", + "type": { + "text": "any" + }, + "description": "The origEvent parameter is the original event object that triggered the\nchange event. It could be any type of event object, such as a click event or a keydown event." + }, + { + "name": "selectedTabId", + "type": { + "text": "string" + }, + "description": "The selectedTabId parameter is a string that represents the ID of\nthe selected tab." + } + ], + "description": "Creates and dispatches a custom event called 'on-change' with the provided original event and\nselected tab ID as details." + }, + { + "kind": "method", + "name": "_handleKeyboard", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + }, + "description": "The parameter `e` is an event object that represents the keyboard event. It\ncontains information about the keyboard event, such as the key code of the pressed key." + } + ], + "description": "Handles keyboard events for navigating between tabs.", + "return": { + "type": { + "text": "" + } + } + } + ], + "events": [ + { + "description": "Emits the new selected Tab ID when switching tabs.", + "name": "on-change" } ], "attributes": [ { - "name": "widgetTitle", + "name": "tabStyle", "type": { "text": "string" }, - "default": "''", - "description": "Widget title.", - "fieldName": "widgetTitle" + "default": "'contained'", + "description": "Tab style. `'contained'` or `'line'`.", + "fieldName": "tabStyle" }, { - "name": "subTitle", + "name": "tabSize", "type": { "text": "string" }, - "default": "''", - "description": "Widget sub-title.", - "fieldName": "subTitle" + "default": "'md'", + "description": "Size of the tab buttons, `'sm'` or `'md'`. Icon size: 16px.", + "fieldName": "tabSize" }, { - "name": "dragActive", + "name": "vertical", "type": { "text": "boolean" }, "default": "false", - "description": "Widget drag active state.", - "fieldName": "dragActive" + "description": "Vertical orientation.", + "fieldName": "vertical" }, { - "name": "disabled", + "name": "disableAutoFocusUpdate", "type": { "text": "boolean" }, "default": "false", - "description": "Widget disabled state.", - "fieldName": "disabled" + "description": "Enables tab content change on focus with keyboard navigation/assistive technologies.", + "fieldName": "disableAutoFocusUpdate" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-widget", + "tagName": "kyn-tabs", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Widget", + "name": "Tabs", "declaration": { - "name": "Widget", - "module": "src/components/reusable/widget/widget.ts" + "name": "Tabs", + "module": "src/components/reusable/tabs/tabs.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-widget", + "name": "kyn-tabs", "declaration": { - "name": "Widget", - "module": "src/components/reusable/widget/widget.ts" + "name": "Tabs", + "module": "src/components/reusable/tabs/tabs.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/widget/widgetDragHandle.ts", - "declarations": [ - { - "kind": "class", - "description": "Widget drag handle.", - "name": "WidgetDragHandle", - "members": [ - { - "kind": "field", - "name": "slot", - "type": { - "text": "string" - }, - "default": "'draghandle'", - "description": "Force widget slot", - "attribute": "slot", - "reflects": true - } - ], - "attributes": [ - { - "name": "slot", - "type": { - "text": "string" - }, - "default": "'draghandle'", - "description": "Force widget slot", - "fieldName": "slot" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-widget-drag-handle", - "customElement": true - } - ], + "path": "src/components/reusable/tag/index.ts", + "declarations": [], "exports": [ { "kind": "js", - "name": "WidgetDragHandle", + "name": "Tag", "declaration": { - "name": "WidgetDragHandle", - "module": "src/components/reusable/widget/widgetDragHandle.ts" + "name": "Tag", + "module": "./tag" } }, { - "kind": "custom-element-definition", - "name": "kyn-widget-drag-handle", + "kind": "js", + "name": "TagGroup", "declaration": { - "name": "WidgetDragHandle", - "module": "src/components/reusable/widget/widgetDragHandle.ts" + "name": "TagGroup", + "module": "./tagGroup" + } + }, + { + "kind": "js", + "name": "TagSkeleton", + "declaration": { + "name": "TagSkeleton", + "module": "./tag.skeleton" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/widget/widgetGridstack.ts", + "path": "src/components/reusable/tag/tag.skeleton.ts", "declarations": [ { "kind": "class", - "description": "GridStack wrapper that includes Shidoka default config and styles.", - "name": "WidgetGridstack", - "slots": [ - { - "description": "Slot for .grid-stack container element.", - "name": "unnamed" - } - ], + "description": "", + "name": "TagSkeleton", "members": [ { "kind": "field", - "name": "layout", - "type": { - "text": "any" - }, - "default": "{}", - "description": "GridStack layout/widget size/position definitions for each breakpoint.", - "attribute": "layout" - }, - { - "kind": "field", - "name": "gridstackConfig", - "type": { - "text": "any" - }, - "default": "Config", - "description": "GridStack config.", - "attribute": "gridstackConfig" - }, - { - "kind": "field", - "name": "gridStack", + "name": "tagSize", "type": { - "text": "any" + "text": "string" }, - "default": "GridStack", - "description": "GridStack instance." + "default": "'sm'", + "description": "Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.", + "attribute": "tagSize" }, { "kind": "field", - "name": "grid", + "name": "shade", "type": { - "text": "any" + "text": "string" }, - "description": "GridStack grid instance." - }, - { - "kind": "method", - "name": "_saveLayout", - "privacy": "private" - }, - { - "kind": "method", - "name": "_updateLayout", - "privacy": "private" - }, - { - "kind": "method", - "name": "_setBreakpoint", - "privacy": "private" - } - ], - "events": [ - { - "description": "Emits after GridStack initializes.", - "name": "on-grid-init" - }, - { - "description": "Emits the GridStack save() method results (new layout) on dragstop and resizestop.", - "name": "on-grid-save" + "default": "'light'", + "description": "Shade `'light'` (default) and `'dark'` for tag.", + "attribute": "shade" } ], "attributes": [ { - "name": "layout", + "name": "tagSize", "type": { - "text": "any" + "text": "string" }, - "default": "{}", - "description": "GridStack layout/widget size/position definitions for each breakpoint.", - "fieldName": "layout" + "default": "'sm'", + "description": "Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.", + "fieldName": "tagSize" }, { - "name": "gridstackConfig", + "name": "shade", "type": { - "text": "any" + "text": "string" }, - "default": "Config", - "description": "GridStack config.", - "fieldName": "gridstackConfig" + "default": "'light'", + "description": "Shade `'light'` (default) and `'dark'` for tag.", + "fieldName": "shade" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-widget-gridstack", + "tagName": "kyn-tag-skeleton", "customElement": true } ], "exports": [ { "kind": "js", - "name": "WidgetGridstack", + "name": "TagSkeleton", "declaration": { - "name": "WidgetGridstack", - "module": "src/components/reusable/widget/widgetGridstack.ts" + "name": "TagSkeleton", + "module": "src/components/reusable/tag/tag.skeleton.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-widget-gridstack", - "declaration": { - "name": "WidgetGridstack", - "module": "src/components/reusable/widget/widgetGridstack.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/reusable/tooltip/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "Tooltip", + "name": "kyn-tag-skeleton", "declaration": { - "name": "Tooltip", - "module": "./tooltip" + "name": "TagSkeleton", + "module": "src/components/reusable/tag/tag.skeleton.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/reusable/tooltip/tooltip.ts", + "path": "src/components/reusable/tag/tag.ts", "declarations": [ { "kind": "class", - "description": "Tooltip.", - "name": "Tooltip", - "slots": [ + "description": "Tag.", + "name": "Tag", + "members": [ { - "description": "Slot for tooltip content.", - "name": "unnamed" + "kind": "field", + "name": "label", + "type": { + "text": "string" + }, + "default": "''", + "description": "Tag name (Required).", + "attribute": "label" }, { - "description": "Slot for custom anchor button content.", - "name": "anchor" - } - ], - "members": [ + "kind": "field", + "name": "tagSize", + "type": { + "text": "string" + }, + "default": "'md'", + "description": "Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.", + "attribute": "tagSize" + }, + { + "kind": "field", + "name": "disabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Specify if the Tag is disabled.", + "attribute": "disabled" + }, + { + "kind": "field", + "name": "filter", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Determine if Tag state is filter.", + "attribute": "filter" + }, + { + "kind": "field", + "name": "noTruncation", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Removes label text truncation.", + "attribute": "noTruncation" + }, { "kind": "field", - "name": "assistiveText", + "name": "shade", "type": { "text": "string" }, - "default": "'Tooltip'", - "description": "Assistive text for anchor button.", - "attribute": "assistiveText" - }, - { - "kind": "method", - "name": "_positionTooltip", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleOpen", - "privacy": "private" + "default": "'light'", + "description": "Shade `'light'` (default) and `'dark'` for tag", + "attribute": "shade" }, { - "kind": "method", - "name": "_handleClose", - "privacy": "private" + "kind": "field", + "name": "tagColor", + "type": { + "text": "string" + }, + "default": "'spruce'", + "description": "Color variants. Default spruce", + "attribute": "tagColor" }, { - "kind": "method", - "name": "_handleMouseLeave", - "privacy": "private" + "kind": "field", + "name": "clearTagText", + "type": { + "text": "string" + }, + "default": "'Clear Tag'", + "description": "Clear Tag Text to improve accessibility", + "attribute": "clearTagText" }, { "kind": "method", - "name": "_handleEsc", + "name": "handleTagClear", "privacy": "private", "parameters": [ { "name": "e", "type": { - "text": "KeyboardEvent" + "text": "any" + } + }, + { + "name": "value", + "type": { + "text": "string" } } ] - }, - { - "kind": "method", - "name": "_emitToggle", - "privacy": "private" } ], "events": [ { - "description": "Emits the open state of the tooltip on open/close.", - "name": "on-tooltip-toggle" + "description": "Captures the close event and emits the Tag value. Works with filterable tags.", + "name": "on-close" } ], "attributes": [ { - "name": "assistiveText", + "name": "label", "type": { "text": "string" }, - "default": "'Tooltip'", - "description": "Assistive text for anchor button.", - "fieldName": "assistiveText" + "default": "''", + "description": "Tag name (Required).", + "fieldName": "label" + }, + { + "name": "tagSize", + "type": { + "text": "string" + }, + "default": "'md'", + "description": "Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.", + "fieldName": "tagSize" + }, + { + "name": "disabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Specify if the Tag is disabled.", + "fieldName": "disabled" + }, + { + "name": "filter", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Determine if Tag state is filter.", + "fieldName": "filter" + }, + { + "name": "noTruncation", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Removes label text truncation.", + "fieldName": "noTruncation" + }, + { + "name": "shade", + "type": { + "text": "string" + }, + "default": "'light'", + "description": "Shade `'light'` (default) and `'dark'` for tag", + "fieldName": "shade" + }, + { + "name": "tagColor", + "type": { + "text": "string" + }, + "default": "'spruce'", + "description": "Color variants. Default spruce", + "fieldName": "tagColor" + }, + { + "name": "clearTagText", + "type": { + "text": "string" + }, + "default": "'Clear Tag'", + "description": "Clear Tag Text to improve accessibility", + "fieldName": "clearTagText" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-tooltip", + "tagName": "kyn-tag", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Tooltip", + "name": "Tag", "declaration": { - "name": "Tooltip", - "module": "src/components/reusable/tooltip/tooltip.ts" + "name": "Tag", + "module": "src/components/reusable/tag/tag.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-tooltip", + "name": "kyn-tag", "declaration": { - "name": "Tooltip", - "module": "src/components/reusable/tooltip/tooltip.ts" + "name": "Tag", + "module": "src/components/reusable/tag/tag.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/footer/footer.ts", + "path": "src/components/reusable/tag/tagGroup.ts", "declarations": [ { "kind": "class", - "description": "The global Footer component.", - "name": "Footer", + "description": "Tag & Tag Group", + "name": "TagGroup", "slots": [ { - "description": "Default slot, for links.", + "description": "Slot for individual tags and tagsskeleton.", "name": "unnamed" + } + ], + "members": [ + { + "kind": "field", + "name": "textStrings", + "type": { + "text": "object" + }, + "default": "{\n showAll: 'Show all',\n showLess: 'Show less',\n }", + "description": "Text string customization.", + "attribute": "textStrings" }, { - "description": "Slot for the logo, will overwrite the default logo.", - "name": "logo" + "kind": "field", + "name": "limitTags", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Limits visible tags (5) behind a \"Show all\" button. Use only if having more than 5 tags.", + "attribute": "limitTags" }, { - "description": "Slot for the copyright text.", - "name": "copyright" - } - ], - "members": [ + "kind": "field", + "name": "filter", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Tag group filter", + "attribute": "filter" + }, { "kind": "field", - "name": "rootUrl", + "name": "tagSize", "type": { "text": "string" }, - "default": "'/'", - "description": "URL for the footer logo link. Should target the application home page.", - "attribute": "rootUrl" + "default": "'md'", + "description": "Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.", + "attribute": "tagSize" }, { "kind": "method", - "name": "handleRootLinkClick", + "name": "_handleSlotChange", + "privacy": "private" + }, + { + "kind": "method", + "name": "_updateChildren", + "privacy": "private" + }, + { + "kind": "method", + "name": "_toggleRevealed", "privacy": "private", "parameters": [ { - "name": "e", + "name": "revealed", "type": { - "text": "Event" + "text": "boolean" } } ] } ], - "events": [ - { - "description": "Captures the logo link click event and emits the original event.", - "name": "on-root-link-click" - } - ], "attributes": [ { - "name": "rootUrl", + "name": "textStrings", + "type": { + "text": "object" + }, + "default": "{\n showAll: 'Show all',\n showLess: 'Show less',\n }", + "description": "Text string customization.", + "fieldName": "textStrings" + }, + { + "name": "limitTags", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Limits visible tags (5) behind a \"Show all\" button. Use only if having more than 5 tags.", + "fieldName": "limitTags" + }, + { + "name": "filter", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Tag group filter", + "fieldName": "filter" + }, + { + "name": "tagSize", "type": { "text": "string" }, - "default": "'/'", - "description": "URL for the footer logo link. Should target the application home page.", - "fieldName": "rootUrl" + "default": "'md'", + "description": "Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.", + "fieldName": "tagSize" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-footer", + "tagName": "kyn-tag-group", "customElement": true } ], "exports": [ { "kind": "js", - "name": "Footer", + "name": "TagGroup", "declaration": { - "name": "Footer", - "module": "src/components/global/footer/footer.ts" + "name": "TagGroup", + "module": "src/components/reusable/tag/tagGroup.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-footer", + "name": "kyn-tag-group", "declaration": { - "name": "Footer", - "module": "src/components/global/footer/footer.ts" + "name": "TagGroup", + "module": "src/components/reusable/tag/tagGroup.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/footer/index.ts", + "path": "src/components/reusable/textArea/index.ts", "declarations": [], "exports": [ { "kind": "js", - "name": "Footer", + "name": "TextArea", "declaration": { - "name": "Footer", - "module": "./footer" + "name": "TextArea", + "module": "./textArea" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/header/header.ts", + "path": "src/components/reusable/textArea/textArea.ts", "declarations": [ { "kind": "class", - "description": "The global Header component.", - "name": "Header", + "description": "Text area.", + "name": "TextArea", "slots": [ { - "description": "The default slot for all empty space right of the logo/title.", - "name": "unnamed" + "description": "Slot for tooltip.", + "name": "tooltip" + } + ], + "members": [ + { + "kind": "field", + "name": "label", + "type": { + "text": "string" + }, + "default": "''", + "description": "Label text.", + "attribute": "label" + }, + { + "kind": "field", + "name": "caption", + "type": { + "text": "string" + }, + "default": "''", + "description": "Optional text beneath the input.", + "attribute": "caption" + }, + { + "kind": "field", + "name": "placeholder", + "type": { + "text": "string" + }, + "default": "''", + "description": "Input placeholder.", + "attribute": "placeholder" + }, + { + "kind": "field", + "name": "required", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Makes the input required.", + "attribute": "required" }, { - "description": "Slot for the logo, will overwrite the default logo.", - "name": "logo" + "kind": "field", + "name": "disabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Input disabled state.", + "attribute": "disabled" }, { - "description": "Slot left of the logo, intended for the header nav.", - "name": "left" + "kind": "field", + "name": "maxLength", + "type": { + "text": "number" + }, + "description": "Maximum number of characters.", + "attribute": "maxLength" }, - { - "description": "Slot between logo/title and right flyouts.", - "name": "center" - } - ], - "members": [ { "kind": "field", - "name": "rootUrl", + "name": "minLength", "type": { - "text": "string" + "text": "number" }, - "default": "'/'", - "description": "URL for the header logo link. Should target the application home page.", - "attribute": "rootUrl" + "description": "Minimum number of characters.", + "attribute": "minLength" }, { "kind": "field", - "name": "appTitle", + "name": "rows", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "App title text next to logo. Hidden on smaller screens.", - "attribute": "appTitle" + "description": "textarea rows attribute. The number of visible text lines.", + "attribute": "rows" }, { - "kind": "method", - "name": "handleSlotChange", - "privacy": "private" + "kind": "field", + "name": "textStrings", + "default": "{\n requiredText: 'Required',\n errorText: 'Error',\n}", + "description": "Customizable text strings.", + "attribute": "textStrings", + "type": { + "text": "object" + } }, { "kind": "method", - "name": "handleRootLinkClick", + "name": "handleInput", "privacy": "private", "parameters": [ { "name": "e", "type": { - "text": "Event" + "text": "any" } } ] }, { "kind": "method", - "name": "_handleNavToggle", + "name": "_validate", "privacy": "private", "parameters": [ { - "name": "e", + "name": "interacted", "type": { - "text": "any" + "text": "Boolean" } - } - ] - }, - { - "kind": "method", - "name": "_handleFlyoutsToggle", - "privacy": "private", - "parameters": [ + }, { - "name": "e", + "name": "report", "type": { - "text": "any" + "text": "Boolean" } } ] @@ -17135,833 +14253,905 @@ ], "events": [ { - "description": "Captures the menu toggle click event and emits the menu open state in the detail.", - "name": "on-menu-toggle" - }, - { - "description": "Captures the logo link click event and emits the original event details.", - "name": "on-root-link-click" + "description": "Captures the input event and emits the selected value and original event details.", + "name": "on-input" } ], "attributes": [ { - "name": "rootUrl", + "name": "label", "type": { "text": "string" }, - "default": "'/'", - "description": "URL for the header logo link. Should target the application home page.", - "fieldName": "rootUrl" + "default": "''", + "description": "Label text.", + "fieldName": "label" }, { - "name": "appTitle", + "name": "caption", "type": { "text": "string" }, "default": "''", - "description": "App title text next to logo. Hidden on smaller screens.", - "fieldName": "appTitle" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-header", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "Header", - "declaration": { - "name": "Header", - "module": "src/components/global/header/header.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-header", - "declaration": { - "name": "Header", - "module": "src/components/global/header/header.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/header/headerCategory.ts", - "declarations": [ - { - "kind": "class", - "description": "Header link category", - "name": "HeaderCategory", - "slots": [ - { - "description": "Slot for links.", - "name": "unnamed" - } - ], - "members": [ + "description": "Optional text beneath the input.", + "fieldName": "caption" + }, { - "kind": "field", - "name": "heading", + "name": "placeholder", "type": { "text": "string" }, "default": "''", - "description": "Link url.", - "attribute": "heading" - } - ], - "attributes": [ + "description": "Input placeholder.", + "fieldName": "placeholder" + }, { - "name": "heading", + "name": "required", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Link url.", - "fieldName": "heading" + "default": "false", + "description": "Makes the input required.", + "fieldName": "required" + }, + { + "name": "disabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Input disabled state.", + "fieldName": "disabled" + }, + { + "name": "maxLength", + "type": { + "text": "number" + }, + "description": "Maximum number of characters.", + "fieldName": "maxLength" + }, + { + "name": "minLength", + "type": { + "text": "number" + }, + "description": "Minimum number of characters.", + "fieldName": "minLength" + }, + { + "name": "rows", + "type": { + "text": "number" + }, + "description": "textarea rows attribute. The number of visible text lines.", + "fieldName": "rows" + }, + { + "name": "textStrings", + "default": "_defaultTextStrings", + "description": "Customizable text strings.", + "fieldName": "textStrings" + } + ], + "mixins": [ + { + "name": "FormMixin", + "module": "/src/common/mixins/form-input" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-header-category", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "HeaderCategory", - "declaration": { - "name": "HeaderCategory", - "module": "src/components/global/header/headerCategory.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-header-category", - "declaration": { - "name": "HeaderCategory", - "module": "src/components/global/header/headerCategory.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/header/headerDivider.ts", - "declarations": [ - { - "kind": "class", - "description": "Header divider", - "name": "HeaderDivider", - "members": [], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-header-divider", + "tagName": "kyn-text-area", "customElement": true } ], "exports": [ { "kind": "js", - "name": "HeaderDivider", + "name": "TextArea", "declaration": { - "name": "HeaderDivider", - "module": "src/components/global/header/headerDivider.ts" + "name": "TextArea", + "module": "src/components/reusable/textArea/textArea.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-header-divider", + "name": "kyn-text-area", "declaration": { - "name": "HeaderDivider", - "module": "src/components/global/header/headerDivider.ts" + "name": "TextArea", + "module": "src/components/reusable/textArea/textArea.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/header/headerFlyout.ts", + "path": "src/components/reusable/textInput/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "TextInput", + "declaration": { + "name": "TextInput", + "module": "./textInput" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/textInput/textInput.ts", "declarations": [ { "kind": "class", - "description": "Component for header flyout items.", - "name": "HeaderFlyout", + "description": "Text input.", + "name": "TextInput", "slots": [ { - "description": "Slot for flyout menu content.", - "name": "unnamed" + "description": "Slot for contextual icon.", + "name": "icon" }, { - "description": "Slot for button/toggle content.", - "name": "button" + "description": "Slot for tooltip.", + "name": "tooltip" } ], "members": [ { "kind": "field", - "name": "open", + "name": "label", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Flyout open state.", - "attribute": "open" + "default": "''", + "description": "Label text.", + "attribute": "label" }, { "kind": "field", - "name": "anchorLeft", + "name": "type", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Anchor flyout menu to the left edge of the button instead of the right edge.", - "attribute": "anchorLeft" + "default": "'text'", + "description": "Input type, limited to options that are \"text like\".", + "attribute": "type" }, { "kind": "field", - "name": "hideArrow", + "name": "size", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Hides the arrow.", - "attribute": "hideArrow" + "default": "'md'", + "description": "Input size. \"sm\", \"md\", or \"lg\".", + "attribute": "size" }, { "kind": "field", - "name": "label", + "name": "caption", "type": { "text": "string" }, "default": "''", - "description": "Menu & button label.", - "attribute": "label" + "description": "Optional text beneath the input.", + "attribute": "caption" }, { "kind": "field", - "name": "hideMenuLabel", + "name": "placeholder", + "type": { + "text": "string" + }, + "default": "''", + "description": "Input placeholder.", + "attribute": "placeholder" + }, + { + "kind": "field", + "name": "required", "type": { "text": "boolean" }, "default": "false", - "description": "Hide the label at the top of the flyout menu.", - "attribute": "hideMenuLabel" + "description": "Makes the input required.", + "attribute": "required" }, { "kind": "field", - "name": "hideButtonLabel", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Hide the label in the mobile button.", - "attribute": "hideButtonLabel" + "description": "Input disabled state.", + "attribute": "disabled" }, { "kind": "field", - "name": "assistiveText", + "name": "pattern", "type": { "text": "string" }, - "default": "''", - "description": "DEPRECATED. Use `label` instead.\nButton assistive text, title + aria-label.", - "attribute": "assistiveText" + "description": "RegEx pattern to validate.", + "attribute": "pattern" }, { "kind": "field", - "name": "href", + "name": "maxLength", "type": { - "text": "string" + "text": "number" }, - "default": "''", - "description": "Turns the button into a link.", - "attribute": "href" + "description": "Maximum number of characters.", + "attribute": "maxLength" }, { "kind": "field", - "name": "backText", + "name": "minLength", "type": { - "text": "string" + "text": "number" }, - "default": "'Back'", - "description": "Text for mobile \"Back\" button.", - "attribute": "backText" + "description": "Minimum number of characters.", + "attribute": "minLength" + }, + { + "kind": "field", + "name": "iconRight", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Place icon on the right.", + "attribute": "iconRight" + }, + { + "kind": "field", + "name": "hideLabel", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Visually hide the label.", + "attribute": "hideLabel" + }, + { + "kind": "field", + "name": "textStrings", + "default": "{\n requiredText: 'Required',\n clearAll: 'Clear all',\n errorText: 'Error',\n}", + "description": "Customizable text strings.", + "attribute": "textStrings", + "type": { + "text": "object" + } }, { "kind": "method", - "name": "_handleBack", - "privacy": "private" + "name": "_handleInput", + "privacy": "private", + "parameters": [ + { + "name": "e", + "type": { + "text": "any" + } + } + ] }, { "kind": "method", - "name": "handleClick", + "name": "_handleClear", "privacy": "private" }, { "kind": "method", - "name": "handleClickOut", + "name": "_emitValue", "privacy": "private", "parameters": [ { "name": "e", + "optional": true, "type": { - "text": "Event" + "text": "any" } } ] }, { "kind": "method", - "name": "_handleOverlayClick", + "name": "_validate", + "privacy": "private", + "parameters": [ + { + "name": "interacted", + "type": { + "text": "Boolean" + } + }, + { + "name": "report", + "type": { + "text": "Boolean" + } + } + ] + }, + { + "kind": "method", + "name": "determineIfSlotted", "privacy": "private" } ], + "events": [ + { + "description": "Captures the input event and emits the selected value and original event details.", + "name": "on-input" + } + ], "attributes": [ { - "name": "open", + "name": "label", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Flyout open state.", - "fieldName": "open" + "default": "''", + "description": "Label text.", + "fieldName": "label" }, { - "name": "anchorLeft", + "name": "type", + "type": { + "text": "string" + }, + "default": "'text'", + "description": "Input type, limited to options that are \"text like\".", + "fieldName": "type" + }, + { + "name": "size", + "type": { + "text": "string" + }, + "default": "'md'", + "description": "Input size. \"sm\", \"md\", or \"lg\".", + "fieldName": "size" + }, + { + "name": "caption", + "type": { + "text": "string" + }, + "default": "''", + "description": "Optional text beneath the input.", + "fieldName": "caption" + }, + { + "name": "placeholder", + "type": { + "text": "string" + }, + "default": "''", + "description": "Input placeholder.", + "fieldName": "placeholder" + }, + { + "name": "required", "type": { "text": "boolean" }, "default": "false", - "description": "Anchor flyout menu to the left edge of the button instead of the right edge.", - "fieldName": "anchorLeft" + "description": "Makes the input required.", + "fieldName": "required" }, { - "name": "hideArrow", + "name": "disabled", "type": { "text": "boolean" }, "default": "false", - "description": "Hides the arrow.", - "fieldName": "hideArrow" + "description": "Input disabled state.", + "fieldName": "disabled" }, { - "name": "label", + "name": "pattern", "type": { "text": "string" }, - "default": "''", - "description": "Menu & button label.", - "fieldName": "label" + "description": "RegEx pattern to validate.", + "fieldName": "pattern" }, { - "name": "hideMenuLabel", + "name": "maxLength", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Hide the label at the top of the flyout menu.", - "fieldName": "hideMenuLabel" + "description": "Maximum number of characters.", + "fieldName": "maxLength" }, { - "name": "hideButtonLabel", + "name": "minLength", "type": { - "text": "boolean" + "text": "number" }, - "default": "false", - "description": "Hide the label in the mobile button.", - "fieldName": "hideButtonLabel" + "description": "Minimum number of characters.", + "fieldName": "minLength" }, { - "name": "assistiveText", + "name": "iconRight", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "DEPRECATED. Use `label` instead.\nButton assistive text, title + aria-label.", - "fieldName": "assistiveText" + "default": "false", + "description": "Place icon on the right.", + "fieldName": "iconRight" }, { - "name": "href", + "name": "hideLabel", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Turns the button into a link.", - "fieldName": "href" + "default": "false", + "description": "Visually hide the label.", + "fieldName": "hideLabel" }, { - "name": "backText", - "type": { - "text": "string" - }, - "default": "'Back'", - "description": "Text for mobile \"Back\" button.", - "fieldName": "backText" + "name": "textStrings", + "default": "_defaultTextStrings", + "description": "Customizable text strings.", + "fieldName": "textStrings" + } + ], + "mixins": [ + { + "name": "FormMixin", + "module": "/src/common/mixins/form-input" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-header-flyout", + "tagName": "kyn-text-input", "customElement": true } ], "exports": [ { "kind": "js", - "name": "HeaderFlyout", + "name": "TextInput", "declaration": { - "name": "HeaderFlyout", - "module": "src/components/global/header/headerFlyout.ts" + "name": "TextInput", + "module": "src/components/reusable/textInput/textInput.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-header-flyout", + "name": "kyn-text-input", "declaration": { - "name": "HeaderFlyout", - "module": "src/components/global/header/headerFlyout.ts" + "name": "TextInput", + "module": "src/components/reusable/textInput/textInput.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/header/headerFlyouts.ts", + "path": "src/components/reusable/timepicker/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "TimePicker", + "declaration": { + "name": "TimePicker", + "module": "./timepicker" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/timepicker/timepicker.ts", "declarations": [ { "kind": "class", - "description": "Container for header-flyout components.", - "name": "HeaderFlyouts", + "description": "Timepicker: uses Flatpickr library,time picker implementation -- `https://flatpickr.js.org/examples/#time-picker`", + "name": "TimePicker", "slots": [ { - "description": "Slot for header-flyout components.", - "name": "unnamed" + "description": "Slot for tooltip.", + "name": "tooltip" } ], "members": [ { "kind": "field", - "name": "open", + "name": "label", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "attribute": "open" + "default": "''", + "description": "Label text.", + "attribute": "label" }, { - "kind": "method", - "name": "_toggleOpen", - "privacy": "private" + "kind": "field", + "name": "locale", + "type": { + "text": "SupportedLocale" + }, + "default": "'en'", + "description": "Sets desired locale and, if supported, dynamically loads language lib", + "attribute": "locale" }, { - "kind": "method", - "name": "_handleClickOut", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] - } - ], - "attributes": [ + "kind": "field", + "name": "value", + "type": { + "text": "Date | null" + }, + "default": "null", + "description": "Sets date/time value.", + "attribute": "value" + }, { - "name": "open", + "kind": "field", + "name": "defaultDate", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "fieldName": "open" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-header-flyouts", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "HeaderFlyouts", - "declaration": { - "name": "HeaderFlyouts", - "module": "src/components/global/header/headerFlyouts.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-header-flyouts", - "declaration": { - "name": "HeaderFlyouts", - "module": "src/components/global/header/headerFlyouts.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/header/headerLink.ts", - "declarations": [ - { - "kind": "class", - "description": "Component for navigation links within the Header.", - "name": "HeaderLink", - "slots": [ + "default": "''", + "description": "Sets default time value.", + "attribute": "defaultDate" + }, { - "description": "Slot for link text/content.", - "name": "unnamed" + "kind": "field", + "name": "defaultHour", + "type": { + "text": "number | null" + }, + "default": "null", + "description": "Sets initial value of the hour element.", + "attribute": "defaultHour" }, { - "description": "Slot for sublinks (up to two levels).", - "name": "links" - } - ], - "members": [ + "kind": "field", + "name": "defaultMinute", + "type": { + "text": "number | null" + }, + "default": "null", + "description": "Sets initial value of the minute element.", + "attribute": "defaultMinute" + }, + { + "kind": "field", + "name": "defaultErrorMessage", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets default error message.", + "attribute": "defaultErrorMessage" + }, + { + "kind": "field", + "name": "warnText", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets validation warning messaging.", + "attribute": "warnText" + }, + { + "kind": "field", + "name": "caption", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets caption to be displayed under primary date picker elements.", + "attribute": "caption" + }, + { + "kind": "field", + "name": "required", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Sets datepicker form input value to required/required.", + "attribute": "required" + }, { "kind": "field", - "name": "open", + "name": "size", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Link open state.", - "attribute": "open" + "default": "'md'", + "description": "Input size. \"sm\", \"md\", or \"lg\".", + "attribute": "size" }, { "kind": "field", - "name": "href", + "name": "timepickerDisabled", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "Link url.", - "attribute": "href" + "default": "false", + "description": "Sets entire datepicker form element to enabled/disabled.", + "attribute": "timepickerDisabled" }, { "kind": "field", - "name": "target", - "default": "'_self'", + "name": "twentyFourHourFormat", "type": { - "text": "'_self'" + "text": "boolean | null" }, - "description": "Defines a target attribute for where to load the URL. Possible options include \"_self\" (default), \"_blank\", \"_parent\", \"_top\"", - "attribute": "target" + "default": "null", + "description": "Sets 24 hour formatting true/false.\nDefaults to 12H for all `en-*` locales and 24H for all other locales.", + "attribute": "twentyFourHourFormat" }, { "kind": "field", - "name": "rel", + "name": "minTime", "type": { - "text": "string" + "text": "string | number | Date" }, "default": "''", - "description": "Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship", - "attribute": "rel" + "description": "Sets lower boundary of datepicker date selection.", + "attribute": "minTime" }, { "kind": "field", - "name": "isActive", + "name": "maxTime", "type": { - "text": "boolean" + "text": "string | number | Date" }, - "default": "false", - "description": "Link active state, for example when URL path matches link href.", - "attribute": "isActive" + "default": "''", + "description": "Sets upper boundary of datepicker date selection.", + "attribute": "maxTime" }, { "kind": "field", - "name": "divider", + "name": "errorAriaLabel", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "DEPRECATED. Adds a 1px shadow to the bottom of the link.", - "attribute": "divider" + "default": "''", + "description": "Sets aria label attribute for error message.", + "attribute": "errorAriaLabel" }, { "kind": "field", - "name": "searchLabel", + "name": "errorTitle", "type": { "text": "string" }, - "default": "'Search'", - "description": "Label for sub-menu link search input, which is visible with > 5 sub-links.", - "attribute": "searchLabel" + "default": "''", + "description": "Sets title attribute for error message.", + "attribute": "errorTitle" }, { "kind": "field", - "name": "backText", + "name": "warningAriaLabel", "type": { "text": "string" }, - "default": "'Back'", - "description": "Text for mobile \"Back\" button.", - "attribute": "backText" + "default": "''", + "description": "Sets aria label attribute for warning message.", + "attribute": "warningAriaLabel" }, { "kind": "field", - "name": "_searchTerm", + "name": "warningTitle", "type": { "text": "string" }, "default": "''", - "description": "Text for mobile \"Back\" button." + "description": "Sets title attribute for warning message.", + "attribute": "warningTitle" + }, + { + "kind": "field", + "name": "textStrings", + "default": "{\n requiredText: 'Required',\n clearAll: 'Clear',\n}", + "description": "Customizable text strings.", + "attribute": "textStrings", + "type": { + "text": "object" + } }, { "kind": "method", - "name": "_handleSearch", + "name": "renderValidationMessage", "privacy": "private", "parameters": [ { - "name": "e", + "name": "errorId", "type": { - "text": "any" + "text": "string" + } + }, + { + "name": "warningId", + "type": { + "text": "string" } } ] }, { "kind": "method", - "name": "_searchFilter", - "privacy": "private" + "name": "getTimepickerClasses" }, { "kind": "method", - "name": "_handleBack", - "privacy": "private" + "name": "_handleClear", + "privacy": "private", + "parameters": [ + { + "name": "event", + "type": { + "text": "Event" + } + } + ] }, { "kind": "method", - "name": "_handleLinksSlotChange", + "name": "setupAnchor", "privacy": "private" }, { "kind": "method", - "name": "handlePointerEnter", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "PointerEvent" - } + "name": "initializeFlatpickr", + "return": { + "type": { + "text": "Promise" } - ] + } }, { "kind": "method", - "name": "handlePointerLeave", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "PointerEvent" - } + "name": "updateFlatpickrOptions", + "return": { + "type": { + "text": "Promise" } - ] + } }, { "kind": "method", - "name": "handleClick", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } + "name": "getComponentFlatpickrOptions", + "return": { + "type": { + "text": "Promise>" } - ] + } }, { "kind": "method", - "name": "handleClickOut", - "privacy": "private", + "name": "setInitialDates", + "return": { + "type": { + "text": "void" + } + }, "parameters": [ { - "name": "e", + "name": "instance", "type": { - "text": "Event" + "text": "flatpickr.Instance" } } ] }, { "kind": "method", - "name": "determineLevel", - "privacy": "private" + "name": "handleOpen", + "return": { + "type": { + "text": "void" + } + } }, { "kind": "method", - "name": "_positionMenu", - "privacy": "private" - } - ], - "events": [ - { - "description": "Captures the click event and emits the original event details.", - "name": "on-click" - } - ], - "attributes": [ - { - "name": "open", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Link open state.", - "fieldName": "open" - }, - { - "name": "href", - "type": { - "text": "string" - }, - "default": "''", - "description": "Link url.", - "fieldName": "href" - }, - { - "name": "target", - "default": "'_self'", - "type": { - "text": "'_self'" - }, - "description": "Defines a target attribute for where to load the URL. Possible options include \"_self\" (default), \"_blank\", \"_parent\", \"_top\"", - "fieldName": "target" - }, - { - "name": "rel", - "type": { - "text": "string" - }, - "default": "''", - "description": "Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship", - "fieldName": "rel" + "name": "handleClose", + "return": { + "type": { + "text": "Promise" + } + } }, { - "name": "isActive", - "type": { - "text": "boolean" + "kind": "method", + "name": "handleTimeChange", + "return": { + "type": { + "text": "Promise" + } }, - "default": "false", - "description": "Link active state, for example when URL path matches link href.", - "fieldName": "isActive" + "parameters": [ + { + "name": "selectedDates", + "type": { + "text": "Date[]" + } + }, + { + "name": "dateStr", + "type": { + "text": "string" + } + } + ] }, { - "name": "divider", - "type": { - "text": "boolean" + "kind": "method", + "name": "_validate", + "privacy": "private", + "return": { + "type": { + "text": "void" + } }, - "default": "false", - "description": "DEPRECATED. Adds a 1px shadow to the bottom of the link.", - "fieldName": "divider" + "parameters": [ + { + "name": "interacted", + "type": { + "text": "boolean" + } + }, + { + "name": "report", + "type": { + "text": "boolean" + } + } + ] }, { - "name": "searchLabel", - "type": { - "text": "string" - }, - "default": "'Search'", - "description": "Label for sub-menu link search input, which is visible with > 5 sub-links.", - "fieldName": "searchLabel" + "kind": "method", + "name": "_onChange", + "privacy": "private" }, { - "name": "backText", - "type": { - "text": "string" - }, - "default": "'Back'", - "description": "Text for mobile \"Back\" button.", - "fieldName": "backText" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-header-link", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "HeaderLink", - "declaration": { - "name": "HeaderLink", - "module": "src/components/global/header/headerLink.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-header-link", - "declaration": { - "name": "HeaderLink", - "module": "src/components/global/header/headerLink.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/header/headerNav.ts", - "declarations": [ - { - "kind": "class", - "description": "Container for header navigation links.", - "name": "HeaderNav", - "slots": [ - { - "description": "This element has a slot.", - "name": "unnamed" - } - ], - "members": [ + "kind": "method", + "name": "_handleFormReset", + "privacy": "private" + }, { - "kind": "field", - "name": "slot", - "type": { - "text": "string" - }, - "default": "'left'", - "description": "Force correct slot", - "attribute": "slot", - "reflects": true + "kind": "method", + "name": "setShouldFlatpickrOpen", + "privacy": "private", + "parameters": [ + { + "name": "value", + "type": { + "text": "boolean" + } + } + ] }, { "kind": "method", - "name": "_toggleMenuOpen", + "name": "closeFlatpickr", "privacy": "private" }, { "kind": "method", - "name": "_handleClickOut", + "name": "preventFlatpickrOpen", "privacy": "private", "parameters": [ { - "name": "e", + "name": "event", "type": { "text": "Event" } @@ -17970,362 +15160,346 @@ }, { "kind": "method", - "name": "_handleOverlayClick", + "name": "handleInputClickEvent", + "privacy": "private" + }, + { + "kind": "method", + "name": "handleInputFocusEvent", "privacy": "private" } ], + "events": [ + { + "description": "Captures the input event and emits the selected value and original event details.", + "name": "on-change" + } + ], "attributes": [ { - "name": "slot", + "name": "label", "type": { "text": "string" }, - "default": "'left'", - "description": "Force correct slot", - "fieldName": "slot" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-header-nav", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "HeaderNav", - "declaration": { - "name": "HeaderNav", - "module": "src/components/global/header/headerNav.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-header-nav", - "declaration": { - "name": "HeaderNav", - "module": "src/components/global/header/headerNav.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/header/headerNotificationPanel.ts", - "declarations": [ - { - "kind": "class", - "description": "Component for notification panel within the Header.", - "name": "HeaderNotificationPanel", - "slots": [ - { - "description": "Slot for panel menu", - "name": "menu-slot" + "default": "''", + "description": "Label text.", + "fieldName": "label" }, { - "description": "Slot for notification content.", - "name": "unnamed" - } - ], - "members": [ + "name": "locale", + "type": { + "text": "SupportedLocale" + }, + "default": "'en'", + "description": "Sets desired locale and, if supported, dynamically loads language lib", + "fieldName": "locale" + }, { - "kind": "field", - "name": "panelTitle", + "name": "value", "type": { - "text": "string" + "text": "Date | null" }, - "default": "''", - "description": "Notification panel Title.", - "attribute": "panelTitle" + "default": "null", + "description": "Sets date/time value.", + "fieldName": "value" }, { - "kind": "field", - "name": "panelFooterBtnText", + "name": "defaultDate", "type": { "text": "string" }, "default": "''", - "description": "Notification panel footer button text.", - "attribute": "panelFooterBtnText" + "description": "Sets default time value.", + "fieldName": "defaultDate" }, { - "kind": "field", - "name": "hidePanelFooter", + "name": "defaultHour", "type": { - "text": "boolean" + "text": "number | null" }, - "default": "false", - "description": "Hide notification panel footer", - "attribute": "hidePanelFooter" + "default": "null", + "description": "Sets initial value of the hour element.", + "fieldName": "defaultHour" }, { - "kind": "method", - "name": "_handlefooterBtnEvent", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "any" - } - } - ] - } - ], - "events": [ + "name": "defaultMinute", + "type": { + "text": "number | null" + }, + "default": "null", + "description": "Sets initial value of the minute element.", + "fieldName": "defaultMinute" + }, { - "description": "Emits the panel footer button event.", - "name": "on-footer-btn-click" - } - ], - "attributes": [ + "name": "defaultErrorMessage", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets default error message.", + "fieldName": "defaultErrorMessage" + }, { - "name": "panelTitle", + "name": "warnText", "type": { "text": "string" }, "default": "''", - "description": "Notification panel Title.", - "fieldName": "panelTitle" + "description": "Sets validation warning messaging.", + "fieldName": "warnText" }, { - "name": "panelFooterBtnText", + "name": "caption", "type": { "text": "string" }, "default": "''", - "description": "Notification panel footer button text.", - "fieldName": "panelFooterBtnText" + "description": "Sets caption to be displayed under primary date picker elements.", + "fieldName": "caption" }, { - "name": "hidePanelFooter", + "name": "required", "type": { "text": "boolean" }, "default": "false", - "description": "Hide notification panel footer", - "fieldName": "hidePanelFooter" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-header-notification-panel", - "customElement": true - } - ], - "exports": [ - { - "kind": "js", - "name": "HeaderNotificationPanel", - "declaration": { - "name": "HeaderNotificationPanel", - "module": "src/components/global/header/headerNotificationPanel.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-header-notification-panel", - "declaration": { - "name": "HeaderNotificationPanel", - "module": "src/components/global/header/headerNotificationPanel.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/header/headerPanelLink.ts", - "declarations": [ - { - "kind": "class", - "description": "Header fly-out panel link.", - "name": "HeaderPanelLink", - "slots": [ - { - "description": "Slot for link text/content.", - "name": "unnamed" - } - ], - "members": [ + "description": "Sets datepicker form input value to required/required.", + "fieldName": "required" + }, { - "kind": "field", - "name": "href", + "name": "size", "type": { "text": "string" }, - "default": "''", - "description": "Link url.", - "attribute": "href" + "default": "'md'", + "description": "Input size. \"sm\", \"md\", or \"lg\".", + "fieldName": "size" }, { - "kind": "field", - "name": "target", - "default": "'_self'", + "name": "timepickerDisabled", "type": { - "text": "'_self'" + "text": "boolean" }, - "description": "Defines a target attribute for where to load the URL. Possible options include \"_self\" (default), \"_blank\", \"_parent\", \"_top\"", - "attribute": "target" + "default": "false", + "description": "Sets entire datepicker form element to enabled/disabled.", + "fieldName": "timepickerDisabled" }, { - "kind": "field", - "name": "rel", + "name": "twentyFourHourFormat", "type": { - "text": "string" + "text": "boolean | null" + }, + "default": "null", + "description": "Sets 24 hour formatting true/false.\nDefaults to 12H for all `en-*` locales and 24H for all other locales.", + "fieldName": "twentyFourHourFormat" + }, + { + "name": "minTime", + "type": { + "text": "string | number | Date" }, "default": "''", - "description": "Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship", - "attribute": "rel" + "description": "Sets lower boundary of datepicker date selection.", + "fieldName": "minTime" }, { - "kind": "method", - "name": "handleClick", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] - } - ], - "events": [ + "name": "maxTime", + "type": { + "text": "string | number | Date" + }, + "default": "''", + "description": "Sets upper boundary of datepicker date selection.", + "fieldName": "maxTime" + }, { - "description": "Captures the click event and emits the original event details.", - "name": "on-click" - } - ], - "attributes": [ + "name": "errorAriaLabel", + "type": { + "text": "string" + }, + "default": "''", + "description": "Sets aria label attribute for error message.", + "fieldName": "errorAriaLabel" + }, { - "name": "href", + "name": "errorTitle", "type": { "text": "string" }, "default": "''", - "description": "Link url.", - "fieldName": "href" + "description": "Sets title attribute for error message.", + "fieldName": "errorTitle" }, { - "name": "target", - "default": "'_self'", + "name": "warningAriaLabel", "type": { - "text": "'_self'" + "text": "string" }, - "description": "Defines a target attribute for where to load the URL. Possible options include \"_self\" (default), \"_blank\", \"_parent\", \"_top\"", - "fieldName": "target" + "default": "''", + "description": "Sets aria label attribute for warning message.", + "fieldName": "warningAriaLabel" }, { - "name": "rel", + "name": "warningTitle", "type": { "text": "string" }, "default": "''", - "description": "Defines a relationship between a linked resource and the document. An empty string (default) means no particular relationship", - "fieldName": "rel" + "description": "Sets title attribute for warning message.", + "fieldName": "warningTitle" + }, + { + "name": "textStrings", + "default": "_defaultTextStrings", + "description": "Customizable text strings.", + "fieldName": "textStrings" + } + ], + "mixins": [ + { + "name": "FormMixin", + "module": "/src/common/mixins/form-input" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-header-panel-link", + "tagName": "kyn-time-picker", "customElement": true } ], "exports": [ { "kind": "js", - "name": "HeaderPanelLink", + "name": "TimePicker", "declaration": { - "name": "HeaderPanelLink", - "module": "src/components/global/header/headerPanelLink.ts" + "name": "TimePicker", + "module": "src/components/reusable/timepicker/timepicker.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-header-panel-link", + "name": "kyn-time-picker", "declaration": { - "name": "HeaderPanelLink", - "module": "src/components/global/header/headerPanelLink.ts" + "name": "TimePicker", + "module": "src/components/reusable/timepicker/timepicker.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/header/headerUserProfile.ts", + "path": "src/components/reusable/toggleButton/index.ts", + "declarations": [], + "exports": [ + { + "kind": "js", + "name": "ToggleButton", + "declaration": { + "name": "ToggleButton", + "module": "./toggleButton" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/toggleButton/toggleButton.ts", "declarations": [ { "kind": "class", - "description": "Header user profile.", - "name": "HeaderUserProfile", + "description": "Toggle Button.", + "name": "ToggleButton", "slots": [ { - "description": "Slot for the profile picture img.", - "name": "unnamed" + "description": "Slot for tooltip.", + "name": "tooltip" } ], "members": [ { "kind": "field", - "name": "name", + "name": "label", "type": { "text": "string" }, "default": "''", - "description": "The user's name.", - "attribute": "name" + "description": "Label text.", + "attribute": "label" }, { "kind": "field", - "name": "subtitle", + "name": "checked", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Checkbox checked state.", + "attribute": "checked" + }, + { + "kind": "field", + "name": "checkedText", "type": { "text": "string" }, - "default": "''", - "description": "The user's job title, or subtext.", - "attribute": "subtitle" + "default": "'On'", + "description": "Checked state text.", + "attribute": "checkedText" + }, + { + "kind": "field", + "name": "uncheckedText", + "type": { + "text": "string" + }, + "default": "'Off'", + "description": "Unchecked state text.", + "attribute": "uncheckedText" + }, + { + "kind": "field", + "name": "small", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Option to use small size.", + "attribute": "small" }, { "kind": "field", - "name": "email", + "name": "disabled", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "The user's email address.", - "attribute": "email" + "default": "false", + "description": "Checkbox disabled state.", + "attribute": "disabled" }, { "kind": "field", - "name": "profileLink", + "name": "reverse", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "View profile link URL.", - "attribute": "profileLink" + "default": "false", + "description": "Reverse UI element order, label on the left.", + "attribute": "reverse" }, { "kind": "field", - "name": "profileLinkText", + "name": "hideLabel", "type": { - "text": "string" + "text": "boolean" }, - "default": "'View Profile'", - "description": "View Profile link text.", - "attribute": "profileLinkText" + "default": "false", + "description": "Hides the label visually.", + "attribute": "hideLabel" }, { "kind": "method", - "name": "_handleProfileClick", + "name": "handleChange", "privacy": "private", "parameters": [ { @@ -18335,580 +15509,403 @@ } } ] + }, + { + "kind": "method", + "name": "_validate", + "privacy": "private", + "parameters": [ + { + "name": "interacted", + "type": { + "text": "Boolean" + } + }, + { + "name": "report", + "type": { + "text": "Boolean" + } + } + ] } ], "events": [ { - "description": "Captures the view profile link click event and emits the original event details.", - "name": "on-profile-link-click" + "description": "Captures the change event and emits the selected value and original event details.", + "name": "on-change" } ], "attributes": [ { - "name": "name", + "name": "label", "type": { "text": "string" }, "default": "''", - "description": "The user's name.", - "fieldName": "name" + "description": "Label text.", + "fieldName": "label" }, { - "name": "subtitle", + "name": "checked", "type": { - "text": "string" + "text": "boolean" }, - "default": "''", - "description": "The user's job title, or subtext.", - "fieldName": "subtitle" + "default": "false", + "description": "Checkbox checked state.", + "fieldName": "checked" }, { - "name": "email", + "name": "checkedText", "type": { "text": "string" }, - "default": "''", - "description": "The user's email address.", - "fieldName": "email" + "default": "'On'", + "description": "Checked state text.", + "fieldName": "checkedText" }, { - "name": "profileLink", + "name": "uncheckedText", "type": { "text": "string" }, - "default": "''", - "description": "View profile link URL.", - "fieldName": "profileLink" + "default": "'Off'", + "description": "Unchecked state text.", + "fieldName": "uncheckedText" }, { - "name": "profileLinkText", + "name": "small", "type": { - "text": "string" + "text": "boolean" }, - "default": "'View Profile'", - "description": "View Profile link text.", - "fieldName": "profileLinkText" + "default": "false", + "description": "Option to use small size.", + "fieldName": "small" + }, + { + "name": "disabled", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Checkbox disabled state.", + "fieldName": "disabled" + }, + { + "name": "reverse", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Reverse UI element order, label on the left.", + "fieldName": "reverse" + }, + { + "name": "hideLabel", + "type": { + "text": "boolean" + }, + "default": "false", + "description": "Hides the label visually.", + "fieldName": "hideLabel" + } + ], + "mixins": [ + { + "name": "FormMixin", + "module": "/src/common/mixins/form-input" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-header-user-profile", + "tagName": "kyn-toggle-button", "customElement": true } ], "exports": [ { "kind": "js", - "name": "HeaderUserProfile", - "declaration": { - "name": "HeaderUserProfile", - "module": "src/components/global/header/headerUserProfile.ts" - } - }, - { - "kind": "custom-element-definition", - "name": "kyn-header-user-profile", - "declaration": { - "name": "HeaderUserProfile", - "module": "src/components/global/header/headerUserProfile.ts" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/header/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "Header", - "declaration": { - "name": "Header", - "module": "./header" - } - }, - { - "kind": "js", - "name": "HeaderNav", - "declaration": { - "name": "HeaderNav", - "module": "./headerNav" - } - }, - { - "kind": "js", - "name": "HeaderLink", - "declaration": { - "name": "HeaderLink", - "module": "./headerLink" - } - }, - { - "kind": "js", - "name": "HeaderCategory", - "declaration": { - "name": "HeaderCategory", - "module": "./headerCategory" - } - }, - { - "kind": "js", - "name": "HeaderDivider", - "declaration": { - "name": "HeaderDivider", - "module": "./headerDivider" - } - }, - { - "kind": "js", - "name": "HeaderFlyouts", - "declaration": { - "name": "HeaderFlyouts", - "module": "./headerFlyouts" - } - }, - { - "kind": "js", - "name": "HeaderFlyout", - "declaration": { - "name": "HeaderFlyout", - "module": "./headerFlyout" - } - }, - { - "kind": "js", - "name": "HeaderUserProfile", - "declaration": { - "name": "HeaderUserProfile", - "module": "./headerUserProfile" - } - }, - { - "kind": "js", - "name": "HeaderPanelLink", - "declaration": { - "name": "HeaderPanelLink", - "module": "./headerPanelLink" - } - }, - { - "kind": "js", - "name": "HeaderNotificationPanel", - "declaration": { - "name": "HeaderNotificationPanel", - "module": "./headerNotificationPanel" - } - } - ] - }, - { - "kind": "javascript-module", - "path": "src/components/global/localNav/index.ts", - "declarations": [], - "exports": [ - { - "kind": "js", - "name": "LocalNav", - "declaration": { - "name": "LocalNav", - "module": "./localNav" - } - }, - { - "kind": "js", - "name": "LocalNavLink", + "name": "ToggleButton", "declaration": { - "name": "LocalNavLink", - "module": "./localNavLink" + "name": "ToggleButton", + "module": "src/components/reusable/toggleButton/toggleButton.ts" } }, + { + "kind": "custom-element-definition", + "name": "kyn-toggle-button", + "declaration": { + "name": "ToggleButton", + "module": "src/components/reusable/toggleButton/toggleButton.ts" + } + } + ] + }, + { + "kind": "javascript-module", + "path": "src/components/reusable/tooltip/index.ts", + "declarations": [], + "exports": [ { "kind": "js", - "name": "LocalNavDivider", + "name": "Tooltip", "declaration": { - "name": "LocalNavDivider", - "module": "./localNavDivider" + "name": "Tooltip", + "module": "./tooltip" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/localNav/localNav.ts", + "path": "src/components/reusable/tooltip/tooltip.ts", "declarations": [ { "kind": "class", - "description": "The global Side Navigation component.", - "name": "LocalNav", + "description": "Tooltip.", + "name": "Tooltip", "slots": [ { - "description": "The default slot, for local nav links.", + "description": "Slot for tooltip content.", "name": "unnamed" }, { - "description": "Slot for a search input", - "name": "search" + "description": "Slot for custom anchor button content.", + "name": "anchor" } ], "members": [ { "kind": "field", - "name": "pinned", + "name": "assistiveText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Local nav pinned state.", - "attribute": "pinned" - }, - { - "kind": "field", - "name": "textStrings", - "default": "{\n pin: 'Pin',\n unpin: 'Unpin',\n toggleMenu: 'Toggle Menu',\n collapse: 'Collapse',\n menu: 'Menu',\n}", - "description": "Text string customization.", - "attribute": "textStrings", - "type": { - "text": "object" - } - }, - { - "kind": "method", - "name": "_handleNavToggle", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] + "default": "'Tooltip'", + "description": "Assistive text for anchor button.", + "attribute": "assistiveText" }, { "kind": "method", - "name": "_handleMobileNavToggle", + "name": "_positionTooltip", "privacy": "private" }, { "kind": "method", - "name": "handlePointerEnter", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "PointerEvent" - } - } - ] - }, - { - "kind": "method", - "name": "handlePointerLeave", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "PointerEvent" - } - } - ] + "name": "_handleOpen", + "privacy": "private" }, { "kind": "method", - "name": "_updateChildren", + "name": "_handleClose", "privacy": "private" }, { "kind": "method", - "name": "handleSlotChange", + "name": "_handleMouseLeave", "privacy": "private" }, { "kind": "method", - "name": "_handleLinkActive", + "name": "_handleEsc", "privacy": "private", "parameters": [ { "name": "e", "type": { - "text": "any" + "text": "KeyboardEvent" } } ] }, { "kind": "method", - "name": "_handleClickOut", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] + "name": "_emitToggle", + "privacy": "private" } ], "events": [ { - "description": "Captures the click event and emits the pinned state and original event details.", - "name": "on-toggle" + "description": "Emits the open state of the tooltip on open/close.", + "name": "on-tooltip-toggle" } ], "attributes": [ { - "name": "pinned", + "name": "assistiveText", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Local nav pinned state.", - "fieldName": "pinned" - }, - { - "name": "textStrings", - "default": "_defaultTextStrings", - "description": "Text string customization.", - "fieldName": "textStrings" + "default": "'Tooltip'", + "description": "Assistive text for anchor button.", + "fieldName": "assistiveText" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-local-nav", + "tagName": "kyn-tooltip", "customElement": true } ], "exports": [ { "kind": "js", - "name": "LocalNav", + "name": "Tooltip", "declaration": { - "name": "LocalNav", - "module": "src/components/global/localNav/localNav.ts" + "name": "Tooltip", + "module": "src/components/reusable/tooltip/tooltip.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-local-nav", + "name": "kyn-tooltip", "declaration": { - "name": "LocalNav", - "module": "src/components/global/localNav/localNav.ts" + "name": "Tooltip", + "module": "src/components/reusable/tooltip/tooltip.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/localNav/localNavDivider.ts", - "declarations": [ - { - "kind": "class", - "description": "Local Nav divider", - "name": "LocalNavDivider", - "members": [ - { - "kind": "field", - "name": "heading", - "type": { - "text": "string" - }, - "default": "''", - "description": "Optional heading text.", - "attribute": "heading" - } - ], - "attributes": [ - { - "name": "heading", - "type": { - "text": "string" - }, - "default": "''", - "description": "Optional heading text.", - "fieldName": "heading" - } - ], - "superclass": { - "name": "LitElement", - "package": "lit" - }, - "tagName": "kyn-local-nav-divider", - "customElement": true - } - ], + "path": "src/components/reusable/widget/index.ts", + "declarations": [], "exports": [ { "kind": "js", - "name": "LocalNavDivider", + "name": "Widget", "declaration": { - "name": "LocalNavDivider", - "module": "src/components/global/localNav/localNavDivider.ts" + "name": "Widget", + "module": "./widget" } }, { - "kind": "custom-element-definition", - "name": "kyn-local-nav-divider", + "kind": "js", + "name": "WidgetDragHandle", "declaration": { - "name": "LocalNavDivider", - "module": "src/components/global/localNav/localNavDivider.ts" + "name": "WidgetDragHandle", + "module": "./widgetDragHandle" + } + }, + { + "kind": "js", + "name": "WidgetGridstack", + "declaration": { + "name": "WidgetGridstack", + "module": "./widgetGridstack" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/localNav/localNavLink.ts", + "path": "src/components/reusable/widget/widget.ts", "declarations": [ { "kind": "class", - "description": "Link component for use in the global Side Navigation component.", - "name": "LocalNavLink", + "description": "Widget.", + "name": "Widget", "slots": [ { - "description": "The default slot, for the link text.", + "description": "Slot for widget content.", "name": "unnamed" }, { - "description": "Slot for an icon. Use 16px size.", - "name": "icon" + "description": "Slot for action buttons.", + "name": "action" }, { - "description": "Slot for the next level of links, supports three levels.", - "name": "links" + "description": "Slot for tooltip in header.", + "name": "tooltip" + }, + { + "description": "Slot for drag handle.", + "name": "draghandle" } ], "members": [ { "kind": "field", - "name": "href", + "name": "widgetTitle", "type": { "text": "string" }, "default": "''", - "description": "Link url.", - "attribute": "href" - }, - { - "kind": "field", - "name": "expanded", - "type": { - "text": "boolean" - }, - "default": "false", - "description": "Expanded state.", - "attribute": "expanded" + "description": "Widget title.", + "attribute": "widgetTitle" }, { "kind": "field", - "name": "active", + "name": "subTitle", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Active state.", - "attribute": "active", - "reflects": true + "default": "''", + "description": "Widget sub-title.", + "attribute": "subTitle" }, { "kind": "field", - "name": "disabled", + "name": "dragActive", "type": { "text": "boolean" }, "default": "false", - "description": "Disabled state.", - "attribute": "disabled" + "description": "Widget drag active state.", + "attribute": "dragActive" }, { "kind": "field", - "name": "backText", + "name": "disabled", "type": { - "text": "string" + "text": "boolean" }, - "default": "'Back'", - "description": "Text for mobile \"Back\" button.", - "attribute": "backText" - }, - { - "kind": "method", - "name": "_handleTextSlotChange", - "privacy": "private" - }, - { - "kind": "method", - "name": "_getSlotText", - "privacy": "private" - }, - { - "kind": "method", - "name": "_handleLinksSlotChange", - "privacy": "private" + "default": "false", + "description": "Widget disabled state.", + "attribute": "disabled" }, { "kind": "method", - "name": "updateChildren", + "name": "_handleSlotChange", "privacy": "private" }, { "kind": "method", - "name": "_handleBack", + "name": "_updateChildren", "privacy": "private" - }, - { - "kind": "method", - "name": "handleClick", - "privacy": "private", - "parameters": [ - { - "name": "e", - "type": { - "text": "Event" - } - } - ] - } - ], - "events": [ - { - "description": "Captures the click event and emits the original event, level, and if default was prevented.", - "name": "on-click" } ], "attributes": [ { - "name": "href", + "name": "widgetTitle", "type": { "text": "string" }, "default": "''", - "description": "Link url.", - "fieldName": "href" + "description": "Widget title.", + "fieldName": "widgetTitle" }, { - "name": "expanded", + "name": "subTitle", "type": { - "text": "boolean" + "text": "string" }, - "default": "false", - "description": "Expanded state.", - "fieldName": "expanded" + "default": "''", + "description": "Widget sub-title.", + "fieldName": "subTitle" }, { - "name": "active", + "name": "dragActive", "type": { "text": "boolean" }, "default": "false", - "description": "Active state.", - "fieldName": "active" + "description": "Widget drag active state.", + "fieldName": "dragActive" }, { "name": "disabled", @@ -18916,105 +15913,217 @@ "text": "boolean" }, "default": "false", - "description": "Disabled state.", + "description": "Widget disabled state.", "fieldName": "disabled" - }, - { - "name": "backText", - "type": { - "text": "string" - }, - "default": "'Back'", - "description": "Text for mobile \"Back\" button.", - "fieldName": "backText" } ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-local-nav-link", + "tagName": "kyn-widget", "customElement": true } ], "exports": [ { "kind": "js", - "name": "LocalNavLink", + "name": "Widget", "declaration": { - "name": "LocalNavLink", - "module": "src/components/global/localNav/localNavLink.ts" + "name": "Widget", + "module": "src/components/reusable/widget/widget.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-local-nav-link", + "name": "kyn-widget", "declaration": { - "name": "LocalNavLink", - "module": "src/components/global/localNav/localNavLink.ts" + "name": "Widget", + "module": "src/components/reusable/widget/widget.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/uiShell/index.ts", - "declarations": [], + "path": "src/components/reusable/widget/widgetDragHandle.ts", + "declarations": [ + { + "kind": "class", + "description": "Widget drag handle.", + "name": "WidgetDragHandle", + "members": [ + { + "kind": "field", + "name": "slot", + "type": { + "text": "string" + }, + "default": "'draghandle'", + "description": "Force widget slot", + "attribute": "slot", + "reflects": true + } + ], + "attributes": [ + { + "name": "slot", + "type": { + "text": "string" + }, + "default": "'draghandle'", + "description": "Force widget slot", + "fieldName": "slot" + } + ], + "superclass": { + "name": "LitElement", + "package": "lit" + }, + "tagName": "kyn-widget-drag-handle", + "customElement": true + } + ], "exports": [ { "kind": "js", - "name": "UiShell", + "name": "WidgetDragHandle", "declaration": { - "name": "UiShell", - "module": "./uiShell" + "name": "WidgetDragHandle", + "module": "src/components/reusable/widget/widgetDragHandle.ts" + } + }, + { + "kind": "custom-element-definition", + "name": "kyn-widget-drag-handle", + "declaration": { + "name": "WidgetDragHandle", + "module": "src/components/reusable/widget/widgetDragHandle.ts" } } ] }, { "kind": "javascript-module", - "path": "src/components/global/uiShell/uiShell.ts", + "path": "src/components/reusable/widget/widgetGridstack.ts", "declarations": [ { "kind": "class", - "description": "Container to help with positioning and padding of the global elements such as: adds padding for the fixed Header and Local Nav, adds main content gutters, and makes Footer sticky. This takes the onus off of the consuming app to configure these values.", - "name": "UiShell", + "description": "GridStack wrapper that includes Shidoka default config and styles.", + "name": "WidgetGridstack", "slots": [ { - "description": "Slot for global elements.", + "description": "Slot for .grid-stack container element.", "name": "unnamed" } ], "members": [ + { + "kind": "field", + "name": "layout", + "type": { + "text": "any" + }, + "default": "{}", + "description": "GridStack layout/widget size/position definitions for each breakpoint.", + "attribute": "layout" + }, + { + "kind": "field", + "name": "gridstackConfig", + "type": { + "text": "any" + }, + "default": "Config", + "description": "GridStack config.", + "attribute": "gridstackConfig" + }, + { + "kind": "field", + "name": "gridStack", + "type": { + "text": "any" + }, + "default": "GridStack", + "description": "GridStack instance." + }, + { + "kind": "field", + "name": "grid", + "type": { + "text": "any" + }, + "description": "GridStack grid instance." + }, { "kind": "method", - "name": "handleSlotChange", + "name": "_saveLayout", + "privacy": "private" + }, + { + "kind": "method", + "name": "_updateLayout", + "privacy": "private" + }, + { + "kind": "method", + "name": "_setBreakpoint", "privacy": "private" } ], + "events": [ + { + "description": "Emits after GridStack initializes.", + "name": "on-grid-init" + }, + { + "description": "Emits the GridStack save() method results (new layout) on dragstop and resizestop.", + "name": "on-grid-save" + } + ], + "attributes": [ + { + "name": "layout", + "type": { + "text": "any" + }, + "default": "{}", + "description": "GridStack layout/widget size/position definitions for each breakpoint.", + "fieldName": "layout" + }, + { + "name": "gridstackConfig", + "type": { + "text": "any" + }, + "default": "Config", + "description": "GridStack config.", + "fieldName": "gridstackConfig" + } + ], "superclass": { "name": "LitElement", "package": "lit" }, - "tagName": "kyn-ui-shell", + "tagName": "kyn-widget-gridstack", "customElement": true } ], "exports": [ { "kind": "js", - "name": "UiShell", + "name": "WidgetGridstack", "declaration": { - "name": "UiShell", - "module": "src/components/global/uiShell/uiShell.ts" + "name": "WidgetGridstack", + "module": "src/components/reusable/widget/widgetGridstack.ts" } }, { "kind": "custom-element-definition", - "name": "kyn-ui-shell", + "name": "kyn-widget-gridstack", "declaration": { - "name": "UiShell", - "module": "src/components/global/uiShell/uiShell.ts" + "name": "WidgetGridstack", + "module": "src/components/reusable/widget/widgetGridstack.ts" } } ]