@w0s/footnote-reference-popover 7.3.3 → 7.4.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 +12 -11
- package/dist/attribute/FootnoteElement.d.ts.map +1 -1
- package/dist/attribute/FootnoteElement.js +6 -6
- package/dist/attribute/FootnoteElement.js.map +1 -1
- package/dist/attribute/Ignore.d.ts +12 -0
- package/dist/attribute/Ignore.d.ts.map +1 -0
- package/dist/attribute/Ignore.js +19 -0
- package/dist/attribute/Ignore.js.map +1 -0
- package/dist/attribute/Mouseenter.d.ts.map +1 -1
- package/dist/attribute/Mouseenter.js +2 -2
- package/dist/attribute/Mouseenter.js.map +1 -1
- package/dist/attribute/Mouseleave.d.ts.map +1 -1
- package/dist/attribute/Mouseleave.js +2 -2
- package/dist/attribute/Mouseleave.js.map +1 -1
- package/dist/attribute/PopoverClass.d.ts.map +1 -1
- package/dist/attribute/PopoverHide.d.ts.map +1 -1
- package/dist/attribute/PopoverHide.js +4 -4
- package/dist/attribute/PopoverHide.js.map +1 -1
- package/dist/attribute/PopoverLabel.d.ts.map +1 -1
- package/dist/custom-element/Popover.d.ts +9 -7
- package/dist/custom-element/Popover.d.ts.map +1 -1
- package/dist/custom-element/Popover.js +29 -14
- package/dist/custom-element/Popover.js.map +1 -1
- package/dist/event/popover/mouseenter.d.ts +3 -3
- package/dist/event/popover/mouseenter.d.ts.map +1 -1
- package/dist/event/popover/mouseenter.js +1 -1
- package/dist/event/popover/mouseleave.d.ts +3 -3
- package/dist/event/popover/mouseleave.d.ts.map +1 -1
- package/dist/event/popover/mouseleave.js +1 -1
- package/dist/event/popover-hidden-button/click.d.ts +3 -3
- package/dist/event/popover-hidden-button/click.d.ts.map +1 -1
- package/dist/event/popover-trigger/click.d.ts +3 -3
- package/dist/event/popover-trigger/click.d.ts.map +1 -1
- package/dist/event/popover-trigger/click.js +1 -1
- package/dist/event/popover-trigger/mouseenter.d.ts +3 -3
- package/dist/event/popover-trigger/mouseenter.d.ts.map +1 -1
- package/dist/event/popover-trigger/mouseenter.js +1 -1
- package/dist/event/popover-trigger/mouseleave.d.ts +3 -3
- package/dist/event/popover-trigger/mouseleave.d.ts.map +1 -1
- package/dist/event/popover-trigger/mouseleave.js +1 -1
- package/dist/footnoteReferencePopover.d.ts +5 -4
- package/dist/footnoteReferencePopover.d.ts.map +1 -1
- package/dist/footnoteReferencePopover.js +28 -22
- package/dist/footnoteReferencePopover.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/package.json +11 -10
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
# Footnote reference popover
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/package/@w0s/footnote-reference-popover)
|
|
4
|
-
[](https://github.com/SaekiTominaga/js-library-browser/actions/workflows/ci.yml)
|
|
5
5
|
|
|
6
6
|
## Features
|
|
7
7
|
|
|
@@ -42,11 +42,13 @@ Using the Popover feature. ([Can I use...](https://caniuse.com/wf-popover))
|
|
|
42
42
|
footnoteReferencePopover(document.querySelectorAll('.js-footnote-reference-popover')); // `getElementById()` or `getElementsByClassName()` or `getElementsByTagName()` or `querySelector()` or `querySelectorAll()`
|
|
43
43
|
</script>
|
|
44
44
|
|
|
45
|
-
<a class="js-footnote-reference-popover" href="#
|
|
45
|
+
<a class="js-footnote-reference-popover" href="#fn-1">[1]</a>
|
|
46
46
|
|
|
47
47
|
<a
|
|
48
48
|
class="js-footnote-reference-popover"
|
|
49
|
-
|
|
49
|
+
id="fnref-2"
|
|
50
|
+
href="#fn-2"
|
|
51
|
+
data-ignore=".backref"
|
|
50
52
|
data-popover-label="Note"
|
|
51
53
|
data-popover-class="my-popover"
|
|
52
54
|
data-popover-hide-text="Popover Close"
|
|
@@ -58,10 +60,9 @@ Using the Popover feature. ([Can I use...](https://caniuse.com/wf-popover))
|
|
|
58
60
|
>[2]</a
|
|
59
61
|
>
|
|
60
62
|
|
|
61
|
-
<
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
</ul>
|
|
63
|
+
<p id="fn-1">Footnote1 text.</p>
|
|
64
|
+
|
|
65
|
+
<p id="fn-2">Footnote2 <a href="#">link</a> text. <a href="#fnref-2" class="backref">↩ Back</a></p>
|
|
65
66
|
```
|
|
66
67
|
|
|
67
68
|
\* **`@w0s/shadow-append-css` is no longer required since version 7.3**
|
|
@@ -70,7 +71,9 @@ Using the Popover feature. ([Can I use...](https://caniuse.com/wf-popover))
|
|
|
70
71
|
|
|
71
72
|
<dl>
|
|
72
73
|
<dt><code>href</code> [required]</dt>
|
|
73
|
-
<dd>URL hash value of the element that contains the content to be displayed in the popover. (e.g. <code>#
|
|
74
|
+
<dd>URL hash value of the element that contains the content to be displayed in the popover. (e.g. <code>#fn-1</code> )</dd>
|
|
75
|
+
<dt><code>data-ignore</code> [optional]</dt>
|
|
76
|
+
<dd>Selectors string for elements to ignore from the popover. For example, if a footnote contains a “Back” link, it should not be displayed in the popover.</dd>
|
|
74
77
|
<dt><code>data-popover-label</code> [optional]</dt>
|
|
75
78
|
<dd>Label to be set on popover (<code>aria-label</code> attribute value).</dd>
|
|
76
79
|
<dt><code>data-popover-class</code> [optional]</dt>
|
|
@@ -96,15 +99,13 @@ The popover markup looks like this.
|
|
|
96
99
|
```html
|
|
97
100
|
<a
|
|
98
101
|
class="js-footnote-reference-popover"
|
|
99
|
-
href="#
|
|
102
|
+
href="#fn"
|
|
100
103
|
data-popover-label="Note"
|
|
101
104
|
data-popover-class="my-popover"
|
|
102
105
|
data-popover-hide-text="Popover Close"
|
|
103
106
|
data-popover-hide-image-src="./popover-close.svg"
|
|
104
107
|
data-popover-hide-image-width="18"
|
|
105
108
|
data-popover-hide-image-height="18"
|
|
106
|
-
data-mouseenter-delay="1000"
|
|
107
|
-
data-mouseleave-delay="1000"
|
|
108
109
|
>[1]</a
|
|
109
110
|
>
|
|
110
111
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FootnoteElement.d.ts","sourceRoot":"","sources":["../../src/attribute/FootnoteElement.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;;IAGb;;OAEG;
|
|
1
|
+
{"version":3,"file":"FootnoteElement.d.ts","sourceRoot":"","sources":["../../src/attribute/FootnoteElement.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;;IAGb;;OAEG;IACH,YAAY,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAsB3C;IAED,IAAI,OAAO,IAAI,WAAW,CAEzB;CACD"}
|
|
@@ -8,19 +8,19 @@ export default class {
|
|
|
8
8
|
*/
|
|
9
9
|
constructor(value) {
|
|
10
10
|
if (value === null || value === undefined) {
|
|
11
|
-
throw new TypeError('The `href` attribute is not set
|
|
11
|
+
throw new TypeError('The `href` attribute is not set');
|
|
12
12
|
}
|
|
13
13
|
if (!URL.canParse(value)) {
|
|
14
|
-
throw new TypeError('The value of the `href` attribute must be a URL
|
|
14
|
+
throw new TypeError('The value of the `href` attribute must be a URL');
|
|
15
15
|
}
|
|
16
16
|
const url = new URL(value);
|
|
17
17
|
if (url.origin !== location.origin || url.pathname !== location.pathname) {
|
|
18
|
-
throw new TypeError('The `href` attribute must be in the same content
|
|
18
|
+
throw new TypeError('The `href` attribute must be in the same content');
|
|
19
19
|
}
|
|
20
|
-
const id = url.hash.
|
|
21
|
-
const footnoteElement = document.
|
|
20
|
+
const id = url.hash.slice(1);
|
|
21
|
+
const footnoteElement = document.querySelector(`#${id}`);
|
|
22
22
|
if (footnoteElement === null) {
|
|
23
|
-
throw new Error(`Element \`#${id}\` not found
|
|
23
|
+
throw new Error(`Element \`#${id}\` not found`);
|
|
24
24
|
}
|
|
25
25
|
this.#element = footnoteElement;
|
|
26
26
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FootnoteElement.js","sourceRoot":"","sources":["../../src/attribute/FootnoteElement.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;IACJ,QAAQ,CAAc;IAE/B;;OAEG;IACH,YAAY,KAAgC;QAC3C,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YAC3C,MAAM,IAAI,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"FootnoteElement.js","sourceRoot":"","sources":["../../src/attribute/FootnoteElement.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;IACJ,QAAQ,CAAc;IAE/B;;OAEG;IACH,YAAY,KAAgC;QAC3C,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YAC3C,MAAM,IAAI,SAAS,CAAC,iCAAiC,CAAC,CAAC;QACxD,CAAC;QAED,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC1B,MAAM,IAAI,SAAS,CAAC,iDAAiD,CAAC,CAAC;QACxE,CAAC;QAED,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;QAE3B,IAAI,GAAG,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM,IAAI,GAAG,CAAC,QAAQ,KAAK,QAAQ,CAAC,QAAQ,EAAE,CAAC;YAC1E,MAAM,IAAI,SAAS,CAAC,kDAAkD,CAAC,CAAC;QACzE,CAAC;QAED,MAAM,EAAE,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAC7B,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAc,IAAI,EAAE,EAAE,CAAC,CAAC;QACtE,IAAI,eAAe,KAAK,IAAI,EAAE,CAAC;YAC9B,MAAM,IAAI,KAAK,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;QACjD,CAAC;QAED,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC;IACjC,CAAC;IAED,IAAI,OAAO;QACV,OAAO,IAAI,CAAC,QAAQ,CAAC;IACtB,CAAC;CACD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Ignore.d.ts","sourceRoot":"","sources":["../../src/attribute/Ignore.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;;IAGb;;OAEG;IACH,YAAY,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAM3C;IAED,IAAI,SAAS,IAAI,MAAM,GAAG,SAAS,CAElC;CACD"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* `data-ignore` attribute
|
|
3
|
+
*/
|
|
4
|
+
export default class {
|
|
5
|
+
#selectors;
|
|
6
|
+
/**
|
|
7
|
+
* @param value - Attribute value
|
|
8
|
+
*/
|
|
9
|
+
constructor(value) {
|
|
10
|
+
if (value === null || value === undefined) {
|
|
11
|
+
return;
|
|
12
|
+
}
|
|
13
|
+
this.#selectors = value;
|
|
14
|
+
}
|
|
15
|
+
get selectors() {
|
|
16
|
+
return this.#selectors;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=Ignore.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Ignore.js","sourceRoot":"","sources":["../../src/attribute/Ignore.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;IACJ,UAAU,CAAqB;IAExC;;OAEG;IACH,YAAY,KAAgC;QAC3C,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YAC3C,OAAO;QACR,CAAC;QAED,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IACzB,CAAC;IAED,IAAI,SAAS;QACZ,OAAO,IAAI,CAAC,UAAU,CAAC;IACxB,CAAC;CACD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Mouseenter.d.ts","sourceRoot":"","sources":["../../src/attribute/Mouseenter.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;;IAGb;;;OAGG;
|
|
1
|
+
{"version":3,"file":"Mouseenter.d.ts","sourceRoot":"","sources":["../../src/attribute/Mouseenter.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;;IAGb;;;OAGG;IACH,YAAY,KAAK,EAAE,QAAQ,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,EAW7C;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;CACD"}
|
|
@@ -10,10 +10,10 @@ export default class {
|
|
|
10
10
|
constructor(value) {
|
|
11
11
|
const delay = Number(value.delay);
|
|
12
12
|
if (!Number.isFinite(delay)) {
|
|
13
|
-
throw new TypeError('The value of the `data-mouseenter-delay` attribute must be a number
|
|
13
|
+
throw new TypeError('The value of the `data-mouseenter-delay` attribute must be a number');
|
|
14
14
|
}
|
|
15
15
|
if (delay <= 0) {
|
|
16
|
-
throw new TypeError('The value of the `data-mouseenter-delay` attribute must be a number greater than zero
|
|
16
|
+
throw new TypeError('The value of the `data-mouseenter-delay` attribute must be a number greater than zero');
|
|
17
17
|
}
|
|
18
18
|
this.#delay = delay;
|
|
19
19
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Mouseenter.js","sourceRoot":"","sources":["../../src/attribute/Mouseenter.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;IACJ,MAAM,CAAS;IAExB;;;OAGG;IACH,YAAY,KAAkC;QAC7C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAElC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC7B,MAAM,IAAI,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"Mouseenter.js","sourceRoot":"","sources":["../../src/attribute/Mouseenter.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;IACJ,MAAM,CAAS;IAExB;;;OAGG;IACH,YAAY,KAAkC;QAC7C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAElC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC7B,MAAM,IAAI,SAAS,CAAC,qEAAqE,CAAC,CAAC;QAC5F,CAAC;QACD,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;YAChB,MAAM,IAAI,SAAS,CAAC,uFAAuF,CAAC,CAAC;QAC9G,CAAC;QAED,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;CACD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Mouseleave.d.ts","sourceRoot":"","sources":["../../src/attribute/Mouseleave.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;;IAGb;;;OAGG;
|
|
1
|
+
{"version":3,"file":"Mouseleave.d.ts","sourceRoot":"","sources":["../../src/attribute/Mouseleave.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;;IAGb;;;OAGG;IACH,YAAY,KAAK,EAAE,QAAQ,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,EAW7C;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;CACD"}
|
|
@@ -10,10 +10,10 @@ export default class {
|
|
|
10
10
|
constructor(value) {
|
|
11
11
|
const delay = Number(value.delay);
|
|
12
12
|
if (!Number.isFinite(delay)) {
|
|
13
|
-
throw new TypeError('The value of the `data-mouseleave-delay` attribute must be a number
|
|
13
|
+
throw new TypeError('The value of the `data-mouseleave-delay` attribute must be a number');
|
|
14
14
|
}
|
|
15
15
|
if (delay <= 0) {
|
|
16
|
-
throw new TypeError('The value of the `data-mouseleave-delay` attribute must be a number greater than zero
|
|
16
|
+
throw new TypeError('The value of the `data-mouseleave-delay` attribute must be a number greater than zero');
|
|
17
17
|
}
|
|
18
18
|
this.#delay = delay;
|
|
19
19
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Mouseleave.js","sourceRoot":"","sources":["../../src/attribute/Mouseleave.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;IACJ,MAAM,CAAS;IAExB;;;OAGG;IACH,YAAY,KAAkC;QAC7C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAElC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC7B,MAAM,IAAI,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"Mouseleave.js","sourceRoot":"","sources":["../../src/attribute/Mouseleave.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;IACJ,MAAM,CAAS;IAExB;;;OAGG;IACH,YAAY,KAAkC;QAC7C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAElC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC7B,MAAM,IAAI,SAAS,CAAC,qEAAqE,CAAC,CAAC;QAC5F,CAAC;QACD,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;YAChB,MAAM,IAAI,SAAS,CAAC,uFAAuF,CAAC,CAAC;QAC9G,CAAC;QAED,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;CACD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverClass.d.ts","sourceRoot":"","sources":["../../src/attribute/PopoverClass.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;;IAGb;;OAEG;
|
|
1
|
+
{"version":3,"file":"PopoverClass.d.ts","sourceRoot":"","sources":["../../src/attribute/PopoverClass.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;;IAGb;;OAEG;IACH,YAAY,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAM3C;IAED,IAAI,IAAI,IAAI,MAAM,GAAG,SAAS,CAE7B;CACD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverHide.d.ts","sourceRoot":"","sources":["../../src/attribute/PopoverHide.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;;IASb;;;;;;OAMG;
|
|
1
|
+
{"version":3,"file":"PopoverHide.d.ts","sourceRoot":"","sources":["../../src/attribute/PopoverHide.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;;IASb;;;;;;OAMG;IACH,YACC,KAAK,EAAE,QAAQ,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;QACjC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;QACrC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;QACvC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;KACxC,CAAC,EAmCF;IAED,IAAI,IAAI,IAAI,MAAM,GAAG,SAAS,CAE7B;IAED,IAAI,QAAQ,IAAI,MAAM,GAAG,SAAS,CAEjC;IAED,IAAI,UAAU,IAAI,MAAM,GAAG,SAAS,CAEnC;IAED,IAAI,WAAW,IAAI,MAAM,GAAG,SAAS,CAEpC;CACD"}
|
|
@@ -23,20 +23,20 @@ export default class {
|
|
|
23
23
|
if (value.imageWidth !== null && value.imageWidth !== undefined) {
|
|
24
24
|
const width = Number(value.imageWidth);
|
|
25
25
|
if (!Number.isFinite(width)) {
|
|
26
|
-
throw new TypeError('The value of the `data-popover-hide-image-width` attribute must be a number
|
|
26
|
+
throw new TypeError('The value of the `data-popover-hide-image-width` attribute must be a number');
|
|
27
27
|
}
|
|
28
28
|
if (width <= 0) {
|
|
29
|
-
throw new TypeError('The value of the `data-popover-hide-image-width` attribute must be a number greater than zero
|
|
29
|
+
throw new TypeError('The value of the `data-popover-hide-image-width` attribute must be a number greater than zero');
|
|
30
30
|
}
|
|
31
31
|
this.#imageWidth = width;
|
|
32
32
|
}
|
|
33
33
|
if (value.imageHeight !== null && value.imageHeight !== undefined) {
|
|
34
34
|
const height = Number(value.imageHeight);
|
|
35
35
|
if (!Number.isFinite(height)) {
|
|
36
|
-
throw new TypeError('The value of the `data-popover-hide-image-height` attribute must be a number
|
|
36
|
+
throw new TypeError('The value of the `data-popover-hide-image-height` attribute must be a number');
|
|
37
37
|
}
|
|
38
38
|
if (height <= 0) {
|
|
39
|
-
throw new TypeError('The value of the `data-popover-hide-image-height` attribute must be a number greater than zero
|
|
39
|
+
throw new TypeError('The value of the `data-popover-hide-image-height` attribute must be a number greater than zero');
|
|
40
40
|
}
|
|
41
41
|
this.#imageHeight = height;
|
|
42
42
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverHide.js","sourceRoot":"","sources":["../../src/attribute/PopoverHide.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;IACJ,KAAK,CAAqB;IAE1B,SAAS,CAAqB;IAE9B,WAAW,CAAqB;IAEhC,YAAY,CAAqB;IAE1C;;;;;;OAMG;IACH,YACC,KAKE;QAEF,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YACrD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC;QACzB,CAAC;QAED,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;YAC7D,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC;QACjC,CAAC;QAED,IAAI,KAAK,CAAC,UAAU,KAAK,IAAI,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;YACjE,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;YAEvC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC7B,MAAM,IAAI,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"PopoverHide.js","sourceRoot":"","sources":["../../src/attribute/PopoverHide.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;IACJ,KAAK,CAAqB;IAE1B,SAAS,CAAqB;IAE9B,WAAW,CAAqB;IAEhC,YAAY,CAAqB;IAE1C;;;;;;OAMG;IACH,YACC,KAKE;QAEF,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YACrD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC;QACzB,CAAC;QAED,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;YAC7D,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC;QACjC,CAAC;QAED,IAAI,KAAK,CAAC,UAAU,KAAK,IAAI,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;YACjE,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;YAEvC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC7B,MAAM,IAAI,SAAS,CAAC,6EAA6E,CAAC,CAAC;YACpG,CAAC;YACD,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;gBAChB,MAAM,IAAI,SAAS,CAAC,+FAA+F,CAAC,CAAC;YACtH,CAAC;YAED,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAC1B,CAAC;QAED,IAAI,KAAK,CAAC,WAAW,KAAK,IAAI,IAAI,KAAK,CAAC,WAAW,KAAK,SAAS,EAAE,CAAC;YACnE,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;YAEzC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC9B,MAAM,IAAI,SAAS,CAAC,8EAA8E,CAAC,CAAC;YACrG,CAAC;YACD,IAAI,MAAM,IAAI,CAAC,EAAE,CAAC;gBACjB,MAAM,IAAI,SAAS,CAAC,gGAAgG,CAAC,CAAC;YACvH,CAAC;YAED,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC;QAC5B,CAAC;IACF,CAAC;IAED,IAAI,IAAI;QACP,OAAO,IAAI,CAAC,KAAK,CAAC;IACnB,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,SAAS,CAAC;IACvB,CAAC;IAED,IAAI,UAAU;QACb,OAAO,IAAI,CAAC,WAAW,CAAC;IACzB,CAAC;IAED,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,YAAY,CAAC;IAC1B,CAAC;CACD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverLabel.d.ts","sourceRoot":"","sources":["../../src/attribute/PopoverLabel.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;;IAGb;;OAEG;
|
|
1
|
+
{"version":3,"file":"PopoverLabel.d.ts","sourceRoot":"","sources":["../../src/attribute/PopoverLabel.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;;IAGb;;OAEG;IACH,YAAY,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAM3C;IAED,IAAI,IAAI,IAAI,MAAM,GAAG,SAAS,CAE7B;CACD"}
|
|
@@ -13,14 +13,16 @@ export default class extends HTMLElement {
|
|
|
13
13
|
connectedCallback(): void;
|
|
14
14
|
disconnectedCallback(): void;
|
|
15
15
|
attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null): void;
|
|
16
|
-
get
|
|
17
|
-
set
|
|
16
|
+
get ignoreSelectors(): string | undefined;
|
|
17
|
+
set ignoreSelectors(value: string | undefined);
|
|
18
|
+
get hideText(): string | undefined;
|
|
19
|
+
set hideText(value: string | undefined);
|
|
18
20
|
get hideImageSrc(): string;
|
|
19
|
-
set hideImageSrc(value: string |
|
|
20
|
-
get hideImageWidth(): number |
|
|
21
|
-
set hideImageWidth(value: number |
|
|
22
|
-
get hideImageHeight(): number |
|
|
23
|
-
set hideImageHeight(value: number |
|
|
21
|
+
set hideImageSrc(value: string | undefined);
|
|
22
|
+
get hideImageWidth(): number | undefined;
|
|
23
|
+
set hideImageWidth(value: number | undefined);
|
|
24
|
+
get hideImageHeight(): number | undefined;
|
|
25
|
+
set hideImageHeight(value: number | undefined);
|
|
24
26
|
get width(): number;
|
|
25
27
|
get hideButtonElement(): HTMLButtonElement;
|
|
26
28
|
get triggerElement(): HTMLElement | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/custom-element/Popover.ts"],"names":[],"mappings":"AAAA,KAAK,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE/B,MAAM,WAAW,iBAAiB;IACjC,QAAQ,EAAE,KAAK,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,MAAO,SAAQ,WAAW;;
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/custom-element/Popover.ts"],"names":[],"mappings":"AAAA,KAAK,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE/B,MAAM,WAAW,iBAAiB;IACjC,QAAQ,EAAE,KAAK,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,MAAO,SAAQ,WAAW;;IA2BvC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,cAkDC;IAED,iBAAiB,IAAI,IAAI,CAwBxB;IAED,oBAAoB,IAAI,IAAI,CAO3B;IAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAwB9F;IAED,IAAI,eAAe,IAAI,MAAM,GAAG,SAAS,CAExC;IAED,IAAI,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAE5C;IAED,IAAI,QAAQ,IAAI,MAAM,GAAG,SAAS,CAEjC;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAKrC;IAED,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED,IAAI,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAUzC;IAED,IAAI,cAAc,IAAI,MAAM,GAAG,SAAS,CAEvC;IAED,IAAI,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAM3C;IAED,IAAI,eAAe,IAAI,MAAM,GAAG,SAAS,CAExC;IAED,IAAI,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAM5C;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,iBAAiB,IAAI,iBAAiB,CAEzC;IAED,IAAI,cAAc,IAAI,WAAW,GAAG,SAAS,CAE5C;IAED,IAAI,cAAc,CAAC,cAAc,EAAE,WAAW,GAAG,SAAS,EAEzD;IAED,IAAI,mBAAmB,IAAI,MAAM,CAAC,OAAO,GAAG,SAAS,CAEpD;IAED,IAAI,mBAAmB,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,GAAG,SAAS,EAIxD;IAED,IAAI,mBAAmB,IAAI,MAAM,CAAC,OAAO,GAAG,SAAS,CAEpD;IAED,IAAI,mBAAmB,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,GAAG,SAAS,EAIxD;IAED,IAAI,KAAK,IAAI,KAAK,GAAG,SAAS,CAE7B;CA4CD"}
|
|
@@ -5,6 +5,7 @@ export default class extends HTMLElement {
|
|
|
5
5
|
#contentElement;
|
|
6
6
|
#firstFocusableElement;
|
|
7
7
|
#lastFocusableElement;
|
|
8
|
+
#ignoreSelectors;
|
|
8
9
|
#hideButtonElement;
|
|
9
10
|
#hideButtonTextElement;
|
|
10
11
|
#hideButtonImageElement;
|
|
@@ -15,7 +16,7 @@ export default class extends HTMLElement {
|
|
|
15
16
|
#triggerElement;
|
|
16
17
|
#state; // test で使用（JSDOM が `:popover-open` 疑似クラスに対応したら不要になる https://github.com/jsdom/jsdom/issues/3721 ）
|
|
17
18
|
static get observedAttributes() {
|
|
18
|
-
return ['hide-text', 'hide-image-src', 'hide-image-width', 'hide-image-height'];
|
|
19
|
+
return ['ignore-selectors', 'hide-text', 'hide-image-src', 'hide-image-width', 'hide-image-height'];
|
|
19
20
|
}
|
|
20
21
|
constructor() {
|
|
21
22
|
super();
|
|
@@ -50,7 +51,7 @@ export default class extends HTMLElement {
|
|
|
50
51
|
}
|
|
51
52
|
`;
|
|
52
53
|
const shadow = this.attachShadow({ mode: 'open' });
|
|
53
|
-
//
|
|
54
|
+
// oxlint-disable-next-line no-unused-expressions
|
|
54
55
|
'setHTMLUnsafe' in shadow ? shadow.setHTMLUnsafe(htmlString) : (shadow.innerHTML = htmlString);
|
|
55
56
|
const css = new CSSStyleSheet();
|
|
56
57
|
css.replaceSync(cssString);
|
|
@@ -59,17 +60,21 @@ export default class extends HTMLElement {
|
|
|
59
60
|
this.#hideButtonElement = shadow.querySelector('[part="hide-button"]');
|
|
60
61
|
this.#hideButtonTextElement = shadow.querySelector('[part="hide-button-text"]');
|
|
61
62
|
this.#hideButtonImageElement = shadow.querySelector('[part="hide-button-image"]');
|
|
62
|
-
this.#firstFocusableElement = shadow.
|
|
63
|
-
this.#lastFocusableElement = shadow.
|
|
63
|
+
this.#firstFocusableElement = shadow.querySelector('#first-focusable');
|
|
64
|
+
this.#lastFocusableElement = shadow.querySelector('#last-focusable');
|
|
64
65
|
}
|
|
65
66
|
connectedCallback() {
|
|
66
67
|
this.popover = '';
|
|
67
68
|
this.#hideButtonElement.popoverTargetElement = this;
|
|
68
|
-
/* コピー元の HTML 中に `id` 属性が設定されていた場合、ページ中に ID が重複してしまうのを防ぐ */
|
|
69
69
|
const hostElement = this.shadowRoot?.host;
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
70
|
+
/* コピー元の HTML 中に `id` 属性が設定されていた場合、ページ中に ID が重複してしまうのを防ぐ */
|
|
71
|
+
hostElement?.querySelectorAll('[id]').forEach((element) => {
|
|
72
|
+
element.removeAttribute('id');
|
|
73
|
+
});
|
|
74
|
+
/* 除外要素 */
|
|
75
|
+
if (this.#ignoreSelectors !== undefined) {
|
|
76
|
+
hostElement?.querySelectorAll(this.#ignoreSelectors).forEach((element) => {
|
|
77
|
+
element.remove();
|
|
73
78
|
});
|
|
74
79
|
}
|
|
75
80
|
/* ポップオーバー状態変化 */
|
|
@@ -87,12 +92,16 @@ export default class extends HTMLElement {
|
|
|
87
92
|
}
|
|
88
93
|
attributeChangedCallback(name, _oldValue, newValue) {
|
|
89
94
|
switch (name) {
|
|
95
|
+
case 'ignore-selectors': {
|
|
96
|
+
this.ignoreSelectors = newValue ?? undefined;
|
|
97
|
+
break;
|
|
98
|
+
}
|
|
90
99
|
case 'hide-text': {
|
|
91
|
-
this.hideText = newValue;
|
|
100
|
+
this.hideText = newValue ?? undefined;
|
|
92
101
|
break;
|
|
93
102
|
}
|
|
94
103
|
case 'hide-image-src': {
|
|
95
|
-
this.hideImageSrc = newValue;
|
|
104
|
+
this.hideImageSrc = newValue ?? undefined;
|
|
96
105
|
break;
|
|
97
106
|
}
|
|
98
107
|
case 'hide-image-width': {
|
|
@@ -106,6 +115,12 @@ export default class extends HTMLElement {
|
|
|
106
115
|
default:
|
|
107
116
|
}
|
|
108
117
|
}
|
|
118
|
+
get ignoreSelectors() {
|
|
119
|
+
return this.#ignoreSelectors;
|
|
120
|
+
}
|
|
121
|
+
set ignoreSelectors(value) {
|
|
122
|
+
this.#ignoreSelectors = value;
|
|
123
|
+
}
|
|
109
124
|
get hideText() {
|
|
110
125
|
return this.#hideText;
|
|
111
126
|
}
|
|
@@ -118,7 +133,7 @@ export default class extends HTMLElement {
|
|
|
118
133
|
return this.#hideButtonImageElement.src;
|
|
119
134
|
}
|
|
120
135
|
set hideImageSrc(value) {
|
|
121
|
-
if (value ===
|
|
136
|
+
if (value === undefined) {
|
|
122
137
|
this.#hideButtonTextElement.hidden = false;
|
|
123
138
|
this.#hideButtonImageElement.hidden = true;
|
|
124
139
|
return;
|
|
@@ -131,7 +146,7 @@ export default class extends HTMLElement {
|
|
|
131
146
|
return this.#hideButtonImageElement.width;
|
|
132
147
|
}
|
|
133
148
|
set hideImageWidth(value) {
|
|
134
|
-
if (value ===
|
|
149
|
+
if (value === undefined) {
|
|
135
150
|
this.#hideButtonImageElement.removeAttribute('width');
|
|
136
151
|
}
|
|
137
152
|
this.#hideButtonImageElement.width = value ?? 0;
|
|
@@ -140,7 +155,7 @@ export default class extends HTMLElement {
|
|
|
140
155
|
return this.#hideButtonImageElement.height;
|
|
141
156
|
}
|
|
142
157
|
set hideImageHeight(value) {
|
|
143
|
-
if (value ===
|
|
158
|
+
if (value === undefined) {
|
|
144
159
|
this.#hideButtonImageElement.removeAttribute('height');
|
|
145
160
|
}
|
|
146
161
|
this.#hideButtonImageElement.height = value ?? 0;
|
|
@@ -177,7 +192,7 @@ export default class extends HTMLElement {
|
|
|
177
192
|
return this.#state;
|
|
178
193
|
}
|
|
179
194
|
/**
|
|
180
|
-
*
|
|
195
|
+
* ポップオーバーの表示／非表示状態が変化したときの処理
|
|
181
196
|
*
|
|
182
197
|
* @param ev - Event
|
|
183
198
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../src/custom-element/Popover.ts"],"names":[],"mappings":"AAOA;;GAEG;AACH,MAAM,CAAC,OAAO,MAAO,SAAQ,WAAW;IAC9B,eAAe,CAAc;IAE7B,sBAAsB,CAAc;IAEpC,qBAAqB,CAAc;
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../src/custom-element/Popover.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export default _default;
|
|
1
2
|
/**
|
|
2
3
|
* `mouseenter` event
|
|
3
4
|
*
|
|
@@ -5,8 +6,7 @@
|
|
|
5
6
|
* @param data - Elements, attributes and another data
|
|
6
7
|
* @param data.delay - Delay time between mouse cursor moved within the trigger element and showing the popover (milliseconds)
|
|
7
8
|
*/
|
|
8
|
-
declare
|
|
9
|
+
declare function _default(ev: MouseEvent, data: Readonly<{
|
|
9
10
|
delay: number;
|
|
10
|
-
}>)
|
|
11
|
-
export default _default;
|
|
11
|
+
}>): void;
|
|
12
12
|
//# sourceMappingURL=mouseenter.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mouseenter.d.ts","sourceRoot":"","sources":["../../../src/event/popover/mouseenter.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;
|
|
1
|
+
{"version":3,"file":"mouseenter.d.ts","sourceRoot":"","sources":["../../../src/event/popover/mouseenter.ts"],"names":[],"mappings":";AAGA;;;;;;GAMG;0BAEF,EAAE,EAAE,UAAU,EACd,IAAI,EAAE,QAAQ,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd,CAAC,GACA,IAAI"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export default _default;
|
|
1
2
|
/**
|
|
2
3
|
* `mouseleave` event
|
|
3
4
|
*
|
|
@@ -5,8 +6,7 @@
|
|
|
5
6
|
* @param data - Elements, attributes and another data
|
|
6
7
|
* @param data.delay - Delay time between mouse cursor moved out of the trigger element or popover and closing the popover (milliseconds)
|
|
7
8
|
*/
|
|
8
|
-
declare
|
|
9
|
+
declare function _default(ev: MouseEvent, data: Readonly<{
|
|
9
10
|
delay: number;
|
|
10
|
-
}>)
|
|
11
|
-
export default _default;
|
|
11
|
+
}>): void;
|
|
12
12
|
//# sourceMappingURL=mouseleave.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mouseleave.d.ts","sourceRoot":"","sources":["../../../src/event/popover/mouseleave.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;
|
|
1
|
+
{"version":3,"file":"mouseleave.d.ts","sourceRoot":"","sources":["../../../src/event/popover/mouseleave.ts"],"names":[],"mappings":";AAGA;;;;;;GAMG;0BAEF,EAAE,EAAE,UAAU,EACd,IAAI,EAAE,QAAQ,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd,CAAC,GACA,IAAI"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type PopoverElement from '../../custom-element/Popover.ts';
|
|
2
|
+
export default _default;
|
|
2
3
|
/**
|
|
3
4
|
* `click` event
|
|
4
5
|
*
|
|
@@ -6,8 +7,7 @@ import type PopoverElement from '../../custom-element/Popover.ts';
|
|
|
6
7
|
* @param data - Elements, attributes and another data
|
|
7
8
|
* @param data.popoverElement - PopoverElement
|
|
8
9
|
*/
|
|
9
|
-
declare
|
|
10
|
+
declare function _default(_ev: MouseEvent, data: Readonly<{
|
|
10
11
|
popoverElement: PopoverElement;
|
|
11
|
-
}>)
|
|
12
|
-
export default _default;
|
|
12
|
+
}>): void;
|
|
13
13
|
//# sourceMappingURL=click.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"click.d.ts","sourceRoot":"","sources":["../../../src/event/popover-hidden-button/click.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,iCAAiC,CAAC
|
|
1
|
+
{"version":3,"file":"click.d.ts","sourceRoot":"","sources":["../../../src/event/popover-hidden-button/click.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,iCAAiC,CAAC;;AAElE;;;;;;GAMG;0BAEF,GAAG,EAAE,UAAU,EACf,IAAI,EAAE,QAAQ,CAAC;IACd,cAAc,EAAE,cAAc,CAAC;CAC/B,CAAC,GACA,IAAI"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type PopoverElement from '../../custom-element/Popover.ts';
|
|
2
|
+
export default _default;
|
|
2
3
|
/**
|
|
3
4
|
* `click` event
|
|
4
5
|
*
|
|
@@ -6,8 +7,7 @@ import type PopoverElement from '../../custom-element/Popover.ts';
|
|
|
6
7
|
* @param data - Elements, attributes and another data
|
|
7
8
|
* @param data.popoverElement - PopoverElement
|
|
8
9
|
*/
|
|
9
|
-
declare
|
|
10
|
+
declare function _default(ev: MouseEvent, data: Readonly<{
|
|
10
11
|
popoverElement: PopoverElement;
|
|
11
|
-
}>)
|
|
12
|
-
export default _default;
|
|
12
|
+
}>): void;
|
|
13
13
|
//# sourceMappingURL=click.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"click.d.ts","sourceRoot":"","sources":["../../../src/event/popover-trigger/click.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,iCAAiC,CAAC
|
|
1
|
+
{"version":3,"file":"click.d.ts","sourceRoot":"","sources":["../../../src/event/popover-trigger/click.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,iCAAiC,CAAC;;AAGlE;;;;;;GAMG;0BAEF,EAAE,EAAE,UAAU,EACd,IAAI,EAAE,QAAQ,CAAC;IACd,cAAc,EAAE,cAAc,CAAC;CAC/B,CAAC,GACA,IAAI"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type PopoverElement from '../../custom-element/Popover.ts';
|
|
2
|
+
export default _default;
|
|
2
3
|
/**
|
|
3
4
|
* `mouseenter` event
|
|
4
5
|
*
|
|
@@ -8,10 +9,9 @@ import type PopoverElement from '../../custom-element/Popover.ts';
|
|
|
8
9
|
* @param data.delay - Delay time between mouse cursor moved within the trigger element and showing the popover (milliseconds)
|
|
9
10
|
* @param data.preloadImageSrc - Image path for preload
|
|
10
11
|
*/
|
|
11
|
-
declare
|
|
12
|
+
declare function _default(ev: MouseEvent, data: Readonly<{
|
|
12
13
|
popoverElement: PopoverElement;
|
|
13
14
|
delay: number;
|
|
14
15
|
preloadImageSrc: string | undefined;
|
|
15
|
-
}>)
|
|
16
|
-
export default _default;
|
|
16
|
+
}>): void;
|
|
17
17
|
//# sourceMappingURL=mouseenter.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mouseenter.d.ts","sourceRoot":"","sources":["../../../src/event/popover-trigger/mouseenter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,iCAAiC,CAAC
|
|
1
|
+
{"version":3,"file":"mouseenter.d.ts","sourceRoot":"","sources":["../../../src/event/popover-trigger/mouseenter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,iCAAiC,CAAC;;AAgBlE;;;;;;;;GAQG;0BAEF,EAAE,EAAE,UAAU,EACd,IAAI,EAAE,QAAQ,CAAC;IACd,cAAc,EAAE,cAAc,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC,CAAC,GACA,IAAI"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type PopoverElement from '../../custom-element/Popover.ts';
|
|
2
|
+
export default _default;
|
|
2
3
|
/**
|
|
3
4
|
* `mouseleave` event
|
|
4
5
|
*
|
|
@@ -6,9 +7,8 @@ import type PopoverElement from '../../custom-element/Popover.ts';
|
|
|
6
7
|
* @param data - Elements, attributes and another data
|
|
7
8
|
* @param data.popoverElement - PopoverElement
|
|
8
9
|
*/
|
|
9
|
-
declare
|
|
10
|
+
declare function _default(ev: MouseEvent, data: Readonly<{
|
|
10
11
|
popoverElement: PopoverElement;
|
|
11
12
|
delay: number;
|
|
12
|
-
}>)
|
|
13
|
-
export default _default;
|
|
13
|
+
}>): void;
|
|
14
14
|
//# sourceMappingURL=mouseleave.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mouseleave.d.ts","sourceRoot":"","sources":["../../../src/event/popover-trigger/mouseleave.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,iCAAiC,CAAC
|
|
1
|
+
{"version":3,"file":"mouseleave.d.ts","sourceRoot":"","sources":["../../../src/event/popover-trigger/mouseleave.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,iCAAiC,CAAC;;AAGlE;;;;;;GAMG;0BAEF,EAAE,EAAE,UAAU,EACd,IAAI,EAAE,QAAQ,CAAC;IACd,cAAc,EAAE,cAAc,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;CACd,CAAC,GACA,IAAI"}
|
|
@@ -5,19 +5,20 @@ import PopoverElement from './custom-element/Popover.ts';
|
|
|
5
5
|
* @param eventType - イベントの識別名
|
|
6
6
|
* @param popover - PopoverElement
|
|
7
7
|
*/
|
|
8
|
-
|
|
8
|
+
declare const show: (eventType: string, popover: PopoverElement) => void;
|
|
9
9
|
/**
|
|
10
10
|
* ポップオーバーを非表示にする
|
|
11
11
|
*
|
|
12
12
|
* @param eventType - イベントの識別名
|
|
13
13
|
* @param popover - PopoverElement
|
|
14
14
|
*/
|
|
15
|
-
|
|
15
|
+
declare const hide: (eventType: string, popover: PopoverElement) => void;
|
|
16
|
+
export default _default;
|
|
16
17
|
/**
|
|
17
18
|
* Footnote reference popover
|
|
18
19
|
*
|
|
19
20
|
* @param thisElement - Target element
|
|
20
21
|
*/
|
|
21
|
-
declare
|
|
22
|
-
export
|
|
22
|
+
declare function _default(thisElement: HTMLAnchorElement): void;
|
|
23
|
+
export { show, hide };
|
|
23
24
|
//# sourceMappingURL=footnoteReferencePopover.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"footnoteReferencePopover.d.ts","sourceRoot":"","sources":["../src/footnoteReferencePopover.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"footnoteReferencePopover.d.ts","sourceRoot":"","sources":["../src/footnoteReferencePopover.ts"],"names":[],"mappings":"AAOA,OAAO,cAA0C,MAAM,6BAA6B,CAAC;AAUrF;;;;;GAKG;AACH,QAAA,MAAM,IAAI,cAAe,MAAM,WAAW,cAAc,KAAG,IAwC1D,CAAC;AAEF;;;;;GAKG;AACH,QAAA,MAAM,IAAI,cAAe,MAAM,WAAW,cAAc,KAAG,IAU1D,CAAC;;AAEF;;;;GAIG;0BACa,WAAW,EAAE,iBAAiB,GAAG,IAAI;AA4GrD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
import FootnoteElementAttribute from
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
1
|
+
import FootnoteElementAttribute from './attribute/FootnoteElement.js';
|
|
2
|
+
import IgnoreAttribute from './attribute/Ignore.js';
|
|
3
|
+
import MouseenterAttribute from './attribute/Mouseenter.js';
|
|
4
|
+
import MouseleaveAttribute from './attribute/Mouseleave.js';
|
|
5
|
+
import PopoverClassAttribute from './attribute/PopoverClass.js';
|
|
6
|
+
import PopoverHideAttribute from './attribute/PopoverHide.js';
|
|
7
|
+
import PopoverLabelAttribute from './attribute/PopoverLabel.js';
|
|
8
|
+
import PopoverElement, {} from './custom-element/Popover.js';
|
|
9
|
+
import popoverHiddenButtonClickEvent from './event/popover-hidden-button/click.js';
|
|
10
|
+
import popoverTriggerClickEvent from './event/popover-trigger/click.js';
|
|
11
|
+
import popoverTriggerMouseenterEvent from './event/popover-trigger/mouseenter.js';
|
|
12
|
+
import popoverTriggerMouseleaveEvent from './event/popover-trigger/mouseleave.js';
|
|
13
|
+
import popoverMouseenterEvent from './event/popover/mouseenter.js';
|
|
14
|
+
import popoverMouseleaveEvent from './event/popover/mouseleave.js';
|
|
14
15
|
const POPOVER_ELEMENT_NAME = 'x-popover';
|
|
15
16
|
/**
|
|
16
17
|
* ポップオーバーを表示する
|
|
@@ -18,10 +19,10 @@ const POPOVER_ELEMENT_NAME = 'x-popover';
|
|
|
18
19
|
* @param eventType - イベントの識別名
|
|
19
20
|
* @param popover - PopoverElement
|
|
20
21
|
*/
|
|
21
|
-
|
|
22
|
+
const show = (eventType, popover) => {
|
|
22
23
|
if (!popover.isConnected) {
|
|
23
24
|
/* 初回表示時はポップオーバーの挿入を行う */
|
|
24
|
-
document.body.
|
|
25
|
+
document.body.append(popover);
|
|
25
26
|
}
|
|
26
27
|
const triggerRect = popover.triggerElement?.getBoundingClientRect();
|
|
27
28
|
if (triggerRect !== undefined) {
|
|
@@ -59,7 +60,7 @@ export const show = (eventType, popover) => {
|
|
|
59
60
|
* @param eventType - イベントの識別名
|
|
60
61
|
* @param popover - PopoverElement
|
|
61
62
|
*/
|
|
62
|
-
|
|
63
|
+
const hide = (eventType, popover) => {
|
|
63
64
|
const eventDetail = {
|
|
64
65
|
newState: 'closed',
|
|
65
66
|
eventType: eventType,
|
|
@@ -75,8 +76,9 @@ export const hide = (eventType, popover) => {
|
|
|
75
76
|
*/
|
|
76
77
|
export default (thisElement) => {
|
|
77
78
|
const { href: hrefAttributeValue } = thisElement;
|
|
78
|
-
const { popoverLabel: popoverLabelAttributeValue, popoverClass: popoverClassAttributeValue, popoverHideText: popoverHideTextAttributeValue, popoverHideImageSrc: popoverHideImageSrcAttributeValue, popoverHideImageWidth: popoverHideImageWidthAttributeValue, popoverHideImageHeight: popoverHideImageHeightAttributeValue, mouseenterDelay: mouseenterDelayAttributeValue, mouseleaveDelay: mouseleaveDelayAttributeValue, } = thisElement.dataset;
|
|
79
|
+
const { ignore: ignoreAttributeValue, popoverLabel: popoverLabelAttributeValue, popoverClass: popoverClassAttributeValue, popoverHideText: popoverHideTextAttributeValue, popoverHideImageSrc: popoverHideImageSrcAttributeValue, popoverHideImageWidth: popoverHideImageWidthAttributeValue, popoverHideImageHeight: popoverHideImageHeightAttributeValue, mouseenterDelay: mouseenterDelayAttributeValue, mouseleaveDelay: mouseleaveDelayAttributeValue, } = thisElement.dataset;
|
|
79
80
|
const footnoteElement = new FootnoteElementAttribute(hrefAttributeValue);
|
|
81
|
+
const ignore = new IgnoreAttribute(ignoreAttributeValue);
|
|
80
82
|
const popoverLabel = new PopoverLabelAttribute(popoverLabelAttributeValue);
|
|
81
83
|
const popoverClass = new PopoverClassAttribute(popoverClassAttributeValue);
|
|
82
84
|
const popoverHide = new PopoverHideAttribute({
|
|
@@ -94,11 +96,14 @@ export default (thisElement) => {
|
|
|
94
96
|
if (popoverClass.name !== undefined) {
|
|
95
97
|
popoverElement.className = popoverClass.name;
|
|
96
98
|
}
|
|
97
|
-
popoverElement.
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
popoverElement.
|
|
99
|
+
popoverElement.ignoreSelectors = ignore.selectors;
|
|
100
|
+
if (popoverLabel.text !== undefined) {
|
|
101
|
+
popoverElement.ariaLabel = popoverLabel.text;
|
|
102
|
+
}
|
|
103
|
+
popoverElement.hideText = popoverHide.text;
|
|
104
|
+
popoverElement.hideImageSrc = popoverHide.imageSrc;
|
|
105
|
+
popoverElement.hideImageWidth = popoverHide.imageWidth;
|
|
106
|
+
popoverElement.hideImageHeight = popoverHide.imageHeight;
|
|
102
107
|
popoverElement.triggerElement = thisElement;
|
|
103
108
|
popoverElement.insertAdjacentHTML('afterbegin', 'getHTML' in footnoteElement.element ? footnoteElement.element.getHTML() : footnoteElement.element.innerHTML);
|
|
104
109
|
thisElement.setAttribute('role', 'button');
|
|
@@ -136,4 +141,5 @@ export default (thisElement) => {
|
|
|
136
141
|
});
|
|
137
142
|
}, { passive: true });
|
|
138
143
|
};
|
|
144
|
+
export { show, hide };
|
|
139
145
|
//# sourceMappingURL=footnoteReferencePopover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"footnoteReferencePopover.js","sourceRoot":"","sources":["../src/footnoteReferencePopover.ts"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,MAAM,gCAAgC,CAAC;AACtE,OAAO,mBAAmB,MAAM,2BAA2B,CAAC;AAC5D,OAAO,mBAAmB,MAAM,2BAA2B,CAAC;AAC5D,OAAO,qBAAqB,MAAM,6BAA6B,CAAC;AAChE,OAAO,oBAAoB,MAAM,4BAA4B,CAAC;AAC9D,OAAO,qBAAqB,MAAM,6BAA6B,CAAC;AAChE,OAAO,cAAc,EAAE,EAA0B,MAAM,6BAA6B,CAAC;AACrF,OAAO,
|
|
1
|
+
{"version":3,"file":"footnoteReferencePopover.js","sourceRoot":"","sources":["../src/footnoteReferencePopover.ts"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,MAAM,gCAAgC,CAAC;AACtE,OAAO,eAAe,MAAM,uBAAuB,CAAC;AACpD,OAAO,mBAAmB,MAAM,2BAA2B,CAAC;AAC5D,OAAO,mBAAmB,MAAM,2BAA2B,CAAC;AAC5D,OAAO,qBAAqB,MAAM,6BAA6B,CAAC;AAChE,OAAO,oBAAoB,MAAM,4BAA4B,CAAC;AAC9D,OAAO,qBAAqB,MAAM,6BAA6B,CAAC;AAChE,OAAO,cAAc,EAAE,EAA0B,MAAM,6BAA6B,CAAC;AACrF,OAAO,6BAA6B,MAAM,wCAAwC,CAAC;AACnF,OAAO,wBAAwB,MAAM,kCAAkC,CAAC;AACxE,OAAO,6BAA6B,MAAM,uCAAuC,CAAC;AAClF,OAAO,6BAA6B,MAAM,uCAAuC,CAAC;AAClF,OAAO,sBAAsB,MAAM,+BAA+B,CAAC;AACnE,OAAO,sBAAsB,MAAM,+BAA+B,CAAC;AAEnE,MAAM,oBAAoB,GAAG,WAAW,CAAC;AAEzC;;;;;GAKG;AACH,MAAM,IAAI,GAAG,CAAC,SAAiB,EAAE,OAAuB,EAAQ,EAAE;IACjE,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QAC1B,yBAAyB;QACzB,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC;IAED,MAAM,WAAW,GAAG,OAAO,CAAC,cAAc,EAAE,qBAAqB,EAAE,CAAC;IAEpE,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;QAC/B,qCAAqC;QACrC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QAC7B,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;QACnF,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QAC7B,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC;IAC7B,CAAC;IAED,gBAAgB;IAChB,MAAM,WAAW,GAAsB;QACtC,QAAQ,EAAE,MAAM;QAChB,SAAS,EAAE,SAAS;KACpB,CAAC;IACF,OAAO,CAAC,aAAa,CACpB,IAAI,WAAW,CAAC,WAAW,EAAE;QAC5B,MAAM,EAAE,WAAW;KACnB,CAAC,CACF,CAAC;IAEF,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;QAC/B,sCAAsC;QACtC,MAAM,aAAa,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC;QAC3D,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC;QACnC,MAAM,eAAe,GAAG,WAAW,CAAC,IAAI,CAAC;QAEzC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC;QAClD,IAAI,aAAa,GAAG,eAAe,GAAG,YAAY,EAAE,CAAC;YACpD,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;QAC3B,CAAC;aAAM,CAAC;YACP,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC;QACrD,CAAC;IACF,CAAC;AACF,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,IAAI,GAAG,CAAC,SAAiB,EAAE,OAAuB,EAAQ,EAAE;IACjE,MAAM,WAAW,GAAsB;QACtC,QAAQ,EAAE,QAAQ;QAClB,SAAS,EAAE,SAAS;KACpB,CAAC;IACF,OAAO,CAAC,aAAa,CACpB,IAAI,WAAW,CAAC,WAAW,EAAE;QAC5B,MAAM,EAAE,WAAW;KACnB,CAAC,CACF,CAAC;AACH,CAAC,CAAC;AAEF;;;;GAIG;AACH,eAAe,CAAC,WAA8B,EAAQ,EAAE;IACvD,MAAM,EAAE,IAAI,EAAE,kBAAkB,EAAE,GAAG,WAAW,CAAC;IACjD,MAAM,EACL,MAAM,EAAE,oBAAoB,EAC5B,YAAY,EAAE,0BAA0B,EACxC,YAAY,EAAE,0BAA0B,EACxC,eAAe,EAAE,6BAA6B,EAC9C,mBAAmB,EAAE,iCAAiC,EACtD,qBAAqB,EAAE,mCAAmC,EAC1D,sBAAsB,EAAE,oCAAoC,EAC5D,eAAe,EAAE,6BAA6B,EAC9C,eAAe,EAAE,6BAA6B,GAC9C,GAAG,WAAW,CAAC,OAAO,CAAC;IAExB,MAAM,eAAe,GAAG,IAAI,wBAAwB,CAAC,kBAAkB,CAAC,CAAC;IACzE,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,oBAAoB,CAAC,CAAC;IACzD,MAAM,YAAY,GAAG,IAAI,qBAAqB,CAAC,0BAA0B,CAAC,CAAC;IAC3E,MAAM,YAAY,GAAG,IAAI,qBAAqB,CAAC,0BAA0B,CAAC,CAAC;IAC3E,MAAM,WAAW,GAAG,IAAI,oBAAoB,CAAC;QAC5C,IAAI,EAAE,6BAA6B;QACnC,QAAQ,EAAE,iCAAiC;QAC3C,UAAU,EAAE,mCAAmC;QAC/C,WAAW,EAAE,oCAAoC;KACjD,CAAC,CAAC;IACH,MAAM,UAAU,GAAG,IAAI,mBAAmB,CAAC,EAAE,KAAK,EAAE,6BAA6B,IAAI,KAAK,EAAE,CAAC,CAAC;IAC9F,MAAM,UAAU,GAAG,IAAI,mBAAmB,CAAC,EAAE,KAAK,EAAE,6BAA6B,IAAI,KAAK,EAAE,CAAC,CAAC;IAE9F,IAAI,cAAc,CAAC,GAAG,CAAC,oBAAoB,CAAC,KAAK,SAAS,EAAE,CAAC;QAC5D,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,cAAc,CAAC,CAAC;IAC7D,CAAC;IAED,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAmB,CAAC;IACtF,IAAI,YAAY,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QACrC,cAAc,CAAC,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC;IAC9C,CAAC;IACD,cAAc,CAAC,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC;IAClD,IAAI,YAAY,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QACrC,cAAc,CAAC,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC;IAC9C,CAAC;IACD,cAAc,CAAC,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC;IAC3C,cAAc,CAAC,YAAY,GAAG,WAAW,CAAC,QAAQ,CAAC;IACnD,cAAc,CAAC,cAAc,GAAG,WAAW,CAAC,UAAU,CAAC;IACvD,cAAc,CAAC,eAAe,GAAG,WAAW,CAAC,WAAW,CAAC;IACzD,cAAc,CAAC,cAAc,GAAG,WAAW,CAAC;IAC5C,cAAc,CAAC,kBAAkB,CAChC,YAAY,EACZ,SAAS,IAAI,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC,CAAE,eAAe,CAAC,OAAuB,CAAC,SAAS,CAC7H,CAAC;IAEF,WAAW,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAE3C,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,EAAc,EAAE,EAAE;QACxD,wBAAwB,CAAC,EAAE,EAAE;YAC5B,cAAc,EAAE,cAAc;SAC9B,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,WAAW,CAAC,gBAAgB,CAC3B,YAAY,EACZ,CAAC,EAAc,EAAE,EAAE;QAClB,6BAA6B,CAAC,EAAE,EAAE;YACjC,cAAc,EAAE,cAAc;YAC9B,KAAK,EAAE,UAAU,CAAC,KAAK;YACvB,eAAe,EAAE,WAAW,CAAC,QAAQ;SACrC,CAAC,CAAC;IACJ,CAAC,EACD,EAAE,OAAO,EAAE,IAAI,EAAE,CACjB,CAAC;IACF,WAAW,CAAC,gBAAgB,CAC3B,YAAY,EACZ,CAAC,EAAc,EAAE,EAAE;QAClB,6BAA6B,CAAC,EAAE,EAAE;YACjC,cAAc,EAAE,cAAc;YAC9B,KAAK,EAAE,UAAU,CAAC,KAAK;SACvB,CAAC,CAAC;IACJ,CAAC,EACD,EAAE,OAAO,EAAE,IAAI,EAAE,CACjB,CAAC;IAEF,cAAc,CAAC,gBAAgB,CAC9B,YAAY,EACZ,CAAC,EAAc,EAAE,EAAE;QAClB,sBAAsB,CAAC,EAAE,EAAE;YAC1B,KAAK,EAAE,UAAU,CAAC,KAAK;SACvB,CAAC,CAAC;IACJ,CAAC,EACD,EAAE,OAAO,EAAE,IAAI,EAAE,CACjB,CAAC;IACF,cAAc,CAAC,gBAAgB,CAC9B,YAAY,EACZ,CAAC,EAAc,EAAE,EAAE;QAClB,sBAAsB,CAAC,EAAE,EAAE;YAC1B,KAAK,EAAE,UAAU,CAAC,KAAK;SACvB,CAAC,CAAC;IACJ,CAAC,EACD,EAAE,OAAO,EAAE,IAAI,EAAE,CACjB,CAAC;IAEF,cAAc,CAAC,iBAAiB,CAAC,gBAAgB,CAChD,OAAO,EACP,CAAC,EAAc,EAAE,EAAE;QAClB,6BAA6B,CAAC,EAAE,EAAE;YACjC,cAAc,EAAE,cAAc;SAC9B,CAAC,CAAC;IACJ,CAAC,EACD,EAAE,OAAO,EAAE,IAAI,EAAE,CACjB,CAAC;AACH,CAAC,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
declare const _default: (elementOrElements: NodeListOf<Element> | HTMLCollectionOf<Element> | Element | null) => void;
|
|
2
1
|
export default _default;
|
|
2
|
+
declare function _default(elementOrElements: NodeListOf<Element> | HTMLCollectionOf<Element> | Element | null): void;
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";0BAUgB,iBAAiB,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG,gBAAgB,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,IAAI,GAAG,IAAI"}
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import footnoteReferencePopover from
|
|
1
|
+
import footnoteReferencePopover from './footnoteReferencePopover.js';
|
|
2
2
|
const validate = (element) => {
|
|
3
3
|
if (!(element instanceof HTMLAnchorElement)) {
|
|
4
|
-
throw new
|
|
4
|
+
throw new TypeError('Element must be a `HTMLAnchorElement`');
|
|
5
5
|
}
|
|
6
6
|
return element;
|
|
7
7
|
};
|
|
@@ -17,7 +17,7 @@ export default (elementOrElements) => {
|
|
|
17
17
|
footnoteReferencePopover(validate(elementOrElements));
|
|
18
18
|
}
|
|
19
19
|
else {
|
|
20
|
-
|
|
20
|
+
[...elementOrElements].forEach((element) => {
|
|
21
21
|
footnoteReferencePopover(validate(element));
|
|
22
22
|
});
|
|
23
23
|
}
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,MAAM,+BAA+B,CAAC;AAErE,MAAM,QAAQ,GAAG,CAAC,OAAgB,EAAqB,EAAE;IACxD,IAAI,CAAC,CAAC,OAAO,YAAY,iBAAiB,CAAC,EAAE,CAAC;QAC7C,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,MAAM,+BAA+B,CAAC;AAErE,MAAM,QAAQ,GAAG,CAAC,OAAgB,EAAqB,EAAE;IACxD,IAAI,CAAC,CAAC,OAAO,YAAY,iBAAiB,CAAC,EAAE,CAAC;QAC7C,MAAM,IAAI,SAAS,CAAC,uCAAuC,CAAC,CAAC;IAC9D,CAAC;IAED,OAAO,OAAO,CAAC;AAChB,CAAC,CAAC;AAEF,eAAe,CAAC,iBAAmF,EAAQ,EAAE;IAC5G,IAAI,CAAC,CAAC,aAAa,IAAI,WAAW,CAAC,SAAS,CAAC,EAAE,CAAC;QAC/C,OAAO,CAAC,IAAI,CAAC,wCAAwC,CAAC,CAAC;QACvD,OAAO;IACR,CAAC;IAED,IAAI,iBAAiB,KAAK,IAAI,EAAE,CAAC;QAChC,OAAO;IACR,CAAC;IAED,IAAI,iBAAiB,YAAY,OAAO,EAAE,CAAC;QAC1C,wBAAwB,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACvD,CAAC;SAAM,CAAC;QACP,CAAC,GAAG,iBAAiB,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC1C,wBAAwB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;IACJ,CAAC;AACF,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@w0s/footnote-reference-popover",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.4.1",
|
|
4
4
|
"description": "Footnote reference popover",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"footnote",
|
|
@@ -12,6 +12,10 @@
|
|
|
12
12
|
},
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"author": "Saeki Tominaga",
|
|
15
|
+
"repository": {
|
|
16
|
+
"type": "git",
|
|
17
|
+
"url": "git+https://github.com/SaekiTominaga/js-library-browser.git"
|
|
18
|
+
},
|
|
15
19
|
"files": [
|
|
16
20
|
"dist/**/*.d.ts",
|
|
17
21
|
"!dist/**/*.test.d.ts",
|
|
@@ -26,19 +30,16 @@
|
|
|
26
30
|
"main": "dist/index.js",
|
|
27
31
|
"module": "dist/index.js",
|
|
28
32
|
"types": "dist/index.d.ts",
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"url": "git+https://github.com/SaekiTominaga/js-library-browser.git"
|
|
33
|
+
"publishConfig": {
|
|
34
|
+
"access": "public"
|
|
32
35
|
},
|
|
33
36
|
"scripts": {
|
|
34
|
-
"dev": "conc \"http-server -o demo -c-1\" \"tsc -w\"",
|
|
37
|
+
"dev": "conc \"http-server ../ -p 8080 -o footnote-reference-popover/demo -c-1\" \"tsc -w\"",
|
|
35
38
|
"prebuild": "rimraf dist/* -g",
|
|
36
39
|
"build": "tsc",
|
|
37
|
-
"lint": "eslint src/**/*.ts",
|
|
38
40
|
"pretest": "npm run build",
|
|
39
|
-
"test": "
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
"access": "public"
|
|
41
|
+
"test": "npm run test:node & npm run test:playwright",
|
|
42
|
+
"test:node": "cross-env NODE_OPTIONS=--experimental-vm-modules jest dist/.+\\.test\\.js -c ../../jest.config.mjs --roots packages/footnote-reference-popover",
|
|
43
|
+
"test:playwright": "playwright test footnoteReferencePopover.spec.ts -c ../../playwright.config.js"
|
|
43
44
|
}
|
|
44
45
|
}
|