@fusion.dev/helix 0.171.0 → 0.173.0

package/dist/timeline/root/timeline-root.css.js

@@ -1,2 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: flex;flex-direction: column;}:host([layout="opposite"]) {--_timeline-columns: minmax(0, 1fr) auto minmax(0, 1fr);--_timeline-content-column: 3;--_timeline-rail-column: 2;--_timeline-time-align: end;--_timeline-time-column: 1;--_timeline-time-row: 2;}:host([layout="alternate"]) {--_timeline-columns: minmax(0, 1fr) auto minmax(0, 1fr);--_timeline-content-column: 3;--_timeline-even-align: end;--_timeline-even-column: 1;--_timeline-rail-column: 2;--_timeline-time-column: 3;}:host([orientation="horizontal"]) {--_timeline-arrive-display: none;--_timeline-columns: minmax(0, 1fr);--_timeline-content-block-end: var(--helix-space-none);--_timeline-content-column: 1;--_timeline-content-inline-end: var(--timeline-gap, var(--helix-space-lg));--_timeline-content-row: 3;--_timeline-direction: row;--_timeline-entry-flex: 1 1 0;--_timeline-even-align: initial;--_timeline-even-column: initial;--_timeline-leave-align: center;--_timeline-leave-block-size: var(--timeline-rail-size, var(--helix-border-thin));--_timeline-leave-column: 2;--_timeline-leave-inline-size: auto;--_timeline-leave-justify: stretch;--_timeline-leave-margin-block: var(--helix-space-none);--_timeline-leave-row: 1;--_timeline-marker-row: 1;--_timeline-rail-align: center;--_timeline-rail-column: 1;--_timeline-rail-columns: auto minmax(0, 1fr);--_timeline-rail-justify: start;--_timeline-rail-row: 1;--_timeline-rail-rows: auto;--_timeline-rows: auto auto minmax(0, 1fr);--_timeline-time-align: initial;--_timeline-time-column: 1;--_timeline-time-row: 2;flex-direction: row;}:host([orientation="horizontal"]) ::slotted(*) {flex: 1 1 0;min-inline-size: 0;}@media print {:host {print-color-adjust: economy;}}`);
+export const styles = createSheet(`:host {display: flex;flex-direction: column;}:host([layout="opposite"]) {--_timeline-columns: minmax(0, 1fr) auto minmax(0, 1fr);--_timeline-content-column: 3;--_timeline-rail-column: 2;--_timeline-time-align: end;--_timeline-time-column: 1;--_timeline-time-row: 2;}:host([layout="alternate"]) {--_timeline-columns: minmax(0, 1fr) auto minmax(0, 1fr);--_timeline-content-column: 3;--_timeline-even-align: end;--_timeline-even-column: 1;--_timeline-rail-column: 2;--_timeline-time-column: 3;}:host([orientation="horizontal"]) {--_timeline-arrive-display: none;--_timeline-columns: minmax(0, 1fr);--_timeline-content-block-end: var(--helix-space-none);--_timeline-content-column: 1;--_timeline-content-inline-end: var(--timeline-gap, var(--helix-space-lg));--_timeline-content-row: 3;--_timeline-direction: row;--_timeline-entry-flex: 1 1 0;--_timeline-even-align: initial;--_timeline-even-column: initial;--_timeline-leave-align: center;--_timeline-leave-block-size: var(--timeline-rail-size, var(--helix-border-thin));--_timeline-leave-column: 2;--_timeline-leave-inline-size: auto;--_timeline-leave-justify: stretch;--_timeline-leave-margin-block: var(--helix-space-none);--_timeline-leave-row: 1;--_timeline-marker-row: 1;--_timeline-rail-align: center;--_timeline-rail-column: 1;--_timeline-rail-columns: auto minmax(0, 1fr);--_timeline-rail-justify: start;--_timeline-rail-row: 1;--_timeline-rail-rows: auto;--_timeline-rows: auto auto minmax(0, 1fr);--_timeline-time-align: initial;--_timeline-time-column: 1;--_timeline-time-row: 2;flex-direction: row;}:host([orientation="horizontal"]) ::slotted(*) {flex: 1 1 0;min-inline-size: 0;}[part="loading"] {color: var(--timeline-time-color, var(--helix-color-foreground-muted));font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);padding-block-start: var(--timeline-gap, var(--helix-space-lg));}:host([orientation="horizontal"]) [part="loading"] {padding-block-start: var(--helix-space-none);}@media print {:host {print-color-adjust: economy;}}`);

package/dist/virtual-list/reorder/index.d.ts

@@ -0,0 +1 @@
+export { reorderVirtualList, VirtualListReorderController, } from '@fusion.dev/helix-headless/virtual-list/reorder';

package/dist/virtual-list/reorder/index.js

@@ -0,0 +1,5 @@
+import { reorderVirtualList } from '@fusion.dev/helix-headless/virtual-list/reorder';
+import { HelixVirtualList } from '../root/virtual-list-root.js';
+import { styles } from './virtual-list-reorder.css.js';
+reorderVirtualList(HelixVirtualList, styles);
+export { reorderVirtualList, VirtualListReorderController, } from '@fusion.dev/helix-headless/virtual-list/reorder';

package/dist/virtual-list/reorder/virtual-list-reorder.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/dist/virtual-list/reorder/virtual-list-reorder.css.js

@@ -0,0 +1,12 @@
+import { createSheet } from '@fusion.dev/helix-core';
+export const styles = createSheet(`::slotted([data-index]) {cursor: grab;user-select: none;}::slotted([data-dragging]) {opacity: var(--virtual-list-dragging-opacity, 0.5);}::slotted([data-drop-before]) {box-shadow: inset 0 var(--virtual-list-drop-indicator-size, var(--helix-border-thick)) 0 0
+var(--virtual-list-drop-indicator-color, var(--helix-color-primary));}::slotted([data-drop-after]) {box-shadow: inset 0 calc(-1 * var(--virtual-list-drop-indicator-size, var(--helix-border-thick)))
+0 0 var(--virtual-list-drop-indicator-color, var(--helix-color-primary));}:host(:state(horizontal)) ::slotted([data-drop-before]) {box-shadow: inset var(--virtual-list-drop-indicator-size, var(--helix-border-thick)) 0 0 0
+var(--virtual-list-drop-indicator-color, var(--helix-color-primary));}:host(:state(horizontal)) ::slotted([data-drop-after]) {box-shadow: inset calc(-1 * var(--virtual-list-drop-indicator-size, var(--helix-border-thick))) 0
+0 0 var(--virtual-list-drop-indicator-color, var(--helix-color-primary));}:host(:state(horizontal):dir(rtl)) ::slotted([data-drop-before]) {box-shadow: inset calc(-1 * var(--virtual-list-drop-indicator-size, var(--helix-border-thick))) 0
+0 0 var(--virtual-list-drop-indicator-color, var(--helix-color-primary));}:host(:state(horizontal):dir(rtl)) ::slotted([data-drop-after]) {box-shadow: inset var(--virtual-list-drop-indicator-size, var(--helix-border-thick)) 0 0 0
+var(--virtual-list-drop-indicator-color, var(--helix-color-primary));}[popover] {background-color: var(
+--virtual-list-drag-preview-background-color,
+var(--helix-color-surface-raised)
+);border: var(--virtual-list-drag-preview-border-width, var(--helix-border-floating)) solid
+var(--virtual-list-drag-preview-border-color, var(--helix-color-border));border-radius: var(--virtual-list-drag-preview-radius, var(--helix-radii-sm));box-shadow: var(--virtual-list-drag-preview-shadow, var(--helix-shadow-floating));opacity: var(--virtual-list-drag-preview-opacity, 0.9);}[data-reorder-live] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;overflow: hidden;position: absolute;white-space: nowrap;}`);

package/dist/virtual-list/root/virtual-list-root.d.ts

@@ -24,6 +24,15 @@ import type { CSSResultGroup } from 'lit';
  *
  * @cssproperty --virtual-list-block-size - How tall the scrolling box is. A list that runs across is as tall as its rows unless you set it.
  * @cssproperty --virtual-list-disabled-opacity - How faint a row `disabled-keys` names is drawn.
+ * @cssproperty --virtual-list-drag-preview-background-color - The fill behind the copy of a row a pointer drags, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported.
+ * @cssproperty --virtual-list-drag-preview-border-color - The color of the edge around the copy of a row a pointer drags.
+ * @cssproperty --virtual-list-drag-preview-border-width - The width of the edge around the copy of a row a pointer drags. None by default, where the shadow lifts it.
+ * @cssproperty --virtual-list-drag-preview-opacity - The opacity of the copy of a row a pointer drags.
+ * @cssproperty --virtual-list-drag-preview-radius - The corner radius of the copy of a row a pointer drags.
+ * @cssproperty --virtual-list-drag-preview-shadow - The shadow that raises the copy of a row a pointer drags over the page.
+ * @cssproperty --virtual-list-dragging-opacity - The opacity of a row being dragged, in a `reorderable` list with `@fusion.dev/helix/virtual-list/reorder` imported.
+ * @cssproperty --virtual-list-drop-indicator-color - The color of the line where a dragged row would land.
+ * @cssproperty --virtual-list-drop-indicator-size - The thickness of the line where a dragged row would land.
  * @cssproperty --virtual-list-empty-color - The color of the text in the row shown when there are no items.
  * @cssproperty --virtual-list-empty-padding - The space around the text in the row shown when there are no items.
  * @cssproperty --virtual-list-loading-color - The color of the text in the row drawn while `loading` is set.