@y14e/disclosure-css 2.1.2 → 2.2.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 +3 -3
- package/dist/index.bundle.cjs +249 -254
- package/dist/index.bundle.js +249 -254
- package/dist/index.cjs +19 -12
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +19 -12
- package/package.json +3 -3
package/dist/index.cjs
CHANGED
|
@@ -3,11 +3,27 @@
|
|
|
3
3
|
var attributeUtils = require('@y14e/attribute-utils');
|
|
4
4
|
var rovingTabindex = require('@y14e/roving-tabindex');
|
|
5
5
|
|
|
6
|
+
// src/index.ts
|
|
7
|
+
|
|
8
|
+
// src/defaults.ts
|
|
9
|
+
var defaults = { collapsible: true };
|
|
10
|
+
|
|
11
|
+
// src/options.ts
|
|
12
|
+
function resolveOptions(defaults2, source) {
|
|
13
|
+
const merged = { ...defaults2, ...source };
|
|
14
|
+
if (typeof merged.collapsible !== "boolean") {
|
|
15
|
+
const collapsible = defaults2.collapsible;
|
|
16
|
+
console.warn(`Invalid collapsible option. Fallback: ${collapsible}.`);
|
|
17
|
+
merged.collapsible = collapsible;
|
|
18
|
+
}
|
|
19
|
+
return merged;
|
|
20
|
+
}
|
|
21
|
+
|
|
6
22
|
// src/index.ts
|
|
7
23
|
var Disclosure = class _Disclosure {
|
|
8
24
|
static defaults = {};
|
|
9
25
|
#rootElement;
|
|
10
|
-
#defaults =
|
|
26
|
+
#defaults = defaults;
|
|
11
27
|
#settings;
|
|
12
28
|
#detailsElements;
|
|
13
29
|
#summaryElements;
|
|
@@ -25,8 +41,8 @@ var Disclosure = class _Disclosure {
|
|
|
25
41
|
return;
|
|
26
42
|
}
|
|
27
43
|
this.#rootElement = root;
|
|
28
|
-
this.#defaults =
|
|
29
|
-
this.#settings =
|
|
44
|
+
this.#defaults = resolveOptions(this.#defaults, _Disclosure.defaults);
|
|
45
|
+
this.#settings = resolveOptions(this.#defaults, options);
|
|
30
46
|
const NOT_NESTED = ":not(:scope summary + * *)";
|
|
31
47
|
this.#detailsElements = [
|
|
32
48
|
...this.#rootElement.querySelectorAll(
|
|
@@ -155,15 +171,6 @@ var Disclosure = class _Disclosure {
|
|
|
155
171
|
#isFocusable(element) {
|
|
156
172
|
return element.tabIndex >= 0;
|
|
157
173
|
}
|
|
158
|
-
#resolveOptions(target, source) {
|
|
159
|
-
const merged = { ...target, ...source };
|
|
160
|
-
if (typeof merged.collapsible !== "boolean") {
|
|
161
|
-
const collapsible = this.#defaults.collapsible;
|
|
162
|
-
console.warn(`Invalid collapsible option. Fallback: ${collapsible}.`);
|
|
163
|
-
merged.collapsible = collapsible;
|
|
164
|
-
}
|
|
165
|
-
return merged;
|
|
166
|
-
}
|
|
167
174
|
};
|
|
168
175
|
|
|
169
176
|
exports.Disclosure = Disclosure;
|
package/dist/index.d.cts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
interface DisclosureOptions {
|
|
2
2
|
collapsible: boolean;
|
|
3
3
|
}
|
|
4
|
+
|
|
4
5
|
declare class Disclosure {
|
|
5
6
|
#private;
|
|
6
7
|
static defaults: Partial<DisclosureOptions>;
|
|
@@ -10,4 +11,4 @@ declare class Disclosure {
|
|
|
10
11
|
expand(details: HTMLDetailsElement): void;
|
|
11
12
|
}
|
|
12
13
|
|
|
13
|
-
export { Disclosure
|
|
14
|
+
export { Disclosure };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
interface DisclosureOptions {
|
|
2
2
|
collapsible: boolean;
|
|
3
3
|
}
|
|
4
|
+
|
|
4
5
|
declare class Disclosure {
|
|
5
6
|
#private;
|
|
6
7
|
static defaults: Partial<DisclosureOptions>;
|
|
@@ -10,4 +11,4 @@ declare class Disclosure {
|
|
|
10
11
|
expand(details: HTMLDetailsElement): void;
|
|
11
12
|
}
|
|
12
13
|
|
|
13
|
-
export { Disclosure
|
|
14
|
+
export { Disclosure };
|
package/dist/index.js
CHANGED
|
@@ -1,11 +1,27 @@
|
|
|
1
1
|
import { restoreAttributes, saveAttributes } from '@y14e/attribute-utils';
|
|
2
2
|
import { createRovingTabIndex } from '@y14e/roving-tabindex';
|
|
3
3
|
|
|
4
|
+
// src/index.ts
|
|
5
|
+
|
|
6
|
+
// src/defaults.ts
|
|
7
|
+
var defaults = { collapsible: true };
|
|
8
|
+
|
|
9
|
+
// src/options.ts
|
|
10
|
+
function resolveOptions(defaults2, source) {
|
|
11
|
+
const merged = { ...defaults2, ...source };
|
|
12
|
+
if (typeof merged.collapsible !== "boolean") {
|
|
13
|
+
const collapsible = defaults2.collapsible;
|
|
14
|
+
console.warn(`Invalid collapsible option. Fallback: ${collapsible}.`);
|
|
15
|
+
merged.collapsible = collapsible;
|
|
16
|
+
}
|
|
17
|
+
return merged;
|
|
18
|
+
}
|
|
19
|
+
|
|
4
20
|
// src/index.ts
|
|
5
21
|
var Disclosure = class _Disclosure {
|
|
6
22
|
static defaults = {};
|
|
7
23
|
#rootElement;
|
|
8
|
-
#defaults =
|
|
24
|
+
#defaults = defaults;
|
|
9
25
|
#settings;
|
|
10
26
|
#detailsElements;
|
|
11
27
|
#summaryElements;
|
|
@@ -23,8 +39,8 @@ var Disclosure = class _Disclosure {
|
|
|
23
39
|
return;
|
|
24
40
|
}
|
|
25
41
|
this.#rootElement = root;
|
|
26
|
-
this.#defaults =
|
|
27
|
-
this.#settings =
|
|
42
|
+
this.#defaults = resolveOptions(this.#defaults, _Disclosure.defaults);
|
|
43
|
+
this.#settings = resolveOptions(this.#defaults, options);
|
|
28
44
|
const NOT_NESTED = ":not(:scope summary + * *)";
|
|
29
45
|
this.#detailsElements = [
|
|
30
46
|
...this.#rootElement.querySelectorAll(
|
|
@@ -153,15 +169,6 @@ var Disclosure = class _Disclosure {
|
|
|
153
169
|
#isFocusable(element) {
|
|
154
170
|
return element.tabIndex >= 0;
|
|
155
171
|
}
|
|
156
|
-
#resolveOptions(target, source) {
|
|
157
|
-
const merged = { ...target, ...source };
|
|
158
|
-
if (typeof merged.collapsible !== "boolean") {
|
|
159
|
-
const collapsible = this.#defaults.collapsible;
|
|
160
|
-
console.warn(`Invalid collapsible option. Fallback: ${collapsible}.`);
|
|
161
|
-
merged.collapsible = collapsible;
|
|
162
|
-
}
|
|
163
|
-
return merged;
|
|
164
|
-
}
|
|
165
172
|
};
|
|
166
173
|
|
|
167
174
|
export { Disclosure };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@y14e/disclosure-css",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0",
|
|
4
4
|
"description": "WAI-ARIA compliant disclosure pattern implementation in TypeScript",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"a11y",
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"esbuild": true
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
57
|
-
"@y14e/attribute-utils": "^2.0.
|
|
58
|
-
"@y14e/roving-tabindex": "^3.
|
|
57
|
+
"@y14e/attribute-utils": "^2.0.16",
|
|
58
|
+
"@y14e/roving-tabindex": "^3.4.0"
|
|
59
59
|
}
|
|
60
60
|
}
|