@cas-smartdesign/combo-box 7.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/LICENSE +8 -0
  2. package/dist/combo-box-with-externals.js +189 -0
  3. package/dist/combo-box-with-externals.js.map +7 -0
  4. package/dist/combo-box.d.ts +130 -0
  5. package/dist/combo-box.mjs +439 -0
  6. package/dist/combo-box.mjs.map +1 -0
  7. package/dist/docs/2_basic-examples.js +1 -0
  8. package/dist/docs/3_filtering.js +1 -0
  9. package/dist/docs/4_lazy_loading.js +1 -0
  10. package/dist/docs/5_unusual_data.js +1 -0
  11. package/dist/docs/6_validation_example.js +1 -0
  12. package/dist/docs/doc.css +1 -0
  13. package/dist/docs/doc.mjs +1641 -0
  14. package/dist/docs/index.html +26 -0
  15. package/dist/docs/monkey.svg +55 -0
  16. package/dist/docs/placeholder.svg +4 -0
  17. package/npm-third-party-licenses.json +197 -0
  18. package/package.json +40 -0
  19. package/readme.md +62 -0
package/dist/docs/index.html ADDED
@@ -0,0 +1,26 @@
1
+ <!doctype html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6
+ <title>Combo Box</title>
7
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
8
+ <style>
9
+ .markdown-body {
10
+ box-sizing: border-box;
11
+ min-width: 200px;
12
+ max-width: 980px;
13
+ margin: 0 auto !important;
14
+ padding-bottom: 45px;
15
+ }
16
+ </style>
17
+ <script type="module" crossorigin src="./doc.mjs"></script>
18
+ <link rel="stylesheet" crossorigin href="./doc.css">
19
+ </head>
20
+
21
+ <body>
22
+ <div class="markdown-body">
23
+ <div id="markdown-container"></div>
24
+ </div>
25
+ </body>
26
+ </html>
package/dist/docs/monkey.svg ADDED
@@ -0,0 +1,55 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48" viewBox="0 0 48 48">
2
+ <defs>
3
+ <linearGradient id="e">
4
+ <stop offset="0" stop-color="#3d280a"/>
5
+ <stop offset="1" stop-color="#3d280a" stop-opacity="0"/>
6
+ </linearGradient>
7
+ <linearGradient id="d">
8
+ <stop offset="0"/>
9
+ <stop offset="1" stop-opacity="0"/>
10
+ </linearGradient>
11
+ <linearGradient id="f">
12
+ <stop offset="0" stop-color="#a15702"/>
13
+ <stop offset="1" stop-color="#683c00"/>
14
+ </linearGradient>
15
+ <linearGradient id="b">
16
+ <stop offset="0" stop-color="#f6e1cf"/>
17
+ <stop offset=".5" stop-color="#e19d56"/>
18
+ <stop offset="1" stop-color="#f4dcb7"/>
19
+ </linearGradient>
20
+ <linearGradient id="c">
21
+ <stop offset="0" stop-color="#8f5402"/>
22
+ <stop offset="1" stop-color="#6e4001"/>
23
+ </linearGradient>
24
+ <linearGradient id="a">
25
+ <stop offset="0" stop-color="#fff"/>
26
+ <stop offset="1" stop-color="#fff" stop-opacity=".29963899"/>
27
+ </linearGradient>
28
+ <linearGradient xlink:href="#a" id="o" x1="24" y1="7.4000092" x2="24" y2="38.329697" gradientUnits="userSpaceOnUse"/>
29
+ <radialGradient xlink:href="#b" id="m" cx="-14.822968" cy="20.156464" fx="-14.822968" fy="20.156464" r="5.3293829" gradientUnits="userSpaceOnUse" gradientTransform="matrix(2.45184 1.17473 -1.32428 2.80558 46.03865 -21.18657)"/>
30
+ <radialGradient xlink:href="#b" id="j" cx="-3.0652061" cy="18.305458" fx="-3.0652061" fy="18.305458" r="5.3310089" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.834793 -46.7895) scale(3.55604)"/>
31
+ <linearGradient xlink:href="#c" id="h" x1="-10.735215" y1="11.428152" x2="-9.25" y2="18.440943" gradientUnits="userSpaceOnUse"/>
32
+ <linearGradient xlink:href="#c" id="k" x1="-10.153608" y1="10.91142" x2="-7.9586563" y2="18.145666" gradientUnits="userSpaceOnUse"/>
33
+ <linearGradient xlink:href="#a" id="l" x1="-5.2680058" y1="20.641153" x2="-12.272349" y2="8.6855774" gradientUnits="userSpaceOnUse"/>
34
+ <linearGradient xlink:href="#a" id="i" gradientUnits="userSpaceOnUse" x1="-5.2680058" y1="20.641153" x2="-12.272349" y2="8.6855774"/>
35
+ <radialGradient xlink:href="#d" id="g" cx="-6" cy="37.75" fx="-6" fy="37.75" r="14" gradientTransform="matrix(1 0 0 .26786 0 27.63839)" gradientUnits="userSpaceOnUse"/>
36
+ <linearGradient xlink:href="#a" id="r" x1="29.064308" y1="39.4202" x2="12.860207" y2="2.4916291" gradientUnits="userSpaceOnUse"/>
37
+ <radialGradient xlink:href="#b" id="p" cx="24.00001" cy="32.820721" fx="24.00001" fy="32.820721" r="14.999994" gradientTransform="matrix(2.78388 0 0 1.96169 -42.81308 -33.63393)" gradientUnits="userSpaceOnUse"/>
38
+ <radialGradient xlink:href="#e" id="q" cx="23.987946" cy="30.12611" fx="23.987946" fy="30.12611" r="10.987951" gradientTransform="matrix(1.83824 0 0 .85527 -20.10762 3.134087)" gradientUnits="userSpaceOnUse"/>
39
+ <radialGradient xlink:href="#f" id="n" cx="24" cy="13.057613" fx="24" fy="13.057613" r="16.971834" gradientTransform="matrix(1.63506 0 0 1.83045 -15.24149 -12.15138)" gradientUnits="userSpaceOnUse"/>
40
+ </defs>
41
+ <path style="marker:none" d="M8 37.75a14 3.75 0 1 1-28 0 14 3.75 0 1 1 28 0z" transform="matrix(1.53571 0 0 1.51296 33.46429 -17.11425)" opacity=".48453608" color="#000" fill="url(#g)" fill-rule="evenodd" overflow="visible"/>
42
+ <path style="marker:none" d="M-4.5 14.75a4.75 4.75 0 1 1-9.5 0 4.75 4.75 0 1 1 9.5 0z" transform="matrix(1.0421 0 0 1.36842 16.13946 .81579)" color="#000" fill="url(#h)" fill-rule="evenodd" stroke="#3d280a" stroke-width=".83740312" stroke-linecap="round" stroke-linejoin="round" overflow="visible"/>
43
+ <path style="marker:none" d="M-4.5 14.75a4.75 4.75 0 1 1-9.5 0 4.75 4.75 0 1 1 9.5 0z" transform="matrix(.8421 0 0 1.166 14.28947 3.84008)" opacity=".2" color="#000" fill="none" stroke="url(#i)" stroke-width="1.00918198" stroke-linecap="round" stroke-linejoin="round" overflow="visible"/>
44
+ <path style="marker:none" d="M-4.5 14.75a4.75 4.75 0 1 1-9.5 0 4.75 4.75 0 1 1 9.5 0z" transform="matrix(.79945 0 0 .95167 14.62707 7.030045)" color="#000" fill="url(#j)" fill-rule="evenodd" stroke="#50340d" stroke-width="1.14646637" stroke-linecap="round" stroke-linejoin="round" overflow="visible"/>
45
+ <path style="marker:none" d="M-4.5 14.75a4.75 4.75 0 1 1-9.5 0 4.75 4.75 0 1 1 9.5 0z" transform="matrix(1.0421 0 0 1.36842 51.13946 .81579)" color="#000" fill="url(#k)" fill-rule="evenodd" stroke="#3d280a" stroke-width=".83740354" stroke-linecap="round" stroke-linejoin="round" overflow="visible"/>
46
+ <path style="marker:none" d="M-4.5 14.75a4.75 4.75 0 1 1-9.5 0 4.75 4.75 0 1 1 9.5 0z" transform="matrix(.8421 0 0 1.166 49.28947 3.80162)" opacity=".2" color="#000" fill="none" stroke="url(#l)" stroke-width="1.00918198" stroke-linecap="round" stroke-linejoin="round" overflow="visible"/>
47
+ <path style="marker:none" d="M-4.5 14.75a4.75 4.75 0 1 1-9.5 0 4.75 4.75 0 1 1 9.5 0z" transform="matrix(.78975 0 0 .95167 48.02639 7.030045)" color="#000" fill="url(#m)" fill-rule="evenodd" stroke="#50340d" stroke-width="1.15348637" stroke-linecap="round" stroke-linejoin="round" overflow="visible"/>
48
+ <path style="marker:none" d="M37.5 23.5c7.5 8 0 19-13.5 18.999981C10.5 42.499962 3 31.5 10.5 23.5 6.5 13 14.5 5.4999918 24 5.4999959 33.5 5.5 41.5 13 37.5 23.5z" color="#000" fill="url(#n)" fill-rule="evenodd" stroke="#3d280a" stroke-width=".99999958" stroke-linecap="round" stroke-linejoin="round" overflow="visible"/>
49
+ <path style="marker:none" d="M36.5 23.5c7 8 .203501 18.000017-12.500001 18C11.296497 41.499981 4.5 31.5 11.5 23.5 7.5 13 15.060498 6.5000053 23.999999 6.5000091 32.939499 6.500013 40.5 13 36.5 23.5z" color="#000" fill="none" stroke="url(#o)" stroke-width=".99999928" stroke-linecap="round" stroke-linejoin="round" overflow="visible" opacity=".3814433"/>
50
+ <path style="marker:none" d="M17.838217 10.504844C14.264974 10.725244 11.5 14.102208 11.5 18.5c0 1.915169.480445 3.910093 1.384633 5.308394C10.771363 25.573646 9.5 27 9.5016977 30.339227 9.5045488 35.947033 15 40.5 23.999992 40.498302 33 40.496604 38.494904 35.947033 38.498287 30.339227 38.5 27 37.228622 25.573646 35.115352 23.808394 36.01954 22.410093 36.5 20.415168 36.5 18.5c0-4.539658-2.96593-7.995156-6.700689-7.995156-2.450936 0-4.61225 1.586945-5.799319 3.960829-1.187068-2.373884-3.348382-3.960829-5.799318-3.960829-.116711 0-.247191-.00711-.362457 0z" color="#000" fill="url(#p)" fill-rule="evenodd" stroke="#7a4f13" stroke-width="1.00339544" stroke-linecap="round" stroke-linejoin="round" overflow="visible"/>
51
+ <path style="marker:none" d="M21.9999965 21.49999975a1.9999995 2.49999925 0 1 1-3.999999 0 1.9999995 2.49999925 0 1 1 3.999999 0z" color="#000" fill-rule="evenodd" overflow="visible"/>
52
+ <path d="M13.499995 26.6c6.29277 2.4 14.683131 2.4 20.975901 0" fill="none" stroke="url(#q)" stroke-width="1.00000012" stroke-linecap="round" opacity=".8814433"/>
53
+ <path style="marker:none" d="M18.263225 11.504636c-3.475804-.092332-5.923683 3.31225-5.901051 7.462085C12.371922 20.75417 13.158177 22.69493 14 24c-1.967512 1.647555-3.363465 2.902907-3.4983 6.016575-.22665 5.23391 4.971252 9.464175 13.498304 9.481726 8.398429.017287 13.646441-4.096531 13.498306-9.481726C37.412612 26.901167 35.967512 25.647555 34 24c.841824-1.30507 1.628719-3.245826 1.637851-5.033279.021758-4.258738-2.445472-7.777974-6.238523-7.462085C27.125312 11.694018 26 13 25 15c-.5.5-1.5.5-2 0-1-2-2-3.5-4.736775-3.495364z" opacity=".4" color="#000" fill="none" stroke="url(#r)" stroke-width="1.003" stroke-linecap="round" stroke-linejoin="round" overflow="visible"/>
54
+ <path style="marker:none" d="M29.9999965 21.49999975a1.9999995 2.49999925 0 1 1-3.999999 0 1.9999995 2.49999925 0 1 1 3.999999 0z" color="#000" fill-rule="evenodd" overflow="visible"/>
55
+ </svg>
package/dist/docs/placeholder.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.0" width="150" height="150">
2
+ <path fill="#ccc" d="M 104.68731,56.689353 C 102.19435,80.640493 93.104981,97.26875 74.372196,97.26875 55.639402,97.26875 46.988823,82.308034 44.057005,57.289941 41.623314,34.938838 55.639402,15.800152 74.372196,15.800152 c 18.732785,0 32.451944,18.493971 30.315114,40.889201 z"/>
3
+ <path fill="#ccc" d="M 92.5675 89.6048 C 90.79484 93.47893 89.39893 102.4504 94.86478 106.9039 C 103.9375 114.2963 106.7064 116.4723 118.3117 118.9462 C 144.0432 124.4314 141.6492 138.1543 146.5244 149.2206 L 4.268444 149.1023 C 8.472223 138.6518 6.505799 124.7812 32.40051 118.387 C 41.80992 116.0635 45.66513 113.8823 53.58659 107.0158 C 58.52744 102.7329 57.52583 93.99267 56.43084 89.26926 C 52.49275 88.83011 94.1739 88.14054 92.5675 89.6048 z" />
4
+ </svg>
package/npm-third-party-licenses.json ADDED
@@ -0,0 +1,197 @@
1
+ {
2
+ "@cypress/vite-dev-server@5.0.7": {
3
+ "licenses": "MIT",
4
+ "repository": "https://github.com/cypress-io/cypress",
5
+ "licenseUrl": "https://github.com/cypress-io/cypress/tree/develop/npm/vite-dev-server#readme"
6
+ },
7
+ "@popperjs/core@2.11.8": {
8
+ "licenses": "MIT",
9
+ "repository": "https://github.com/popperjs/popper-core",
10
+ "licenseUrl": "https://github.com/popperjs/popper-core/raw/HEAD/LICENSE.md"
11
+ },
12
+ "@rollup/plugin-node-resolve@15.2.3": {
13
+ "licenses": "MIT",
14
+ "repository": "https://github.com/rollup/plugins",
15
+ "licenseUrl": "https://github.com/rollup/plugins/raw/HEAD/LICENSE"
16
+ },
17
+ "@types/node@20.10.6": {
18
+ "licenses": "MIT",
19
+ "repository": "https://github.com/DefinitelyTyped/DefinitelyTyped",
20
+ "licenseUrl": "https://github.com/DefinitelyTyped/DefinitelyTyped/raw/HEAD/LICENSE"
21
+ },
22
+ "@types/postcss-prefix-selector@1.16.3": {
23
+ "licenses": "MIT",
24
+ "repository": "https://github.com/DefinitelyTyped/DefinitelyTyped",
25
+ "licenseUrl": "https://github.com/DefinitelyTyped/DefinitelyTyped/raw/HEAD/LICENSE"
26
+ },
27
+ "@typescript-eslint/eslint-plugin@6.17.0": {
28
+ "licenses": "MIT",
29
+ "repository": "https://github.com/typescript-eslint/typescript-eslint",
30
+ "licenseUrl": "https://github.com/typescript-eslint/typescript-eslint/raw/HEAD/LICENSE"
31
+ },
32
+ "@typescript-eslint/parser@6.17.0": {
33
+ "licenses": "BSD-2-Clause",
34
+ "repository": "https://github.com/typescript-eslint/typescript-eslint",
35
+ "licenseUrl": "https://github.com/typescript-eslint/typescript-eslint/raw/HEAD/LICENSE"
36
+ },
37
+ "@vitest/coverage-v8@1.1.1": {
38
+ "licenses": "MIT",
39
+ "repository": "https://github.com/vitest-dev/vitest",
40
+ "licenseUrl": "https://github.com/vitest-dev/vitest/raw/HEAD/LICENSE"
41
+ },
42
+ "@vitest/ui@1.1.1": {
43
+ "licenses": "MIT",
44
+ "repository": "https://github.com/vitest-dev/vitest",
45
+ "licenseUrl": "https://github.com/vitest-dev/vitest/raw/HEAD/LICENSE"
46
+ },
47
+ "axe-core@4.8.3": {
48
+ "licenses": "MPL-2.0",
49
+ "repository": "https://github.com/dequelabs/axe-core",
50
+ "licenseUrl": "https://github.com/dequelabs/axe-core/raw/HEAD/LICENSE"
51
+ },
52
+ "cypress-axe@1.5.0": {
53
+ "licenses": "MIT",
54
+ "repository": "https://github.com/component-driven/cypress-axe",
55
+ "licenseUrl": "https://github.com/component-driven/cypress-axe/raw/HEAD/License.md"
56
+ },
57
+ "cypress-real-events@1.13.0": {
58
+ "licenses": "MIT",
59
+ "repository": "https://github.com/dmtrKovalenko/cypress-real-events",
60
+ "licenseUrl": "https://github.com/dmtrKovalenko/cypress-real-events"
61
+ },
62
+ "cypress@13.6.2": {
63
+ "licenses": "MIT",
64
+ "repository": "https://github.com/cypress-io/cypress",
65
+ "licenseUrl": "https://cypress.io"
66
+ },
67
+ "esbuild@0.19.11": {
68
+ "licenses": "MIT",
69
+ "repository": "https://github.com/evanw/esbuild",
70
+ "licenseUrl": "https://github.com/evanw/esbuild/raw/HEAD/LICENSE.md"
71
+ },
72
+ "eslint-config-google@0.14.0": {
73
+ "licenses": "Apache-2.0",
74
+ "repository": "https://github.com/google/eslint-config-google",
75
+ "licenseUrl": "https://github.com/google/eslint-config-google/raw/HEAD/LICENSE"
76
+ },
77
+ "eslint-config-prettier@9.1.0": {
78
+ "licenses": "MIT",
79
+ "repository": "https://github.com/prettier/eslint-config-prettier",
80
+ "licenseUrl": "https://github.com/prettier/eslint-config-prettier/raw/HEAD/LICENSE"
81
+ },
82
+ "eslint@8.56.0": {
83
+ "licenses": "MIT",
84
+ "repository": "https://github.com/eslint/eslint",
85
+ "licenseUrl": "https://github.com/eslint/eslint/raw/HEAD/LICENSE"
86
+ },
87
+ "github-markdown-css@5.5.0": {
88
+ "licenses": "MIT",
89
+ "repository": "https://github.com/sindresorhus/github-markdown-css",
90
+ "licenseUrl": "https://github.com/sindresorhus/github-markdown-css/raw/HEAD/license"
91
+ },
92
+ "highlight.js@11.9.0": {
93
+ "licenses": "BSD-3-Clause",
94
+ "repository": "https://github.com/highlightjs/highlight.js",
95
+ "licenseUrl": "https://github.com/highlightjs/highlight.js/raw/HEAD/LICENSE"
96
+ },
97
+ "junit-report-builder@3.1.0": {
98
+ "licenses": "MIT",
99
+ "repository": "https://github.com/davidparsson/junit-report-builder",
100
+ "licenseUrl": "https://github.com/davidparsson/junit-report-builder/raw/HEAD/LICENSE"
101
+ },
102
+ "lint-staged@15.2.0": {
103
+ "licenses": "MIT",
104
+ "repository": "https://github.com/okonet/lint-staged",
105
+ "licenseUrl": "https://github.com/okonet/lint-staged/raw/HEAD/LICENSE"
106
+ },
107
+ "lit@2.8.0": {
108
+ "licenses": "BSD-3-Clause",
109
+ "repository": "https://github.com/lit/lit",
110
+ "licenseUrl": "https://github.com/lit/lit/raw/HEAD/LICENSE"
111
+ },
112
+ "marked@11.1.1": {
113
+ "licenses": "MIT",
114
+ "repository": "https://github.com/markedjs/marked",
115
+ "licenseUrl": "https://github.com/markedjs/marked/raw/HEAD/LICENSE.md"
116
+ },
117
+ "postcss-prefix-selector@1.16.0": {
118
+ "licenses": "MIT",
119
+ "repository": "https://github.com/RadValentin/postcss-prefix-selector",
120
+ "licenseUrl": "https://github.com/RadValentin/postcss-prefix-selector/raw/HEAD/LICENSE"
121
+ },
122
+ "postcss@8.4.32": {
123
+ "licenses": "MIT",
124
+ "repository": "https://github.com/postcss/postcss",
125
+ "licenseUrl": "https://github.com/postcss/postcss/raw/HEAD/LICENSE"
126
+ },
127
+ "prettier@3.1.1": {
128
+ "licenses": "MIT",
129
+ "repository": "https://github.com/prettier/prettier",
130
+ "licenseUrl": "https://github.com/prettier/prettier/raw/HEAD/LICENSE"
131
+ },
132
+ "resolve-pkg@2.0.0": {
133
+ "licenses": "MIT",
134
+ "repository": "https://github.com/sindresorhus/resolve-pkg",
135
+ "licenseUrl": "https://github.com/sindresorhus/resolve-pkg/raw/HEAD/license"
136
+ },
137
+ "sass@1.69.6": {
138
+ "licenses": "MIT",
139
+ "repository": "https://github.com/sass/dart-sass",
140
+ "licenseUrl": "https://github.com/sass/dart-sass/raw/HEAD/LICENSE"
141
+ },
142
+ "stylelint-config-recommended-scss@14.0.0": {
143
+ "licenses": "MIT",
144
+ "repository": "https://github.com/stylelint-scss/stylelint-config-recommended-scss",
145
+ "licenseUrl": "https://github.com/stylelint-scss/stylelint-config-recommended-scss/raw/HEAD/LICENSE"
146
+ },
147
+ "stylelint-config-standard@36.0.0": {
148
+ "licenses": "MIT",
149
+ "repository": "https://github.com/stylelint/stylelint-config-standard",
150
+ "licenseUrl": "https://github.com/stylelint/stylelint-config-standard/raw/HEAD/LICENSE"
151
+ },
152
+ "stylelint-scss@6.0.0": {
153
+ "licenses": "MIT",
154
+ "repository": "https://github.com/stylelint-scss/stylelint-scss",
155
+ "licenseUrl": "https://github.com/stylelint-scss/stylelint-scss/raw/HEAD/LICENSE"
156
+ },
157
+ "stylelint@16.1.0": {
158
+ "licenses": "MIT",
159
+ "repository": "https://github.com/stylelint/stylelint",
160
+ "licenseUrl": "https://github.com/stylelint/stylelint/raw/HEAD/LICENSE"
161
+ },
162
+ "tsup@8.0.1": {
163
+ "licenses": "MIT",
164
+ "repository": "https://github.com/egoist/tsup",
165
+ "licenseUrl": "https://github.com/egoist/tsup/raw/HEAD/LICENSE"
166
+ },
167
+ "turbo@1.11.2": {
168
+ "licenses": "MPL-2.0",
169
+ "repository": "https://github.com/vercel/turbo",
170
+ "licenseUrl": "https://github.com/vercel/turbo/raw/HEAD/LICENSE"
171
+ },
172
+ "typescript@5.3.3": {
173
+ "licenses": "Apache-2.0",
174
+ "repository": "https://github.com/Microsoft/TypeScript",
175
+ "licenseUrl": "https://github.com/Microsoft/TypeScript/raw/HEAD/LICENSE.txt"
176
+ },
177
+ "vite-tsconfig-paths@4.2.3": {
178
+ "licenses": "MIT",
179
+ "repository": "https://github.com/aleclarson/vite-tsconfig-paths",
180
+ "licenseUrl": "https://github.com/aleclarson/vite-tsconfig-paths/raw/HEAD/LICENSE"
181
+ },
182
+ "vite@5.0.10": {
183
+ "licenses": "MIT",
184
+ "repository": "https://github.com/vitejs/vite",
185
+ "licenseUrl": "https://github.com/vitejs/vite/raw/HEAD/LICENSE.md"
186
+ },
187
+ "vitest@1.1.1": {
188
+ "licenses": "MIT",
189
+ "repository": "https://github.com/vitest-dev/vitest",
190
+ "licenseUrl": "https://github.com/vitest-dev/vitest/raw/HEAD/LICENSE.md"
191
+ },
192
+ "yargs@17.7.2": {
193
+ "licenses": "MIT",
194
+ "repository": "https://github.com/yargs/yargs",
195
+ "licenseUrl": "https://github.com/yargs/yargs/raw/HEAD/LICENSE"
196
+ }
197
+ }
package/package.json ADDED
@@ -0,0 +1,40 @@
1
+ {
2
+ "name": "@cas-smartdesign/combo-box",
3
+ "version": "7.2.5",
4
+ "description": "A combo-box element with the look and feel of the SmartDesign inputs & list item layouts",
5
+ "main": "dist/combo-box-with-externals.js",
6
+ "module": "dist/combo-box.mjs",
7
+ "types": "dist/combo-box.d.ts",
8
+ "license": "SEE LICENSE IN LICENSE",
9
+ "dependencies": {
10
+ "@popperjs/core": "^2.11.8",
11
+ "lit": "^2.8.0",
12
+ "@cas-smartdesign/list-item": "^7.2.2",
13
+ "@cas-smartdesign/virtual-list": "^6.2.2",
14
+ "@cas-smartdesign/lit-input": "^7.1.3"
15
+ },
16
+ "devDependencies": {
17
+ "@cas-smartdesign/field-validation-message": "^5.0.1",
18
+ "@cas-smartdesign/license-generator": "^1.6.1",
19
+ "@cas-smartdesign/element-preview": "^0.2.1"
20
+ },
21
+ "files": [
22
+ "dist",
23
+ "npm-third-party-licenses.json"
24
+ ],
25
+ "publishConfig": {
26
+ "registry": "https://registry.npmjs.org/",
27
+ "access": "public"
28
+ },
29
+ "scripts": {
30
+ "version": "pnpm version",
31
+ "generate-declaration": "tsc -p tsconfig.types.json",
32
+ "build:no-license": "vite build && pnpm generate-declaration && vite build --mode documentation",
33
+ "build": "pnpm generate-license && pnpm build:no-license",
34
+ "dev": "vite",
35
+ "watch": "vite build --watch",
36
+ "generate-license": "sd-license-generator --r ../../",
37
+ "test:component": "pnpm cypress run --component --quiet --browser chrome",
38
+ "cypress:open": "pnpm cypress open --component"
39
+ }
40
+ }
package/readme.md ADDED
@@ -0,0 +1,62 @@
1
+ # @cas-smartdesign/combo-box
2
+
3
+ A combo-box element with the look and feel of the SmartDesign inputs & list item layouts. It extends the `lit-input`, therefore the regular API of that element (such as configuring a label) should work here as well, except the `value`. As it is possible to select an item in the combo-box, the regular string based value may not be enough. Instead `comboBoxValue` property provides an extended information about the current selection.
4
+
5
+ ## Attributes
6
+
7
+ _(in addition to lit-input)_
8
+
9
+ - `opened` **_boolean (default=false)_**
10
+ - Defines whether if the overlay is currently opened.
11
+ - `item-height` **_number (default=50)_**
12
+ - Defines the height of the items.
13
+ - `allow-custom-value` **_boolean (default=false)_**
14
+ - User may able to add custom value if it is set. Note that if the current value is such a custom one, then it's type is string.
15
+ - `trigger-only` **_boolean (default=false)_**
16
+ - Defines if the element after a selection event may clear its value.
17
+ - `null-setting-allowed` **_boolean (default=true)_**
18
+ - If set, using empty value is allowed via a clear button or just simply removing the text.
19
+ - `display-value-path` **_string (default=caption)_**
20
+ - The currently selected item's property to show in the input.
21
+ - `filter-property` **_string (default=null)_**
22
+ - Used for in memory filtering if set. The property of the item which is checked against the filter text. It is preferred to `inMemoryFilter`.
23
+ - `has-value` **_boolean (default=false)_**
24
+ - Present if the input field has any text in it.
25
+
26
+ ## Properties
27
+
28
+ _(in addition to lit-input)_
29
+
30
+ - `itemHeight`, `opened`, `allowCustomValue`, `nullSettingAllowed`, `displayValuePath`, `filterProperty`, `triggerOnly`
31
+ - Reflects the corresponding attribute.
32
+ - `itemGenerator` **_ItemGenerator_**
33
+ - A function that renders the list items. Delegated to the list used in the dropdown. The default value is the one from the @cas-smartdesign/list-item.
34
+ - `items` **_Array<any> (default=empty)_**
35
+ - The data for the list items.
36
+ - Should be pre-filtered only if lazy loading is used. For details, see the corresponding section below.
37
+ - `inMemoryFilter` **_Function (filterText, item) => boolean_**
38
+ - Used for in memory filtering. The default value searches in caption & description properties.
39
+ - `filterText` **_string (default=null)_**
40
+ - The currently used text with which the items are filtered.
41
+ - `finalSizeIsKnown` **_boolean (default=false)_**
42
+ - Delegated to DataProvider used for the dropdown list.
43
+ - `comboBoxValue` **_ComboBoxValue (default=null)_**
44
+ - The index of the currently selected item, and the item itself. Note that if the value is a "custom value" (see `allowCustomValue`) then this is only a string with the value in it without the index.
45
+ - The `value` property inherited from the lit-input reflects the value used in the input field. This is also available through the `displayValue` property.
46
+ - `minimumOverlayWidth` **_number (default=250) in pixels_**
47
+ - It is applied to the overlay's style.
48
+ - There is also a maximum boundary for the overlay, which is `50vw` by default, but both can be overridden by regular CSS rules.
49
+ - Regardless of these values, the overlay cannot be smaller than the corresponding input field.
50
+
51
+ ## Custom events
52
+
53
+ - `selection-change`
54
+ - Sent when the value (selection) of the combobox changes.
55
+ - `filter-change`
56
+ - Sent when the value of the input is changed by typing and contains the value of it (this is used as a filter text).
57
+
58
+ ## Lazy loading
59
+
60
+ It is possible to fetch the suggestions from the server lazily. It means that if the combo-box is configured via the `configureLazyLoad`, then the included list in the dropdown will use the given `onDataRequest` callback. If the lazy mode is activated then inMemory filtering is disabled, but the mentioned data request is also called whenever the filter text changes. A `loading` attribute is added while a pending data request is present to be able to show a loading indicator for example. See the `doc.ts` for some comprehensive examples.
61
+
62
+ ## Examples