@sveltia/ui 0.25.6 → 0.25.8

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

@@ -1,20 +1,24 @@
 export function activatePopup(...args: any[]): Popup;
+/**
+ * @import { Writable } from 'svelte/store';
+ * @import { PopupPosition } from '../typedefs';
+ */
 /**
  * Implement the popup handler.
  */
 declare class Popup {
     /**
      * Initialize a new `Popup` instance.
-     * @param {HTMLButtonElement} anchorElement - `<button>` element that triggers the popup.
-     * @param {HTMLDialogElement} popupElement - `<dialog>` element to be used for the popup.
-     * @param {import('../typedefs').PopupPosition} position - Where to show the popup content.
-     * @param {HTMLElement} [positionBaseElement] - The base element of the `position`. If omitted,
-     * this will be the `anchorElement`.
+     * @param {HTMLButtonElement} anchorElement `<button>` element that triggers the popup.
+     * @param {HTMLDialogElement} popupElement `<dialog>` element to be used for the popup.
+     * @param {PopupPosition} position Where to show the popup content.
+     * @param {HTMLElement} [positionBaseElement] The base element of the `position`. If omitted, this
+     * will be the `anchorElement`.
      */
-    constructor(anchorElement: HTMLButtonElement, popupElement: HTMLDialogElement, position: import("../typedefs").PopupPosition, positionBaseElement?: HTMLElement | undefined);
-    open: import("svelte/store").Writable<boolean>;
+    constructor(anchorElement: HTMLButtonElement, popupElement: HTMLDialogElement, position: PopupPosition, positionBaseElement?: HTMLElement | undefined);
+    open: Writable<boolean>;
     /**
-     * @type {import('svelte/store').Writable<{
+     * @type {Writable<{
      * inset: string | undefined,
      * zIndex: number | undefined,
      * minWidth: string | undefined,
@@ -22,7 +26,7 @@ declare class Popup {
      * height: string | undefined,
      * }>}
      */
-    style: import("svelte/store").Writable<{
+    style: Writable<{
         inset: string | undefined;
         zIndex: number | undefined;
         minWidth: string | undefined;
@@ -32,7 +36,7 @@ declare class Popup {
     observer: IntersectionObserver;
     anchorElement: HTMLButtonElement;
     popupElement: HTMLDialogElement;
-    position: import("../typedefs").PopupPosition;
+    position: PopupPosition;
     positionBaseElement: HTMLElement;
     id: string;
     /**
@@ -54,4 +58,6 @@ declare class Popup {
      */
     hideImmediately(): Promise<void>;
 }
+import type { Writable } from 'svelte/store';
+import type { PopupPosition } from '../typedefs';
 export {};

package/dist/services/popup.svelte.js

@@ -5,6 +5,11 @@ import { sleep } from '@sveltia/utils/misc';
 import { on } from 'svelte/events';
 import { get, writable } from 'svelte/store';
 
+/**
+ * @import { Writable } from 'svelte/store';
+ * @import { PopupPosition } from '../typedefs';
+ */
+
 /**
  * Implement the popup handler.
  */
@@ -12,7 +17,7 @@ class Popup {
   open = writable(false);
 
   /**
-   * @type {import('svelte/store').Writable<{
+   * @type {Writable<{
    * inset: string | undefined,
    * zIndex: number | undefined,
    * minWidth: string | undefined,
@@ -46,9 +51,7 @@ class Popup {
       if (position.startsWith('bottom-')) {
         if (contentHeight > bottomMargin) {
           if (topMargin > bottomMargin) {
-            position = /** @type {import('../typedefs').PopupPosition} */ (
-              position.replace('bottom-', 'top-')
-            );
+            position = /** @type {PopupPosition} */ (position.replace('bottom-', 'top-'));
             height = topMargin;
           } else {
             height = bottomMargin;
@@ -59,9 +62,7 @@ class Popup {
       // If the popup overflows the viewport, change the position
       if (position.endsWith('-left')) {
         if (intersectionRect.left + contentWidth > rootBounds.width - 8) {
-          position = /** @type {import('../typedefs').PopupPosition} */ (
-            position.replace('-left', '-right')
-          );
+          position = /** @type {PopupPosition} */ (position.replace('-left', '-right'));
         }
       }
 
@@ -107,11 +108,11 @@ class Popup {
 
   /**
    * Initialize a new `Popup` instance.
-   * @param {HTMLButtonElement} anchorElement - `<button>` element that triggers the popup.
-   * @param {HTMLDialogElement} popupElement - `<dialog>` element to be used for the popup.
-   * @param {import('../typedefs').PopupPosition} position - Where to show the popup content.
-   * @param {HTMLElement} [positionBaseElement] - The base element of the `position`. If omitted,
-   * this will be the `anchorElement`.
+   * @param {HTMLButtonElement} anchorElement `<button>` element that triggers the popup.
+   * @param {HTMLDialogElement} popupElement `<dialog>` element to be used for the popup.
+   * @param {PopupPosition} position Where to show the popup content.
+   * @param {HTMLElement} [positionBaseElement] The base element of the `position`. If omitted, this
+   * will be the `anchorElement`.
    */
   constructor(anchorElement, popupElement, position, positionBaseElement) {
     this.anchorElement = anchorElement;
@@ -232,7 +233,7 @@ class Popup {
 
 /**
  * Activate a new popup.
- * @param {...any} args - Arguments.
+ * @param {...any} args Arguments.
  * @returns {Popup} New popup.
  */
 // @ts-ignore