@sveltia/ui 0.36.1 → 0.37.1

package/dist/services/i18n.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/services/i18n.test.js

@@ -1,18 +0,0 @@
-import { describe, expect, it, vi } from 'vitest';
-import { initLocales } from './i18n.js';
-
-describe('initLocales', () => {
-  it('should not throw when called with default options', () => {
-    const warnSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
-
-    expect(() => initLocales()).not.toThrow();
-    warnSpy.mockRestore();
-  });
-
-  it('should not throw when called with custom locale options', () => {
-    const warnSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
-
-    expect(() => initLocales({ fallbackLocale: 'en', initialLocale: 'ja' })).not.toThrow();
-    warnSpy.mockRestore();
-  });
-});

package/dist/services/popup.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/services/popup.test.js

@@ -1,641 +0,0 @@
-/* eslint-disable jsdoc/require-description */
-/* eslint-disable jsdoc/require-jsdoc */
-/* eslint-disable jsdoc/require-param */
-/* eslint-disable jsdoc/require-param-description */
-/* eslint-disable jsdoc/require-returns */
-/* eslint-disable lines-between-class-members */
-/* eslint-disable max-classes-per-file */
-
-import { get } from 'svelte/store';
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import { activatePopup } from './popup.svelte.js';
-
-describe('Popup', () => {
-  /** @type {HTMLButtonElement} */
-  let anchor;
-  /** @type {HTMLDialogElement} */
-  let popup;
-
-  beforeEach(() => {
-    anchor = /** @type {HTMLButtonElement} */ (document.createElement('button'));
-    popup = /** @type {HTMLDialogElement} */ (document.createElement('dialog'));
-    document.body.appendChild(anchor);
-    document.body.appendChild(popup);
-  });
-
-  afterEach(() => {
-    anchor.remove();
-    popup.remove();
-  });
-
-  it('should assign an id to the popup element', () => {
-    activatePopup(anchor, popup, 'bottom-left');
-    expect(popup.id).toBeTruthy();
-  });
-
-  it('should set aria-controls on the anchor to match the popup id', () => {
-    activatePopup(anchor, popup, 'bottom-left');
-    expect(anchor.getAttribute('aria-controls')).toBe(popup.id);
-  });
-
-  it('should expose the open store defaulting to false', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    expect(get(instance.open)).toBe(false);
-  });
-
-  it('should set aria-expanded to false initially', () => {
-    activatePopup(anchor, popup, 'bottom-left');
-    expect(anchor.getAttribute('aria-expanded')).toBe('false');
-  });
-
-  it('should toggle open store to true on anchor click', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    anchor.click();
-    expect(get(instance.open)).toBe(true);
-  });
-
-  it('should set aria-expanded to true after anchor click', () => {
-    activatePopup(anchor, popup, 'bottom-left');
-    anchor.click();
-    expect(anchor.getAttribute('aria-expanded')).toBe('true');
-  });
-
-  it('should not toggle open when anchor is disabled', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    anchor.setAttribute('aria-disabled', 'true');
-    anchor.click();
-    expect(get(instance.open)).toBe(false);
-  });
-
-  it('should not toggle open when anchor is read-only', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    anchor.setAttribute('aria-readonly', 'true');
-    anchor.click();
-    expect(get(instance.open)).toBe(false);
-  });
-
-  it('should report isDisabled as false when not disabled', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    expect(instance.isDisabled).toBe(false);
-  });
-
-  it('should report isDisabled as true when aria-disabled is set', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    anchor.setAttribute('aria-disabled', 'true');
-    expect(instance.isDisabled).toBe(true);
-  });
-
-  it('should report isReadOnly as false when not read-only', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    expect(instance.isReadOnly).toBe(false);
-  });
-
-  it('should report isReadOnly as true when aria-readonly is set', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    anchor.setAttribute('aria-readonly', 'true');
-    expect(instance.isReadOnly).toBe(true);
-  });
-
-  it('should close on Escape keydown on popup', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    anchor.click(); // open first
-    popup.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: false }));
-    expect(get(instance.open)).toBe(false);
-  });
-
-  it('should close when a menu option inside popup is clicked', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-    const menuItem = document.createElement('div');
-
-    menuItem.setAttribute('role', 'menuitem');
-    popup.appendChild(menuItem);
-    anchor.click(); // open
-    menuItem.dispatchEvent(new MouseEvent('click', { bubbles: true }));
-    expect(get(instance.open)).toBe(false);
-  });
-
-  it('should not close popup when clicking a non-menuitem element inside it (branch 35 false)', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-    const div = document.createElement('div');
-
-    popup.appendChild(div);
-    anchor.click(); // open
-    div.dispatchEvent(new MouseEvent('click', { bubbles: true }));
-    // div has no role → neither menuitem nor popup backdrop → popup stays open
-    expect(get(instance.open)).toBe(true);
-    div.remove();
-  });
-
-  it('should not close popup on Escape with modifier key held (branch 38 false)', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    anchor.click(); // open
-    popup.dispatchEvent(
-      new KeyboardEvent('keydown', { key: 'Escape', shiftKey: true, bubbles: false }),
-    );
-    // hasModifier=true → condition false → popup stays open
-    expect(get(instance.open)).toBe(true);
-  });
-
-  it('should toggle open to true on Enter keydown on anchor', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    anchor.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-    expect(get(instance.open)).toBe(true);
-  });
-
-  it('should toggle open to true on Space keydown on anchor', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    anchor.dispatchEvent(new KeyboardEvent('keydown', { key: ' ', bubbles: true }));
-    expect(get(instance.open)).toBe(true);
-  });
-
-  it('should not toggle open when anchor keydown has a modifier key', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    anchor.dispatchEvent(
-      new KeyboardEvent('keydown', { key: 'Enter', ctrlKey: true, bubbles: true }),
-    );
-    expect(get(instance.open)).toBe(false);
-  });
-
-  it('should close on click directly on the popup backdrop element', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    anchor.click(); // open
-    popup.dispatchEvent(new MouseEvent('click', { bubbles: false }));
-    expect(get(instance.open)).toBe(false);
-  });
-
-  it('should remove aria-controls from anchor when popup closes after being open', () => {
-    activatePopup(anchor, popup, 'bottom-left');
-    anchor.click(); // open  → aria-expanded='true'
-    anchor.click(); // close → aria-controls should be removed
-    expect(anchor.getAttribute('aria-controls')).toBeNull();
-  });
-
-  it('should set aria-expanded to false after closing', () => {
-    activatePopup(anchor, popup, 'bottom-left');
-    anchor.click(); // open
-    anchor.click(); // close
-    expect(anchor.getAttribute('aria-expanded')).toBe('false');
-  });
-});
-
-describe('Popup - hideImmediately', () => {
-  /** @type {HTMLButtonElement} */
-  let anchor;
-  /** @type {HTMLDialogElement} */
-  let popup;
-
-  beforeEach(() => {
-    vi.useFakeTimers();
-    anchor = /** @type {HTMLButtonElement} */ (document.createElement('button'));
-    popup = /** @type {HTMLDialogElement} */ (document.createElement('dialog'));
-    document.body.appendChild(anchor);
-    document.body.appendChild(popup);
-  });
-
-  afterEach(() => {
-    anchor.remove();
-    popup.remove();
-    vi.useRealTimers();
-  });
-
-  it('should set open to false immediately when hideImmediately is called', async () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    anchor.click();
-    expect(get(instance.open)).toBe(true);
-
-    const hidePromise = instance.hideImmediately();
-
-    expect(get(instance.open)).toBe(false);
-    await vi.advanceTimersByTimeAsync(100);
-    await hidePromise;
-  });
-
-  it('should temporarily set popup.hidden and then restore it', async () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    anchor.click();
-
-    const hidePromise = instance.hideImmediately();
-
-    expect(popup.hidden).toBe(true);
-    await vi.advanceTimersByTimeAsync(100);
-    await hidePromise;
-    expect(popup.hidden).toBe(false);
-  });
-});
-
-describe('Popup - transitionstart', () => {
-  /** @type {HTMLButtonElement} */
-  let anchor;
-  /** @type {HTMLDialogElement} */
-  let popup;
-  /** @type {HTMLDivElement} */
-  let wrapper;
-
-  beforeEach(() => {
-    vi.useFakeTimers();
-    anchor = /** @type {HTMLButtonElement} */ (document.createElement('button'));
-    popup = /** @type {HTMLDialogElement} */ (document.createElement('dialog'));
-    wrapper = document.createElement('div');
-    wrapper.appendChild(anchor);
-    document.body.appendChild(wrapper);
-    document.body.appendChild(popup);
-  });
-
-  afterEach(() => {
-    wrapper.remove();
-    popup.remove();
-    vi.useRealTimers();
-  });
-
-  it('should hide popup when anchor transitions inside a .hiding ancestor', async () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    anchor.click();
-    expect(get(instance.open)).toBe(true);
-    wrapper.classList.add('hiding');
-    anchor.dispatchEvent(new Event('transitionstart'));
-    expect(get(instance.open)).toBe(false);
-    wrapper.classList.remove('hiding');
-    await vi.advanceTimersByTimeAsync(100);
-  });
-
-  it('should not hide popup on transitionstart when no hiding ancestor', async () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    anchor.click();
-    anchor.dispatchEvent(new Event('transitionstart'));
-    expect(get(instance.open)).toBe(true);
-    await vi.advanceTimersByTimeAsync(100);
-  });
-});
-
-describe('Popup - IntersectionObserver on anchor (lines 179-180)', () => {
-  /** @type {HTMLButtonElement} */
-  let anchor;
-  /** @type {HTMLDialogElement} */
-  let popup;
-  /** @type {typeof globalThis.IntersectionObserver} */
-  let OrigIObserver;
-  /** @type {((entries: any[]) => void)[]} */
-  let ioCallbacks;
-
-  beforeEach(() => {
-    vi.useFakeTimers();
-    anchor = /** @type {HTMLButtonElement} */ (document.createElement('button'));
-    popup = /** @type {HTMLDialogElement} */ (document.createElement('dialog'));
-    document.body.appendChild(anchor);
-    document.body.appendChild(popup);
-    ioCallbacks = [];
-    OrigIObserver = globalThis.IntersectionObserver;
-
-    // Stub IntersectionObserver to capture callbacks
-    globalThis.IntersectionObserver = /** @type {any} */ (
-      class {
-        /** @param {(entries: any[]) => void} cb */
-        constructor(cb) {
-          ioCallbacks.push(cb);
-        }
-
-        observe() {}
-        unobserve() {}
-        disconnect() {}
-      }
-    );
-  });
-
-  afterEach(async () => {
-    anchor.remove();
-    popup.remove();
-    globalThis.IntersectionObserver = OrigIObserver;
-    await vi.runAllTimersAsync();
-    vi.useRealTimers();
-  });
-
-  it('should hide when anchor becomes non-intersecting while popup is open', async () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    anchor.click();
-    expect(get(instance.open)).toBe(true);
-
-    // ioCallbacks[0] = position observer; ioCallbacks[1] = anchor visibility observer
-    const anchorVisibilityCallback = ioCallbacks[1];
-
-    anchorVisibilityCallback([{ isIntersecting: false }]);
-    expect(get(instance.open)).toBe(false);
-    await vi.advanceTimersByTimeAsync(100);
-  });
-
-  it('should not hide when anchor leaves viewport but popup is already closed', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-    // popup is not opened
-    const anchorVisibilityCallback = ioCallbacks[1];
-
-    anchorVisibilityCallback([{ isIntersecting: false }]);
-    expect(get(instance.open)).toBe(false);
-  });
-});
-describe('Popup - IntersectionObserver position callback (lines 35-132)', () => {
-  /** @type {HTMLButtonElement} */
-  let anchor;
-  /** @type {HTMLDialogElement} */
-  let popup;
-  /** @type {HTMLDivElement} */
-  let content;
-  /** @type {typeof globalThis.IntersectionObserver} */
-  let OrigIObserver;
-  /** @type {((entries: any[]) => void)[]} */
-  let ioCallbacks;
-
-  beforeEach(() => {
-    anchor = /** @type {HTMLButtonElement} */ (document.createElement('button'));
-    popup = /** @type {HTMLDialogElement} */ (document.createElement('dialog'));
-    // The position callback accesses popup.querySelector('.content')
-    content = document.createElement('div');
-    content.className = 'content';
-    popup.appendChild(content);
-    document.body.appendChild(anchor);
-    document.body.appendChild(popup);
-
-    ioCallbacks = [];
-    OrigIObserver = globalThis.IntersectionObserver;
-    globalThis.IntersectionObserver = /** @type {any} */ (
-      class {
-        /** @param {(entries: any[]) => void} cb */
-        constructor(cb) {
-          ioCallbacks.push(cb);
-        }
-
-        observe() {}
-        unobserve() {}
-        disconnect() {}
-      }
-    );
-  });
-
-  afterEach(() => {
-    anchor.remove();
-    popup.remove();
-    globalThis.IntersectionObserver = OrigIObserver;
-  });
-
-  /**
-   * Helper to create a fake intersection entry.
-   */
-  const makeEntry = ({
-    top = 100,
-    bottom = 150,
-    left = 50,
-    right = 300,
-    vw = 800,
-    vh = 600,
-  } = {}) => ({
-    intersectionRect: { top, bottom, left, right, width: right - left, height: bottom - top },
-    rootBounds: { width: vw, height: vh },
-  });
-
-  it('should set popup style on intersection (bottom-left, normal case)', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    // ioCallbacks[0] is the position observer
-    ioCallbacks[0]([makeEntry()]);
-
-    // Style should be updated with computed inset
-    const style = get(instance.style);
-
-    expect(style.inset).toBeTruthy();
-    expect(style.zIndex).toBe(1000);
-  });
-
-  it('should skip entry when intersectionRect is null', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    ioCallbacks[0]([{ intersectionRect: null, rootBounds: null }]);
-
-    // Style remains at default (no crash)
-    const style = get(instance.style);
-
-    expect(style.inset).toBeUndefined();
-  });
-
-  it('should switch position to top-left when content overflows bottom', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    // contentHeight > bottomMargin AND topMargin > bottomMargin → switches to top-
-    Object.defineProperty(content, 'scrollHeight', { configurable: true, get: () => 500 });
-    ioCallbacks[0]([makeEntry({ top: 400, bottom: 450, left: 50, right: 300, vw: 800, vh: 500 })]);
-
-    const style = get(instance.style);
-
-    // Position changed to top-left → bottom should be calculated (not auto)
-    expect(style.inset).not.toBeUndefined();
-  });
-
-  it('should switch position to bottom-right when content overflows to the right', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    // contentWidth > remaining right space → switch to bottom-right
-    Object.defineProperty(content, 'scrollWidth', { configurable: true, get: () => 760 });
-    ioCallbacks[0]([makeEntry({ left: 50, right: 300 })]);
-
-    const style = get(instance.style);
-
-    expect(style.inset).not.toBeUndefined();
-  });
-
-  it('should switch position to bottom-left when content overflows to the left', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-right');
-
-    // contentWidth causes left edge to be < 8 → switch to bottom-left
-    Object.defineProperty(content, 'scrollWidth', { configurable: true, get: () => 290 });
-    ioCallbacks[0]([makeEntry({ left: 50, right: 100 })]);
-
-    const style = get(instance.style);
-
-    expect(style.inset).not.toBeUndefined();
-  });
-
-  it('should normalize RTL position when document.dir is rtl', () => {
-    Object.defineProperty(document, 'dir', { get: () => 'rtl', configurable: true });
-
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    ioCallbacks[0]([makeEntry()]);
-
-    const style = get(instance.style);
-
-    expect(style.inset).not.toBeUndefined();
-    Reflect.deleteProperty(document, 'dir');
-  });
-
-  it('should normalize bottom-right to bottom-left in RTL (endsWith -right branch)', () => {
-    Object.defineProperty(document, 'dir', { get: () => 'rtl', configurable: true });
-
-    const instance = activatePopup(anchor, popup, 'bottom-right');
-
-    ioCallbacks[0]([makeEntry()]);
-
-    const style = get(instance.style);
-
-    // After RTL normalization bottom-right → bottom-left; inset should be computed
-    expect(style.inset).not.toBeUndefined();
-    Reflect.deleteProperty(document, 'dir');
-  });
-
-  it('should normalize left-top to right-top in RTL (startsWith left- branch)', () => {
-    Object.defineProperty(document, 'dir', { get: () => 'rtl', configurable: true });
-
-    const instance = activatePopup(anchor, popup, 'left-top');
-
-    ioCallbacks[0]([makeEntry()]);
-
-    const style = get(instance.style);
-
-    // After RTL normalization left-top → right-top; inset should be computed
-    expect(style.inset).not.toBeUndefined();
-    Reflect.deleteProperty(document, 'dir');
-  });
-
-  it('should normalize right-top to left-top in RTL (startsWith right- branch)', () => {
-    Object.defineProperty(document, 'dir', { get: () => 'rtl', configurable: true });
-
-    const instance = activatePopup(anchor, popup, 'right-top');
-
-    ioCallbacks[0]([makeEntry()]);
-
-    const style = get(instance.style);
-
-    // After RTL normalization right-top → left-top; inset should be computed
-    expect(style.inset).not.toBeUndefined();
-    Reflect.deleteProperty(document, 'dir');
-  });
-
-  it('should set height to bottomMargin when content overflows bottom but top is not better', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-
-    // bottomMargin = 500 - 400 - 8 = 92; topMargin = 50 - 8 = 42; topMargin < bottomMargin
-    // so the else branch runs: height = bottomMargin (92px)
-    Object.defineProperty(content, 'scrollHeight', { configurable: true, get: () => 200 });
-    ioCallbacks[0]([makeEntry({ top: 50, bottom: 400, vw: 800, vh: 500 })]);
-
-    const style = get(instance.style);
-
-    expect(style.height).toBe('92px');
-  });
-
-  it('should compute bottom from rootBounds.height - intersectionRect.bottom for -bottom position (branch 19)', () => {
-    // 'right-bottom' ends with '-bottom' → bottom = Math.round(vh - intersectionRect.bottom)
-    const instance = activatePopup(anchor, popup, 'right-bottom');
-
-    // default: top=100, bottom=150, left=50, right=300, vh=600
-    // bottom = Math.round(600 - 150) = 450
-    ioCallbacks[0]([makeEntry()]);
-
-    const style = get(instance.style);
-
-    expect(style.inset).toContain('450px');
-  });
-
-  it('should not update style when intersection callback fires with identical geometry (branch 25)', () => {
-    const instance = activatePopup(anchor, popup, 'bottom-left');
-    const entry = makeEntry();
-
-    // First call — style is updated (inset differs from initial empty object)
-    ioCallbacks[0]([entry]);
-
-    const styleBefore = get(instance.style);
-
-    // Second call with same entry — all comparisons are equal → style.set not called again
-    ioCallbacks[0]([entry]);
-
-    const styleAfter = get(instance.style);
-
-    expect(styleAfter.inset).toBe(styleBefore.inset);
-    expect(styleAfter.zIndex).toBe(styleBefore.zIndex);
-  });
-});
-describe('Popup - ResizeObserver callback (lines 223-224)', () => {
-  /** @type {HTMLButtonElement} */
-  let anchor;
-  /** @type {HTMLDialogElement} */
-  let popup;
-  /** @type {typeof globalThis.ResizeObserver} */
-  let OrigRObs;
-  /** @type {((entries: any[]) => void) | undefined} */
-  let resizeCallback;
-  /** @type {typeof globalThis.IntersectionObserver | undefined} */
-  let _OrigIO;
-
-  beforeEach(() => {
-    vi.useFakeTimers();
-    anchor = /** @type {HTMLButtonElement} */ (document.createElement('button'));
-    popup = /** @type {HTMLDialogElement} */ (document.createElement('dialog'));
-    document.body.appendChild(anchor);
-    document.body.appendChild(popup);
-    OrigRObs = globalThis.ResizeObserver;
-
-    // Stub ResizeObserver to capture its callback
-    globalThis.ResizeObserver = /** @type {any} */ (
-      class {
-        /** @param {any} cb */
-        constructor(cb) {
-          resizeCallback = cb;
-        }
-
-        observe() {}
-        unobserve() {}
-        disconnect() {}
-      }
-    );
-
-    // Also stub IntersectionObserver to avoid errors
-    const OrigIO = globalThis.IntersectionObserver;
-
-    globalThis.IntersectionObserver = /** @type {any} */ (
-      class {
-        // eslint-disable-next-line no-useless-constructor, no-empty-function
-        constructor() {}
-        observe() {}
-        unobserve() {}
-        disconnect() {}
-      }
-    );
-
-    _OrigIO = OrigIO;
-  });
-
-  afterEach(async () => {
-    anchor.remove();
-    popup.remove();
-    globalThis.ResizeObserver = OrigRObs;
-    globalThis.IntersectionObserver = /** @type {any} */ (_OrigIO);
-    await vi.runAllTimersAsync();
-    vi.useRealTimers();
-  });
-
-  it('should schedule checkPosition via RAF when resize is observed', async () => {
-    activatePopup(anchor, popup, 'bottom-left');
-
-    // Trigger the ResizeObserver callback (lines 223-224: cancelAnimationFrame +
-    // requestAnimationFrame)
-    /** @type {any} */ (resizeCallback)?.([]);
-    await vi.advanceTimersByTimeAsync(16); // flush rAF
-    // No crash; just verifies these lines execute
-    expect(true).toBe(true);
-  });
-});

package/dist/services/select.test.d.ts

@@ -1 +0,0 @@
-export {};