@cascivo/flow 0.1.5 → 0.1.10

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024 urbanisierung
+Copyright (c) cascivo contributors
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/flow.css

@@ -0,0 +1,2 @@
+@layer cascivo.component{._canvas_6fiig_2{background-color:var(--cascivo-color-bg);border-radius:var(--cascivo-radius-surface);touch-action:none;min-block-size:20rem;inline-size:100%;position:relative;overflow:hidden}._pane_6fiig_13{transform-origin:0 0;block-size:100%;inline-size:100%;transform:translate(var(--flow-tx,0), var(--flow-ty,0)) scale(var(--flow-scale,1));position:absolute;inset-block-start:0;inset-inline-start:0}._panSurface_6fiig_24{cursor:grab;position:absolute;inset:0}._panSurface_6fiig_24:active{cursor:grabbing}._background_1pu9x_2{pointer-events:none;--flow-bg-color:var(--cascivo-color-border);position:absolute;inset:-100%}._background_1pu9x_2[data-variant=dots]{background-image:radial-gradient(circle, var(--flow-bg-color) var(--flow-bg-size), transparent var(--flow-bg-size));background-size:var(--flow-bg-gap) var(--flow-bg-gap)}._background_1pu9x_2[data-variant=grid]{background-image:linear-gradient(to right, var(--flow-bg-color) var(--flow-bg-thick), transparent var(--flow-bg-thick)), linear-gradient(to bottom, var(--flow-bg-color) var(--flow-bg-thick), transparent var(--flow-bg-thick));background-size:var(--flow-bg-gap) var(--flow-bg-gap)}._background_1pu9x_2[data-variant=cross]{--flow-bg-arm:calc(var(--flow-bg-thick) / 2);background-image:linear-gradient(to right, transparent calc(50% - var(--flow-bg-arm)), var(--flow-bg-color) calc(50% - var(--flow-bg-arm)), var(--flow-bg-color) calc(50% + var(--flow-bg-arm)), transparent calc(50% + var(--flow-bg-arm))), linear-gradient(to bottom, transparent calc(50% - var(--flow-bg-arm)), var(--flow-bg-color) calc(50% - var(--flow-bg-arm)), var(--flow-bg-color) calc(50% + var(--flow-bg-arm)), transparent calc(50% + var(--flow-bg-arm)));background-size:var(--flow-bg-gap) var(--flow-bg-gap)}._node_9zyg4_2{transform:translate(var(--flow-x,0), var(--flow-y,0));box-sizing:border-box;min-inline-size:6rem;padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-space-3);background-color:var(--cascivo-color-surface);color:var(--cascivo-color-text);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-md);box-shadow:var(--cascivo-shadow-sm);cursor:grab;-webkit-user-select:none;user-select:none;position:absolute;inset-block-start:0;inset-inline-start:0}._node_9zyg4_2[data-static]{cursor:default}@media (pointer:coarse){._node_9zyg4_2{min-block-size:var(--cascivo-target-min-coarse,2.75rem)}}._node_9zyg4_2:focus-visible{outline:2px solid var(--cascivo-color-focus-ring);outline-offset:2px}._node_9zyg4_2[data-dragging]{cursor:grabbing;box-shadow:var(--cascivo-shadow-md)}._node_9zyg4_2[data-selected]{border-color:var(--cascivo-color-accent);box-shadow:0 0 0 1px var(--cascivo-color-accent)}._handle_8a1xa_2{cursor:crosshair;z-index:1;place-items:center;block-size:1.25rem;inline-size:1.25rem;display:grid;position:absolute}@media (pointer:coarse){._handle_8a1xa_2{inline-size:var(--cascivo-target-min-coarse,2.75rem);block-size:var(--cascivo-target-min-coarse,2.75rem)}}._handle_8a1xa_2[data-handle-pos=top]{inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,-50%)}._handle_8a1xa_2[data-handle-pos=bottom]{inset-block-end:0;inset-inline-start:50%;transform:translate(-50%,50%)}._handle_8a1xa_2[data-handle-pos=left]{inset-block-start:50%;inset-inline-start:0;transform:translate(-50%,-50%)}._handle_8a1xa_2[data-handle-pos=right]{inset-block-start:50%;inset-inline-end:0;transform:translate(50%,-50%)}._dot_8a1xa_41{background-color:var(--cascivo-color-accent);border:1px solid var(--cascivo-color-surface);border-radius:var(--cascivo-radius-full);block-size:.5rem;inline-size:.5rem;transition:transform var(--cascivo-duration-100) var(--cascivo-ease-out)}._handle_8a1xa_2:hover ._dot_8a1xa_41,._handle_8a1xa_2:focus-visible ._dot_8a1xa_41{transform:scale(1.3)}._handle_8a1xa_2:focus-visible{outline:2px solid var(--cascivo-color-focus-ring);outline-offset:2px;border-radius:var(--cascivo-radius-full)}._edgeSvg_789n0_2{pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible}._edgePath_789n0_11{fill:none;stroke:var(--cascivo-color-border-strong);stroke-width:1.5px;stroke-linecap:round}._hit_789n0_18{fill:none;stroke:#0000;stroke-width:12px;pointer-events:stroke;cursor:pointer}._arrow_789n0_26{fill:var(--cascivo-color-border-strong)}._edgeSvg_789n0_2[data-selected] ._edgePath_789n0_11,._edgeSvg_789n0_2[data-active] ._edgePath_789n0_11{stroke:var(--cascivo-color-accent);stroke-width:2px}._edgeSvg_789n0_2[data-selected] ._arrow_789n0_26,._edgeSvg_789n0_2[data-active] ._arrow_789n0_26{fill:var(--cascivo-color-accent)}._edgeSvg_789n0_2[data-animated] ._edgePath_789n0_11{stroke-dasharray:6 4;animation:.6s linear infinite _cascivo-flow-dash_789n0_1}._edgeSvg_789n0_2[data-animated][data-direction=reverse] ._edgePath_789n0_11{animation-direction:reverse}@keyframes _cascivo-flow-dash_789n0_1{to{stroke-dashoffset:-10px}}@media (prefers-reduced-motion:reduce){._edgeSvg_789n0_2[data-animated] ._edgePath_789n0_11{animation:none}}._label_789n0_64{transform:translate(var(--flow-label-x,0), var(--flow-label-y,0)) translate(-50%, -50%);padding-block:var(--cascivo-space-1);padding-inline:var(--cascivo-space-2);background-color:var(--cascivo-color-surface);color:var(--cascivo-color-text);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-sm);white-space:nowrap;pointer-events:none;font-size:.75rem;line-height:1.4;position:absolute;inset-block-start:0;inset-inline-start:0}._controls_c0e5r_2{z-index:4;padding:var(--cascivo-space-1);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-md);box-shadow:var(--cascivo-shadow-md);flex-direction:column;gap:1px;display:flex;position:absolute}._controls_c0e5r_2[data-position=top-left]{inset-block-start:var(--cascivo-space-3);inset-inline-start:var(--cascivo-space-3)}._controls_c0e5r_2[data-position=top-right]{inset-block-start:var(--cascivo-space-3);inset-inline-end:var(--cascivo-space-3)}._controls_c0e5r_2[data-position=bottom-left]{inset-block-end:var(--cascivo-space-3);inset-inline-start:var(--cascivo-space-3)}._controls_c0e5r_2[data-position=bottom-right]{inset-block-end:var(--cascivo-space-3);inset-inline-end:var(--cascivo-space-3)}._button_c0e5r_32{block-size:2rem;inline-size:2rem;color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-sm);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid}@media (pointer:coarse){._button_c0e5r_32{inline-size:var(--cascivo-target-min-coarse,2.75rem);block-size:var(--cascivo-target-min-coarse,2.75rem)}}._button_c0e5r_32:hover{background-color:var(--cascivo-color-bg-muted)}._button_c0e5r_32:focus-visible{outline:2px solid var(--cascivo-color-focus-ring);outline-offset:-2px}._minimap_rdahv_2{z-index:4;background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-md);box-shadow:var(--cascivo-shadow-md);position:absolute}._minimap_rdahv_2[data-position=top-left]{inset-block-start:var(--cascivo-space-3);inset-inline-start:var(--cascivo-space-3)}._minimap_rdahv_2[data-position=top-right]{inset-block-start:var(--cascivo-space-3);inset-inline-end:var(--cascivo-space-3)}._minimap_rdahv_2[data-position=bottom-left]{inset-block-end:var(--cascivo-space-3);inset-inline-start:var(--cascivo-space-3)}._minimap_rdahv_2[data-position=bottom-right]{inset-block-end:var(--cascivo-space-3);inset-inline-end:var(--cascivo-space-3)}._node_rdahv_28{fill:var(--cascivo-color-border-strong)}._viewport_rdahv_32{fill:var(--cascivo-color-accent-subtle);stroke:var(--cascivo-color-accent);stroke-width:2px;cursor:grab}._viewport_rdahv_32:active{cursor:grabbing}._panel_l0cix_2{z-index:4;margin:var(--cascivo-space-3);position:absolute}._panel_l0cix_2[data-position=top-left]{inset-block-start:0;inset-inline-start:0}._panel_l0cix_2[data-position=top-center]{inset-block-start:0;inset-inline-start:50%;transform:translate(-50%)}._panel_l0cix_2[data-position=top-right]{inset-block-start:0;inset-inline-end:0}._panel_l0cix_2[data-position=bottom-left]{inset-block-end:0;inset-inline-start:0}._panel_l0cix_2[data-position=bottom-center]{inset-block-end:0;inset-inline-start:50%;transform:translate(-50%)}._panel_l0cix_2[data-position=bottom-right]{inset-block-end:0;inset-inline-end:0}._flow_vejge_2{min-block-size:24rem}._story_7qja0_2{inline-size:100%;position:relative}._overlay_7qja0_7{z-index:5;gap:var(--cascivo-space-2);padding:var(--cascivo-space-4);pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;inset-block-end:0;inset-inline:0}._caption_7qja0_20{min-block-size:1.5rem;max-inline-size:min(40rem,90%);padding-block:var(--cascivo-space-2);padding-inline:var(--cascivo-space-4);text-align:center;color:var(--cascivo-color-text);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-md);box-shadow:var(--cascivo-shadow-md)}._captionText_7qja0_36{transition:translate var(--cascivo-duration-300,.3s) var(--cascivo-ease-out);display:inline-block;translate:0}@starting-style{._captionText_7qja0_36{translate:0 .25rem}}._captionDesc_7qja0_48{color:var(--cascivo-color-text-muted)}._controls_7qja0_52{gap:var(--cascivo-space-1);padding:var(--cascivo-space-1);background-color:var(--cascivo-color-surface);border:1px solid var(--cascivo-color-border);border-radius:var(--cascivo-radius-full);box-shadow:var(--cascivo-shadow-md);pointer-events:auto;align-items:center;display:flex}._button_7qja0_64{block-size:2rem;inline-size:2rem;color:var(--cascivo-color-text);border-radius:var(--cascivo-radius-full);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid}@media (pointer:coarse){._button_7qja0_64{inline-size:var(--cascivo-target-min-coarse,2.75rem);block-size:var(--cascivo-target-min-coarse,2.75rem)}}._button_7qja0_64:hover{background-color:var(--cascivo-color-bg-muted)}._button_7qja0_64:focus-visible{outline:2px solid var(--cascivo-color-focus-ring);outline-offset:-2px}._indicator_7qja0_93{padding-inline:var(--cascivo-space-2);color:var(--cascivo-color-text-muted);font-variant-numeric:tabular-nums;font-size:.8125rem}@media (prefers-reduced-motion:reduce){._captionText_7qja0_36{transition:none}}}
+/*$vite$:1*/