@w0s/footnote-reference-popover 7.2.1 → 7.3.0

package/README.md

@@ -13,18 +13,26 @@
   - The popover is generated the first time a request is made to display the popover, not when the web page loads. This minimizes DOM processing at load time when a large number of popovers are embedded in the page.
 - Customizable delay time for showing and hiding for mouse operations.
 
+## Browser support
+
+Using the Popover feature. ([Can I use...](https://caniuse.com/wf-popover))
+
+- Firefox 125+
+- Safari 17.0+
+- Chrome 116+
+- Edge 116+
+
 ## Demo
 
 - [Demo page](https://saekitominaga.github.io/js-library-browser/packages/footnote-reference-popover/demo/)
 
 ## Examples
 
-```HTML
+```html
 <script type="importmap">
   {
     "imports": {
-      "@w0s/footnote-reference-popover": "...",
-      "@w0s/shadow-append-css": "..."
+      "@w0s/footnote-reference-popover": "..."
     }
   }
 </script>
@@ -34,28 +42,30 @@
   footnoteReferencePopover(document.querySelectorAll('.js-footnote-reference-popover')); // `getElementById()` or `getElementsByClassName()` or `getElementsByTagName()` or `querySelector()` or `querySelectorAll()`
 </script>
 
-<a class="js-footnote-reference-popover"
-  href="#footnote-1"
->[1]</a>
+<a class="js-footnote-reference-popover" href="#footnote-1">[1]</a>
 
-<a class="js-footnote-reference-popover"
+<a
+  class="js-footnote-reference-popover"
   href="#footnote-2"
   data-popover-label="Note"
   data-popover-class="my-popover"
-  data-popover-hide-text="Close"
-  data-popover-hide-image-src="/assets/popover-close.svg"
-  data-popover-hide-image-width="16"
-  data-popover-hide-image-height="16"
-  data-mouseenter-delay="250"
-  data-mouseleave-delay="250"
->[1]</a>
-
-<ul class="footnotes">
-<li id="footnote-1">Footnote text. <a href="#">link</a> <code>code</code> <em>emphasis</em></li>
-<li id="footnote-2">Footnote text.</li>
+  data-popover-hide-text="Popover Close"
+  data-popover-hide-image-src="./popover-close.svg"
+  data-popover-hide-image-width="18"
+  data-popover-hide-image-height="18"
+  data-mouseenter-delay="1000"
+  data-mouseleave-delay="1000"
+  >[2]</a
+>
+
+<ul>
+  <li id="footnote-1">Footnote text.</li>
+  <li id="footnote-2">Footnote text. <a href="#">link</a> <code>code</code> <em>emphasis</em></li>
 </ul>
 ```
 
+\* **`@w0s/shadow-append-css` is no longer required since version 7.3**
+
 ## HTML attributes
 
 <dl>
@@ -84,19 +94,30 @@
 The popover markup looks like this.
 
 ```html
-<a class="js-footnote-reference-popover" href="#footnote" data-popover-class="my-popover">[1]</a>
-
-<x-popover popover="" class="my-popover">
+<a
+  class="js-footnote-reference-popover"
+  href="#footnote"
+  data-popover-label="Note"
+  data-popover-class="my-popover"
+  data-popover-hide-text="Popover Close"
+  data-popover-hide-image-src="./popover-close.svg"
+  data-popover-hide-image-width="18"
+  data-popover-hide-image-height="18"
+  data-mouseenter-delay="1000"
+  data-mouseleave-delay="1000"
+  >[1]</a
+>
+
+<x-popover popover="" aria-label="Note" class="my-popover">
   #shadow-root (open)
   <span id="first-focusable" tabindex="0"></span>
 
   <div tabindex="-1" part="content">
     <slot>...</slot>
 
-    <button type="button" popovertarget="" popovertargetaction="hide" part="hide-button">Close</button>
-    or
     <button type="button" popovertarget="" popovertargetaction="hide" part="hide-button">
-      <img src="close.svg" alt="Close" part="hide-button-image" />
+      <span part="hide-button-text" hidden="">Popover Close</span>
+      <img part="hide-button-image" src="./popover-close.svg" alt="Popover Close" width="18" height="18" />
     </button>
   </div>
 
@@ -107,7 +128,7 @@ The popover markup looks like this.
 Therefore, you can customize the style using [`::part`](https://developer.mozilla.org/en-US/docs/Web/CSS/::part) CSS pseudo-element.
 
 ```css
-.my-popover::part(content) {
+.my-popover {
   &::part(content) {
     ...
   }
@@ -115,9 +136,5 @@ Therefore, you can customize the style using [`::part`](https://developer.mozill
   &::part(hide-button) {
     ...
   }
-
-  &::part(hide-button-image) {
-    ...
-  }
 }
 ```

package/dist/attribute/FootnoteElement.js

@@ -7,7 +7,7 @@ export default class {
      * @param value - Attribute value
      */
     constructor(value) {
-        if (value === null || value === undefined || value === '') {
+        if (value === null || value === undefined) {
             throw new TypeError('The `href` attribute is not set.');
         }
         if (!URL.canParse(value)) {

package/dist/attribute/FootnoteElement.js.map

@@ -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,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;YAC3D,MAAM,IAAI,SAAS,CAAC,kCAAkC,CAAC,CAAC;QACzD,CAAC;QAED,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC1B,MAAM,IAAI,SAAS,CAAC,kDAAkD,CAAC,CAAC;QACzE,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,mDAAmD,CAAC,CAAC;QAC1E,CAAC;QAED,MAAM,EAAE,GAAG,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QACjC,MAAM,eAAe,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;QACpD,IAAI,eAAe,KAAK,IAAI,EAAE,CAAC;YAC9B,MAAM,IAAI,KAAK,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;QAClD,CAAC;QAED,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC;IACjC,CAAC;IAED,IAAI,OAAO;QACV,OAAO,IAAI,CAAC,QAAQ,CAAC;IACtB,CAAC;CACD"}
+{"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,kCAAkC,CAAC,CAAC;QACzD,CAAC;QAED,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC1B,MAAM,IAAI,SAAS,CAAC,kDAAkD,CAAC,CAAC;QACzE,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,mDAAmD,CAAC,CAAC;QAC1E,CAAC;QAED,MAAM,EAAE,GAAG,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QACjC,MAAM,eAAe,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;QACpD,IAAI,eAAe,KAAK,IAAI,EAAE,CAAC;YAC9B,MAAM,IAAI,KAAK,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;QAClD,CAAC;QAED,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC;IACjC,CAAC;IAED,IAAI,OAAO;QACV,OAAO,IAAI,CAAC,QAAQ,CAAC;IACtB,CAAC;CACD"}

package/dist/attribute/Mouseenter.d.ts

@@ -8,8 +8,8 @@ export default class {
      * @param value.delay - `data-mouseenter-delay`
      */
     constructor(value: Readonly<{
-        delay: string | null | undefined;
+        delay: string;
     }>);
-    get delay(): number | undefined;
+    get delay(): number;
 }
 //# sourceMappingURL=Mouseenter.d.ts.map

package/dist/attribute/Mouseenter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Mouseenter.d.ts","sourceRoot":"","sources":["../../src/attribute/Mouseenter.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;;IAGb;;;OAGG;gBACS,KAAK,EAAE,QAAQ,CAAC;QAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;KAAE,CAAC;IAejE,IAAI,KAAK,IAAI,MAAM,GAAG,SAAS,CAE9B;CACD"}
+{"version":3,"file":"Mouseenter.d.ts","sourceRoot":"","sources":["../../src/attribute/Mouseenter.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;;IAGb;;;OAGG;gBACS,KAAK,EAAE,QAAQ,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAa9C,IAAI,KAAK,IAAI,MAAM,CAElB;CACD"}

package/dist/attribute/Mouseenter.js

@@ -8,16 +8,14 @@ export default class {
      * @param value.delay - `data-mouseenter-delay`
      */
     constructor(value) {
-        if (value.delay !== null && value.delay !== undefined) {
-            const delay = Number(value.delay);
-            if (!Number.isFinite(delay)) {
-                throw new TypeError('The value of the `data-mouseenter-delay` attribute must be a number.');
-            }
-            if (delay <= 0) {
-                throw new TypeError('The value of the `data-mouseenter-delay` attribute must be a number greater than zero.');
-            }
-            this.#delay = delay;
+        const delay = Number(value.delay);
+        if (!Number.isFinite(delay)) {
+            throw new TypeError('The value of the `data-mouseenter-delay` attribute must be a number.');
         }
+        if (delay <= 0) {
+            throw new TypeError('The value of the `data-mouseenter-delay` attribute must be a number greater than zero.');
+        }
+        this.#delay = delay;
     }
     get delay() {
         return this.#delay;

package/dist/attribute/Mouseenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Mouseenter.js","sourceRoot":"","sources":["../../src/attribute/Mouseenter.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;IACJ,MAAM,CAAqB;IAEpC;;;OAGG;IACH,YAAY,KAAqD;QAChE,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YACvD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAElC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC7B,MAAM,IAAI,SAAS,CAAC,sEAAsE,CAAC,CAAC;YAC7F,CAAC;YACD,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;gBAChB,MAAM,IAAI,SAAS,CAAC,wFAAwF,CAAC,CAAC;YAC/G,CAAC;YAED,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACrB,CAAC;IACF,CAAC;IAED,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;CACD"}
+{"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,sEAAsE,CAAC,CAAC;QAC7F,CAAC;QACD,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;YAChB,MAAM,IAAI,SAAS,CAAC,wFAAwF,CAAC,CAAC;QAC/G,CAAC;QAED,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;CACD"}

package/dist/attribute/Mouseleave.d.ts

@@ -8,8 +8,8 @@ export default class {
      * @param value.delay - `data-mouseleave-delay`
      */
     constructor(value: Readonly<{
-        delay: string | null | undefined;
+        delay: string;
     }>);
-    get delay(): number | undefined;
+    get delay(): number;
 }
 //# sourceMappingURL=Mouseleave.d.ts.map

package/dist/attribute/Mouseleave.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Mouseleave.d.ts","sourceRoot":"","sources":["../../src/attribute/Mouseleave.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;;IAGb;;;OAGG;gBACS,KAAK,EAAE,QAAQ,CAAC;QAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;KAAE,CAAC;IAejE,IAAI,KAAK,IAAI,MAAM,GAAG,SAAS,CAE9B;CACD"}
+{"version":3,"file":"Mouseleave.d.ts","sourceRoot":"","sources":["../../src/attribute/Mouseleave.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;;IAGb;;;OAGG;gBACS,KAAK,EAAE,QAAQ,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAa9C,IAAI,KAAK,IAAI,MAAM,CAElB;CACD"}

package/dist/attribute/Mouseleave.js

@@ -8,16 +8,14 @@ export default class {
      * @param value.delay - `data-mouseleave-delay`
      */
     constructor(value) {
-        if (value.delay !== null && value.delay !== undefined) {
-            const delay = Number(value.delay);
-            if (!Number.isFinite(delay)) {
-                throw new TypeError('The value of the `data-mouseleave-delay` attribute must be a number.');
-            }
-            if (delay <= 0) {
-                throw new TypeError('The value of the `data-mouseleave-delay` attribute must be a number greater than zero.');
-            }
-            this.#delay = delay;
+        const delay = Number(value.delay);
+        if (!Number.isFinite(delay)) {
+            throw new TypeError('The value of the `data-mouseleave-delay` attribute must be a number.');
         }
+        if (delay <= 0) {
+            throw new TypeError('The value of the `data-mouseleave-delay` attribute must be a number greater than zero.');
+        }
+        this.#delay = delay;
     }
     get delay() {
         return this.#delay;

package/dist/attribute/Mouseleave.js.map

@@ -1 +1 @@
-{"version":3,"file":"Mouseleave.js","sourceRoot":"","sources":["../../src/attribute/Mouseleave.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,OAAO;IACJ,MAAM,CAAqB;IAEpC;;;OAGG;IACH,YAAY,KAAqD;QAChE,IAAI,KAAK,CAAC,KAAK,KAAK,IAAI,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YACvD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAElC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC7B,MAAM,IAAI,SAAS,CAAC,sEAAsE,CAAC,CAAC;YAC7F,CAAC;YACD,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;gBAChB,MAAM,IAAI,SAAS,CAAC,wFAAwF,CAAC,CAAC;YAC/G,CAAC;YAED,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACrB,CAAC;IACF,CAAC;IAED,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;CACD"}
+{"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,sEAAsE,CAAC,CAAC;QAC7F,CAAC;QACD,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;YAChB,MAAM,IAAI,SAAS,CAAC,wFAAwF,CAAC,CAAC;QAC/G,CAAC;QAED,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,MAAM,CAAC;IACpB,CAAC;CACD"}

package/dist/custom-element/Popover.d.ts

@@ -1,22 +1,21 @@
+type State = 'open' | 'closed';
 export interface ToggleEventDetail {
-    newState: 'open' | 'closed';
+    newState: State;
     eventType: string;
 }
 /**
  * Popover
  */
-export default class CustomElementPopover extends HTMLElement {
+export default class extends HTMLElement {
     #private;
     static get observedAttributes(): string[];
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null): void;
-    get label(): string | null;
-    set label(value: string | null);
-    get hideText(): string | null;
+    get hideText(): string;
     set hideText(value: string | null);
-    get hideImageSrc(): string | null;
+    get hideImageSrc(): string;
     set hideImageSrc(value: string | null);
     get hideImageWidth(): number | null;
     set hideImageWidth(value: number | null);
@@ -24,5 +23,13 @@ export default class CustomElementPopover extends HTMLElement {
     set hideImageHeight(value: number | null);
     get width(): number;
     get hideButtonElement(): HTMLButtonElement;
+    get triggerElement(): HTMLElement | undefined;
+    set triggerElement(triggerElement: HTMLElement | undefined);
+    get mouseenterTimeoutId(): NodeJS.Timeout | undefined;
+    set mouseenterTimeoutId(value: NodeJS.Timeout | undefined);
+    get mouseleaveTimeoutId(): NodeJS.Timeout | undefined;
+    set mouseleaveTimeoutId(value: NodeJS.Timeout | undefined);
+    get state(): State | undefined;
 }
+export {};
 //# sourceMappingURL=Popover.d.ts.map

package/dist/custom-element/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/custom-element/Popover.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IACjC,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,WAAW;;IAa5D,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;;IAiDD,iBAAiB,IAAI,IAAI;IAoBzB,oBAAoB,IAAI,IAAI;IAS5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IA0B/F,IAAI,KAAK,IAAI,MAAM,GAAG,IAAI,CAEzB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAE7B;IAED,IAAI,QAAQ,IAAI,MAAM,GAAG,IAAI,CAE5B;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAUhC;IAED,IAAI,YAAY,IAAI,MAAM,GAAG,IAAI,CAEhC;IAED,IAAI,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAYpC;IAED,IAAI,cAAc,IAAI,MAAM,GAAG,IAAI,CAElC;IAED,IAAI,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAOtC;IAED,IAAI,eAAe,IAAI,MAAM,GAAG,IAAI,CAEnC;IAED,IAAI,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAOvC;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,iBAAiB,IAAI,iBAAiB,CAEzC;CA0CD"}
+{"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;;IAyBvC,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;;IAsDD,iBAAiB,IAAI,IAAI;IAoBzB,oBAAoB,IAAI,IAAI;IAS5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAsB/F,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAKhC;IAED,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED,IAAI,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAUpC;IAED,IAAI,cAAc,IAAI,MAAM,GAAG,IAAI,CAElC;IAED,IAAI,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAMtC;IAED,IAAI,eAAe,IAAI,MAAM,GAAG,IAAI,CAEnC;IAED,IAAI,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAMvC;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"}

package/dist/custom-element/Popover.js

@@ -1,62 +1,71 @@
-import shadowAppendCss from '@w0s/shadow-append-css';
 /**
  * Popover
  */
-export default class CustomElementPopover extends HTMLElement {
+export default class extends HTMLElement {
     #contentElement;
     #firstFocusableElement;
     #lastFocusableElement;
     #hideButtonElement;
+    #hideButtonTextElement;
     #hideButtonImageElement;
-    #hideText = 'Close';
+    #HIDE_TEXT_INITIAL_VALUE = 'Close';
+    #hideText = this.#HIDE_TEXT_INITIAL_VALUE;
+    #mouseenterTimeoutId; // ポップオーバーを表示する際のタイマーの識別 ID（`clearTimeout()` で使用）
+    #mouseleaveTimeoutId; // ポップオーバーを非表示にする際のタイマーの識別 ID（`clearTimeout()` で使用）
+    #triggerElement;
+    #state; // test で使用（JSDOM が `:popover-open` 疑似クラスに対応したら不要になる https://github.com/jsdom/jsdom/issues/3721 ）
     static get observedAttributes() {
-        return ['label', 'hide-text', 'hide-image-src', 'hide-image-width', 'hide-image-height'];
+        return ['hide-text', 'hide-image-src', 'hide-image-width', 'hide-image-height'];
     }
     constructor() {
         super();
-        const htmlString = `
-			<span id="first-focusable" tabindex="0"></span>
-			<div tabindex="-1" part="content">
-				<slot></slot>
-				<button type="button" popovertargetaction="hide" part="hide-button"></button>
-			</div>
-			<span id="last-focusable" tabindex="0"></span>
+        const htmlString = `
+			<span id="first-focusable" tabindex="0"></span>
+			<div tabindex="-1" part="content">
+				<slot></slot>
+				<button type="button" popovertargetaction="hide" part="hide-button">
+					<span part="hide-button-text"></span>
+					<img part="hide-button-image" hidden="" /></span>
+				</button>
+			</div>
+			<span id="last-focusable" tabindex="0"></span>
 		`;
-        const cssString = `
-			:host {
-				position: absolute;
-				contain: layout;
-				margin: 0;
-				border: none;
-				padding: 0;
-				overflow: visible;
-			}
-
-			:host::part(content) {
-				border: solid;
-				padding: 0.25em;
-			}
-
-			:host::part(hide-button-image) {
-				display: block flow;
-			}
+        const cssString = `
+			:host {
+				position: absolute;
+				contain: layout;
+				margin: 0;
+				border: none;
+				padding: 0;
+				overflow: visible;
+			}
+
+			:host::part(content) {
+				border: solid;
+				padding: 0.25em;
+			}
+
+			:host::part(hide-button) {
+				display: inline flex;
+			}
 		`;
         const shadow = this.attachShadow({ mode: 'open' });
         // eslint-disable-next-line @typescript-eslint/no-unused-expressions
         'setHTMLUnsafe' in shadow ? shadow.setHTMLUnsafe(htmlString) : (shadow.innerHTML = htmlString);
-        shadowAppendCss(shadow, cssString);
+        const css = new CSSStyleSheet();
+        css.replaceSync(cssString);
+        shadow.adoptedStyleSheets.push(css);
         this.#contentElement = shadow.querySelector('[part="content"]');
         this.#hideButtonElement = shadow.querySelector('[part="hide-button"]');
+        this.#hideButtonTextElement = shadow.querySelector('[part="hide-button-text"]');
+        this.#hideButtonImageElement = shadow.querySelector('[part="hide-button-image"]');
         this.#firstFocusableElement = shadow.getElementById('first-focusable');
         this.#lastFocusableElement = shadow.getElementById('last-focusable');
-        this.#hideButtonImageElement = document.createElement('img');
-        this.#hideButtonImageElement.setAttribute('part', 'hide-button-image');
-        this.#hideButtonElement.textContent = this.#hideText;
     }
     connectedCallback() {
         this.popover = '';
         this.#hideButtonElement.popoverTargetElement = this;
-        /* コピー元の HTML 中に id 属性が設定されていた場合、ページ中に ID が重複してしまうのを防ぐ */
+        /* コピー元の HTML 中に `id` 属性が設定されていた場合、ページ中に ID が重複してしまうのを防ぐ */
         const hostElement = this.shadowRoot?.host;
         if (hostElement !== undefined) {
             hostElement.querySelectorAll('[id]').forEach((element) => {
@@ -78,10 +87,6 @@ export default class CustomElementPopover extends HTMLElement {
     }
     attributeChangedCallback(name, _oldValue, newValue) {
         switch (name) {
-            case 'label': {
-                this.label = newValue;
-                break;
-            }
             case 'hide-text': {
                 this.hideText = newValue;
                 break;
@@ -101,21 +106,12 @@ export default class CustomElementPopover extends HTMLElement {
             default:
         }
     }
-    get label() {
-        return this.ariaLabel;
-    }
-    set label(value) {
-        this.ariaLabel = value;
-    }
     get hideText() {
         return this.#hideText;
     }
     set hideText(value) {
-        if (value === null) {
-            return;
-        }
-        this.#hideText = value;
-        this.#hideButtonElement.textContent = value;
+        this.#hideText = value ?? this.#HIDE_TEXT_INITIAL_VALUE;
+        this.#hideButtonTextElement.textContent = this.#hideText;
         this.#hideButtonImageElement.alt = this.#hideText;
     }
     get hideImageSrc() {
@@ -123,13 +119,13 @@ export default class CustomElementPopover extends HTMLElement {
     }
     set hideImageSrc(value) {
         if (value === null) {
-            this.#hideButtonImageElement.removeAttribute('src');
-            this.#hideButtonElement.textContent = this.#hideText;
+            this.#hideButtonTextElement.hidden = false;
+            this.#hideButtonImageElement.hidden = true;
             return;
         }
+        this.#hideButtonTextElement.hidden = true;
         this.#hideButtonImageElement.src = value;
-        this.#hideButtonElement.textContent = '';
-        this.#hideButtonElement.appendChild(this.#hideButtonImageElement);
+        this.#hideButtonImageElement.hidden = false;
     }
     get hideImageWidth() {
         return this.#hideButtonImageElement.width;
@@ -137,9 +133,8 @@ export default class CustomElementPopover extends HTMLElement {
     set hideImageWidth(value) {
         if (value === null) {
             this.#hideButtonImageElement.removeAttribute('width');
-            return;
         }
-        this.#hideButtonImageElement.width = value;
+        this.#hideButtonImageElement.width = value ?? 0;
     }
     get hideImageHeight() {
         return this.#hideButtonImageElement.height;
@@ -147,9 +142,8 @@ export default class CustomElementPopover extends HTMLElement {
     set hideImageHeight(value) {
         if (value === null) {
             this.#hideButtonImageElement.removeAttribute('height');
-            return;
         }
-        this.#hideButtonImageElement.height = value;
+        this.#hideButtonImageElement.height = value ?? 0;
     }
     get width() {
         return this.#contentElement.getBoundingClientRect().width;
@@ -157,6 +151,31 @@ export default class CustomElementPopover extends HTMLElement {
     get hideButtonElement() {
         return this.#hideButtonElement;
     }
+    get triggerElement() {
+        return this.#triggerElement;
+    }
+    set triggerElement(triggerElement) {
+        this.#triggerElement = triggerElement;
+    }
+    get mouseenterTimeoutId() {
+        return this.#mouseenterTimeoutId;
+    }
+    set mouseenterTimeoutId(value) {
+        if (value !== undefined) {
+            this.#mouseenterTimeoutId = value;
+        }
+    }
+    get mouseleaveTimeoutId() {
+        return this.#mouseleaveTimeoutId;
+    }
+    set mouseleaveTimeoutId(value) {
+        if (value !== undefined) {
+            this.#mouseleaveTimeoutId = value;
+        }
+    }
+    get state() {
+        return this.#state;
+    }
     /**
      * ポップオーバーの表示／非表示状態が変化したの処理
      *
@@ -178,6 +197,7 @@ export default class CustomElementPopover extends HTMLElement {
             }
             default:
         }
+        this.#state = detail.newState;
     };
     /**
      * 最初の循環フォーカス要素にフォーカスされたときの処理

package/dist/custom-element/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../src/custom-element/Popover.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../src/custom-element/Popover.ts"],"names":[],"mappings":"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"}

package/dist/event/popover/mouseenter.d.ts

@@ -0,0 +1,13 @@
+import type PopoverElement from '../../custom-element/Popover.ts';
+/**
+ * `mouseenter` event
+ *
+ * @param ev - MouseEvent
+ * @param popover - PopoverElement
+ * @param options -
+ */
+declare const _default: (ev: MouseEvent, popover: PopoverElement, options: Readonly<{
+    delay: number;
+}>) => void;
+export default _default;
+//# sourceMappingURL=mouseenter.d.ts.map

package/dist/event/popover/mouseenter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mouseenter.d.ts","sourceRoot":"","sources":["../../../src/event/popover/mouseenter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,iCAAiC,CAAC;AAGlE;;;;;;GAMG;yBAEF,IAAI,UAAU,EACd,SAAS,cAAc,EACvB,SAAS,QAAQ,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACd,CAAC,KACA,IAAI;AANP,wBAYE"}

package/dist/event/popover/mouseenter.js

@@ -0,0 +1,15 @@
+import { show } from "../../footnoteReferencePopover.js";
+/**
+ * `mouseenter` event
+ *
+ * @param ev - MouseEvent
+ * @param popover - PopoverElement
+ * @param options -
+ */
+export default (ev, popover, options) => {
+    clearTimeout(popover.mouseleaveTimeoutId);
+    popover.mouseenterTimeoutId = setTimeout(() => {
+        show(ev.type, popover);
+    }, options.delay);
+};
+//# sourceMappingURL=mouseenter.js.map

package/dist/event/popover/mouseenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mouseenter.js","sourceRoot":"","sources":["../../../src/event/popover/mouseenter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AAEzD;;;;;;GAMG;AACH,eAAe,CACd,EAAc,EACd,OAAuB,EACvB,OAEE,EACK,EAAE;IACT,YAAY,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAE1C,OAAO,CAAC,mBAAmB,GAAG,UAAU,CAAC,GAAS,EAAE;QACnD,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACxB,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;AACnB,CAAC,CAAC"}

package/dist/event/popover/mouseleave.d.ts

@@ -0,0 +1,13 @@
+import type PopoverElement from '../../custom-element/Popover.ts';
+/**
+ * `mouseleave` event
+ *
+ * @param ev - MouseEvent
+ * @param popover - PopoverElement
+ * @param options -
+ */
+declare const _default: (ev: MouseEvent, popover: PopoverElement, options: Readonly<{
+    delay: number;
+}>) => void;
+export default _default;
+//# sourceMappingURL=mouseleave.d.ts.map

package/dist/event/popover/mouseleave.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mouseleave.d.ts","sourceRoot":"","sources":["../../../src/event/popover/mouseleave.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,iCAAiC,CAAC;AAGlE;;;;;;GAMG;yBAEF,IAAI,UAAU,EACd,SAAS,cAAc,EACvB,SAAS,QAAQ,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACd,CAAC,KACA,IAAI;AANP,wBAYE"}

package/dist/event/popover/mouseleave.js

@@ -0,0 +1,15 @@
+import { hide } from "../../footnoteReferencePopover.js";
+/**
+ * `mouseleave` event
+ *
+ * @param ev - MouseEvent
+ * @param popover - PopoverElement
+ * @param options -
+ */
+export default (ev, popover, options) => {
+    clearTimeout(popover.mouseenterTimeoutId);
+    popover.mouseleaveTimeoutId = setTimeout(() => {
+        hide(ev.type, popover);
+    }, options.delay);
+};
+//# sourceMappingURL=mouseleave.js.map

package/dist/event/popover/mouseleave.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mouseleave.js","sourceRoot":"","sources":["../../../src/event/popover/mouseleave.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AAEzD;;;;;;GAMG;AACH,eAAe,CACd,EAAc,EACd,OAAuB,EACvB,OAEE,EACK,EAAE;IACT,YAAY,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAE1C,OAAO,CAAC,mBAAmB,GAAG,UAAU,CAAC,GAAS,EAAE;QACnD,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACxB,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;AACnB,CAAC,CAAC"}

package/dist/event/popover-hidden-button/click.d.ts

@@ -0,0 +1,10 @@
+import type PopoverElement from '../../custom-element/Popover.ts';
+/**
+ * `click` event
+ *
+ * @param _ev - MouseEvent
+ * @param popover - PopoverElement
+ */
+declare const _default: (_ev: MouseEvent, popover: PopoverElement) => void;
+export default _default;
+//# sourceMappingURL=click.d.ts.map

package/dist/event/popover-hidden-button/click.d.ts.map

@@ -0,0 +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;;;;;GAKG;yBACa,KAAK,UAAU,EAAE,SAAS,cAAc,KAAG,IAAI;AAA/D,wBAEE"}