@sveltia/ui 0.15.13 → 0.15.15

package/package/services/popup.d.ts

@@ -7,11 +7,11 @@ 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 {PopupPosition} position - Where to show the popup content.
+     * @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`.
      */
-    constructor(anchorElement: HTMLButtonElement, popupElement: HTMLDialogElement, position: PopupPosition, positionBaseElement?: HTMLElement | undefined);
+    constructor(anchorElement: HTMLButtonElement, popupElement: HTMLDialogElement, position: import("../typedefs").PopupPosition, positionBaseElement?: HTMLElement | undefined);
     open: import("svelte/store").Writable<boolean>;
     /**
      * @type {import('svelte/store').Writable<{
@@ -32,7 +32,7 @@ declare class Popup {
     observer: IntersectionObserver;
     anchorElement: HTMLButtonElement;
     popupElement: HTMLDialogElement;
-    position: PopupPosition;
+    position: import("../typedefs").PopupPosition;
     positionBaseElement: HTMLElement;
     id: string;
     /**

package/package/services/popup.js

@@ -45,7 +45,9 @@ class Popup {
       if (position.startsWith('bottom-')) {
         if (contentHeight > bottomMargin) {
           if (topMargin > bottomMargin) {
-            position = /** @type {PopupPosition} */ (position.replace('bottom-', 'top-'));
+            position = /** @type {import('../typedefs').PopupPosition} */ (
+              position.replace('bottom-', 'top-')
+            );
             height = topMargin;
           } else {
             height = bottomMargin;
@@ -56,7 +58,9 @@ class Popup {
       // If the popup overflows the viewport, change the position
       if (position.endsWith('-left')) {
         if (intersectionRect.left + contentWidth > rootBounds.width - 8) {
-          position = /** @type {PopupPosition} */ (position.replace('-left', '-right'));
+          position = /** @type {import('../typedefs').PopupPosition} */ (
+            position.replace('-left', '-right')
+          );
         }
       }
 
@@ -106,7 +110,7 @@ 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 {PopupPosition} position - Where to show the popup content.
+   * @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`.
    */

package/package/{typedef.d.ts → typedefs.d.ts}

@@ -1,10 +1,10 @@
-type PopupPosition = ("top-left" | "top-right" | "right-top" | "right-bottom" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom");
-type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
-type TextEditorBlockType = "paragraph" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6" | "bulleted-list" | "numbered-list" | "blockquote";
-type TextEditorFormatType = "bold" | "italic" | "code";
-type TextEditorInlineType = TextEditorFormatType | "link";
-type TextEditorMode = "rich-text" | "plain-text";
-type TextEditorState = {
+export type PopupPosition = ("top-left" | "top-right" | "right-top" | "right-bottom" | "bottom-left" | "bottom-right" | "left-top" | "left-bottom");
+export type ToastPosition = "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+export type TextEditorBlockType = "paragraph" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6" | "bulleted-list" | "numbered-list" | "blockquote";
+export type TextEditorFormatType = "bold" | "italic" | "code";
+export type TextEditorInlineType = TextEditorFormatType | "link";
+export type TextEditorMode = "rich-text" | "plain-text";
+export type TextEditorState = {
     /**
      * - Lexical
      * editor instance.

package/package/{typedef.js → typedefs.js}

@@ -43,3 +43,5 @@
  * the editor.
  * @property {Function} convertMarkdown - Function to trigger the Lexical converter.
  */
+
+export {};