@threadlabs/looma 0.30.2 → 0.30.4

package/vue/components.css

@@ -945,12 +945,12 @@ ol:where([data-hn-ui-breadcrumbs]) {
 }
 
 /* A rounded SVG arc grows and recedes over a quiet full-circle track. */
-@keyframes ui-spinner-rotate-8edf9e1e {
+@keyframes ui-spinner-rotate-18bed74e {
 100% {
     transform: rotate(1turn);
 }
 }
-@keyframes ui-spinner-dash-8edf9e1e {
+@keyframes ui-spinner-dash-18bed74e {
 0% {
     stroke-dasharray: 1, 150;
     stroke-dashoffset: 0;
@@ -986,7 +986,7 @@ svg {
     display: block;
     inline-size: 100%;
     block-size: 100%;
-    animation: ui-spinner-rotate-8edf9e1e 2s linear infinite;
+    animation: ui-spinner-rotate-18bed74e 2s linear infinite;
 }
 circle {
     stroke-width: 3;
@@ -999,7 +999,7 @@ circle {
     stroke: currentColor;
     stroke-dasharray: 90, 150;
     stroke-dashoffset: 0;
-    animation: ui-spinner-dash-8edf9e1e 1.5s ease-in-out infinite;
+    animation: ui-spinner-dash-18bed74e 1.5s ease-in-out infinite;
 }
 @media (prefers-reduced-motion: reduce) {
 svg,.arc {
@@ -1783,7 +1783,7 @@ html[data-ui-input-modality="touch"]
 /* The label, and under it an optional line saying what the choice means. */
 
 /* Centre the tick's box and lift it slightly for the rotated check shape. */
-@keyframes ui-checkbox-check-ecf9c529 {
+@keyframes ui-checkbox-check-e71fe811 {
 from {
     opacity: 0;
     transform: translateY(-0.09rem) rotate(45deg) scale(0.55);
@@ -1878,7 +1878,7 @@ input:checked:where([data-hn-ui-checkbox])::after {
     border-width: 0 0.125rem 0.125rem 0;
     opacity: 1;
     transform: translateY(-0.09rem) rotate(45deg);
-    animation: ui-checkbox-check-ecf9c529 180ms var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1))
+    animation: ui-checkbox-check-e71fe811 180ms var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1))
       both;
 }
 input:indeterminate:where([data-hn-ui-checkbox])::after {
@@ -3040,13 +3040,13 @@ dd:where([data-hn-ui-description-item]) {
 /* A CSS-drawn X. */
 
 /* A touch target, like Button on coarse pointers. */
-@keyframes ui-dialog-enter-be1feedc {
+@keyframes ui-dialog-enter-3c279205 {
 from {
     opacity: 0;
     transform: scale(0.96);
 }
 }
-@keyframes ui-dialog-backdrop-enter-be1feedc {
+@keyframes ui-dialog-backdrop-enter-3c279205 {
 from {
     background-color: transparent;
 }
@@ -3094,7 +3094,7 @@ from {
     pointer-events: auto;
     opacity: 1;
     transform: scale(1);
-    animation: ui-dialog-enter-be1feedc var(--ui-dialog-duration, var(--ui-motion-base))
+    animation: ui-dialog-enter-3c279205 var(--ui-dialog-duration, var(--ui-motion-base))
       var(--ui-motion-ease);
 }
 :scope[data-ui-dialog-state~="size=sm"]:where([data-hn-ui-dialog]) {
@@ -3212,7 +3212,7 @@ footer:empty:where([data-hn-ui-dialog]) {
 }
 :scope[open]:modal:where([data-hn-ui-dialog])::backdrop {
     background-color: var(--ui-overlay-backdrop);
-    animation: ui-dialog-backdrop-enter-be1feedc var(--_ui-dialog-duration, var(--ui-motion-base))
+    animation: ui-dialog-backdrop-enter-3c279205 var(--_ui-dialog-duration, var(--ui-motion-base))
       var(--ui-motion-ease);
 }
 :scope[open][data-ui-backdrop-hidden]:where([data-hn-ui-dialog])::backdrop {
@@ -9431,7 +9431,7 @@ input:where([data-hn-ui-switch]),input:where([data-hn-ui-switch])::after {
 }
 
 /* Leaving slides on down and fades; the controller removes the toast when this ends. */
-@keyframes ui-toast-enter-f81961a9 {
+@keyframes ui-toast-enter-695dd959 {
 from {
     opacity: 0;
     transform: translateY(-1rem);
@@ -9441,7 +9441,7 @@ to {
     transform: translateY(0);
 }
 }
-@keyframes ui-toast-exit-f81961a9 {
+@keyframes ui-toast-exit-695dd959 {
 from {
     opacity: 1;
     transform: translateY(0);
@@ -9451,7 +9451,7 @@ to {
     transform: translateY(0.75rem);
 }
 }
-@keyframes ui-toast-enter-bottom-f81961a9 {
+@keyframes ui-toast-enter-bottom-695dd959 {
 from {
     opacity: 0;
     transform: translateY(1rem);
@@ -9461,7 +9461,7 @@ to {
     transform: translateY(0);
 }
 }
-@keyframes ui-toast-exit-bottom-f81961a9 {
+@keyframes ui-toast-exit-bottom-695dd959 {
 from {
     opacity: 1;
     transform: translateY(0);
@@ -9552,7 +9552,7 @@ to {
       --_ui-toast-region-shadow,
       var(--ui-overlay-shadow, var(--ui-elevation-overlay, var(--ui-shadow-lg)))
     );
-    animation: ui-toast-enter-f81961a9 var(--_ui-toast-region-enter-duration, 0.32s)
+    animation: ui-toast-enter-695dd959 var(--_ui-toast-region-enter-duration, 0.32s)
       var(--ui-motion-ease-out, cubic-bezier(0.16, 1, 0.3, 1)) both;
 }
 .toast[data-tone="info"]:where([data-hn-ui-toast-region]) {
@@ -9572,17 +9572,17 @@ to {
     --_ui-toast-region-tone-surface: var(--ui-danger-soft);
 }
 .toast.closing:where([data-hn-ui-toast-region]) {
-    animation: ui-toast-exit-f81961a9 var(--_ui-toast-region-exit-duration, 0.22s) var(--ui-motion-ease)
+    animation: ui-toast-exit-695dd959 var(--_ui-toast-region-exit-duration, 0.22s) var(--ui-motion-ease)
       both;
     pointer-events: none;
 }
 :is(:scope[data-ui-toast-region-state~="placement=bottom"], :scope[data-ui-toast-region-state~="placement=bottom-start"], :scope[data-ui-toast-region-state~="placement=bottom-end"])
     .toast:where([data-hn-ui-toast-region]) {
-    animation-name: ui-toast-enter-bottom-f81961a9;
+    animation-name: ui-toast-enter-bottom-695dd959;
 }
 :is(:scope[data-ui-toast-region-state~="placement=bottom"], :scope[data-ui-toast-region-state~="placement=bottom-start"], :scope[data-ui-toast-region-state~="placement=bottom-end"])
     .toast.closing:where([data-hn-ui-toast-region]) {
-    animation-name: ui-toast-exit-bottom-f81961a9;
+    animation-name: ui-toast-exit-bottom-695dd959;
 }
 @media (prefers-reduced-motion: reduce) {
 .toast:where([data-hn-ui-toast-region]),.toast.closing:where([data-hn-ui-toast-region]) {
@@ -9783,7 +9783,7 @@ to {
    slides, the label reaches back under the icon (the controller measures how far) with its text
    where it was, and fades out across the gap before the icon, fully gone where the icon begins
    to cover it: the name slips under the icon rather than stopping at a hard edge beside it. */
-@keyframes ui-tree-item-marquee-5bc299b7 {
+@keyframes ui-tree-item-marquee-6413a76a {
 from {
     transform: translateX(0);
 }
@@ -10039,7 +10039,7 @@ to {
 .row[data-ui-marquee] > .label > .label-text:where([data-hn-ui-tree-item]) {
     /* Once per pass: the controller restarts it after a rest at the end, so the name holds still
        long enough to read rather than sliding back and forth. */
-    animation: ui-tree-item-marquee-5bc299b7 var(--_marquee-duration) linear 0.5s 1 normal forwards;
+    animation: ui-tree-item-marquee-6413a76a var(--_marquee-duration) linear 0.5s 1 normal forwards;
     will-change: transform;
 }
 .row[data-ui-marquee] > .label:where([data-hn-ui-tree-item]) {
@@ -10983,7 +10983,7 @@ html[data-ui-input-modality="touch"]
   width: 3px;
   background: var(--ui-affordance-direct-color, var(--ui-accent-solid, #5b55d6));
 }
-/* Generated by HTML Next 1.0.0-alpha.58. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.64. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -11532,7 +11532,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.58. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.64. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -11566,7 +11566,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.58. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.64. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -11667,7 +11667,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.58. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.64. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -11798,7 +11798,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.58. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.64. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -11852,7 +11852,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.58. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.64. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -12328,7 +12328,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.58. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.64. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -12426,7 +12426,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.58. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.64. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -12590,7 +12590,7 @@ html[data-ui-input-modality="touch"]
     @media (prefers-reduced-motion: reduce) {
     }
 }
-/* Generated by HTML Next 1.0.0-alpha.58. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.64. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -12785,7 +12785,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.58. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.64. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -12918,7 +12918,7 @@ html[data-ui-input-modality="touch"]
     @media (prefers-reduced-motion: reduce) {
     }
 }
-/* Generated by HTML Next 1.0.0-alpha.58. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.64. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -13005,7 +13005,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.58. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.64. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -13159,7 +13159,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.58. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.64. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -13404,7 +13404,7 @@ html[data-ui-input-modality="touch"]
     @media (prefers-reduced-motion: reduce) {
     }
 }
-/* Generated by HTML Next 1.0.0-alpha.58. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.64. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -13625,7 +13625,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.58. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.64. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -13849,7 +13849,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.58. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.64. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -14060,7 +14060,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.58. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.64. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -14115,7 +14115,7 @@ html[data-ui-input-modality="touch"]
 
     /* The root is the hr, so the rules name :host; a bare hr matches only a descendant. */
 }
-/* Generated by HTML Next 1.0.0-alpha.58. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.64. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }
@@ -14295,7 +14295,7 @@ html[data-ui-input-modality="touch"]
 
     /* A component that sets its display still honours the hidden attribute on its root. */
 }
-/* Generated by HTML Next 1.0.0-alpha.58. Do not edit. */
+/* Generated by HTML Next 1.0.0-alpha.64. Do not edit. */
 @supports (-moz-appearance: none) {
 :where([data-component], [data-slotted]) { --html-next-scope-owner: boundary; }
 :where([data-slotted]:not([data-component])) { --html-next-scope-owner: projected !important; }