@txstate-mws/svelte-components 1.6.11 → 1.6.13

package/dist/components/PopupMenu.svelte.d.ts

@@ -2,12 +2,12 @@ import { SvelteComponentTyped } from "svelte";
 import { Store } from '@txstate-mws/svelte-store';
 import type { GlueAlignOpts, GlueAlignStore } from '../actions';
 import type { PopupMenuItem } from '../types';
-declare const __propDef: {
-    props: {
+declare class __sveltets_Render<MenuItem extends PopupMenuItem = PopupMenuItem> {
+    props(): {
         /** The DOM element that will act as the "button" for this menu. The menu will be placed next to the
           button and be controlled by the button. Keyboard access will be enabled when the button has focus.
-          This component adds all appropriate attributes (tabindex, roles, and aria) automatically. */ buttonelement: HTMLElement;
-        /** The list of menu items to be shown. Parent may change this at any time based on user activity. */ items?: PopupMenuItem[];
+          This component adds all appropriate attributes (tabindex, roles, and aria) automatically. */ buttonelement: HTMLElement | undefined;
+        /** The list of menu items to be shown. Parent may change this at any time based on user activity. */ items?: MenuItem[] | undefined;
         menushown?: boolean;
         value?: string | undefined;
         /** Control where the menu will appear. Default is to use the current viewport to make a decision to
@@ -46,26 +46,26 @@ declare const __propDef: {
         hideEmptyText?: boolean;
         /** If true, the role for the popup menu will be 'menu' instead of the default 'listbox' value */ usemenurole?: boolean;
     };
-    slots: {
+    events(): {
+        change: CustomEvent<MenuItem>;
+    };
+    slots(): {
         default: {
-            item: PopupMenuItem;
+            item: MenuItem;
             label: string;
             hilited: boolean;
             selected: boolean;
         };
         noresults: {};
     };
-    events: {
-        change: CustomEvent<PopupMenuItem>;
-    };
-};
-export type PopupMenuProps = typeof __propDef.props;
-export type PopupMenuEvents = typeof __propDef.events;
-export type PopupMenuSlots = typeof __propDef.slots;
+}
+export type PopupMenuProps<MenuItem extends PopupMenuItem = PopupMenuItem> = ReturnType<__sveltets_Render<MenuItem>['props']>;
+export type PopupMenuEvents<MenuItem extends PopupMenuItem = PopupMenuItem> = ReturnType<__sveltets_Render<MenuItem>['events']>;
+export type PopupMenuSlots<MenuItem extends PopupMenuItem = PopupMenuItem> = ReturnType<__sveltets_Render<MenuItem>['slots']>;
 /**
  * The purpose of [`PopupMenu`](https://github.com/txstate-etc/svelte-components/blob/main/docs/PopupMenu.md) is to display a menu of options to the user, activated by clicking any element
  * bound to `buttonelement`. It can also be controlled from the parent, by binding the `menushown` boolean.
  */
-export default class PopupMenu extends SvelteComponentTyped<PopupMenuProps, PopupMenuEvents, PopupMenuSlots> {
+export default class PopupMenu<MenuItem extends PopupMenuItem = PopupMenuItem> extends SvelteComponentTyped<PopupMenuProps<MenuItem>, PopupMenuEvents<MenuItem>, PopupMenuSlots<MenuItem>> {
 }
 export {};

package/dist/components/ScreenReaderOnly.svelte

@@ -2,10 +2,11 @@
   This component is for adding text that can be read by screen readers while remaining invisible to regular users.
   Useful for when aria-label isn't supported with the drawback that it can show up in copy/paste selections.
 -->
-<script lang="ts">/** An id to bind with the `<span>` used to implement this component. */
-export let id = undefined;
-export let arialive = undefined;
-export let ariaatomic = undefined;
+<script lang="ts">
+  /** An id to bind with the `<span>` used to implement this component. */
+  export let id: string | undefined = undefined
+  export let arialive: 'off' | 'assertive' | 'polite' | undefined = undefined
+  export let ariaatomic: boolean | 'false' | 'true' | undefined = undefined
 </script>
 
 <style>

package/dist/stores/toasts.d.ts

@@ -24,8 +24,8 @@ export interface ToastStorage {
     suspended: boolean;
 }
 export declare class ToastStore extends Store<ToastStorage[]> {
-    add(toast: Toast): any;
-    add(msg: string, type?: Toast['type'], ttlMs?: number): any;
+    add(toast: Toast): void;
+    add(msg: string, type?: Toast['type'], ttlMs?: number): void;
     close(id: string): void;
     suspend(id: string): void;
     resume(id: string): void;

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
 export * from './CardLayout.js';
-export * from './CollapsingTable.js';
-export * from './PopupMenu.js';
+export type * from './CollapsingTable.js';
+export type * from './PopupMenu.js';

package/dist/types/index.js

@@ -1,3 +1 @@
 export * from './CardLayout.js';
-export * from './CollapsingTable.js';
-export * from './PopupMenu.js';

package/dist/util/bodyoffset.js

@@ -44,7 +44,7 @@ function getTranslate(element) {
     }
     // Can either be 2d or 3d transform
     const matrixType = matrix.includes('3d') ? '3d' : '2d';
-    const matrixValues = matrix.match(/matrix.*\((.+)\)/)[1].split(', ');
+    const matrixValues = matrix.match(/matrix.*\((.+)\)/v)[1].split(', ');
     // 2d matrices have 6 values
     // Last 2 values are X and Y.
     // 2d matrices does not have Z value.

package/dist/util/util.d.ts

@@ -1,5 +1,5 @@
 export declare function classes(...classNames: (string | undefined)[]): string;
 export declare function debounced(fn: (..._: any[]) => any, timeout: number): (...args: any[]) => void;
-export declare function modifierKey(e: any): any;
+export declare function modifierKey(e: KeyboardEvent): boolean;
 export declare function selectionIsLeft(ele: HTMLInputElement | HTMLTextAreaElement): boolean;
-export declare function getScrollParents(element: HTMLElement): any;
+export declare function getScrollParents(element: HTMLElement): HTMLElement[];

package/dist/util/util.js

@@ -5,7 +5,6 @@ export function debounced(fn, timeout) {
     let timer;
     return (...args) => {
         clearTimeout(timer);
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
         timer = setTimeout(() => fn(...args), timeout);
     };
 }
@@ -25,7 +24,7 @@ export function getScrollParents(element) {
         if (excludeStaticParent && style.position === 'static') {
             continue;
         }
-        if (/(auto|scroll|hidden)/.test(style.overflow + style.overflowY + style.overflowX))
+        if (/(auto|scroll|hidden)/v.test(style.overflow + style.overflowY + style.overflowX))
             return [parent, ...getScrollParents(parent)];
     }
     return [document.body];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@txstate-mws/svelte-components",
-  "version": "1.6.11",
+  "version": "1.6.13",
   "description": "Svelte components that are generically useful.",
   "scripts": {
     "prepublishOnly": "svelte-package",
@@ -10,8 +10,9 @@
     "preview": "vite preview",
     "check": "svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
-    "lint": "eslint --ignore-path .gitignore .",
-    "test": "playwright test tests"
+    "lint": "eslint .",
+    "//test": "--disable-warning=DEP0205 silences Playwright's own module.register() deprecation under Node 22+; remove once Playwright switches to module.registerHooks().",
+    "test": "node --disable-warning=DEP0205 ./node_modules/.bin/playwright test tests"
   },
   "dependencies": {
     "@txstate-mws/svelte-store": "^1.0.3",
@@ -20,18 +21,18 @@
     "txstate-utils": "^1.7.12"
   },
   "devDependencies": {
+    "@eslint/compat": "^2.0.3",
     "@playwright/test": "^1.18.1",
-    "@sveltejs/adapter-auto": "^3.0.0",
+    "@stylistic/eslint-plugin": "^5.0.0",
+    "@sveltejs/adapter-auto": "^7.0.0",
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/package": "^2.0.2",
-    "@types/tabbable": "^3.1.2",
-    "eslint-config-standard-with-typescript": "^43.0.0",
-    "eslint-plugin-svelte": "^2.0.0",
-    "svelte-check": "^3.0.1",
-    "svelte-preprocess": "^5.0.0",
-    "svelte2tsx": "^0.7.0",
+    "eslint-config-love": "^154.0.0",
+    "eslint-plugin-svelte": "^3.0.0",
+    "svelte": "^5.0.0",
+    "svelte-check": "^4.0.0",
     "tslib": "^2.3.1",
-    "typescript": "^5.0.4"
+    "typescript": "^6.0.3"
   },
   "peerDependencies": {
     "svelte": "^3.53.1 || ^4.0.0 || ^5.0.0"
@@ -46,7 +47,9 @@
     },
     "./package.json": "./package.json"
   },
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "repository": {
     "type": "git",
     "url": "git@github.com:txstate-etc/svelte-components.git"