vuetify 3.0.0-beta.9 → 3.0.1

package/lib/styles/settings/_colors.scss

@@ -44,19 +44,19 @@ $red: map-deep-merge(
 $text-on-red: () !default;
 $text-on-red: map-deep-merge(
   (
-    'base': map-get($shades, 'black'),
+    'base': map-get($shades, 'white'),
     'lighten-5': map-get($shades, 'black'),
     'lighten-4': map-get($shades, 'black'),
     'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'black'),
-    'lighten-1': map-get($shades, 'black'),
-    'darken-1': map-get($shades, 'black'),
+    'lighten-2': map-get($shades, 'white'),
+    'lighten-1': map-get($shades, 'white'),
+    'darken-1': map-get($shades, 'white'),
     'darken-2': map-get($shades, 'white'),
     'darken-3': map-get($shades, 'white'),
     'darken-4': map-get($shades, 'white'),
     'accent-1': map-get($shades, 'black'),
-    'accent-2': map-get($shades, 'black'),
-    'accent-3': map-get($shades, 'black'),
+    'accent-2': map-get($shades, 'white'),
+    'accent-3': map-get($shades, 'white'),
     'accent-4': map-get($shades, 'white')
   ),
   $text-on-red
@@ -86,19 +86,19 @@ $pink: map-deep-merge(
 $text-on-pink: () !default;
 $text-on-pink: map-deep-merge(
   (
-    'base': map-get($shades, 'black'),
+    'base': map-get($shades, 'white'),
     'lighten-5': map-get($shades, 'black'),
     'lighten-4': map-get($shades, 'black'),
     'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'black'),
-    'lighten-1': map-get($shades, 'black'),
+    'lighten-2': map-get($shades, 'white'),
+    'lighten-1': map-get($shades, 'white'),
     'darken-1': map-get($shades, 'white'),
     'darken-2': map-get($shades, 'white'),
     'darken-3': map-get($shades, 'white'),
     'darken-4': map-get($shades, 'white'),
-    'accent-1': map-get($shades, 'black'),
-    'accent-2': map-get($shades, 'black'),
-    'accent-3': map-get($shades, 'black'),
+    'accent-1': map-get($shades, 'white'),
+    'accent-2': map-get($shades, 'white'),
+    'accent-3': map-get($shades, 'white'),
     'accent-4': map-get($shades, 'white')
   ),
   $text-on-pink
@@ -128,19 +128,19 @@ $purple: map-deep-merge(
 $text-on-purple: () !default;
 $text-on-purple: map-deep-merge(
   (
+    'base': map-get($shades, 'white'),
     'lighten-5': map-get($shades, 'black'),
     'lighten-4': map-get($shades, 'black'),
-    'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'black'),
+    'lighten-3': map-get($shades, 'white'),
+    'lighten-2': map-get($shades, 'white'),
     'lighten-1': map-get($shades, 'white'),
-    'base': map-get($shades, 'white'),
     'darken-1': map-get($shades, 'white'),
     'darken-2': map-get($shades, 'white'),
     'darken-3': map-get($shades, 'white'),
     'darken-4': map-get($shades, 'white'),
-    'accent-1': map-get($shades, 'black'),
-    'accent-2': map-get($shades, 'black'),
-    'accent-3': map-get($shades, 'black'),
+    'accent-1': map-get($shades, 'white'),
+    'accent-2': map-get($shades, 'white'),
+    'accent-3': map-get($shades, 'white'),
     'accent-4': map-get($shades, 'white')
   ),
   $text-on-purple
@@ -170,17 +170,17 @@ $deep-purple: map-deep-merge(
 $text-on-deep-purple: () !default;
 $text-on-deep-purple: map-deep-merge(
   (
+    'base': map-get($shades, 'white'),
     'lighten-5': map-get($shades, 'black'),
     'lighten-4': map-get($shades, 'black'),
-    'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'black'),
+    'lighten-3': map-get($shades, 'white'),
+    'lighten-2': map-get($shades, 'white'),
     'lighten-1': map-get($shades, 'white'),
-    'base': map-get($shades, 'white'),
     'darken-1': map-get($shades, 'white'),
     'darken-2': map-get($shades, 'white'),
     'darken-3': map-get($shades, 'white'),
     'darken-4': map-get($shades, 'white'),
-    'accent-1': map-get($shades, 'black'),
+    'accent-1': map-get($shades, 'white'),
     'accent-2': map-get($shades, 'white'),
     'accent-3': map-get($shades, 'white'),
     'accent-4': map-get($shades, 'white')
@@ -212,18 +212,18 @@ $indigo: map-deep-merge(
 $text-on-indigo: () !default;
 $text-on-indigo: map-deep-merge(
   (
+    'base': map-get($shades, 'white'),
     'lighten-5': map-get($shades, 'black'),
     'lighten-4': map-get($shades, 'black'),
-    'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'black'),
+    'lighten-3': map-get($shades, 'white'),
+    'lighten-2': map-get($shades, 'white'),
     'lighten-1': map-get($shades, 'white'),
-    'base': map-get($shades, 'white'),
     'darken-1': map-get($shades, 'white'),
     'darken-2': map-get($shades, 'white'),
     'darken-3': map-get($shades, 'white'),
     'darken-4': map-get($shades, 'white'),
-    'accent-1': map-get($shades, 'black'),
-    'accent-2': map-get($shades, 'black'),
+    'accent-1': map-get($shades, 'white'),
+    'accent-2': map-get($shades, 'white'),
     'accent-3': map-get($shades, 'white'),
     'accent-4': map-get($shades, 'white')
   ),
@@ -246,7 +246,7 @@ $blue: map-deep-merge(
     'accent-1': #82B1FF,
     'accent-2': #448AFF,
     'accent-3': #2979FF,
-    'accent-4': #2962FF
+    'accent-4': #2962FF,
   ),
   $blue
 );
@@ -254,19 +254,19 @@ $blue: map-deep-merge(
 $text-on-blue: () !default;
 $text-on-blue: map-deep-merge(
   (
+    'base': map-get($shades, 'white'),
     'lighten-5': map-get($shades, 'black'),
     'lighten-4': map-get($shades, 'black'),
     'lighten-3': map-get($shades, 'black'),
     'lighten-2': map-get($shades, 'black'),
-    'lighten-1': map-get($shades, 'black'),
-    'base': map-get($shades, 'black'),
-    'darken-1': map-get($shades, 'black'),
+    'lighten-1': map-get($shades, 'white'),
+    'darken-1': map-get($shades, 'white'),
     'darken-2': map-get($shades, 'white'),
     'darken-3': map-get($shades, 'white'),
     'darken-4': map-get($shades, 'white'),
     'accent-1': map-get($shades, 'black'),
-    'accent-2': map-get($shades, 'black'),
-    'accent-3': map-get($shades, 'black'),
+    'accent-2': map-get($shades, 'white'),
+    'accent-3': map-get($shades, 'white'),
     'accent-4': map-get($shades, 'white')
   ),
   $text-on-blue
@@ -296,20 +296,20 @@ $light-blue: map-deep-merge(
 $text-on-light-blue: () !default;
 $text-on-light-blue: map-deep-merge(
   (
+    'base': map-get($shades, 'white'),
     'lighten-5': map-get($shades, 'black'),
     'lighten-4': map-get($shades, 'black'),
     'lighten-3': map-get($shades, 'black'),
     'lighten-2': map-get($shades, 'black'),
     'lighten-1': map-get($shades, 'black'),
-    'base': map-get($shades, 'black'),
-    'darken-1': map-get($shades, 'black'),
-    'darken-2': map-get($shades, 'black'),
+    'darken-1': map-get($shades, 'white'),
+    'darken-2': map-get($shades, 'white'),
     'darken-3': map-get($shades, 'white'),
     'darken-4': map-get($shades, 'white'),
     'accent-1': map-get($shades, 'black'),
     'accent-2': map-get($shades, 'black'),
-    'accent-3': map-get($shades, 'black'),
-    'accent-4': map-get($shades, 'black')
+    'accent-3': map-get($shades, 'white'),
+    'accent-4': map-get($shades, 'white')
   ),
   $text-on-light-blue
 );
@@ -338,20 +338,20 @@ $cyan: map-deep-merge(
 $text-on-cyan: () !default;
 $text-on-cyan: map-deep-merge(
   (
+    'base': map-get($shades, 'black'),
     'lighten-5': map-get($shades, 'black'),
     'lighten-4': map-get($shades, 'black'),
     'lighten-3': map-get($shades, 'black'),
     'lighten-2': map-get($shades, 'black'),
     'lighten-1': map-get($shades, 'black'),
-    'base': map-get($shades, 'black'),
-    'darken-1': map-get($shades, 'black'),
-    'darken-2': map-get($shades, 'black'),
-    'darken-3': map-get($shades, 'black'),
+    'darken-1': map-get($shades, 'white'),
+    'darken-2': map-get($shades, 'white'),
+    'darken-3': map-get($shades, 'white'),
     'darken-4': map-get($shades, 'white'),
     'accent-1': map-get($shades, 'black'),
     'accent-2': map-get($shades, 'black'),
     'accent-3': map-get($shades, 'black'),
-    'accent-4': map-get($shades, 'black')
+    'accent-4': map-get($shades, 'white')
   ),
   $text-on-cyan
 );
@@ -380,20 +380,20 @@ $teal: map-deep-merge(
 $text-on-teal: () !default;
 $text-on-teal: map-deep-merge(
   (
+    'base': map-get($shades, 'white'),
     'lighten-5': map-get($shades, 'black'),
     'lighten-4': map-get($shades, 'black'),
     'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'black'),
-    'lighten-1': map-get($shades, 'black'),
-    'base': map-get($shades, 'black'),
-    'darken-1': map-get($shades, 'black'),
+    'lighten-2': map-get($shades, 'white'),
+    'lighten-1': map-get($shades, 'white'),
+    'darken-1': map-get($shades, 'white'),
     'darken-2': map-get($shades, 'white'),
     'darken-3': map-get($shades, 'white'),
     'darken-4': map-get($shades, 'white'),
     'accent-1': map-get($shades, 'black'),
     'accent-2': map-get($shades, 'black'),
     'accent-3': map-get($shades, 'black'),
-    'accent-4': map-get($shades, 'black')
+    'accent-4': map-get($shades, 'white')
   ),
   $text-on-teal
 );
@@ -422,19 +422,19 @@ $green: map-deep-merge(
 $text-on-green: () !default;
 $text-on-green: map-deep-merge(
   (
+    'base': map-get($shades, 'white'),
     'lighten-5': map-get($shades, 'black'),
     'lighten-4': map-get($shades, 'black'),
     'lighten-3': map-get($shades, 'black'),
     'lighten-2': map-get($shades, 'black'),
-    'lighten-1': map-get($shades, 'black'),
-    'base': map-get($shades, 'black'),
-    'darken-1': map-get($shades, 'black'),
-    'darken-2': map-get($shades, 'black'),
+    'lighten-1': map-get($shades, 'white'),
+    'darken-1': map-get($shades, 'white'),
+    'darken-2': map-get($shades, 'white'),
     'darken-3': map-get($shades, 'white'),
     'darken-4': map-get($shades, 'white'),
     'accent-1': map-get($shades, 'black'),
-    'accent-2': map-get($shades, 'white'),
-    'accent-3': map-get($shades, 'white'),
+    'accent-2': map-get($shades, 'black'),
+    'accent-3': map-get($shades, 'black'),
     'accent-4': map-get($shades, 'black')
   ),
   $text-on-green
@@ -464,15 +464,15 @@ $light-green: map-deep-merge(
 $text-on-light-green: () !default;
 $text-on-light-green: map-deep-merge(
   (
+    'base': map-get($shades, 'black'),
     'lighten-5': map-get($shades, 'black'),
     'lighten-4': map-get($shades, 'black'),
     'lighten-3': map-get($shades, 'black'),
     'lighten-2': map-get($shades, 'black'),
     'lighten-1': map-get($shades, 'black'),
-    'base': map-get($shades, 'black'),
-    'darken-1': map-get($shades, 'black'),
-    'darken-2': map-get($shades, 'black'),
-    'darken-3': map-get($shades, 'black'),
+    'darken-1': map-get($shades, 'white'),
+    'darken-2': map-get($shades, 'white'),
+    'darken-3': map-get($shades, 'white'),
     'darken-4': map-get($shades, 'white'),
     'accent-1': map-get($shades, 'black'),
     'accent-2': map-get($shades, 'black'),
@@ -506,16 +506,16 @@ $lime: map-deep-merge(
 $text-on-lime: () !default;
 $text-on-lime: map-deep-merge(
   (
+    'base': map-get($shades, 'black'),
     'lighten-5': map-get($shades, 'black'),
     'lighten-4': map-get($shades, 'black'),
     'lighten-3': map-get($shades, 'black'),
     'lighten-2': map-get($shades, 'black'),
     'lighten-1': map-get($shades, 'black'),
-    'base': map-get($shades, 'black'),
     'darken-1': map-get($shades, 'black'),
     'darken-2': map-get($shades, 'black'),
-    'darken-3': map-get($shades, 'black'),
-    'darken-4': map-get($shades, 'black'),
+    'darken-3': map-get($shades, 'white'),
+    'darken-4': map-get($shades, 'white'),
     'accent-1': map-get($shades, 'black'),
     'accent-2': map-get($shades, 'black'),
     'accent-3': map-get($shades, 'black'),
@@ -548,16 +548,16 @@ $yellow: map-deep-merge(
 $text-on-yellow: () !default;
 $text-on-yellow: map-deep-merge(
   (
+    'base': map-get($shades, 'black'),
     'lighten-5': map-get($shades, 'black'),
     'lighten-4': map-get($shades, 'black'),
     'lighten-3': map-get($shades, 'black'),
     'lighten-2': map-get($shades, 'black'),
     'lighten-1': map-get($shades, 'black'),
-    'base': map-get($shades, 'black'),
     'darken-1': map-get($shades, 'black'),
     'darken-2': map-get($shades, 'black'),
     'darken-3': map-get($shades, 'black'),
-    'darken-4': map-get($shades, 'black'),
+    'darken-4': map-get($shades, 'white'),
     'accent-1': map-get($shades, 'black'),
     'accent-2': map-get($shades, 'black'),
     'accent-3': map-get($shades, 'black'),
@@ -590,16 +590,16 @@ $amber: map-deep-merge(
 $text-on-amber: () !default;
 $text-on-amber: map-deep-merge(
   (
+    'base': map-get($shades, 'black'),
     'lighten-5': map-get($shades, 'black'),
     'lighten-4': map-get($shades, 'black'),
     'lighten-3': map-get($shades, 'black'),
     'lighten-2': map-get($shades, 'black'),
     'lighten-1': map-get($shades, 'black'),
-    'base': map-get($shades, 'black'),
     'darken-1': map-get($shades, 'black'),
     'darken-2': map-get($shades, 'black'),
     'darken-3': map-get($shades, 'black'),
-    'darken-4': map-get($shades, 'black'),
+    'darken-4': map-get($shades, 'white'),
     'accent-1': map-get($shades, 'black'),
     'accent-2': map-get($shades, 'black'),
     'accent-3': map-get($shades, 'black'),
@@ -632,20 +632,20 @@ $orange: map-deep-merge(
 $text-on-orange: () !default;
 $text-on-orange: map-deep-merge(
   (
+    'base': map-get($shades, 'black'),
     'lighten-5': map-get($shades, 'black'),
     'lighten-4': map-get($shades, 'black'),
     'lighten-3': map-get($shades, 'black'),
     'lighten-2': map-get($shades, 'black'),
     'lighten-1': map-get($shades, 'black'),
-    'base': map-get($shades, 'black'),
-    'darken-1': map-get($shades, 'black'),
-    'darken-2': map-get($shades, 'black'),
-    'darken-3': map-get($shades, 'black'),
-    'darken-4': map-get($shades, 'black'),
+    'darken-1': map-get($shades, 'white'),
+    'darken-2': map-get($shades, 'white'),
+    'darken-3': map-get($shades, 'white'),
+    'darken-4': map-get($shades, 'white'),
     'accent-1': map-get($shades, 'black'),
     'accent-2': map-get($shades, 'black'),
     'accent-3': map-get($shades, 'black'),
-    'accent-4': map-get($shades, 'black')
+    'accent-4': map-get($shades, 'white')
   ),
   $text-on-orange
 );
@@ -671,19 +671,19 @@ $deep-orange: (
 $text-on-deep-orange: () !default;
 $text-on-deep-orange: map-deep-merge(
   (
+    'base': map-get($shades, 'white'),
     'lighten-5': map-get($shades, 'black'),
     'lighten-4': map-get($shades, 'black'),
     'lighten-3': map-get($shades, 'black'),
     'lighten-2': map-get($shades, 'black'),
-    'lighten-1': map-get($shades, 'black'),
-    'base': map-get($shades, 'black'),
-    'darken-1': map-get($shades, 'black'),
-    'darken-2': map-get($shades, 'black'),
-    'darken-3': map-get($shades, 'black'),
+    'lighten-1': map-get($shades, 'white'),
+    'darken-1': map-get($shades, 'white'),
+    'darken-2': map-get($shades, 'white'),
+    'darken-3': map-get($shades, 'white'),
     'darken-4': map-get($shades, 'white'),
     'accent-1': map-get($shades, 'black'),
-    'accent-2': map-get($shades, 'black'),
-    'accent-3': map-get($shades, 'black'),
+    'accent-2': map-get($shades, 'white'),
+    'accent-3': map-get($shades, 'white'),
     'accent-4': map-get($shades, 'white')
   ),
   $text-on-deep-orange
@@ -709,12 +709,12 @@ $brown: map-deep-merge(
 $text-on-brown: () !default;
 $text-on-brown: map-deep-merge(
   (
+    'base': map-get($shades, 'white'),
     'lighten-5': map-get($shades, 'black'),
     'lighten-4': map-get($shades, 'black'),
     'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'black'),
+    'lighten-2': map-get($shades, 'white'),
     'lighten-1': map-get($shades, 'white'),
-    'base': map-get($shades, 'white'),
     'darken-1': map-get($shades, 'white'),
     'darken-2': map-get($shades, 'white'),
     'darken-3': map-get($shades, 'white'),
@@ -743,12 +743,12 @@ $blue-grey: map-deep-merge(
 $text-on-blue-grey: () !default;
 $text-on-blue-grey: map-deep-merge(
   (
+    'base': map-get($shades, 'white'),
     'lighten-5': map-get($shades, 'black'),
     'lighten-4': map-get($shades, 'black'),
     'lighten-3': map-get($shades, 'black'),
-    'lighten-2': map-get($shades, 'black'),
-    'lighten-1': map-get($shades, 'black'),
-    'base': map-get($shades, 'black'),
+    'lighten-2': map-get($shades, 'white'),
+    'lighten-1': map-get($shades, 'white'),
     'darken-1': map-get($shades, 'white'),
     'darken-2': map-get($shades, 'white'),
     'darken-3': map-get($shades, 'white'),
@@ -777,12 +777,12 @@ $grey: map-deep-merge(
 $text-on-grey: () !default;
 $text-on-grey: map-deep-merge(
   (
+    'base': map-get($shades, 'white'),
     'lighten-5': map-get($shades, 'black'),
     'lighten-4': map-get($shades, 'black'),
     'lighten-3': map-get($shades, 'black'),
     'lighten-2': map-get($shades, 'black'),
     'lighten-1': map-get($shades, 'black'),
-    'base': map-get($shades, 'black'),
     'darken-1': map-get($shades, 'white'),
     'darken-2': map-get($shades, 'white'),
     'darken-3': map-get($shades, 'white'),

package/lib/styles/settings/_elevations.scss

@@ -1,8 +1,8 @@
 @use '../tools/functions' as *;
 
-$shadow-key-umbra-opacity: rgba(0, 0, 0, 0.2) !default;
-$shadow-key-penumbra-opacity: rgba(0, 0, 0, 0.14) !default;
-$shadow-key-ambient-opacity: rgba(0, 0, 0, 0.12) !default;
+$shadow-key-umbra-opacity: var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)) !default;
+$shadow-key-penumbra-opacity: var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)) !default;
+$shadow-key-ambient-opacity: var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12)) !default;
 
 $shadow-key-umbra: () !default;
 $shadow-key-umbra: map-deep-merge(

package/lib/styles/settings/_utilities.scss

@@ -443,12 +443,12 @@ $utilities: () !default;
         values: (break: break-word)
       ),
       "text-opacity": (
-        property: opacity,
+        property: color,
         class: text,
         values: (
-          high-emphasis: var(--v-high-emphasis-opacity),
-          medium-emphasis: var(--v-medium-emphasis-opacity),
-          disabled: var(--v-disabled-opacity)
+          high-emphasis: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity)),
+          medium-emphasis: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity)),
+          disabled: rgba(var(--v-theme-on-background), var(--v-disabled-opacity)),
         )
       ),
       "text-overflow": (
@@ -488,6 +488,13 @@ $utilities: () !default;
         class: font,
         values: italic
       ),
+      "text-mono": (
+        property: font-family,
+        class: text,
+        values: (
+          mono: monospace
+        )
+      ),
       // Position
       "position": (
         property: position,

package/lib/styles/tools/_states.sass

@@ -30,8 +30,13 @@
 
   &:hover
     #{$selector}
-      opacity: calc(#{map.get(settings.$states, 'activated')} * var(--v-theme-overlay-multiplier))
+      opacity: calc(#{map.get(settings.$states, 'activated') + map.get(settings.$states, 'hover')} * var(--v-theme-overlay-multiplier))
 
-  &:focus
+  &:focus-visible
     #{$selector}
-      opacity: calc(#{map.get(settings.$states, 'pressed')} * var(--v-theme-overlay-multiplier))
+      opacity: calc(#{map.get(settings.$states, 'activated') + map.get(settings.$states, 'focus')} * var(--v-theme-overlay-multiplier))
+
+  @supports not selector(:focus-visible)
+    &:focus
+      #{$selector}
+        opacity: calc(#{map.get(settings.$states, 'activated') + map.get(settings.$states, 'focus')} * var(--v-theme-overlay-multiplier))

package/lib/styles/tools/_variant.sass

@@ -50,4 +50,3 @@
       bottom: 0
       left: 0
       pointer-events: none
-      transition: opacity 0.2s ease-in-out

package/lib/util/anchor.mjs

@@ -1,15 +1,12 @@
 import { includes } from "./helpers.mjs";
 const block = ['top', 'bottom'];
 const inline = ['start', 'end', 'left', 'right'];
-
 /** Parse a raw anchor string into an object */
 export function parseAnchor(anchor, isRtl) {
   let [side, align] = anchor.split(' ');
-
   if (!align) {
     align = includes(block, side) ? 'start' : includes(inline, side) ? 'top' : 'center';
   }
-
   return {
     side: toPhysical(side, isRtl),
     align: toPhysical(align, isRtl)

package/lib/util/anchor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"anchor.mjs","names":["includes","block","inline","parseAnchor","anchor","isRtl","side","align","split","toPhysical","str","flipSide","center","top","bottom","left","right","flipAlign","flipCorner","getAxis"],"sources":["../../src/util/anchor.ts"],"sourcesContent":["import { includes } from '@/util/helpers'\n\nconst block = ['top', 'bottom'] as const\nconst inline = ['start', 'end', 'left', 'right'] as const\ntype Tblock = typeof block[number]\ntype Tinline = typeof inline[number]\nexport type Anchor =\n  | Tblock\n  | Tinline\n  | 'center'\n  | 'center center'\n  | `${Tblock} ${Tinline | 'center'}`\n  | `${Tinline} ${Tblock | 'center'}`\nexport type ParsedAnchor =\n  | { side: 'center', align: 'center' }\n  | { side: Tblock, align: 'left' | 'right' | 'center' }\n  | { side: 'left' | 'right', align: Tblock | 'center' }\n\n/** Parse a raw anchor string into an object */\nexport function parseAnchor (anchor: Anchor, isRtl: boolean) {\n  let [side, align] = anchor.split(' ') as [Tblock | Tinline | 'center', Tblock | Tinline | 'center' | undefined]\n  if (!align) {\n    align =\n      includes(block, side) ? 'start'\n      : includes(inline, side) ? 'top'\n      : 'center'\n  }\n\n  return {\n    side: toPhysical(side, isRtl),\n    align: toPhysical(align, isRtl),\n  } as ParsedAnchor\n}\n\nexport function toPhysical (str: 'center' | Tblock | Tinline, isRtl: boolean) {\n  if (str === 'start') return isRtl ? 'right' : 'left'\n  if (str === 'end') return isRtl ? 'left' : 'right'\n  return str\n}\n\nexport function flipSide (anchor: ParsedAnchor) {\n  return {\n    side: {\n      center: 'center',\n      top: 'bottom',\n      bottom: 'top',\n      left: 'right',\n      right: 'left',\n    }[anchor.side],\n    align: anchor.align,\n  } as ParsedAnchor\n}\n\nexport function flipAlign (anchor: ParsedAnchor) {\n  return {\n    side: anchor.side,\n    align: {\n      center: 'center',\n      top: 'bottom',\n      bottom: 'top',\n      left: 'right',\n      right: 'left',\n    }[anchor.align],\n  } as ParsedAnchor\n}\n\nexport function flipCorner (anchor: ParsedAnchor) {\n  return {\n    side: anchor.align,\n    align: anchor.side,\n  } as ParsedAnchor\n}\n\nexport function getAxis (anchor: ParsedAnchor) {\n  return includes(block, anchor.side) ? 'y' : 'x'\n}\n"],"mappings":"SAASA,Q;AAET,MAAMC,KAAK,GAAG,CAAC,KAAD,EAAQ,QAAR,CAAd;AACA,MAAMC,MAAM,GAAG,CAAC,OAAD,EAAU,KAAV,EAAiB,MAAjB,EAAyB,OAAzB,CAAf;;AAeA;AACA,OAAO,SAASC,WAAT,CAAsBC,MAAtB,EAAsCC,KAAtC,EAAsD;EAC3D,IAAI,CAACC,IAAD,EAAOC,KAAP,IAAgBH,MAAM,CAACI,KAAP,CAAa,GAAb,CAApB;;EACA,IAAI,CAACD,KAAL,EAAY;IACVA,KAAK,GACHP,QAAQ,CAACC,KAAD,EAAQK,IAAR,CAAR,GAAwB,OAAxB,GACEN,QAAQ,CAACE,MAAD,EAASI,IAAT,CAAR,GAAyB,KAAzB,GACA,QAHJ;EAID;;EAED,OAAO;IACLA,IAAI,EAAEG,UAAU,CAACH,IAAD,EAAOD,KAAP,CADX;IAELE,KAAK,EAAEE,UAAU,CAACF,KAAD,EAAQF,KAAR;EAFZ,CAAP;AAID;AAED,OAAO,SAASI,UAAT,CAAqBC,GAArB,EAAuDL,KAAvD,EAAuE;EAC5E,IAAIK,GAAG,KAAK,OAAZ,EAAqB,OAAOL,KAAK,GAAG,OAAH,GAAa,MAAzB;EACrB,IAAIK,GAAG,KAAK,KAAZ,EAAmB,OAAOL,KAAK,GAAG,MAAH,GAAY,OAAxB;EACnB,OAAOK,GAAP;AACD;AAED,OAAO,SAASC,QAAT,CAAmBP,MAAnB,EAAyC;EAC9C,OAAO;IACLE,IAAI,EAAE;MACJM,MAAM,EAAE,QADJ;MAEJC,GAAG,EAAE,QAFD;MAGJC,MAAM,EAAE,KAHJ;MAIJC,IAAI,EAAE,OAJF;MAKJC,KAAK,EAAE;IALH,EAMJZ,MAAM,CAACE,IANH,CADD;IAQLC,KAAK,EAAEH,MAAM,CAACG;EART,CAAP;AAUD;AAED,OAAO,SAASU,SAAT,CAAoBb,MAApB,EAA0C;EAC/C,OAAO;IACLE,IAAI,EAAEF,MAAM,CAACE,IADR;IAELC,KAAK,EAAE;MACLK,MAAM,EAAE,QADH;MAELC,GAAG,EAAE,QAFA;MAGLC,MAAM,EAAE,KAHH;MAILC,IAAI,EAAE,OAJD;MAKLC,KAAK,EAAE;IALF,EAMLZ,MAAM,CAACG,KANF;EAFF,CAAP;AAUD;AAED,OAAO,SAASW,UAAT,CAAqBd,MAArB,EAA2C;EAChD,OAAO;IACLE,IAAI,EAAEF,MAAM,CAACG,KADR;IAELA,KAAK,EAAEH,MAAM,CAACE;EAFT,CAAP;AAID;AAED,OAAO,SAASa,OAAT,CAAkBf,MAAlB,EAAwC;EAC7C,OAAOJ,QAAQ,CAACC,KAAD,EAAQG,MAAM,CAACE,IAAf,CAAR,GAA+B,GAA/B,GAAqC,GAA5C;AACD"}
+{"version":3,"file":"anchor.mjs","names":["includes","block","inline","parseAnchor","anchor","isRtl","side","align","split","toPhysical","str","flipSide","center","top","bottom","left","right","flipAlign","flipCorner","getAxis"],"sources":["../../src/util/anchor.ts"],"sourcesContent":["import { includes } from '@/util/helpers'\n\nconst block = ['top', 'bottom'] as const\nconst inline = ['start', 'end', 'left', 'right'] as const\ntype Tblock = typeof block[number]\ntype Tinline = typeof inline[number]\nexport type Anchor =\n  | Tblock\n  | Tinline\n  | 'center'\n  | 'center center'\n  | `${Tblock} ${Tinline | 'center'}`\n  | `${Tinline} ${Tblock | 'center'}`\nexport type ParsedAnchor =\n  | { side: 'center', align: 'center' }\n  | { side: Tblock, align: 'left' | 'right' | 'center' }\n  | { side: 'left' | 'right', align: Tblock | 'center' }\n\n/** Parse a raw anchor string into an object */\nexport function parseAnchor (anchor: Anchor, isRtl: boolean) {\n  let [side, align] = anchor.split(' ') as [Tblock | Tinline | 'center', Tblock | Tinline | 'center' | undefined]\n  if (!align) {\n    align =\n      includes(block, side) ? 'start'\n      : includes(inline, side) ? 'top'\n      : 'center'\n  }\n\n  return {\n    side: toPhysical(side, isRtl),\n    align: toPhysical(align, isRtl),\n  } as ParsedAnchor\n}\n\nexport function toPhysical (str: 'center' | Tblock | Tinline, isRtl: boolean) {\n  if (str === 'start') return isRtl ? 'right' : 'left'\n  if (str === 'end') return isRtl ? 'left' : 'right'\n  return str\n}\n\nexport function flipSide (anchor: ParsedAnchor) {\n  return {\n    side: {\n      center: 'center',\n      top: 'bottom',\n      bottom: 'top',\n      left: 'right',\n      right: 'left',\n    }[anchor.side],\n    align: anchor.align,\n  } as ParsedAnchor\n}\n\nexport function flipAlign (anchor: ParsedAnchor) {\n  return {\n    side: anchor.side,\n    align: {\n      center: 'center',\n      top: 'bottom',\n      bottom: 'top',\n      left: 'right',\n      right: 'left',\n    }[anchor.align],\n  } as ParsedAnchor\n}\n\nexport function flipCorner (anchor: ParsedAnchor) {\n  return {\n    side: anchor.align,\n    align: anchor.side,\n  } as ParsedAnchor\n}\n\nexport function getAxis (anchor: ParsedAnchor) {\n  return includes(block, anchor.side) ? 'y' : 'x'\n}\n"],"mappings":"SAASA,QAAQ;AAEjB,MAAMC,KAAK,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAU;AACxC,MAAMC,MAAM,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAU;AAezD;AACA,OAAO,SAASC,WAAW,CAAEC,MAAc,EAAEC,KAAc,EAAE;EAC3D,IAAI,CAACC,IAAI,EAAEC,KAAK,CAAC,GAAGH,MAAM,CAACI,KAAK,CAAC,GAAG,CAA2E;EAC/G,IAAI,CAACD,KAAK,EAAE;IACVA,KAAK,GACHP,QAAQ,CAACC,KAAK,EAAEK,IAAI,CAAC,GAAG,OAAO,GAC7BN,QAAQ,CAACE,MAAM,EAAEI,IAAI,CAAC,GAAG,KAAK,GAC9B,QAAQ;EACd;EAEA,OAAO;IACLA,IAAI,EAAEG,UAAU,CAACH,IAAI,EAAED,KAAK,CAAC;IAC7BE,KAAK,EAAEE,UAAU,CAACF,KAAK,EAAEF,KAAK;EAChC,CAAC;AACH;AAEA,OAAO,SAASI,UAAU,CAAEC,GAAgC,EAAEL,KAAc,EAAE;EAC5E,IAAIK,GAAG,KAAK,OAAO,EAAE,OAAOL,KAAK,GAAG,OAAO,GAAG,MAAM;EACpD,IAAIK,GAAG,KAAK,KAAK,EAAE,OAAOL,KAAK,GAAG,MAAM,GAAG,OAAO;EAClD,OAAOK,GAAG;AACZ;AAEA,OAAO,SAASC,QAAQ,CAAEP,MAAoB,EAAE;EAC9C,OAAO;IACLE,IAAI,EAAE;MACJM,MAAM,EAAE,QAAQ;MAChBC,GAAG,EAAE,QAAQ;MACbC,MAAM,EAAE,KAAK;MACbC,IAAI,EAAE,OAAO;MACbC,KAAK,EAAE;IACT,CAAC,CAACZ,MAAM,CAACE,IAAI,CAAC;IACdC,KAAK,EAAEH,MAAM,CAACG;EAChB,CAAC;AACH;AAEA,OAAO,SAASU,SAAS,CAAEb,MAAoB,EAAE;EAC/C,OAAO;IACLE,IAAI,EAAEF,MAAM,CAACE,IAAI;IACjBC,KAAK,EAAE;MACLK,MAAM,EAAE,QAAQ;MAChBC,GAAG,EAAE,QAAQ;MACbC,MAAM,EAAE,KAAK;MACbC,IAAI,EAAE,OAAO;MACbC,KAAK,EAAE;IACT,CAAC,CAACZ,MAAM,CAACG,KAAK;EAChB,CAAC;AACH;AAEA,OAAO,SAASW,UAAU,CAAEd,MAAoB,EAAE;EAChD,OAAO;IACLE,IAAI,EAAEF,MAAM,CAACG,KAAK;IAClBA,KAAK,EAAEH,MAAM,CAACE;EAChB,CAAC;AACH;AAEA,OAAO,SAASa,OAAO,CAAEf,MAAoB,EAAE;EAC7C,OAAOJ,QAAQ,CAACC,KAAK,EAAEG,MAAM,CAACE,IAAI,CAAC,GAAG,GAAG,GAAG,GAAG;AACjD"}

package/lib/util/animation.mjs

@@ -1,14 +1,11 @@
 import { Box } from "./box.mjs";
 /** @see https://stackoverflow.com/a/57876601/2074736 */
-
 export function nullifyTransforms(el) {
   const rect = el.getBoundingClientRect();
   const style = getComputedStyle(el);
   const tx = style.transform;
-
   if (tx) {
     let ta, sx, sy, dx, dy;
-
     if (tx.startsWith('matrix3d(')) {
       ta = tx.slice(9, -1).split(/, /);
       sx = +ta[0];
@@ -24,7 +21,6 @@ export function nullifyTransforms(el) {
     } else {
       return new Box(rect);
     }
-
     const to = style.transformOrigin;
     const x = rect.x - dx - (1 - sx) * parseFloat(to);
     const y = rect.y - dy - (1 - sy) * parseFloat(to.slice(to.indexOf(' ') + 1));
@@ -40,4 +36,18 @@ export function nullifyTransforms(el) {
     return new Box(rect);
   }
 }
+export function animate(el, keyframes, options) {
+  if (typeof el.animate === 'undefined') return {
+    finished: Promise.resolve()
+  };
+  const animation = el.animate(keyframes, options);
+  if (typeof animation.finished === 'undefined') {
+    animation.finished = new Promise(resolve => {
+      animation.onfinish = () => {
+        resolve(animation);
+      };
+    });
+  }
+  return animation;
+}
 //# sourceMappingURL=animation.mjs.map

package/lib/util/animation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"animation.mjs","names":["Box","nullifyTransforms","el","rect","getBoundingClientRect","style","getComputedStyle","tx","transform","ta","sx","sy","dx","dy","startsWith","slice","split","to","transformOrigin","x","parseFloat","y","indexOf","w","width","offsetWidth","h","height","offsetHeight"],"sources":["../../src/util/animation.ts"],"sourcesContent":["import { Box } from '@/util/box'\n\n/** @see https://stackoverflow.com/a/57876601/2074736 */\nexport function nullifyTransforms (el: HTMLElement): Box {\n  const rect = el.getBoundingClientRect()\n  const style = getComputedStyle(el)\n  const tx = style.transform\n\n  if (tx) {\n    let ta, sx, sy, dx, dy\n    if (tx.startsWith('matrix3d(')) {\n      ta = tx.slice(9, -1).split(/, /)\n      sx = +ta[0]\n      sy = +ta[5]\n      dx = +ta[12]\n      dy = +ta[13]\n    } else if (tx.startsWith('matrix(')) {\n      ta = tx.slice(7, -1).split(/, /)\n      sx = +ta[0]\n      sy = +ta[3]\n      dx = +ta[4]\n      dy = +ta[5]\n    } else {\n      return new Box(rect)\n    }\n\n    const to = style.transformOrigin\n    const x = rect.x - dx - (1 - sx) * parseFloat(to)\n    const y = rect.y - dy - (1 - sy) * parseFloat(to.slice(to.indexOf(' ') + 1))\n    const w = sx ? rect.width / sx : el.offsetWidth + 1\n    const h = sy ? rect.height / sy : el.offsetHeight + 1\n\n    return new Box({ x, y, width: w, height: h })\n  } else {\n    return new Box(rect)\n  }\n}\n"],"mappings":"SAASA,G;AAET;;AACA,OAAO,SAASC,iBAAT,CAA4BC,EAA5B,EAAkD;EACvD,MAAMC,IAAI,GAAGD,EAAE,CAACE,qBAAH,EAAb;EACA,MAAMC,KAAK,GAAGC,gBAAgB,CAACJ,EAAD,CAA9B;EACA,MAAMK,EAAE,GAAGF,KAAK,CAACG,SAAjB;;EAEA,IAAID,EAAJ,EAAQ;IACN,IAAIE,EAAJ,EAAQC,EAAR,EAAYC,EAAZ,EAAgBC,EAAhB,EAAoBC,EAApB;;IACA,IAAIN,EAAE,CAACO,UAAH,CAAc,WAAd,CAAJ,EAAgC;MAC9BL,EAAE,GAAGF,EAAE,CAACQ,KAAH,CAAS,CAAT,EAAY,CAAC,CAAb,EAAgBC,KAAhB,CAAsB,IAAtB,CAAL;MACAN,EAAE,GAAG,CAACD,EAAE,CAAC,CAAD,CAAR;MACAE,EAAE,GAAG,CAACF,EAAE,CAAC,CAAD,CAAR;MACAG,EAAE,GAAG,CAACH,EAAE,CAAC,EAAD,CAAR;MACAI,EAAE,GAAG,CAACJ,EAAE,CAAC,EAAD,CAAR;IACD,CAND,MAMO,IAAIF,EAAE,CAACO,UAAH,CAAc,SAAd,CAAJ,EAA8B;MACnCL,EAAE,GAAGF,EAAE,CAACQ,KAAH,CAAS,CAAT,EAAY,CAAC,CAAb,EAAgBC,KAAhB,CAAsB,IAAtB,CAAL;MACAN,EAAE,GAAG,CAACD,EAAE,CAAC,CAAD,CAAR;MACAE,EAAE,GAAG,CAACF,EAAE,CAAC,CAAD,CAAR;MACAG,EAAE,GAAG,CAACH,EAAE,CAAC,CAAD,CAAR;MACAI,EAAE,GAAG,CAACJ,EAAE,CAAC,CAAD,CAAR;IACD,CANM,MAMA;MACL,OAAO,IAAIT,GAAJ,CAAQG,IAAR,CAAP;IACD;;IAED,MAAMc,EAAE,GAAGZ,KAAK,CAACa,eAAjB;IACA,MAAMC,CAAC,GAAGhB,IAAI,CAACgB,CAAL,GAASP,EAAT,GAAc,CAAC,IAAIF,EAAL,IAAWU,UAAU,CAACH,EAAD,CAA7C;IACA,MAAMI,CAAC,GAAGlB,IAAI,CAACkB,CAAL,GAASR,EAAT,GAAc,CAAC,IAAIF,EAAL,IAAWS,UAAU,CAACH,EAAE,CAACF,KAAH,CAASE,EAAE,CAACK,OAAH,CAAW,GAAX,IAAkB,CAA3B,CAAD,CAA7C;IACA,MAAMC,CAAC,GAAGb,EAAE,GAAGP,IAAI,CAACqB,KAAL,GAAad,EAAhB,GAAqBR,EAAE,CAACuB,WAAH,GAAiB,CAAlD;IACA,MAAMC,CAAC,GAAGf,EAAE,GAAGR,IAAI,CAACwB,MAAL,GAAchB,EAAjB,GAAsBT,EAAE,CAAC0B,YAAH,GAAkB,CAApD;IAEA,OAAO,IAAI5B,GAAJ,CAAQ;MAAEmB,CAAF;MAAKE,CAAL;MAAQG,KAAK,EAAED,CAAf;MAAkBI,MAAM,EAAED;IAA1B,CAAR,CAAP;EACD,CAzBD,MAyBO;IACL,OAAO,IAAI1B,GAAJ,CAAQG,IAAR,CAAP;EACD;AACF"}
+{"version":3,"file":"animation.mjs","names":["Box","nullifyTransforms","el","rect","getBoundingClientRect","style","getComputedStyle","tx","transform","ta","sx","sy","dx","dy","startsWith","slice","split","to","transformOrigin","x","parseFloat","y","indexOf","w","width","offsetWidth","h","height","offsetHeight","animate","keyframes","options","finished","Promise","resolve","animation","onfinish"],"sources":["../../src/util/animation.ts"],"sourcesContent":["import { Box } from '@/util/box'\n\n/** @see https://stackoverflow.com/a/57876601/2074736 */\nexport function nullifyTransforms (el: HTMLElement): Box {\n  const rect = el.getBoundingClientRect()\n  const style = getComputedStyle(el)\n  const tx = style.transform\n\n  if (tx) {\n    let ta, sx, sy, dx, dy\n    if (tx.startsWith('matrix3d(')) {\n      ta = tx.slice(9, -1).split(/, /)\n      sx = +ta[0]\n      sy = +ta[5]\n      dx = +ta[12]\n      dy = +ta[13]\n    } else if (tx.startsWith('matrix(')) {\n      ta = tx.slice(7, -1).split(/, /)\n      sx = +ta[0]\n      sy = +ta[3]\n      dx = +ta[4]\n      dy = +ta[5]\n    } else {\n      return new Box(rect)\n    }\n\n    const to = style.transformOrigin\n    const x = rect.x - dx - (1 - sx) * parseFloat(to)\n    const y = rect.y - dy - (1 - sy) * parseFloat(to.slice(to.indexOf(' ') + 1))\n    const w = sx ? rect.width / sx : el.offsetWidth + 1\n    const h = sy ? rect.height / sy : el.offsetHeight + 1\n\n    return new Box({ x, y, width: w, height: h })\n  } else {\n    return new Box(rect)\n  }\n}\n\nexport function animate (\n  el: Element,\n  keyframes: Keyframe[] | PropertyIndexedKeyframes | null,\n  options?: number | KeyframeAnimationOptions\n) {\n  if (typeof el.animate === 'undefined') return { finished: Promise.resolve() }\n\n  const animation = el.animate(keyframes, options)\n  if (typeof animation.finished === 'undefined') {\n    (animation as any).finished = new Promise(resolve => {\n      animation.onfinish = () => {\n        resolve(animation)\n      }\n    })\n  }\n\n  return animation\n}\n"],"mappings":"SAASA,GAAG;AAEZ;AACA,OAAO,SAASC,iBAAiB,CAAEC,EAAe,EAAO;EACvD,MAAMC,IAAI,GAAGD,EAAE,CAACE,qBAAqB,EAAE;EACvC,MAAMC,KAAK,GAAGC,gBAAgB,CAACJ,EAAE,CAAC;EAClC,MAAMK,EAAE,GAAGF,KAAK,CAACG,SAAS;EAE1B,IAAID,EAAE,EAAE;IACN,IAAIE,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,EAAE;IACtB,IAAIN,EAAE,CAACO,UAAU,CAAC,WAAW,CAAC,EAAE;MAC9BL,EAAE,GAAGF,EAAE,CAACQ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,IAAI,CAAC;MAChCN,EAAE,GAAG,CAACD,EAAE,CAAC,CAAC,CAAC;MACXE,EAAE,GAAG,CAACF,EAAE,CAAC,CAAC,CAAC;MACXG,EAAE,GAAG,CAACH,EAAE,CAAC,EAAE,CAAC;MACZI,EAAE,GAAG,CAACJ,EAAE,CAAC,EAAE,CAAC;IACd,CAAC,MAAM,IAAIF,EAAE,CAACO,UAAU,CAAC,SAAS,CAAC,EAAE;MACnCL,EAAE,GAAGF,EAAE,CAACQ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,IAAI,CAAC;MAChCN,EAAE,GAAG,CAACD,EAAE,CAAC,CAAC,CAAC;MACXE,EAAE,GAAG,CAACF,EAAE,CAAC,CAAC,CAAC;MACXG,EAAE,GAAG,CAACH,EAAE,CAAC,CAAC,CAAC;MACXI,EAAE,GAAG,CAACJ,EAAE,CAAC,CAAC,CAAC;IACb,CAAC,MAAM;MACL,OAAO,IAAIT,GAAG,CAACG,IAAI,CAAC;IACtB;IAEA,MAAMc,EAAE,GAAGZ,KAAK,CAACa,eAAe;IAChC,MAAMC,CAAC,GAAGhB,IAAI,CAACgB,CAAC,GAAGP,EAAE,GAAG,CAAC,CAAC,GAAGF,EAAE,IAAIU,UAAU,CAACH,EAAE,CAAC;IACjD,MAAMI,CAAC,GAAGlB,IAAI,CAACkB,CAAC,GAAGR,EAAE,GAAG,CAAC,CAAC,GAAGF,EAAE,IAAIS,UAAU,CAACH,EAAE,CAACF,KAAK,CAACE,EAAE,CAACK,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5E,MAAMC,CAAC,GAAGb,EAAE,GAAGP,IAAI,CAACqB,KAAK,GAAGd,EAAE,GAAGR,EAAE,CAACuB,WAAW,GAAG,CAAC;IACnD,MAAMC,CAAC,GAAGf,EAAE,GAAGR,IAAI,CAACwB,MAAM,GAAGhB,EAAE,GAAGT,EAAE,CAAC0B,YAAY,GAAG,CAAC;IAErD,OAAO,IAAI5B,GAAG,CAAC;MAAEmB,CAAC;MAAEE,CAAC;MAAEG,KAAK,EAAED,CAAC;MAAEI,MAAM,EAAED;IAAE,CAAC,CAAC;EAC/C,CAAC,MAAM;IACL,OAAO,IAAI1B,GAAG,CAACG,IAAI,CAAC;EACtB;AACF;AAEA,OAAO,SAAS0B,OAAO,CACrB3B,EAAW,EACX4B,SAAuD,EACvDC,OAA2C,EAC3C;EACA,IAAI,OAAO7B,EAAE,CAAC2B,OAAO,KAAK,WAAW,EAAE,OAAO;IAAEG,QAAQ,EAAEC,OAAO,CAACC,OAAO;EAAG,CAAC;EAE7E,MAAMC,SAAS,GAAGjC,EAAE,CAAC2B,OAAO,CAACC,SAAS,EAAEC,OAAO,CAAC;EAChD,IAAI,OAAOI,SAAS,CAACH,QAAQ,KAAK,WAAW,EAAE;IAC5CG,SAAS,CAASH,QAAQ,GAAG,IAAIC,OAAO,CAACC,OAAO,IAAI;MACnDC,SAAS,CAACC,QAAQ,GAAG,MAAM;QACzBF,OAAO,CAACC,SAAS,CAAC;MACpB,CAAC;IACH,CAAC,CAAC;EACJ;EAEA,OAAOA,SAAS;AAClB"}

package/lib/util/box.mjs

@@ -11,23 +11,18 @@ export class Box {
     this.width = width;
     this.height = height;
   }
-
   get top() {
     return this.y;
   }
-
   get bottom() {
     return this.y + this.height;
   }
-
   get left() {
     return this.x;
   }
-
   get right() {
     return this.x + this.width;
   }
-
 }
 export function getOverflow(a, b) {
   return {