vira 22.1.0 → 22.1.2

package/dist/elements/vira-link.element.d.ts

@@ -1,22 +1,23 @@
 import { FullRoute, SpaRouter } from 'spa-router-vir';
-export declare const ViraLink: import("element-vir").DeclarativeElementDefinition<"vira-link", {
+import { RequireExactlyOne } from 'type-fest';
+export declare const ViraLink: import("element-vir").DeclarativeElementDefinition<"vira-link", RequireExactlyOne<{
     /**
      * A full raw URL link that will navigate the current window away or open a new tab. If this
      * property is provided for the inputs, don't provide a route property.
      */
-    link?: {
+    link: {
         url: string;
         newTab: boolean;
     };
     /**
-     * A route that'll change that current page without navigating the window. If this property is
-     * provided for the inputs, don't provide a link property.
+     * A route that'll change that current page without navigating the window. If this property
+     * is provided for the inputs, don't provide a link property.
      */
-    route?: {
-        route: FullRoute;
-        router: Pick<SpaRouter, 'createRoutesUrl'>;
+    route: {
+        route: FullRoute<any, any, any>;
+        router: Pick<SpaRouter<any, any, any>, 'createRouteUrl' | 'setRouteOnDirectNavigation'>;
         scrollToTop?: boolean;
     };
-}, {}, {
+}>, {}, {
     routeChange: import("element-vir").DefinedTypedEventNameDefinition<FullRoute>;
 }, `vira-link-${string}`, "vira-link-hover-color", readonly string[]>;

package/dist/elements/vira-link.element.js

@@ -1,5 +1,5 @@
 import { css, defineElementEvent, html, listen } from 'element-vir';
-import { shouldMouseEventTriggerRoutes } from 'spa-router-vir';
+import { shouldClickEventTriggerRouteChange } from 'spa-router-vir';
 import { defineViraElement } from './define-vira-element';
 export const ViraLink = defineViraElement()({
     tagName: 'vira-link',
@@ -33,12 +33,12 @@ export const ViraLink = defineViraElement()({
         routeChange: defineElementEvent(),
     },
     renderCallback({ inputs, dispatch, events }) {
-        function clickCallback(clickEvent) {
+        function clickCallback(event) {
             if (!inputs.route) {
                 return;
             }
-            if (shouldMouseEventTriggerRoutes(clickEvent)) {
-                clickEvent.preventDefault();
+            if (shouldClickEventTriggerRouteChange(event)) {
+                event.preventDefault();
                 if (inputs.route.scrollToTop) {
                     window.scrollTo(0, 0);
                 }
@@ -56,7 +56,7 @@ export const ViraLink = defineViraElement()({
         else {
             const linkUrl = inputs.link
                 ? inputs.link.url
-                : inputs.route?.router.createRoutesUrl(inputs.route.route);
+                : inputs.route?.router.createRouteUrl(inputs.route.route);
             /** Noopener and noreferrer are needed for security reasons, do not remove! */
             return html `
                 <a href=${linkUrl} rel="noopener noreferrer" ${listen('click', clickCallback)}>

package/dist/styles/color.d.ts

@@ -1,4 +1,4 @@
 import { Format } from 'colorjs.io/types/src/space';
 import { ColorTypes } from '../re-exports/colorjs-io';
-export declare function getAssertedValidColor(input: ColorTypes | undefined): import("colorjs.io/types/src/color").default;
+export declare function getAssertedValidColor(input: ColorTypes | undefined): import("colorjs.io/types").default;
 export declare const rgbCssColorFormat: Format;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vira",
-    "version": "22.1.0",
+    "version": "22.1.2",
     "description": "A simple and highly versatile design system using element-vir.",
     "keywords": [
         "design",
@@ -32,17 +32,17 @@
         "test": "virmator test-web"
     },
     "dependencies": {
-        "@augment-vir/browser": "^26.3.1",
-        "@augment-vir/common": "^26.3.1",
+        "@augment-vir/browser": "^26.3.3",
+        "@augment-vir/common": "^26.3.3",
         "colorjs.io": "^0.5.0",
-        "date-vir": "^5.1.3",
+        "date-vir": "^5.1.4",
         "lit-css-vars": "^3.0.9",
-        "spa-router-vir": "^3.0.4",
+        "spa-router-vir": "^4.0.2",
         "type-fest": "^4.15.0"
     },
     "devDependencies": {
-        "@augment-vir/browser-testing": "^26.3.1",
-        "@augment-vir/node-js": "^26.3.1",
+        "@augment-vir/browser-testing": "^26.3.3",
+        "@augment-vir/node-js": "^26.3.3",
         "@open-wc/testing": "^4.0.0",
         "@types/chai": "^4.3.14",
         "@types/mocha": "^10.0.6",
@@ -56,7 +56,7 @@
         "markdown-code-example-inserter": "^1.0.0",
         "run-time-assertions": "^1.2.0",
         "typedoc": "^0.25.13",
-        "typescript": "5.3.3",
+        "typescript": "5.4.5",
         "vite": "^4.5.0",
         "vite-tsconfig-paths": "^4.3.2"
     },