@w0s/footnote-reference-popover 7.2.1 → 7.3.0

package/dist/event/popover-hidden-button/click.js

@@ -0,0 +1,10 @@
+/**
+ * `click` event
+ *
+ * @param _ev - MouseEvent
+ * @param popover - PopoverElement
+ */
+export default (_ev, popover) => {
+    clearTimeout(popover.mouseenterTimeoutId); // タッチデバイスで閉じるボタンをタップした際に `mouseenter` イベントの発火により表示処理が遅延実行されるのを防ぐ
+};
+//# sourceMappingURL=click.js.map

package/dist/event/popover-hidden-button/click.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"click.js","sourceRoot":"","sources":["../../../src/event/popover-hidden-button/click.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAe,CAAC,GAAe,EAAE,OAAuB,EAAQ,EAAE;IACjE,YAAY,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC,CAAC,iEAAiE;AAC7G,CAAC,CAAC"}

package/dist/event/popover-trigger/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-trigger/click.d.ts.map

@@ -0,0 +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;;;;;GAKG;yBACa,IAAI,UAAU,EAAE,SAAS,cAAc,KAAG,IAAI;AAA9D,wBAME"}

package/dist/event/popover-trigger/click.js

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

package/dist/event/popover-trigger/click.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"click.js","sourceRoot":"","sources":["../../../src/event/popover-trigger/click.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AAEzD;;;;;GAKG;AACH,eAAe,CAAC,EAAc,EAAE,OAAuB,EAAQ,EAAE;IAChE,EAAE,CAAC,cAAc,EAAE,CAAC;IAEpB,YAAY,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAE1C,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AACxB,CAAC,CAAC"}

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

@@ -0,0 +1,14 @@
+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;
+    preloadImageSrc: string | undefined;
+}>) => void;
+export default _default;
+//# sourceMappingURL=mouseenter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mouseenter.d.ts","sourceRoot":"","sources":["../../../src/event/popover-trigger/mouseenter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc,MAAM,iCAAiC,CAAC;AAclE;;;;;;GAMG;yBAEF,IAAI,UAAU,EACd,SAAS,cAAc,EACvB,SAAS,QAAQ,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC,CAAC,KACA,IAAI;AAPP,wBAeE"}

package/dist/event/popover-trigger/mouseenter.js

@@ -0,0 +1,25 @@
+import { show } from "../../footnoteReferencePopover.js";
+/**
+ * @param imageSrc - 画像パス
+ */
+const preload = (imageSrc) => {
+    if (imageSrc === undefined || imageSrc.startsWith('data:')) {
+        return;
+    }
+    new Image().src = imageSrc;
+};
+/**
+ * `mouseenter` event
+ *
+ * @param ev - MouseEvent
+ * @param popover - PopoverElement
+ * @param options -
+ */
+export default (ev, popover, options) => {
+    clearTimeout(popover.mouseleaveTimeoutId);
+    preload(options.preloadImageSrc);
+    popover.mouseenterTimeoutId = setTimeout(() => {
+        show(ev.type, popover);
+    }, options.delay);
+};
+//# sourceMappingURL=mouseenter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mouseenter.js","sourceRoot":"","sources":["../../../src/event/popover-trigger/mouseenter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAC;AAEzD;;GAEG;AACH,MAAM,OAAO,GAAG,CAAC,QAA4B,EAAQ,EAAE;IACtD,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;QAC5D,OAAO;IACR,CAAC;IAED,IAAI,KAAK,EAAE,CAAC,GAAG,GAAG,QAAQ,CAAC;AAC5B,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,eAAe,CACd,EAAc,EACd,OAAuB,EACvB,OAGE,EACK,EAAE;IACT,YAAY,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;IAE1C,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;IAEjC,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-trigger/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-trigger/mouseleave.d.ts.map

@@ -0,0 +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;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-trigger/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-trigger/mouseleave.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mouseleave.js","sourceRoot":"","sources":["../../../src/event/popover-trigger/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/footnoteReferencePopover.d.ts

@@ -0,0 +1,23 @@
+import PopoverElement from './custom-element/Popover.ts';
+/**
+ * ポップオーバーを表示する
+ *
+ * @param eventType - イベントの識別名
+ * @param popover - PopoverElement
+ */
+export declare const show: (eventType: string, popover: PopoverElement) => void;
+/**
+ * ポップオーバーを非表示にする
+ *
+ * @param eventType - イベントの識別名
+ * @param popover - PopoverElement
+ */
+export declare const hide: (eventType: string, popover: PopoverElement) => void;
+/**
+ * Footnote reference popover
+ *
+ * @param thisElement - Target element
+ */
+declare const _default: (thisElement: HTMLAnchorElement) => void;
+export default _default;
+//# sourceMappingURL=footnoteReferencePopover.d.ts.map

package/dist/footnoteReferencePopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footnoteReferencePopover.d.ts","sourceRoot":"","sources":["../src/footnoteReferencePopover.ts"],"names":[],"mappings":"AAMA,OAAO,cAA0C,MAAM,6BAA6B,CAAC;AAUrF;;;;;GAKG;AACH,eAAO,MAAM,IAAI,GAAI,WAAW,MAAM,EAAE,SAAS,cAAc,KAAG,IAwCjE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,IAAI,GAAI,WAAW,MAAM,EAAE,SAAS,cAAc,KAAG,IAUjE,CAAC;AAEF;;;;GAIG;yBACa,aAAa,iBAAiB,KAAG,IAAI;AAArD,wBAoGE"}

package/dist/footnoteReferencePopover.js

@@ -0,0 +1,137 @@
+import FootnoteElementAttribute from "./attribute/FootnoteElement.js";
+import MouseenterAttribute from "./attribute/Mouseenter.js";
+import MouseleaveAttribute from "./attribute/Mouseleave.js";
+import PopoverClassAttribute from "./attribute/PopoverClass.js";
+import PopoverHideAttribute from "./attribute/PopoverHide.js";
+import PopoverLabelAttribute from "./attribute/PopoverLabel.js";
+import PopoverElement, {} from "./custom-element/Popover.js";
+import popoverMouseenterEvent from "./event/popover/mouseenter.js";
+import popoverMouseleaveEvent from "./event/popover/mouseleave.js";
+import popoverHiddenButtonClickEvent from "./event/popover-hidden-button/click.js";
+import popoverTriggerClickEvent from "./event/popover-trigger/click.js";
+import popoverTriggerMouseenterEvent from "./event/popover-trigger/mouseenter.js";
+import popoverTriggerMouseleaveEvent from "./event/popover-trigger/mouseleave.js";
+const POPOVER_ELEMENT_NAME = 'x-popover';
+/**
+ * ポップオーバーを表示する
+ *
+ * @param eventType - イベントの識別名
+ * @param popover - PopoverElement
+ */
+export const show = (eventType, popover) => {
+    if (!popover.isConnected) {
+        /* 初回表示時はポップオーバーの挿入を行う */
+        document.body.appendChild(popover);
+    }
+    const triggerRect = popover.triggerElement?.getBoundingClientRect();
+    if (triggerRect !== undefined) {
+        /* ポップオーバーの上位置を設定（トリガー要素の下端を基準にする） */
+        popover.style.width = 'auto';
+        popover.style.top = `${String(Math.round(triggerRect.bottom) + window.scrollY)}px`;
+        popover.style.right = 'auto';
+        popover.style.left = 'auto';
+    }
+    /* ポップオーバーを表示 */
+    const eventDetail = {
+        newState: 'open',
+        eventType: eventType,
+    };
+    popover.dispatchEvent(new CustomEvent('my-toggle', {
+        detail: eventDetail,
+    }));
+    if (triggerRect !== undefined) {
+        /* ポップオーバーの左右位置を設定（トリガー要素の左端を基準にする） */
+        const documentWidth = document.documentElement.offsetWidth;
+        const popoverWidth = popover.width;
+        const triggerRectLeft = triggerRect.left;
+        popover.style.width = `${String(popoverWidth)}px`;
+        if (documentWidth - triggerRectLeft < popoverWidth) {
+            popover.style.right = '0';
+        }
+        else {
+            popover.style.left = `${String(triggerRectLeft)}px`;
+        }
+    }
+};
+/**
+ * ポップオーバーを非表示にする
+ *
+ * @param eventType - イベントの識別名
+ * @param popover - PopoverElement
+ */
+export const hide = (eventType, popover) => {
+    const eventDetail = {
+        newState: 'closed',
+        eventType: eventType,
+    };
+    popover.dispatchEvent(new CustomEvent('my-toggle', {
+        detail: eventDetail,
+    }));
+};
+/**
+ * Footnote reference popover
+ *
+ * @param thisElement - Target element
+ */
+export default (thisElement) => {
+    if (!('showPopover' in thisElement)) {
+        console.info('This browser does not support popover');
+        return;
+    }
+    const { href: hrefAttributeValue } = thisElement;
+    const { popoverLabel: popoverLabelAttributeValue, popoverClass: popoverClassAttributeValue, popoverHideText: popoverHideTextAttributeValue, popoverHideImageSrc: popoverHideImageSrcAttributeValue, popoverHideImageWidth: popoverHideImageWidthAttributeValue, popoverHideImageHeight: popoverHideImageHeightAttributeValue, mouseenterDelay: mouseenterDelayAttributeValue, mouseleaveDelay: mouseleaveDelayAttributeValue, } = thisElement.dataset;
+    const footnoteElement = new FootnoteElementAttribute(hrefAttributeValue);
+    const popoverLabel = new PopoverLabelAttribute(popoverLabelAttributeValue);
+    const popoverClass = new PopoverClassAttribute(popoverClassAttributeValue);
+    const popoverHide = new PopoverHideAttribute({
+        text: popoverHideTextAttributeValue,
+        imageSrc: popoverHideImageSrcAttributeValue,
+        imageWidth: popoverHideImageWidthAttributeValue,
+        imageHeight: popoverHideImageHeightAttributeValue,
+    });
+    const mouseenter = new MouseenterAttribute({ delay: mouseenterDelayAttributeValue ?? '250' });
+    const mouseleave = new MouseleaveAttribute({ delay: mouseleaveDelayAttributeValue ?? '250' });
+    if (customElements.get(POPOVER_ELEMENT_NAME) === undefined) {
+        customElements.define(POPOVER_ELEMENT_NAME, PopoverElement);
+    }
+    const popoverElement = document.createElement(POPOVER_ELEMENT_NAME);
+    if (popoverClass.name !== undefined) {
+        popoverElement.className = popoverClass.name;
+    }
+    popoverElement.ariaLabel = popoverLabel.text ?? null;
+    popoverElement.hideText = popoverHide.text ?? null;
+    popoverElement.hideImageSrc = popoverHide.imageSrc ?? null;
+    popoverElement.hideImageWidth = popoverHide.imageWidth ?? null;
+    popoverElement.hideImageHeight = popoverHide.imageHeight ?? null;
+    popoverElement.triggerElement = thisElement;
+    popoverElement.insertAdjacentHTML('afterbegin', 'getHTML' in footnoteElement.element ? footnoteElement.element.getHTML() : footnoteElement.element.innerHTML);
+    thisElement.setAttribute('role', 'button');
+    thisElement.addEventListener('click', (ev) => {
+        popoverTriggerClickEvent(ev, popoverElement);
+    });
+    thisElement.addEventListener('mouseenter', (ev) => {
+        popoverTriggerMouseenterEvent(ev, popoverElement, {
+            delay: mouseenter.delay,
+            preloadImageSrc: popoverHide.imageSrc,
+        });
+    }, { passive: true });
+    thisElement.addEventListener('mouseleave', (ev) => {
+        popoverTriggerMouseleaveEvent(ev, popoverElement, {
+            delay: mouseleave.delay,
+        });
+    }, { passive: true });
+    popoverElement.addEventListener('mouseenter', (ev) => {
+        popoverMouseenterEvent(ev, popoverElement, {
+            delay: mouseenter.delay,
+        });
+    }, { passive: true });
+    popoverElement.addEventListener('mouseleave', (ev) => {
+        popoverMouseleaveEvent(ev, popoverElement, {
+            delay: mouseenter.delay,
+        });
+    }, { passive: true });
+    popoverElement.hideButtonElement.addEventListener('click', (ev) => {
+        popoverHiddenButtonClickEvent(ev, popoverElement);
+    }, { passive: true });
+};
+//# sourceMappingURL=footnoteReferencePopover.js.map

package/dist/footnoteReferencePopover.js.map

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

package/dist/index.js

@@ -1,4 +1,4 @@
-import FootnoteReferencePopover from "./FootnoteReferencePopover.js";
+import footnoteReferencePopover from "./footnoteReferencePopover.js";
 const validate = (element) => {
     if (!(element instanceof HTMLAnchorElement)) {
         throw new Error('Element must be a `HTMLAnchorElement`');
@@ -10,11 +10,11 @@ export default (elementOrElements) => {
         return;
     }
     if (elementOrElements instanceof Element) {
-        new FootnoteReferencePopover(validate(elementOrElements));
+        footnoteReferencePopover(validate(elementOrElements));
     }
     else {
         Array.from(elementOrElements).forEach((element) => {
-            new FootnoteReferencePopover(validate(element));
+            footnoteReferencePopover(validate(element));
         });
     }
 };

package/dist/index.js.map

@@ -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,KAAK,CAAC,uCAAuC,CAAC,CAAC;IAC1D,CAAC;IAED,OAAO,OAAO,CAAC;AAChB,CAAC,CAAC;AAEF,eAAe,CAAC,iBAAmF,EAAQ,EAAE;IAC5G,IAAI,iBAAiB,KAAK,IAAI,EAAE,CAAC;QAChC,OAAO;IACR,CAAC;IAED,IAAI,iBAAiB,YAAY,OAAO,EAAE,CAAC;QAC1C,IAAI,wBAAwB,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC3D,CAAC;SAAM,CAAC;QACP,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YACjD,IAAI,wBAAwB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;IACJ,CAAC;AACF,CAAC,CAAC"}
+{"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,KAAK,CAAC,uCAAuC,CAAC,CAAC;IAC1D,CAAC;IAED,OAAO,OAAO,CAAC;AAChB,CAAC,CAAC;AAEF,eAAe,CAAC,iBAAmF,EAAQ,EAAE;IAC5G,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,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YACjD,wBAAwB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;IACJ,CAAC;AACF,CAAC,CAAC"}

package/package.json

@@ -1,48 +1,44 @@
-{
-	"name": "@w0s/footnote-reference-popover",
-	"version": "7.2.1",
-	"description": "Footnote reference popover",
-	"keywords": [
-		"footnote",
-		"popover"
-	],
-	"homepage": "https://github.com/SaekiTominaga/js-library-browser#readme",
-	"bugs": {
-		"url": "https://github.com/SaekiTominaga/js-library-browser/issues"
-	},
-	"license": "MIT",
-	"author": "Saeki Tominaga",
-	"files": [
-		"dist/**/*.d.ts",
-		"!dist/**/*.test.d.ts",
-		"dist/**/*.d.ts.map",
-		"!dist/**/*.test.d.ts.map",
-		"dist/**/*.js",
-		"!dist/**/*.test.js",
-		"dist/**/*.js.map",
-		"!dist/**/*.test.js.map"
-	],
-	"type": "module",
-	"main": "dist/index.js",
-	"module": "dist/index.js",
-	"types": "dist/index.d.ts",
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/SaekiTominaga/js-library-browser.git"
-	},
-	"scripts": {
-		"server": "http-server -o demo -c-1",
-		"prebuild": "rimraf dist/* -g",
-		"build": "tsc",
-		"watch": "tsc -w",
-		"lint": "eslint src/**/*.ts",
-		"pretest": "npm run build",
-		"test": "cross-env NODE_OPTIONS=--experimental-vm-modules jest dist/.+\\.test\\.js  -c ../../jest.config.mjs --roots packages/footnote-reference-popover"
-	},
-	"dependencies": {
-		"@w0s/shadow-append-css": "^1.1.0"
-	},
-	"publishConfig": {
-		"access": "public"
-	}
-}
+{
+	"name": "@w0s/footnote-reference-popover",
+	"version": "7.3.0",
+	"description": "Footnote reference popover",
+	"keywords": [
+		"footnote",
+		"popover"
+	],
+	"homepage": "https://github.com/SaekiTominaga/js-library-browser#readme",
+	"bugs": {
+		"url": "https://github.com/SaekiTominaga/js-library-browser/issues"
+	},
+	"license": "MIT",
+	"author": "Saeki Tominaga",
+	"files": [
+		"dist/**/*.d.ts",
+		"!dist/**/*.test.d.ts",
+		"dist/**/*.d.ts.map",
+		"!dist/**/*.test.d.ts.map",
+		"dist/**/*.js",
+		"!dist/**/*.test.js",
+		"dist/**/*.js.map",
+		"!dist/**/*.test.js.map"
+	],
+	"type": "module",
+	"main": "dist/index.js",
+	"module": "dist/index.js",
+	"types": "dist/index.d.ts",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/SaekiTominaga/js-library-browser.git"
+	},
+	"scripts": {
+		"dev": "conc \"http-server -o demo -c-1\" \"tsc -w\"",
+		"prebuild": "rimraf dist/* -g",
+		"build": "tsc",
+		"lint": "eslint src/**/*.ts",
+		"pretest": "npm run build",
+		"test": "cross-env NODE_OPTIONS=--experimental-vm-modules jest dist/.+\\.test\\.js  -c ../../jest.config.mjs --roots packages/footnote-reference-popover"
+	},
+	"publishConfig": {
+		"access": "public"
+	}
+}

package/dist/FootnoteReferencePopover.d.ts

@@ -1,11 +0,0 @@
-/**
- * Footnote reference popover
- */
-export default class {
-    #private;
-    /**
-     * @param thisElement - Target element
-     */
-    constructor(thisElement: HTMLAnchorElement);
-}
-//# sourceMappingURL=FootnoteReferencePopover.d.ts.map

package/dist/FootnoteReferencePopover.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FootnoteReferencePopover.d.ts","sourceRoot":"","sources":["../src/FootnoteReferencePopover.ts"],"names":[],"mappings":"AAUA;;GAEG;AACH,MAAM,CAAC,OAAO;;IAuBb;;OAEG;gBACS,WAAW,EAAE,iBAAiB;CAkO1C"}

package/dist/FootnoteReferencePopover.js

@@ -1,196 +0,0 @@
-import FootnoteElement from "./attribute/FootnoteElement.js";
-import Mouseenter from "./attribute/Mouseenter.js";
-import Mouseleave from "./attribute/Mouseleave.js";
-import PopoverClass from "./attribute/PopoverClass.js";
-import PopoverHide from "./attribute/PopoverHide.js";
-import PopoverLabel from "./attribute/PopoverLabel.js";
-import CustomElementPopover, {} from "./custom-element/Popover.js";
-customElements.define('x-popover', CustomElementPopover);
-/**
- * Footnote reference popover
- */
-export default class {
-    #popoverTriggerElement;
-    #popoverElement;
-    #footnoteElement; // 脚注要素（ポップオーバーの内容をここからコピーする）
-    #popoverLabel; // ポップオーバーに設定するラベル
-    #popoverClass; // ポップオーバーに設定するクラス名
-    #popoverHide; // ポップオーバーの閉じるボタン
-    #mouseenter; // mouseenter 時のデータ
-    #mouseleave; // mouseleave 時のデータ
-    #mouseenterTimeoutId; // ポップオーバーを表示する際のタイマーの識別 ID（`clearTimeout()` で使用）
-    #mouseleaveTimeoutId; // ポップオーバーを非表示にする際のタイマーの識別 ID（`clearTimeout()` で使用）
-    #preloadProcessed = false; // `<link rel="preload" as="image" />` の生成処理を実行したかどうか
-    /**
-     * @param thisElement - Target element
-     */
-    constructor(thisElement) {
-        this.#popoverTriggerElement = thisElement;
-        const { href: hrefAttribute } = thisElement;
-        const { popoverLabel: popoverLabelAttribute, popoverClass: popoverClassAttribute, popoverHideText: popoverHideTextAttribute, popoverHideImageSrc: popoverHideImageSrcAttribute, popoverHideImageWidth: popoverHideImageWidthAttribute, popoverHideImageHeight: popoverHideImageHeightAttribute, mouseenterDelay: mouseenterDelayAttribute, mouseleaveDelay: mouseleaveDelayAttribute, } = thisElement.dataset;
-        this.#footnoteElement = new FootnoteElement(hrefAttribute);
-        this.#popoverLabel = new PopoverLabel(popoverLabelAttribute);
-        this.#popoverClass = new PopoverClass(popoverClassAttribute);
-        this.#popoverHide = new PopoverHide({
-            text: popoverHideTextAttribute,
-            imageSrc: popoverHideImageSrcAttribute,
-            imageWidth: popoverHideImageWidthAttribute,
-            imageHeight: popoverHideImageHeightAttribute,
-        });
-        this.#mouseenter = new Mouseenter({ delay: mouseenterDelayAttribute ?? '250' });
-        this.#mouseleave = new Mouseleave({ delay: mouseleaveDelayAttribute ?? '250' });
-        this.#popoverElement = document.createElement('x-popover');
-        if (!('showPopover' in this.#popoverElement)) {
-            console.info('This browser does not support popover');
-            return;
-        }
-        thisElement.setAttribute('role', 'button');
-        thisElement.addEventListener('click', this.#clickEvent);
-        thisElement.addEventListener('mouseenter', this.#mouseEnterEvent, { passive: true });
-        thisElement.addEventListener('mouseleave', this.#mouseLeaveEvent, { passive: true });
-    }
-    /**
-     * `click` event
-     *
-     * @param ev - MouseEvent
-     */
-    #clickEvent = (ev) => {
-        ev.preventDefault();
-        clearTimeout(this.#mouseleaveTimeoutId);
-        this.#show(ev.type);
-    };
-    /**
-     * `mouseenter` event
-     *
-     * @param ev - MouseEvent
-     */
-    #mouseEnterEvent = (ev) => {
-        clearTimeout(this.#mouseleaveTimeoutId);
-        this.#imagePreloadElementCreate();
-        this.#mouseenterTimeoutId = setTimeout(() => {
-            this.#show(ev.type);
-        }, this.#mouseenter.delay);
-    };
-    /**
-     * `mouseleave` event
-     *
-     * @param ev - MouseEvent
-     */
-    #mouseLeaveEvent = (ev) => {
-        clearTimeout(this.#mouseenterTimeoutId);
-        this.#mouseleaveTimeoutId = setTimeout(() => {
-            this.#hide(ev.type);
-        }, this.#mouseleave.delay);
-    };
-    /**
-     * ポップオーバーを生成する
-     */
-    #create() {
-        const footnoteElement = this.#footnoteElement.element;
-        const popoverElement = this.#popoverElement;
-        if (this.#popoverClass.name !== undefined) {
-            popoverElement.className = this.#popoverClass.name;
-        }
-        popoverElement.label = this.#popoverLabel.text ?? null;
-        popoverElement.hideText = this.#popoverHide.text ?? null;
-        popoverElement.hideImageSrc = this.#popoverHide.imageSrc ?? null;
-        popoverElement.hideImageWidth = this.#popoverHide.imageWidth ?? null;
-        popoverElement.hideImageHeight = this.#popoverHide.imageHeight ?? null;
-        popoverElement.insertAdjacentHTML('afterbegin', 'getHTML' in footnoteElement ? footnoteElement.getHTML() : footnoteElement.innerHTML);
-        document.body.appendChild(popoverElement);
-        popoverElement.addEventListener('mouseenter', (ev) => {
-            clearTimeout(this.#mouseleaveTimeoutId);
-            this.#mouseenterTimeoutId = setTimeout(() => {
-                this.#show(ev.type);
-            }, this.#mouseenter.delay);
-        }, { passive: true });
-        popoverElement.addEventListener('mouseleave', (ev) => {
-            clearTimeout(this.#mouseenterTimeoutId);
-            this.#mouseleaveTimeoutId = setTimeout(() => {
-                this.#hide(ev.type);
-            }, this.#mouseleave.delay);
-        }, { passive: true });
-        popoverElement.hideButtonElement.addEventListener('click', () => {
-            clearTimeout(this.#mouseenterTimeoutId); // タッチデバイスで閉じるボタンをタップした際に `mouseenter` イベントの発火により表示処理が遅延実行されるのを防ぐ
-        }, { passive: true });
-    }
-    /**
-     * ポップオーバーを表示する
-     *
-     * @param eventType - イベントの識別名
-     */
-    #show(eventType) {
-        const popoverElement = this.#popoverElement;
-        if (!popoverElement.isConnected) {
-            /* 初回表示時はポップオーバーの生成を行う */
-            this.#create();
-        }
-        const triggerRect = this.#popoverTriggerElement.getBoundingClientRect();
-        /* ポップオーバーの上位置を設定（トリガー要素の下端を基準にする） */
-        popoverElement.style.width = 'auto';
-        popoverElement.style.top = `${String(Math.round(triggerRect.bottom) + window.scrollY)}px`;
-        popoverElement.style.right = 'auto';
-        popoverElement.style.left = 'auto';
-        /* ポップオーバーを表示 */
-        const eventDetail = {
-            newState: 'open',
-            eventType: eventType,
-        };
-        popoverElement.dispatchEvent(new CustomEvent('my-toggle', {
-            detail: eventDetail,
-        }));
-        /* ポップオーバーの左右位置を設定（トリガー要素の左端を基準にする） */
-        const documentWidth = document.documentElement.offsetWidth;
-        const popoverWidth = popoverElement.width;
-        const triggerRectLeft = triggerRect.left;
-        popoverElement.style.width = `${String(popoverWidth)}px`;
-        if (documentWidth - triggerRectLeft < popoverWidth) {
-            popoverElement.style.right = '0';
-        }
-        else {
-            popoverElement.style.left = `${String(triggerRectLeft)}px`;
-        }
-    }
-    /**
-     * ポップオーバーを非表示にする
-     *
-     * @param eventType - イベントの識別名
-     */
-    #hide(eventType) {
-        const eventDetail = {
-            newState: 'closed',
-            eventType: eventType,
-        };
-        this.#popoverElement.dispatchEvent(new CustomEvent('my-toggle', {
-            detail: eventDetail,
-        }));
-    }
-    /**
-     * `<link rel="preload" as="image" />` を生成する
-     */
-    #imagePreloadElementCreate() {
-        if (this.#preloadProcessed) {
-            /* 生成処理は1回のみ */
-            return;
-        }
-        this.#preloadProcessed = true;
-        const popoverHideImageSrc = this.#popoverHide.imageSrc;
-        if (popoverHideImageSrc !== undefined &&
-            !popoverHideImageSrc.startsWith('data:') &&
-            document.querySelector(`link[rel="preload"][as="image"][href="${popoverHideImageSrc}"]`) === null) {
-            const parentElement = document.head;
-            const preloadElement = document.createElement('link');
-            preloadElement.rel = 'preload';
-            preloadElement.as = 'image';
-            preloadElement.href = popoverHideImageSrc;
-            const alreadyHeadLinkElements = parentElement.querySelectorAll('link');
-            if (alreadyHeadLinkElements.length === 0) {
-                parentElement.appendChild(preloadElement);
-            }
-            else {
-                [...alreadyHeadLinkElements].at(-1)?.insertAdjacentElement('afterend', preloadElement);
-            }
-        }
-    }
-}
-//# sourceMappingURL=FootnoteReferencePopover.js.map