@u-elements/u-tabs 0.0.8 → 0.0.10

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 (6) hide show
  1. package/dist/u-tabs.cjs +6 -7
  2. package/dist/u-tabs.d.cts +4 -5
  3. package/dist/u-tabs.d.ts +4 -5
  4. package/dist/u-tabs.js +6 -7
  5. package/dist/u-tabs.manifest.json +13 -13
  6. package/package.json +18 -3
package/dist/u-tabs.cjs CHANGED
@@ -11,8 +11,7 @@ var DISPLAY_BLOCK = ":host(:not([hidden])) { display: block }";
11
11
  var UHTMLElement = typeof HTMLElement === "undefined" ? class {
12
12
  } : HTMLElement;
13
13
  function attr(el, name, value) {
14
- var _a2;
15
- if (value === void 0) return (_a2 = el.getAttribute(name)) != null ? _a2 : null;
14
+ if (value === void 0) return el.getAttribute(name);
16
15
  if (value === null) el.removeAttribute(name);
17
16
  else if (el.getAttribute(name) !== value) el.setAttribute(name, value);
18
17
  return null;
@@ -36,7 +35,7 @@ var mutationObserver = (element, options) => {
36
35
  try {
37
36
  observers.get(element).disconnect();
38
37
  observers.delete(element);
39
- } catch (err) {
38
+ } catch (_err) {
40
39
  }
41
40
  if (options) {
42
41
  const observer = new MutationObserver(
@@ -182,8 +181,8 @@ var UHTMLTabElement = class extends UHTMLElement {
182
181
  const panel = getPanel(tab, panels[index]);
183
182
  tab.tabIndex = tab === this ? 0 : -1;
184
183
  attr(tab, ARIA_SELECTED, `${tab === this}`);
184
+ attr(tab, ARIA_CONTROLS, (panel == null ? void 0 : panel.id) || null);
185
185
  if (panel) panel.hidden = panel !== nextPanel;
186
- if (panel) attr(tab, ARIA_CONTROLS, panel.id);
187
186
  });
188
187
  SKIP_ATTR_CHANGE = false;
189
188
  }
@@ -225,9 +224,9 @@ var UHTMLTabPanelElement = class extends UHTMLElement {
225
224
  this.attributeChangedCallback();
226
225
  }
227
226
  attributeChangedCallback() {
228
- if (this.hidden || isFocusable(this.firstChild))
229
- attr(this, "tabindex", null);
230
- else this.tabIndex = 0;
227
+ const hidden = this.hidden;
228
+ attr(this, "aria-hidden", `${hidden}`);
229
+ attr(this, "tabindex", hidden || isFocusable(this.firstChild) ? null : "0");
231
230
  }
232
231
  get tabsElement() {
233
232
  return this.closest("u-tabs");
package/dist/u-tabs.d.cts CHANGED
@@ -64,7 +64,6 @@ declare class UHTMLTabPanelElement extends UHTMLElement {
64
64
  }
65
65
 
66
66
  export { UHTMLTabElement, UHTMLTabListElement, UHTMLTabPanelElement, UHTMLTabsElement };
67
-
68
67
  import type * as PreactTypes from 'preact'
69
68
  import type * as ReactTypes from 'react'
70
69
  import type * as SvelteTypes from 'svelte/elements'
@@ -73,7 +72,7 @@ import type { JSX as QwikJSX } from '@builder.io/qwik/jsx-runtime'
73
72
  import type { JSX as SolidJSX } from 'solid-js'
74
73
 
75
74
 
76
- export type PreactUtabs = PreactTypes.JSX.HTMLAttributes<UHTMLTagsElement> & { }
75
+ export type PreactUtabs = PreactTypes.JSX.HTMLAttributes<UHTMLTabsElement> & { }
77
76
  export type ReactUtabs = ReactTypes.DetailedHTMLProps<ReactTypes.HTMLAttributes<UHTMLTabsElement>, UHTMLTabsElement> & { class?: string }
78
77
  export type QwikUtabs = QwikJSX.IntrinsicElements['div']
79
78
  export type VueUtabs = VueJSX.HTMLAttributes
@@ -92,7 +91,7 @@ declare module 'solid-js' {
92
91
  interface CustomEvents { }
93
92
  }
94
93
  }
95
- export type PreactUtablist = PreactTypes.JSX.HTMLAttributes<UHTMLTagsElement> & { }
94
+ export type PreactUtablist = PreactTypes.JSX.HTMLAttributes<UHTMLTabListElement> & { }
96
95
  export type ReactUtablist = ReactTypes.DetailedHTMLProps<ReactTypes.HTMLAttributes<UHTMLTabListElement>, UHTMLTabListElement> & { class?: string }
97
96
  export type QwikUtablist = QwikJSX.IntrinsicElements['div']
98
97
  export type VueUtablist = VueJSX.HTMLAttributes
@@ -111,7 +110,7 @@ declare module 'solid-js' {
111
110
  interface CustomEvents { }
112
111
  }
113
112
  }
114
- export type PreactUtab = PreactTypes.JSX.HTMLAttributes<UHTMLTagsElement> & { }
113
+ export type PreactUtab = PreactTypes.JSX.HTMLAttributes<UHTMLTabElement> & { }
115
114
  export type ReactUtab = ReactTypes.DetailedHTMLProps<ReactTypes.HTMLAttributes<UHTMLTabElement>, UHTMLTabElement> & { class?: string }
116
115
  export type QwikUtab = QwikJSX.IntrinsicElements['div']
117
116
  export type VueUtab = VueJSX.HTMLAttributes
@@ -130,7 +129,7 @@ declare module 'solid-js' {
130
129
  interface CustomEvents { }
131
130
  }
132
131
  }
133
- export type PreactUtabpanel = PreactTypes.JSX.HTMLAttributes<UHTMLTagsElement> & { }
132
+ export type PreactUtabpanel = PreactTypes.JSX.HTMLAttributes<UHTMLTabPanelElement> & { }
134
133
  export type ReactUtabpanel = ReactTypes.DetailedHTMLProps<ReactTypes.HTMLAttributes<UHTMLTabPanelElement>, UHTMLTabPanelElement> & { class?: string }
135
134
  export type QwikUtabpanel = QwikJSX.IntrinsicElements['div']
136
135
  export type VueUtabpanel = VueJSX.HTMLAttributes
package/dist/u-tabs.d.ts CHANGED
@@ -64,7 +64,6 @@ declare class UHTMLTabPanelElement extends UHTMLElement {
64
64
  }
65
65
 
66
66
  export { UHTMLTabElement, UHTMLTabListElement, UHTMLTabPanelElement, UHTMLTabsElement };
67
-
68
67
  import type * as PreactTypes from 'preact'
69
68
  import type * as ReactTypes from 'react'
70
69
  import type * as SvelteTypes from 'svelte/elements'
@@ -73,7 +72,7 @@ import type { JSX as QwikJSX } from '@builder.io/qwik/jsx-runtime'
73
72
  import type { JSX as SolidJSX } from 'solid-js'
74
73
 
75
74
 
76
- export type PreactUtabs = PreactTypes.JSX.HTMLAttributes<UHTMLTagsElement> & { }
75
+ export type PreactUtabs = PreactTypes.JSX.HTMLAttributes<UHTMLTabsElement> & { }
77
76
  export type ReactUtabs = ReactTypes.DetailedHTMLProps<ReactTypes.HTMLAttributes<UHTMLTabsElement>, UHTMLTabsElement> & { class?: string }
78
77
  export type QwikUtabs = QwikJSX.IntrinsicElements['div']
79
78
  export type VueUtabs = VueJSX.HTMLAttributes
@@ -92,7 +91,7 @@ declare module 'solid-js' {
92
91
  interface CustomEvents { }
93
92
  }
94
93
  }
95
- export type PreactUtablist = PreactTypes.JSX.HTMLAttributes<UHTMLTagsElement> & { }
94
+ export type PreactUtablist = PreactTypes.JSX.HTMLAttributes<UHTMLTabListElement> & { }
96
95
  export type ReactUtablist = ReactTypes.DetailedHTMLProps<ReactTypes.HTMLAttributes<UHTMLTabListElement>, UHTMLTabListElement> & { class?: string }
97
96
  export type QwikUtablist = QwikJSX.IntrinsicElements['div']
98
97
  export type VueUtablist = VueJSX.HTMLAttributes
@@ -111,7 +110,7 @@ declare module 'solid-js' {
111
110
  interface CustomEvents { }
112
111
  }
113
112
  }
114
- export type PreactUtab = PreactTypes.JSX.HTMLAttributes<UHTMLTagsElement> & { }
113
+ export type PreactUtab = PreactTypes.JSX.HTMLAttributes<UHTMLTabElement> & { }
115
114
  export type ReactUtab = ReactTypes.DetailedHTMLProps<ReactTypes.HTMLAttributes<UHTMLTabElement>, UHTMLTabElement> & { class?: string }
116
115
  export type QwikUtab = QwikJSX.IntrinsicElements['div']
117
116
  export type VueUtab = VueJSX.HTMLAttributes
@@ -130,7 +129,7 @@ declare module 'solid-js' {
130
129
  interface CustomEvents { }
131
130
  }
132
131
  }
133
- export type PreactUtabpanel = PreactTypes.JSX.HTMLAttributes<UHTMLTagsElement> & { }
132
+ export type PreactUtabpanel = PreactTypes.JSX.HTMLAttributes<UHTMLTabPanelElement> & { }
134
133
  export type ReactUtabpanel = ReactTypes.DetailedHTMLProps<ReactTypes.HTMLAttributes<UHTMLTabPanelElement>, UHTMLTabPanelElement> & { class?: string }
135
134
  export type QwikUtabpanel = QwikJSX.IntrinsicElements['div']
136
135
  export type VueUtabpanel = VueJSX.HTMLAttributes
package/dist/u-tabs.js CHANGED
@@ -9,8 +9,7 @@ var DISPLAY_BLOCK = ":host(:not([hidden])) { display: block }";
9
9
  var UHTMLElement = typeof HTMLElement === "undefined" ? class {
10
10
  } : HTMLElement;
11
11
  function attr(el, name, value) {
12
- var _a2;
13
- if (value === void 0) return (_a2 = el.getAttribute(name)) != null ? _a2 : null;
12
+ if (value === void 0) return el.getAttribute(name);
14
13
  if (value === null) el.removeAttribute(name);
15
14
  else if (el.getAttribute(name) !== value) el.setAttribute(name, value);
16
15
  return null;
@@ -34,7 +33,7 @@ var mutationObserver = (element, options) => {
34
33
  try {
35
34
  observers.get(element).disconnect();
36
35
  observers.delete(element);
37
- } catch (err) {
36
+ } catch (_err) {
38
37
  }
39
38
  if (options) {
40
39
  const observer = new MutationObserver(
@@ -180,8 +179,8 @@ var UHTMLTabElement = class extends UHTMLElement {
180
179
  const panel = getPanel(tab, panels[index]);
181
180
  tab.tabIndex = tab === this ? 0 : -1;
182
181
  attr(tab, ARIA_SELECTED, `${tab === this}`);
182
+ attr(tab, ARIA_CONTROLS, (panel == null ? void 0 : panel.id) || null);
183
183
  if (panel) panel.hidden = panel !== nextPanel;
184
- if (panel) attr(tab, ARIA_CONTROLS, panel.id);
185
184
  });
186
185
  SKIP_ATTR_CHANGE = false;
187
186
  }
@@ -223,9 +222,9 @@ var UHTMLTabPanelElement = class extends UHTMLElement {
223
222
  this.attributeChangedCallback();
224
223
  }
225
224
  attributeChangedCallback() {
226
- if (this.hidden || isFocusable(this.firstChild))
227
- attr(this, "tabindex", null);
228
- else this.tabIndex = 0;
225
+ const hidden = this.hidden;
226
+ attr(this, "aria-hidden", `${hidden}`);
227
+ attr(this, "tabindex", hidden || isFocusable(this.firstChild) ? null : "0");
229
228
  }
230
229
  get tabsElement() {
231
230
  return this.closest("u-tabs");
package/dist/u-tabs.manifest.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "modules": [
5
5
  {
6
6
  "kind": "javascript-module",
7
- "path": "/Users/eirikbacker/Library/Mobile Documents/com~apple~CloudDocs/5-capra/u-elements/packages/u-tabs/u-tabs.ts",
7
+ "path": "u-tabs.ts",
8
8
  "declarations": [
9
9
  {
10
10
  "kind": "class",
@@ -45,7 +45,7 @@
45
45
  ],
46
46
  "superclass": {
47
47
  "name": "UHTMLElement",
48
- "module": "//Users/eirikbacker/Library/Mobile%20Documents/com~apple~CloudDocs/5-capra/u-elements/packages/utils"
48
+ "module": "/utils"
49
49
  },
50
50
  "tagName": "u-tabs",
51
51
  "customElement": true
@@ -94,7 +94,7 @@
94
94
  ],
95
95
  "superclass": {
96
96
  "name": "UHTMLElement",
97
- "module": "//Users/eirikbacker/Library/Mobile%20Documents/com~apple~CloudDocs/5-capra/u-elements/packages/utils"
97
+ "module": "/utils"
98
98
  },
99
99
  "tagName": "u-tablist",
100
100
  "customElement": true
@@ -152,7 +152,7 @@
152
152
  ],
153
153
  "superclass": {
154
154
  "name": "UHTMLElement",
155
- "module": "//Users/eirikbacker/Library/Mobile%20Documents/com~apple~CloudDocs/5-capra/u-elements/packages/utils"
155
+ "module": "/utils"
156
156
  },
157
157
  "tagName": "u-tab",
158
158
  "customElement": true
@@ -186,7 +186,7 @@
186
186
  ],
187
187
  "superclass": {
188
188
  "name": "UHTMLElement",
189
- "module": "//Users/eirikbacker/Library/Mobile%20Documents/com~apple~CloudDocs/5-capra/u-elements/packages/utils"
189
+ "module": "/utils"
190
190
  },
191
191
  "tagName": "u-tabpanel",
192
192
  "customElement": true
@@ -198,7 +198,7 @@
198
198
  "name": "UHTMLTabsElement",
199
199
  "declaration": {
200
200
  "name": "UHTMLTabsElement",
201
- "module": "/Users/eirikbacker/Library/Mobile Documents/com~apple~CloudDocs/5-capra/u-elements/packages/u-tabs/u-tabs.ts"
201
+ "module": "u-tabs.ts"
202
202
  }
203
203
  },
204
204
  {
@@ -206,7 +206,7 @@
206
206
  "name": "UHTMLTabListElement",
207
207
  "declaration": {
208
208
  "name": "UHTMLTabListElement",
209
- "module": "/Users/eirikbacker/Library/Mobile Documents/com~apple~CloudDocs/5-capra/u-elements/packages/u-tabs/u-tabs.ts"
209
+ "module": "u-tabs.ts"
210
210
  }
211
211
  },
212
212
  {
@@ -214,7 +214,7 @@
214
214
  "name": "UHTMLTabElement",
215
215
  "declaration": {
216
216
  "name": "UHTMLTabElement",
217
- "module": "/Users/eirikbacker/Library/Mobile Documents/com~apple~CloudDocs/5-capra/u-elements/packages/u-tabs/u-tabs.ts"
217
+ "module": "u-tabs.ts"
218
218
  }
219
219
  },
220
220
  {
@@ -222,7 +222,7 @@
222
222
  "name": "UHTMLTabPanelElement",
223
223
  "declaration": {
224
224
  "name": "UHTMLTabPanelElement",
225
- "module": "/Users/eirikbacker/Library/Mobile Documents/com~apple~CloudDocs/5-capra/u-elements/packages/u-tabs/u-tabs.ts"
225
+ "module": "u-tabs.ts"
226
226
  }
227
227
  },
228
228
  {
@@ -230,7 +230,7 @@
230
230
  "name": "u-tabs",
231
231
  "declaration": {
232
232
  "name": "UHTMLTabsElement",
233
- "module": "/Users/eirikbacker/Library/Mobile Documents/com~apple~CloudDocs/5-capra/u-elements/packages/u-tabs/u-tabs.ts"
233
+ "module": "u-tabs.ts"
234
234
  }
235
235
  },
236
236
  {
@@ -238,7 +238,7 @@
238
238
  "name": "u-tablist",
239
239
  "declaration": {
240
240
  "name": "UHTMLTabListElement",
241
- "module": "/Users/eirikbacker/Library/Mobile Documents/com~apple~CloudDocs/5-capra/u-elements/packages/u-tabs/u-tabs.ts"
241
+ "module": "u-tabs.ts"
242
242
  }
243
243
  },
244
244
  {
@@ -246,7 +246,7 @@
246
246
  "name": "u-tab",
247
247
  "declaration": {
248
248
  "name": "UHTMLTabElement",
249
- "module": "/Users/eirikbacker/Library/Mobile Documents/com~apple~CloudDocs/5-capra/u-elements/packages/u-tabs/u-tabs.ts"
249
+ "module": "u-tabs.ts"
250
250
  }
251
251
  },
252
252
  {
@@ -254,7 +254,7 @@
254
254
  "name": "u-tabpanel",
255
255
  "declaration": {
256
256
  "name": "UHTMLTabPanelElement",
257
- "module": "/Users/eirikbacker/Library/Mobile Documents/com~apple~CloudDocs/5-capra/u-elements/packages/u-tabs/u-tabs.ts"
257
+ "module": "u-tabs.ts"
258
258
  }
259
259
  }
260
260
  ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@u-elements/u-tabs",
3
- "version": "0.0.8",
3
+ "version": "0.0.10",
4
4
  "license": "MIT",
5
5
  "description": "HTML tags, just truly accessible",
6
6
  "homepage": "https://u-elements.github.io/u-elements/",
@@ -9,17 +9,32 @@
9
9
  "module": "dist/u-tabs.js",
10
10
  "types": "dist/u-tabs.d.ts",
11
11
  "customElements": "dist/u-tabs.manifest.json",
12
+ "exports": {
13
+ ".": {
14
+ "import": {
15
+ "types": "./dist/u-tabs.d.ts",
16
+ "default": "./dist/u-tabs.js"
17
+ },
18
+ "require": {
19
+ "types": "./dist/u-tabs.d.cts",
20
+ "default": "./dist/u-tabs.cjs"
21
+ }
22
+ }
23
+ },
12
24
  "files": [
13
25
  "dist"
14
26
  ],
15
27
  "repository": {
16
28
  "type": "git",
17
- "url": "https://github.com/u-elements/u-elements.git"
29
+ "url": "git+https://github.com/u-elements/u-elements.git"
18
30
  },
19
31
  "bugs": {
20
32
  "url": "https://github.com/u-elements/u-elements/issues"
21
33
  },
22
34
  "scripts": {
23
- "build": "tsup --config ../../tsup.config.ts"
35
+ "build": "tsup --config ../../tsup.config.ts",
36
+ "publish:patch": "npm version patch && git push --tags origin main && npm publish",
37
+ "publish:minor": "npm version minor && git push --tags origin main && npm publish",
38
+ "publish:major": "npm version major && git push --tags origin main && npm publish"
24
39
  }
25
40
  }