@blockquote-web-components/blockquote-tabs 1.0.5 → 1.1.0
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.0
|
|
3
|
+
"version": "1.1.0",
|
|
4
4
|
"description": "Webcomponent blockquote-tabs following open-wc recommendations",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"lit",
|
|
@@ -152,6 +152,7 @@
|
|
|
152
152
|
],
|
|
153
153
|
"import/no-unresolved": "off",
|
|
154
154
|
"import/prefer-default-export": "off",
|
|
155
|
+
"lit/no-classfield-shadowing": "off",
|
|
155
156
|
"lit/no-native-attributes": "off"
|
|
156
157
|
}
|
|
157
158
|
},
|
|
@@ -166,19 +167,19 @@
|
|
|
166
167
|
}
|
|
167
168
|
},
|
|
168
169
|
"dependencies": {
|
|
169
|
-
"@blockquote-web-components/blockquote-mixin-slot-content": "^1.
|
|
170
|
+
"@blockquote-web-components/blockquote-mixin-slot-content": "^1.3.0",
|
|
170
171
|
"@juggle/resize-observer": "^3.4.0",
|
|
171
172
|
"@lit-labs/observers": "^2.0.0",
|
|
172
|
-
"lit": "^
|
|
173
|
+
"lit": "^3.1.0"
|
|
173
174
|
},
|
|
174
175
|
"devDependencies": {
|
|
175
|
-
"@blockquote-web-components/blockquote-base-common-dev-dependencies": "^1.
|
|
176
|
-
"@blockquote-web-components/blockquote-base-embedded-webview": "^1.
|
|
176
|
+
"@blockquote-web-components/blockquote-base-common-dev-dependencies": "^1.6.0",
|
|
177
|
+
"@blockquote-web-components/blockquote-base-embedded-webview": "^1.6.0",
|
|
177
178
|
"@blockquote-web-components/blockquote-foundations-sass": "^1.1.1"
|
|
178
179
|
},
|
|
179
180
|
"publishConfig": {
|
|
180
181
|
"access": "public"
|
|
181
182
|
},
|
|
182
183
|
"customElements": "custom-elements.json",
|
|
183
|
-
"gitHead": "
|
|
184
|
+
"gitHead": "c65690b8e735c0607858f3a14a381088721dc807"
|
|
184
185
|
}
|
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.
|