@w0s/footnote-reference-popover 7.2.1 → 7.3.1

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

package/dist/FootnoteReferencePopover.js.map

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