@cas-smartdesign/lit-slider 7.0.4

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 (17) hide show
  1. package/LICENSE +8 -0
  2. package/dist/colorblender.d.ts +18 -0
  3. package/dist/docs/basic-usages.js +1 -0
  4. package/dist/docs/coloring.js +1 -0
  5. package/dist/docs/doc.css +1 -0
  6. package/dist/docs/doc.mjs +489 -0
  7. package/dist/docs/editable-usages.js +1 -0
  8. package/dist/docs/index.html +24 -0
  9. package/dist/docs/validation.js +1 -0
  10. package/dist/slider-with-externals.js +146 -0
  11. package/dist/slider-with-externals.js.map +7 -0
  12. package/dist/slider.d.ts +81 -0
  13. package/dist/slider.mjs +322 -0
  14. package/dist/slider.mjs.map +1 -0
  15. package/npm-third-party-licenses.json +207 -0
  16. package/package.json +38 -0
  17. package/readme.md +57 -0
package/npm-third-party-licenses.json ADDED
@@ -0,0 +1,207 @@
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
+ "@rollup/plugin-node-resolve@15.2.3": {
8
+ "licenses": "MIT",
9
+ "repository": "https://github.com/rollup/plugins",
10
+ "licenseUrl": "https://github.com/rollup/plugins/raw/HEAD/LICENSE"
11
+ },
12
+ "@types/big.js@6.2.2": {
13
+ "licenses": "MIT",
14
+ "repository": "https://github.com/DefinitelyTyped/DefinitelyTyped",
15
+ "licenseUrl": "https://github.com/DefinitelyTyped/DefinitelyTyped/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
+ "big.js@6.2.1": {
53
+ "licenses": "MIT",
54
+ "repository": "https://github.com/MikeMcl/big.js",
55
+ "licenseUrl": "https://github.com/MikeMcl/big.js/raw/HEAD/LICENCE.md"
56
+ },
57
+ "cypress-axe@1.5.0": {
58
+ "licenses": "MIT",
59
+ "repository": "https://github.com/component-driven/cypress-axe",
60
+ "licenseUrl": "https://github.com/component-driven/cypress-axe/raw/HEAD/License.md"
61
+ },
62
+ "cypress-real-events@1.13.0": {
63
+ "licenses": "MIT",
64
+ "repository": "https://github.com/dmtrKovalenko/cypress-real-events",
65
+ "licenseUrl": "https://github.com/dmtrKovalenko/cypress-real-events"
66
+ },
67
+ "cypress@13.6.2": {
68
+ "licenses": "MIT",
69
+ "repository": "https://github.com/cypress-io/cypress",
70
+ "licenseUrl": "https://cypress.io"
71
+ },
72
+ "esbuild@0.19.11": {
73
+ "licenses": "MIT",
74
+ "repository": "https://github.com/evanw/esbuild",
75
+ "licenseUrl": "https://github.com/evanw/esbuild/raw/HEAD/LICENSE.md"
76
+ },
77
+ "eslint-config-google@0.14.0": {
78
+ "licenses": "Apache-2.0",
79
+ "repository": "https://github.com/google/eslint-config-google",
80
+ "licenseUrl": "https://github.com/google/eslint-config-google/raw/HEAD/LICENSE"
81
+ },
82
+ "eslint-config-prettier@9.1.0": {
83
+ "licenses": "MIT",
84
+ "repository": "https://github.com/prettier/eslint-config-prettier",
85
+ "licenseUrl": "https://github.com/prettier/eslint-config-prettier/raw/HEAD/LICENSE"
86
+ },
87
+ "eslint@8.56.0": {
88
+ "licenses": "MIT",
89
+ "repository": "https://github.com/eslint/eslint",
90
+ "licenseUrl": "https://github.com/eslint/eslint/raw/HEAD/LICENSE"
91
+ },
92
+ "github-markdown-css@5.5.0": {
93
+ "licenses": "MIT",
94
+ "repository": "https://github.com/sindresorhus/github-markdown-css",
95
+ "licenseUrl": "https://github.com/sindresorhus/github-markdown-css/raw/HEAD/license"
96
+ },
97
+ "hex-rgb@5.0.0": {
98
+ "licenses": "MIT",
99
+ "repository": "https://github.com/sindresorhus/hex-rgb",
100
+ "licenseUrl": "https://github.com/sindresorhus/hex-rgb/raw/HEAD/license"
101
+ },
102
+ "highlight.js@11.9.0": {
103
+ "licenses": "BSD-3-Clause",
104
+ "repository": "https://github.com/highlightjs/highlight.js",
105
+ "licenseUrl": "https://github.com/highlightjs/highlight.js/raw/HEAD/LICENSE"
106
+ },
107
+ "junit-report-builder@3.1.0": {
108
+ "licenses": "MIT",
109
+ "repository": "https://github.com/davidparsson/junit-report-builder",
110
+ "licenseUrl": "https://github.com/davidparsson/junit-report-builder/raw/HEAD/LICENSE"
111
+ },
112
+ "lint-staged@15.2.0": {
113
+ "licenses": "MIT",
114
+ "repository": "https://github.com/okonet/lint-staged",
115
+ "licenseUrl": "https://github.com/okonet/lint-staged/raw/HEAD/LICENSE"
116
+ },
117
+ "lit@2.8.0": {
118
+ "licenses": "BSD-3-Clause",
119
+ "repository": "https://github.com/lit/lit",
120
+ "licenseUrl": "https://github.com/lit/lit/raw/HEAD/LICENSE"
121
+ },
122
+ "marked@11.1.1": {
123
+ "licenses": "MIT",
124
+ "repository": "https://github.com/markedjs/marked",
125
+ "licenseUrl": "https://github.com/markedjs/marked/raw/HEAD/LICENSE.md"
126
+ },
127
+ "postcss-prefix-selector@1.16.0": {
128
+ "licenses": "MIT",
129
+ "repository": "https://github.com/RadValentin/postcss-prefix-selector",
130
+ "licenseUrl": "https://github.com/RadValentin/postcss-prefix-selector/raw/HEAD/LICENSE"
131
+ },
132
+ "postcss@8.4.32": {
133
+ "licenses": "MIT",
134
+ "repository": "https://github.com/postcss/postcss",
135
+ "licenseUrl": "https://github.com/postcss/postcss/raw/HEAD/LICENSE"
136
+ },
137
+ "prettier@3.1.1": {
138
+ "licenses": "MIT",
139
+ "repository": "https://github.com/prettier/prettier",
140
+ "licenseUrl": "https://github.com/prettier/prettier/raw/HEAD/LICENSE"
141
+ },
142
+ "resolve-pkg@2.0.0": {
143
+ "licenses": "MIT",
144
+ "repository": "https://github.com/sindresorhus/resolve-pkg",
145
+ "licenseUrl": "https://github.com/sindresorhus/resolve-pkg/raw/HEAD/license"
146
+ },
147
+ "sass@1.69.6": {
148
+ "licenses": "MIT",
149
+ "repository": "https://github.com/sass/dart-sass",
150
+ "licenseUrl": "https://github.com/sass/dart-sass/raw/HEAD/LICENSE"
151
+ },
152
+ "stylelint-config-recommended-scss@14.0.0": {
153
+ "licenses": "MIT",
154
+ "repository": "https://github.com/stylelint-scss/stylelint-config-recommended-scss",
155
+ "licenseUrl": "https://github.com/stylelint-scss/stylelint-config-recommended-scss/raw/HEAD/LICENSE"
156
+ },
157
+ "stylelint-config-standard@36.0.0": {
158
+ "licenses": "MIT",
159
+ "repository": "https://github.com/stylelint/stylelint-config-standard",
160
+ "licenseUrl": "https://github.com/stylelint/stylelint-config-standard/raw/HEAD/LICENSE"
161
+ },
162
+ "stylelint-scss@6.0.0": {
163
+ "licenses": "MIT",
164
+ "repository": "https://github.com/stylelint-scss/stylelint-scss",
165
+ "licenseUrl": "https://github.com/stylelint-scss/stylelint-scss/raw/HEAD/LICENSE"
166
+ },
167
+ "stylelint@16.1.0": {
168
+ "licenses": "MIT",
169
+ "repository": "https://github.com/stylelint/stylelint",
170
+ "licenseUrl": "https://github.com/stylelint/stylelint/raw/HEAD/LICENSE"
171
+ },
172
+ "tsup@8.0.1": {
173
+ "licenses": "MIT",
174
+ "repository": "https://github.com/egoist/tsup",
175
+ "licenseUrl": "https://github.com/egoist/tsup/raw/HEAD/LICENSE"
176
+ },
177
+ "turbo@1.11.2": {
178
+ "licenses": "MPL-2.0",
179
+ "repository": "https://github.com/vercel/turbo",
180
+ "licenseUrl": "https://github.com/vercel/turbo/raw/HEAD/LICENSE"
181
+ },
182
+ "typescript@5.3.3": {
183
+ "licenses": "Apache-2.0",
184
+ "repository": "https://github.com/Microsoft/TypeScript",
185
+ "licenseUrl": "https://github.com/Microsoft/TypeScript/raw/HEAD/LICENSE.txt"
186
+ },
187
+ "vite-tsconfig-paths@4.2.3": {
188
+ "licenses": "MIT",
189
+ "repository": "https://github.com/aleclarson/vite-tsconfig-paths",
190
+ "licenseUrl": "https://github.com/aleclarson/vite-tsconfig-paths/raw/HEAD/LICENSE"
191
+ },
192
+ "vite@5.0.10": {
193
+ "licenses": "MIT",
194
+ "repository": "https://github.com/vitejs/vite",
195
+ "licenseUrl": "https://github.com/vitejs/vite/raw/HEAD/LICENSE.md"
196
+ },
197
+ "vitest@1.1.1": {
198
+ "licenses": "MIT",
199
+ "repository": "https://github.com/vitest-dev/vitest",
200
+ "licenseUrl": "https://github.com/vitest-dev/vitest/raw/HEAD/LICENSE.md"
201
+ },
202
+ "yargs@17.7.2": {
203
+ "licenses": "MIT",
204
+ "repository": "https://github.com/yargs/yargs",
205
+ "licenseUrl": "https://github.com/yargs/yargs/raw/HEAD/LICENSE"
206
+ }
207
+ }
package/package.json ADDED
@@ -0,0 +1,38 @@
1
+ {
2
+ "name": "@cas-smartdesign/lit-slider",
3
+ "version": "7.0.4",
4
+ "description": "A slider element based on LitElement & material components",
5
+ "main": "dist/slider-with-externals.js",
6
+ "module": "dist/slider.mjs",
7
+ "license": "SEE LICENSE IN LICENSE",
8
+ "types": "dist/slider.d.ts",
9
+ "dependencies": {
10
+ "big.js": "^6.2.1",
11
+ "hex-rgb": "^5.0.0",
12
+ "lit": "^2.8.0",
13
+ "@cas-smartdesign/field-validation-message": "^5.0.1",
14
+ "@cas-smartdesign/lit-input": "^7.1.3"
15
+ },
16
+ "devDependencies": {
17
+ "@types/big.js": "^6.2.2",
18
+ "@cas-smartdesign/element-preview": "^0.2.1",
19
+ "@cas-smartdesign/license-generator": "^1.6.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
+ "watch": "vite build --watch",
35
+ "dev": "vite",
36
+ "generate-license": "sd-license-generator --r ../../"
37
+ }
38
+ }
package/readme.md ADDED
@@ -0,0 +1,57 @@
1
+ # @cas-smartdesign/lit-slider
2
+
3
+ A slider element based on [lit-element](https://github.com/Polymer/lit-element) with SmartDesign look & feel.
4
+
5
+ ## Requirements
6
+
7
+ The main entry point requires ES6 & support for Custom Elements v1
8
+
9
+ ## Attributes
10
+
11
+ The following attributes are supported: `min`, `max`, `value`, `step`, `editable`, `inputSuffix`, `disabled` & `hidden`
12
+
13
+ ## Properties
14
+
15
+ The following properties are available:
16
+
17
+ - `value` **_number (default=0)_**
18
+ - reflects the corresponding attribute
19
+ - `min` **_number (default=0)_**
20
+ - reflects the corresponding attribute
21
+ - `max` **_number (default=1)_**
22
+ - reflects the corresponding attribute
23
+ - `step` **_number (default=undefined)_**
24
+ - reflects the corresponding attribute, if undefined then the _(max-min)/100_ value is used
25
+ - `colors` **_Map<number, string> (default=empty)_**
26
+ - A relative-value -> color mapping which can be used to configure a color blending mode for the slider. For further details check the examples.
27
+ - `editable` **_boolean (default=false)_**
28
+ - If set to true then a value `lit-input` is shown next to the track container.
29
+ - `inputSuffix` **_string (default=undefined)_**
30
+ - A suffix text can be defined for the value field which is turned on via editable flag.
31
+ - `disabled` **_boolean (default=false)_**
32
+ - reflects the corresponding attribute
33
+ - `decimalSeparator` **_string (default=".")_**
34
+ - Used to convert numbers edited via the above mentioned input field.
35
+
36
+ ## Custom events
37
+
38
+ - `value-change`
39
+
40
+ - This event is dispatched when the value has been changed because of a user interaction
41
+
42
+ - `immediate-value-change`
43
+ - This event is dispatched continously during user interaction
44
+
45
+ ## Validation
46
+
47
+ The element could show validation messages via an `sd-field-validation-message` element which can be configured with the following attributes & properties which are all delegated to that:
48
+
49
+ - `validationMessage` **_string (default=undefined)_**
50
+ - `validationIconSrc` **_string (default=undefined)_**
51
+ - `validationLevel` **_ValidationLevel (warn, suggest & error) (default=undefined)_**
52
+
53
+ ## Other
54
+
55
+ It supports touch devices, uses aria attributes and includes the default keydown event handling such as arrow- left, top, right, bottom.
56
+
57
+ ## Examples