@leavepulse/ui 0.92.0 → 0.92.1

package/dist/assets/{LpTable-B3hNJQVl.css → LpTable-gpdZSVMX.css}

@@ -6,19 +6,28 @@
  * outside and only the dots between facts are seen. A cell whose slot drew
  * nothing (a v-if that failed, an empty value) is left out, dot and all.
  */
-.lp-line[data-v-62285817] {
+.lp-line[data-v-5ac91b9e] {
   --lp-line-sep: 1rem;
 }
-.lp-line-row[data-v-62285817] {
+.lp-line-row[data-v-5ac91b9e] {
   margin-left: calc(-1 * var(--lp-line-sep));
 }
-.lp-line-field[data-v-62285817]::before {
+
+/* The dot lives in the field's own left padding, so whatever the cell draws,
+   a word or a block of two lines, starts after it and never in the clipped
+   strip. */
+.lp-line-field[data-v-5ac91b9e] {
+  position: relative;
+  padding-left: var(--lp-line-sep);
+}
+.lp-line-field[data-v-5ac91b9e]::before {
   content: "·" / "";
-  display: inline-block;
+  position: absolute;
+  left: 0;
   width: var(--lp-line-sep);
   text-align: center;
 }
-.lp-line-field[data-v-62285817]:has(> .lp-line-value:empty) {
+.lp-line-field[data-v-5ac91b9e]:has(> .lp-line-value:empty) {
   display: none;
 }
 
@@ -34,17 +43,17 @@
  * fade before closing the gap and the whole list lurches at the end instead of
  * gliding.
  */
-.lp-row-enter-active[data-v-62285817],
-.lp-row-leave-active[data-v-62285817] {
+.lp-row-enter-active[data-v-5ac91b9e],
+.lp-row-leave-active[data-v-5ac91b9e] {
   transition:
     opacity var(--duration-fast) var(--ease-emphasized),
     transform var(--duration-fast) var(--ease-emphasized);
 }
-.lp-row-move[data-v-62285817] {
+.lp-row-move[data-v-5ac91b9e] {
   transition: transform var(--duration-medium) var(--ease-emphasized);
 }
-.lp-row-enter-from[data-v-62285817],
-.lp-row-leave-to[data-v-62285817] {
+.lp-row-enter-from[data-v-5ac91b9e],
+.lp-row-leave-to[data-v-5ac91b9e] {
   opacity: 0;
   transform: translateX(-0.5rem);
 }
@@ -58,7 +67,7 @@
  * drops out of the table layout entirely. Nothing sits below this row to be
  * dragged around, so simply not animating its exit costs nothing.
  */
-.lp-row-empty.lp-row-leave-active[data-v-62285817] {
+.lp-row-empty.lp-row-leave-active[data-v-5ac91b9e] {
   display: none;
 }
 
@@ -77,7 +86,7 @@
  * once anything is selected. An earlier version collapsed the column to nothing
  * and floated the hover box over the first cell, where it sat on the text.
  */
-.lp-tick[data-v-62285817] {
+.lp-tick[data-v-5ac91b9e] {
   display: flex;
   align-items: center;
   max-width: 0;
@@ -89,17 +98,17 @@
     padding var(--duration-medium) var(--ease-emphasized),
     opacity var(--duration-fast) ease;
 }
-.lp-tick-open[data-v-62285817] {
+.lp-tick-open[data-v-5ac91b9e] {
   max-width: 3.25rem;
   padding-inline: 1rem;
   opacity: 1;
 }
-.lp-tick-hidden[data-v-62285817],
-.lp-tick-cue[data-v-62285817] {
+.lp-tick-hidden[data-v-5ac91b9e],
+.lp-tick-cue[data-v-5ac91b9e] {
   opacity: 0;
 }
-tr:hover .lp-tick-cue[data-v-62285817],
-.lp-tick-cue[data-v-62285817]:focus-within {
+tr:hover .lp-tick-cue[data-v-5ac91b9e],
+.lp-tick-cue[data-v-5ac91b9e]:focus-within {
   opacity: 1;
 }
 
@@ -107,15 +116,15 @@ tr:hover .lp-tick-cue[data-v-62285817],
    turned down the rows change without animating rather than not changing. */
 /* Only where there is a hover to reveal it; a finger long-presses instead. */
 @media (hover: none) {
-tr:hover .lp-tick-cue[data-v-62285817] {
+tr:hover .lp-tick-cue[data-v-5ac91b9e] {
     opacity: 0;
 }
 
   /* Nor is there anything for the column's width to hold until then: on a
      touch screen it stays closed until a long press starts selecting, and
      eases open like the rest of the column. */
-.lp-tick-hidden[data-v-62285817],
-  .lp-tick-cue[data-v-62285817] {
+.lp-tick-hidden[data-v-5ac91b9e],
+  .lp-tick-cue[data-v-5ac91b9e] {
     max-width: 0;
     padding-inline: 0;
 }
@@ -125,7 +134,7 @@ tr:hover .lp-tick-cue[data-v-62285817] {
  * A list line's tick opens from nothing, as the table's column does, so lines
  * do not carry an empty gap until selection starts.
  */
-.lp-tick-line[data-v-62285817] {
+.lp-tick-line[data-v-5ac91b9e] {
   max-width: 2rem;
   opacity: 1;
 }
@@ -135,28 +144,28 @@ tr:hover .lp-tick-cue[data-v-62285817] {
  * open; a cue shows it only while
  * the card is pointed at or holds focus, the same rule as a row's.
  */
-.lp-tick-card[data-v-62285817] {
+.lp-tick-card[data-v-5ac91b9e] {
   max-width: none;
   padding-inline: 0;
   opacity: 1;
 }
-.lp-tick[data-cue][data-v-62285817] {
+.lp-tick[data-cue][data-v-5ac91b9e] {
   opacity: 0;
 }
-.lp-item:hover .lp-tick[data-cue][data-v-62285817],
-.lp-tick[data-cue][data-v-62285817]:focus-within {
+.lp-item:hover .lp-tick[data-cue][data-v-5ac91b9e],
+.lp-tick[data-cue][data-v-5ac91b9e]:focus-within {
   opacity: 1;
 }
 @media (hover: none) {
-.lp-item:hover .lp-tick[data-cue][data-v-62285817] {
+.lp-item:hover .lp-tick[data-cue][data-v-5ac91b9e] {
     opacity: 0;
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-row-enter-active[data-v-62285817],
-  .lp-row-leave-active[data-v-62285817],
-  .lp-row-move[data-v-62285817],
-  .lp-tick[data-v-62285817] {
+.lp-row-enter-active[data-v-5ac91b9e],
+  .lp-row-leave-active[data-v-5ac91b9e],
+  .lp-row-move[data-v-5ac91b9e],
+  .lp-tick[data-v-5ac91b9e] {
     transition: none;
 }
 }

package/dist/components/LpTable.vue.js

@@ -34,7 +34,7 @@ import { toCsv, downloadFile, fileStem } from "./exportData.js";
 import { toHiddenSets, sameHidden, summarizeShown, parseTableState, mergeRestored, serializeTableState, fromHiddenSets } from "./tableFilter.js";
 import { resolveRowMenu } from "./tableRowMenu.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpTable-B3hNJQVl.css';const _hoisted_1 = {
+import '../assets/LpTable-gpdZSVMX.css';const _hoisted_1 = {
   key: 0,
   class: "flex min-h-8 flex-wrap items-center gap-x-3 gap-y-2 pb-3 text-xs"
 };
@@ -1898,7 +1898,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-62285817"]]);
+const LpTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5ac91b9e"]]);
 export {
   LpTable as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavepulse/ui",
-  "version": "0.92.0",
+  "version": "0.92.1",
   "type": "module",
   "description": "LeavePulse token-driven Vue component kit.",
   "repository": {

package/src/components/LpTable.vue

@@ -2444,9 +2444,18 @@ usePaletteCommands(() => {
   margin-left: calc(-1 * var(--lp-line-sep));
 }
 
+/* The dot lives in the field's own left padding, so whatever the cell draws,
+   a word or a block of two lines, starts after it and never in the clipped
+   strip. */
+.lp-line-field {
+  position: relative;
+  padding-left: var(--lp-line-sep);
+}
+
 .lp-line-field::before {
   content: "·" / "";
-  display: inline-block;
+  position: absolute;
+  left: 0;
   width: var(--lp-line-sep);
   text-align: center;
 }