@blockquote-web-components/blockquote-tabs 1.0.5 → 1.1.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.
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
2
2
|
|
|
3
3
|
[ARIA patterns](https://www.w3.org/WAI/ARIA/apg/patterns/)
|
|
4
4
|
|
|
@@ -129,27 +129,34 @@ Tabs are a set of layered sections of content, known as tab panels, that display
|
|
|
129
129
|
| ---- | -------- | ----------- | ---------------------------------------- | ------- |
|
|
130
130
|
| `js` | `styles` | styles | src/styles/blockquote-tabs-styles.css.js | |
|
|
131
131
|
|
|
132
|
-
|
|
133
133
|
|
|
134
|
-
`<blockquote-
|
|
134
|
+
`<blockquote-tab>`
|
|
135
135
|
A tab element that can be used inside a `blockquote-tabs` element.
|
|
136
136
|
|
|
137
137
|
|
|
138
|
-
### `src/
|
|
138
|
+
### `src/tab/BlockquoteTab.js`:
|
|
139
139
|
|
|
140
|
-
#### class: `
|
|
140
|
+
#### class: `BlockquoteTab`, `blockquote-tab`
|
|
141
|
+
|
|
142
|
+
##### Mixins
|
|
143
|
+
|
|
144
|
+
| Name | Module | Package |
|
|
145
|
+
| ---------------------------- | ------ | -------------------------------------------------------- |
|
|
146
|
+
| `BlockquoteMixinSlotContent` | | @blockquote-web-components/blockquote-mixin-slot-content |
|
|
141
147
|
|
|
142
148
|
##### Fields
|
|
143
149
|
|
|
144
|
-
| Name | Privacy | Type | Default
|
|
145
|
-
| ---------------------- | ------- | --------- |
|
|
146
|
-
| `selected` | public | `boolean` | `false`
|
|
147
|
-
| `globalRootAttributes` | | `object` | `{ role: '
|
|
150
|
+
| Name | Privacy | Type | Default | Description | Inherited From |
|
|
151
|
+
| ---------------------- | ------- | --------- | -------------------------------------------------------------- | --------------------------------------- | -------------- |
|
|
152
|
+
| `selected` | public | `boolean` | `false` | Whether or not the tab is \`selected\`. | |
|
|
153
|
+
| `globalRootAttributes` | | `object` | `{ role: 'tab', slot: 'tab', tabindex: 0, }` | | |
|
|
148
154
|
|
|
149
155
|
##### Methods
|
|
150
156
|
|
|
151
157
|
| Name | Privacy | Description | Parameters | Return | Inherited From |
|
|
152
158
|
| -------------------- | ------- | ------------------------------- | ----------------------- | ------ | -------------- |
|
|
159
|
+
| `_onSlotChanges` | | | `ev` | | |
|
|
153
160
|
| `__setArrayAttibute` | | Sets attributes on the element. | `entries: Record<*, *>` | | |
|
|
154
161
|
|
|
155
162
|
##### Attributes
|
|
@@ -162,38 +169,31 @@ A tab element that can be used inside a `blockquote-tabs` element.
|
|
|
162
169
|
|
|
163
170
|
#### Exports
|
|
164
171
|
|
|
165
|
-
| Kind | Name
|
|
166
|
-
| ---- |
|
|
167
|
-
| `js` | `
|
|
172
|
+
| Kind | Name | Declaration | Module | Package |
|
|
173
|
+
| ---- | --------------- | ------------- | ------------------------ | ------- |
|
|
174
|
+
| `js` | `BlockquoteTab` | BlockquoteTab | src/tab/BlockquoteTab.js | |
|
|
168
175
|
|
|
169
|
-
|
|
170
177
|
|
|
171
|
-
`<blockquote-
|
|
178
|
+
`<blockquote-tabpanel>`
|
|
172
179
|
A tab element that can be used inside a `blockquote-tabs` element.
|
|
173
180
|
|
|
174
181
|
|
|
175
|
-
### `src/
|
|
176
|
-
|
|
177
|
-
#### class: `BlockquoteTab`, `blockquote-tab`
|
|
178
|
-
|
|
179
|
-
##### Mixins
|
|
182
|
+
### `src/tabpanel/BlockquoteTabPanel.js`:
|
|
180
183
|
|
|
181
|
-
|
|
182
|
-
| ---------------------------- | ------ | -------------------------------------------------------- |
|
|
183
|
-
| `BlockquoteMixinSlotContent` | | @blockquote-web-components/blockquote-mixin-slot-content |
|
|
184
|
+
#### class: `BlockquoteTabPanel`, `blockquote-tabpanel`
|
|
184
185
|
|
|
185
186
|
##### Fields
|
|
186
187
|
|
|
187
|
-
| Name | Privacy | Type | Default
|
|
188
|
-
| ---------------------- | ------- | --------- |
|
|
189
|
-
| `selected` | public | `boolean` | `false`
|
|
190
|
-
| `globalRootAttributes` | | `object` | `{ role: '
|
|
188
|
+
| Name | Privacy | Type | Default | Description | Inherited From |
|
|
189
|
+
| ---------------------- | ------- | --------- | ------------------------------------------------------------------------ | -------------------------------------------- | -------------- |
|
|
190
|
+
| `selected` | public | `boolean` | `false` | Whether or not the tabpanel is \`selected\`. | |
|
|
191
|
+
| `globalRootAttributes` | | `object` | `{ role: 'tabpanel', slot: 'tabpanel', tabindex: 0, }` | | |
|
|
191
192
|
|
|
192
193
|
##### Methods
|
|
193
194
|
|
|
194
195
|
| Name | Privacy | Description | Parameters | Return | Inherited From |
|
|
195
196
|
| -------------------- | ------- | ------------------------------- | ----------------------- | ------ | -------------- |
|
|
196
|
-
| `_onSlotChanges` | | | `ev` | | |
|
|
197
197
|
| `__setArrayAttibute` | | Sets attributes on the element. | `entries: Record<*, *>` | | |
|
|
198
198
|
|
|
199
199
|
##### Attributes
|
|
@@ -206,11 +206,11 @@ A tab element that can be used inside a `blockquote-tabs` element.
|
|
|
206
206
|
|
|
207
207
|
#### Exports
|
|
208
208
|
|
|
209
|
-
| Kind | Name
|
|
210
|
-
| ---- |
|
|
211
|
-
| `js` | `
|
|
209
|
+
| Kind | Name | Declaration | Module | Package |
|
|
210
|
+
| ---- | -------------------- | ------------------ | ---------------------------------- | ------- |
|
|
211
|
+
| `js` | `BlockquoteTabPanel` | BlockquoteTabPanel | src/tabpanel/BlockquoteTabPanel.js | |
|
|
212
212
|
|
|
213
|
-
### `src/
|
|
213
|
+
### `src/tab/styles/blockquote-tab-styles.css.js`:
|
|
214
214
|
|
|
215
215
|
#### Variables
|
|
216
216
|
|
|
@@ -222,11 +222,11 @@ A tab element that can be used inside a `blockquote-tabs` element.
|
|
|
222
222
|
|
|
223
223
|
#### Exports
|
|
224
224
|
|
|
225
|
-
| Kind | Name | Declaration | Module
|
|
226
|
-
| ---- | -------- | ----------- |
|
|
227
|
-
| `js` | `styles` | styles | src/
|
|
225
|
+
| Kind | Name | Declaration | Module | Package |
|
|
226
|
+
| ---- | -------- | ----------- | ------------------------------------------- | ------- |
|
|
227
|
+
| `js` | `styles` | styles | src/tab/styles/blockquote-tab-styles.css.js | |
|
|
228
228
|
|
|
229
|
-
### `src/
|
|
229
|
+
### `src/tabpanel/styles/blockquote-tabpanel-styles.css.js`:
|
|
230
230
|
|
|
231
231
|
#### Variables
|
|
232
232
|
|
|
@@ -238,9 +238,9 @@ A tab element that can be used inside a `blockquote-tabs` element.
|
|
|
238
238
|
|
|
239
239
|
#### Exports
|
|
240
240
|
|
|
241
|
-
| Kind | Name | Declaration | Module
|
|
242
|
-
| ---- | -------- | ----------- |
|
|
243
|
-
| `js` | `styles` | styles | src/
|
|
241
|
+
| Kind | Name | Declaration | Module | Package |
|
|
242
|
+
| ---- | -------- | ----------- | ----------------------------------------------------- | ------- |
|
|
243
|
+
| `js` | `styles` | styles | src/tabpanel/styles/blockquote-tabpanel-styles.css.js | |
|
|
244
244
|
|
|
245
245
|
### `define/blockquote-tab.js`:
|
|
246
246
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blockquote-web-components/blockquote-tabs",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.1.1",
|
|
4
4
|
"description": "Webcomponent blockquote-tabs following open-wc recommendations",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"lit",
|
|
@@ -58,7 +58,6 @@
|
|
|
58
58
|
],
|
|
59
59
|
"scripts": {
|
|
60
60
|
"analyze": "cem analyze --litelement --globs \"{src,define}/**/*.{js,ts}\" \"index.js\"",
|
|
61
|
-
"analyze:doc": "npm run analyze && npx web-component-analyzer \"{src,define}/**/*.{js,ts}\" \"index.js\" \"README.js\" --outFile README.md",
|
|
62
61
|
"build": "echo \"This is not a TypeScript project, so no need to build.\"",
|
|
63
62
|
"dev:vite": "vite build",
|
|
64
63
|
"format": "npm run format:eslint && npm run format:prettier && npm run format:stylelint",
|
|
@@ -152,6 +151,7 @@
|
|
|
152
151
|
],
|
|
153
152
|
"import/no-unresolved": "off",
|
|
154
153
|
"import/prefer-default-export": "off",
|
|
154
|
+
"lit/no-classfield-shadowing": "off",
|
|
155
155
|
"lit/no-native-attributes": "off"
|
|
156
156
|
}
|
|
157
157
|
},
|
|
@@ -166,19 +166,19 @@
|
|
|
166
166
|
}
|
|
167
167
|
},
|
|
168
168
|
"dependencies": {
|
|
169
|
-
"@blockquote-web-components/blockquote-mixin-slot-content": "^1.
|
|
169
|
+
"@blockquote-web-components/blockquote-mixin-slot-content": "^1.3.1",
|
|
170
170
|
"@juggle/resize-observer": "^3.4.0",
|
|
171
171
|
"@lit-labs/observers": "^2.0.0",
|
|
172
|
-
"lit": "^
|
|
172
|
+
"lit": "^3.1.0"
|
|
173
173
|
},
|
|
174
174
|
"devDependencies": {
|
|
175
|
-
"@blockquote-web-components/blockquote-base-common-dev-dependencies": "^1.
|
|
176
|
-
"@blockquote-web-components/blockquote-base-embedded-webview": "^1.
|
|
175
|
+
"@blockquote-web-components/blockquote-base-common-dev-dependencies": "^1.7.0",
|
|
176
|
+
"@blockquote-web-components/blockquote-base-embedded-webview": "^1.6.1",
|
|
177
177
|
"@blockquote-web-components/blockquote-foundations-sass": "^1.1.1"
|
|
178
178
|
},
|
|
179
179
|
"publishConfig": {
|
|
180
180
|
"access": "public"
|
|
181
181
|
},
|
|
182
182
|
"customElements": "custom-elements.json",
|
|
183
|
-
"gitHead": "
|
|
183
|
+
"gitHead": "e2417c85a1b9179b093333c0dd89f90fdbb4e91b"
|
|
184
184
|
}
|
package/src/BlockquoteTabs.js
CHANGED
|
@@ -13,7 +13,7 @@ window.ResizeObserver || /* c8 ignore next */ (window.ResizeObserver = ResizeObs
|
|
|
13
13
|
// https://slides.com/daviddarnes/tabs-web-components
|
|
14
14
|
|
|
15
15
|
/**
|
|
16
|
-
* 
|
|
17
17
|
*
|
|
18
18
|
* [ARIA patterns](https://www.w3.org/WAI/ARIA/apg/patterns/)
|
|
19
19
|
*
|
package/src/tab/BlockquoteTab.js
CHANGED
|
@@ -3,7 +3,7 @@ import { BlockquoteMixinSlotContent } from '@blockquote-web-components/blockquot
|
|
|
3
3
|
import { styles } from './styles/blockquote-tab-styles.css.js';
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
|
-
* 
|
|
7
7
|
*
|
|
8
8
|
* `<blockquote-tab>`
|
|
9
9
|
* A tab element that can be used inside a `blockquote-tabs` element.
|
|
@@ -2,7 +2,7 @@ import { html, LitElement } from 'lit';
|
|
|
2
2
|
import { styles } from './styles/blockquote-tabpanel-styles.css.js';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
|
-
* 
|
|
6
6
|
*
|
|
7
7
|
* `<blockquote-tabpanel>`
|
|
8
8
|
* A tab element that can be used inside a `blockquote-tabs` element.
|