@cas-smartdesign/tab-bar 4.0.1

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 (15) hide show
  1. package/LICENSE +8 -0
  2. package/dist/docs/2_horizontal.js +1 -0
  3. package/dist/docs/3_vertical.js +1 -0
  4. package/dist/docs/doc.css +1 -0
  5. package/dist/docs/doc.mjs +368 -0
  6. package/dist/docs/index.html +23 -0
  7. package/dist/tab-bar-with-externals.js +141 -0
  8. package/dist/tab-bar-with-externals.js.map +7 -0
  9. package/dist/tab-bar.d.ts +64 -0
  10. package/dist/tab-bar.mjs +363 -0
  11. package/dist/tab-bar.mjs.map +1 -0
  12. package/dist/tab.d.ts +54 -0
  13. package/npm-third-party-licenses.json +197 -0
  14. package/package.json +35 -0
  15. package/readme.md +64 -0
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,35 @@
1
+ {
2
+ "name": "@cas-smartdesign/tab-bar",
3
+ "version": "4.0.1",
4
+ "description": "A TabBar element with SmartDesign look & feel",
5
+ "main": "dist/tab-bar-with-externals.js",
6
+ "module": "dist/tab-bar.mjs",
7
+ "types": "dist/tab-bar.d.ts",
8
+ "license": "SEE LICENSE IN LICENSE",
9
+ "dependencies": {
10
+ "@popperjs/core": "^2.11.8",
11
+ "lit": "^2.8.0",
12
+ "@cas-smartdesign/virtual-list": "^6.2.2"
13
+ },
14
+ "devDependencies": {
15
+ "@cas-smartdesign/element-preview": "^0.2.1",
16
+ "@cas-smartdesign/license-generator": "^1.6.1"
17
+ },
18
+ "files": [
19
+ "dist",
20
+ "npm-third-party-licenses.json"
21
+ ],
22
+ "publishConfig": {
23
+ "registry": "https://registry.npmjs.org/",
24
+ "access": "public"
25
+ },
26
+ "scripts": {
27
+ "version": "pnpm version",
28
+ "generate-declaration": "tsc -p tsconfig.types.json",
29
+ "build:no-license": "vite build && pnpm generate-declaration && vite build --mode documentation",
30
+ "build": "pnpm generate-license && pnpm build:no-license",
31
+ "watch": "vite build --watch",
32
+ "dev": "vite",
33
+ "generate-license": "sd-license-generator --r ../../"
34
+ }
35
+ }
package/readme.md ADDED
@@ -0,0 +1,64 @@
1
+ # @cas-smartdesign/tab-bar
2
+
3
+ A TabBar element with SmartDesign look & feel
4
+
5
+ The sd-tab-bar element should contain only sd-tab elements as distributed children via a slot element because the internal logic is based on that type.
6
+
7
+ ## Attributes
8
+
9
+ Note that all the following attributes are reflected to properties as well.
10
+
11
+ - `no-bar`: **_boolean (default:false)_**
12
+ - Hides the slider if true
13
+ - `no-slide`: **_boolean (default:false)_**
14
+ - Disables the sliding animation if true
15
+ - `vertical`: **_boolean (default:false)_**
16
+ - Enables vertical layout if present
17
+ - `show-counter`: **_boolean (default:false)_**
18
+ - "Counter" elements are rendered at the left side of the tab elements if set
19
+
20
+ ## Tab attributes
21
+
22
+ - `text`: **_string (default:null)_**
23
+ - The text shown in the tab content
24
+ - `anchors`: **_string[] (default:null)_**
25
+ - The anchors shown in a dropdown list
26
+ - `index`: **_number (default:null)_**
27
+ - The index of the tab element
28
+ - `selected`: **_boolean (default:false)_**
29
+ - True/present if the tab is selected, it is managed by the tab-bar
30
+
31
+ ## Properties
32
+
33
+ - `selectedIndex`: number
34
+ - Defines the index of the currently selected tab element
35
+ - `focusedIndex`: number
36
+ - Defines the index of the currently focused tab element
37
+ - `tabElements`: Tab[]
38
+ - Contains the tab elements attached to the tab-bar
39
+
40
+ ## Tab properties
41
+
42
+ - `noInk`: **_boolean (default:false)_**
43
+ - Disables ripple effect on tab elements if true
44
+
45
+ ## CSS Custom Properties
46
+
47
+ - `--sd-tab-bar-color`
48
+ - The color of the slider and content of the individual tab elements
49
+ - `--sd-tab-bar-hover-color`
50
+ - The color used as a background for tab element hovering effect
51
+ - `--sd-tab-bar-padding`
52
+ - The paddings inside the tab elements
53
+ - `--sd-tab-bar-slide-duration`
54
+ - The duration of the slider animation
55
+ - `--sd-tab-bar-selected-counter-color`
56
+ - `--sd-tab-bar-selected-counter-background-color`
57
+ - The text & background colors of the counter element when the tab element is selected
58
+
59
+ ## Events
60
+
61
+ - `selection`
62
+ - Dispatched when a tab is selected. Contains the selected index, the selected tab element and may also contain a selected anchor if the tab has anchors in it
63
+
64
+ ## Examples