@sentropic/design-system-svelte 0.34.50 → 0.34.52

package/dist/ObjectPage.svelte

@@ -0,0 +1,222 @@
+<script lang="ts" module>
+  export interface ObjectPageBreadcrumbItem {
+    label: string;
+    href?: string;
+  }
+
+  export interface ObjectPageKpi {
+    label: string;
+    value: string;
+    unit?: string;
+  }
+
+  export interface ObjectPageField {
+    key: string;
+    value: string;
+  }
+
+  export interface ObjectPageColumn {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    align?: "start" | "center" | "end";
+    width?: string;
+  }
+
+  export interface ObjectPageRow {
+    id: string;
+    [key: string]: unknown;
+  }
+
+  export type ObjectPageProps = {
+    breadcrumb?: ObjectPageBreadcrumbItem[];
+    entityTitle: string;
+    entityStatus?: { label: string; tone: "neutral" | "info" | "success" | "warning" | "error" };
+    primaryAction?: string;
+    secondaryAction?: string;
+    kpis?: ObjectPageKpi[];
+    fieldsTitle?: string;
+    fields?: ObjectPageField[];
+    relatedTitle?: string;
+    relatedColumns?: ObjectPageColumn[];
+    relatedRows?: ObjectPageRow[];
+    onprimaryaction?: () => void;
+    onsecondaryaction?: () => void;
+  };
+</script>
+
+<script lang="ts">
+  import Badge from "./Badge.svelte";
+  import Button from "./Button.svelte";
+  import DataTable from "./DataTable.svelte";
+  import Breadcrumb from "./Breadcrumb.svelte";
+
+  let {
+    breadcrumb = [],
+    entityTitle,
+    entityStatus,
+    primaryAction,
+    secondaryAction,
+    kpis = [],
+    fieldsTitle,
+    fields = [],
+    relatedTitle,
+    relatedColumns = [],
+    relatedRows = [],
+    onprimaryaction,
+    onsecondaryaction,
+  }: ObjectPageProps = $props();
+</script>
+
+<div class="st-op">
+  {#if breadcrumb.length > 0}
+    <Breadcrumb items={breadcrumb} />
+  {/if}
+
+  <div class="st-op__header">
+    <div class="st-op__titleRow">
+      <h1 class="st-op__title">{entityTitle}</h1>
+      {#if entityStatus}
+        <Badge tone={entityStatus.tone}>{entityStatus.label}</Badge>
+      {/if}
+    </div>
+    <div class="st-op__actions">
+      {#if secondaryAction}
+        <Button variant="secondary" onclick={onsecondaryaction}>{secondaryAction}</Button>
+      {/if}
+      {#if primaryAction}
+        <Button variant="primary" onclick={onprimaryaction}>{primaryAction}</Button>
+      {/if}
+    </div>
+  </div>
+
+  {#if kpis.length > 0}
+    <div class="st-op__kpi-row">
+      {#each kpis as kpi}
+        <div class="st-op__kpi">
+          <span class="st-op__kpiLabel">{kpi.label}</span>
+          <span class="st-op__kpiValue">{kpi.value}{#if kpi.unit}<span class="st-op__kpiUnit"> {kpi.unit}</span>{/if}</span>
+        </div>
+      {/each}
+    </div>
+  {/if}
+
+  {#if fields.length > 0}
+    <div class="st-op__fields">
+      {#if fieldsTitle}
+        <h2 class="st-op__sectionTitle">{fieldsTitle}</h2>
+      {/if}
+      <dl class="st-op__dl">
+        {#each fields as field}
+          <div class="st-op__dlRow">
+            <dt class="st-op__dt">{field.key}</dt>
+            <dd class="st-op__dd">{field.value}</dd>
+          </div>
+        {/each}
+      </dl>
+    </div>
+  {/if}
+
+  {#if relatedColumns.length > 0}
+    <div class="st-op__related">
+      {#if relatedTitle}
+        <h2 class="st-op__sectionTitle">{relatedTitle}</h2>
+      {/if}
+      <DataTable columns={relatedColumns} rows={relatedRows} />
+    </div>
+  {/if}
+</div>
+
+<style>
+  .st-op {
+    display: flex;
+    flex-direction: column;
+    gap: var(--st-spacing-6, 1.5rem);
+    padding: var(--st-spacing-6, 1.5rem);
+    background: var(--st-semantic-surface-default);
+    color: var(--st-semantic-text-primary);
+    min-block-size: 100%;
+  }
+  .st-op__header {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: var(--st-spacing-4, 1rem);
+    flex-wrap: wrap;
+  }
+  .st-op__titleRow {
+    display: flex;
+    align-items: center;
+    gap: var(--st-spacing-3, 0.75rem);
+    flex-wrap: wrap;
+  }
+  .st-op__title {
+    font-size: 1.75rem;
+    font-weight: 700;
+    margin: 0;
+  }
+  .st-op__actions {
+    display: flex;
+    gap: var(--st-spacing-2, 0.5rem);
+    flex-shrink: 0;
+  }
+  .st-op__kpi-row {
+    display: flex;
+    gap: var(--st-spacing-4, 1rem);
+    flex-wrap: wrap;
+  }
+  .st-op__kpi {
+    display: flex;
+    flex-direction: column;
+    gap: var(--st-spacing-1, 0.25rem);
+    padding: var(--st-spacing-4, 1rem);
+    background: var(--st-semantic-surface-raised);
+    border: 1px solid var(--st-semantic-border-subtle);
+    border-radius: var(--st-radius-md, 0.5rem);
+    min-inline-size: 10rem;
+  }
+  .st-op__kpiLabel {
+    font-size: 0.75rem;
+    color: var(--st-semantic-text-secondary);
+  }
+  .st-op__kpiValue {
+    font-size: 1.5rem;
+    font-weight: 700;
+  }
+  .st-op__kpiUnit {
+    font-size: 0.875rem;
+    font-weight: 400;
+    color: var(--st-semantic-text-secondary);
+  }
+  .st-op__sectionTitle {
+    font-size: 1rem;
+    font-weight: 650;
+    margin: 0 0 var(--st-spacing-3, 0.75rem);
+  }
+  .st-op__dl {
+    margin: 0;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
+    gap: var(--st-spacing-3, 0.75rem) var(--st-spacing-6, 1.5rem);
+  }
+  .st-op__dlRow {
+    display: flex;
+    flex-direction: column;
+    gap: 0.2rem;
+  }
+  .st-op__dt {
+    font-size: 0.75rem;
+    color: var(--st-semantic-text-secondary);
+    font-weight: 500;
+  }
+  .st-op__dd {
+    margin: 0;
+    font-size: 0.875rem;
+    color: var(--st-semantic-text-primary);
+  }
+  .st-op__fields,
+  .st-op__related {
+    display: flex;
+    flex-direction: column;
+  }
+</style>

package/dist/ObjectPage.svelte.d.ts

@@ -0,0 +1,46 @@
+export interface ObjectPageBreadcrumbItem {
+    label: string;
+    href?: string;
+}
+export interface ObjectPageKpi {
+    label: string;
+    value: string;
+    unit?: string;
+}
+export interface ObjectPageField {
+    key: string;
+    value: string;
+}
+export interface ObjectPageColumn {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    align?: "start" | "center" | "end";
+    width?: string;
+}
+export interface ObjectPageRow {
+    id: string;
+    [key: string]: unknown;
+}
+export type ObjectPageProps = {
+    breadcrumb?: ObjectPageBreadcrumbItem[];
+    entityTitle: string;
+    entityStatus?: {
+        label: string;
+        tone: "neutral" | "info" | "success" | "warning" | "error";
+    };
+    primaryAction?: string;
+    secondaryAction?: string;
+    kpis?: ObjectPageKpi[];
+    fieldsTitle?: string;
+    fields?: ObjectPageField[];
+    relatedTitle?: string;
+    relatedColumns?: ObjectPageColumn[];
+    relatedRows?: ObjectPageRow[];
+    onprimaryaction?: () => void;
+    onsecondaryaction?: () => void;
+};
+declare const ObjectPage: import("svelte").Component<ObjectPageProps, {}, "">;
+type ObjectPage = ReturnType<typeof ObjectPage>;
+export default ObjectPage;
+//# sourceMappingURL=ObjectPage.svelte.d.ts.map

package/dist/ObjectPage.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectPage.svelte.d.ts","sourceRoot":"","sources":["../src/lib/ObjectPage.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;KAAE,CAAC;IAC7F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACpC,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC,CAAC;AAgGJ,QAAA,MAAM,UAAU,qDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/OrderedList.svelte

@@ -41,8 +41,8 @@
   }
 </script>
 
-<ol {...rest} class={classes()}>
-  {#each items as raw, index (index)}
+{#snippet renderItems(list: OrderedListInput[])}
+  {#each list as raw, index (index)}
     {@const item = normalize(raw)}
     <li class="st-orderedList__item">
       {#if isSnippet(item.content)}
@@ -52,20 +52,15 @@
       {/if}
       {#if item.children && item.children.length > 0}
         <ol class="st-orderedList st-orderedList--nested">
-          {#each item.children as childRaw, childIndex (childIndex)}
-            {@const child = normalize(childRaw)}
-            <li class="st-orderedList__item">
-              {#if isSnippet(child.content)}
-                {@render child.content()}
-              {:else}
-                {child.content}
-              {/if}
-            </li>
-          {/each}
+          {@render renderItems(item.children)}
         </ol>
       {/if}
     </li>
   {/each}
+{/snippet}
+
+<ol {...rest} class={classes()}>
+  {@render renderItems(items)}
 </ol>
 
 <style>

package/dist/OrderedList.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrderedList.svelte.d.ts","sourceRoot":"","sources":["../src/lib/OrderedList.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,eAAe,CAAC;AAExD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC/B;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,GAAG;IACxE,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA4DJ,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"OrderedList.svelte.d.ts","sourceRoot":"","sources":["../src/lib/OrderedList.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,eAAe,CAAC;AAExD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC/B;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC,GAAG;IACxE,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAuDJ,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/PaginationNav.svelte

@@ -6,6 +6,7 @@
     page: number;
     pageCount: number;
     siblings?: number;
+    locale?: string;
     label?: string;
     previousLabel?: string;
     nextLabel?: string;
@@ -17,14 +18,19 @@
     page = $bindable(1),
     pageCount,
     siblings = 1,
+    locale = "fr-FR",
     label = "Pagination",
-    previousLabel = "Previous page",
-    nextLabel = "Next page",
+    previousLabel,
+    nextLabel,
     class: className,
     onPageChange,
     ...rest
   }: PaginationNavProps = $props();
 
+  const isFr = $derived(locale.toLowerCase().startsWith("fr"));
+  const resolvedPreviousLabel = $derived(previousLabel ?? (isFr ? "Page précédente" : "Previous page"));
+  const resolvedNextLabel = $derived(nextLabel ?? (isFr ? "Page suivante" : "Next page"));
+
   type Slot = number | "ellipsis-start" | "ellipsis-end";
 
   const classes = () => ["st-paginationNav", className].filter(Boolean).join(" ");
@@ -86,7 +92,7 @@
       <button
         type="button"
         class="st-paginationNav__nav"
-        aria-label={previousLabel}
+        aria-label={resolvedPreviousLabel}
         disabled={page <= 1 || pageCount <= 0}
         onclick={() => go(page - 1)}
       >
@@ -117,7 +123,7 @@
       <button
         type="button"
         class="st-paginationNav__nav"
-        aria-label={nextLabel}
+        aria-label={resolvedNextLabel}
         disabled={page >= pageCount || pageCount <= 0}
         onclick={() => go(page + 1)}
       >

package/dist/PaginationNav.svelte.d.ts

@@ -3,6 +3,7 @@ type PaginationNavProps = Omit<HTMLAttributes<HTMLElement>, "class"> & {
     page: number;
     pageCount: number;
     siblings?: number;
+    locale?: string;
     label?: string;
     previousLabel?: string;
     nextLabel?: string;

package/dist/PaginationNav.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationNav.svelte.d.ts","sourceRoot":"","sources":["../src/lib/PaginationNav.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIpD,KAAK,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,GAAG;IACrE,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAC;AA0GJ,QAAA,MAAM,aAAa,4DAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"PaginationNav.svelte.d.ts","sourceRoot":"","sources":["../src/lib/PaginationNav.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIpD,KAAK,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,GAAG;IACrE,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAC;AA+GJ,QAAA,MAAM,aAAa,4DAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/PointAndFigureChart.svelte

@@ -30,12 +30,8 @@
     /** Prix de clôture : pilote la formation des colonnes. */
     close: number;
   };
-</script>
-
-<script lang="ts">
-  import ChartDataList from "./ChartDataList.svelte";
 
-  type PointAndFigureChartProps = {
+  export type PointAndFigureChartProps = {
     data: PointAndFigureChartDatum[];
     boxSize?: number;
     reversal?: number;
@@ -45,6 +41,10 @@
     size?: number;
     class?: string;
   };
+</script>
+
+<script lang="ts">
+  import ChartDataList from "./ChartDataList.svelte";
 
   let {
     data = [],
@@ -126,16 +126,23 @@
     // Indice de case (entier) d'un prix : quantifié sur la grille de `box`.
     const boxIndex = (price: number) => Math.floor((price - baseMin) / box + 1e-9);
 
+    const firstBoxIndex = boxIndex(closes[0]);
     let mark: PointAndFigureChartMark | null = null;
-    let low = 0;
-    let high = 0;
+    let low = firstBoxIndex;
+    let high = firstBoxIndex;
 
-    for (let i = 0; i < closes.length; i++) {
+    for (let i = 1; i < closes.length; i++) {
       const idx = boxIndex(closes[i]);
       if (mark === null) {
-        mark = "x";
-        low = idx;
-        high = idx;
+        if (idx >= firstBoxIndex + 1) {
+          mark = "x";
+          low = firstBoxIndex;
+          high = idx;
+        } else if (idx <= firstBoxIndex - 1) {
+          mark = "o";
+          low = idx;
+          high = firstBoxIndex;
+        }
         continue;
       }
       if (mark === "x") {

package/dist/PointAndFigureChart.svelte.d.ts

@@ -28,7 +28,7 @@ export type PointAndFigureChartDatum = {
     /** Prix de clôture : pilote la formation des colonnes. */
     close: number;
 };
-type PointAndFigureChartProps = {
+export type PointAndFigureChartProps = {
     data: PointAndFigureChartDatum[];
     boxSize?: number;
     reversal?: number;

package/dist/PointAndFigureChart.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PointAndFigureChart.svelte.d.ts","sourceRoot":"","sources":["../src/lib/PointAndFigureChart.svelte.ts"],"names":[],"mappings":"AAGE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,MAAM,uBAAuB,GAAG,GAAG,GAAG,GAAG,CAAC;AAEhD,MAAM,MAAM,wBAAwB,GAAG;IACrC,4EAA4E;IAC5E,IAAI,EAAE,MAAM,CAAC;IACb,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAMF,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,wBAAwB,EAAE,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA6QJ,QAAA,MAAM,mBAAmB,8DAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"PointAndFigureChart.svelte.d.ts","sourceRoot":"","sources":["../src/lib/PointAndFigureChart.svelte.ts"],"names":[],"mappings":"AAGE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,MAAM,uBAAuB,GAAG,GAAG,GAAG,GAAG,CAAC;AAEhD,MAAM,MAAM,wBAAwB,GAAG;IACrC,4EAA4E;IAC5E,IAAI,EAAE,MAAM,CAAC;IACb,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,wBAAwB,EAAE,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAuRJ,QAAA,MAAM,mBAAmB,8DAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/RenkoChart.svelte

@@ -30,12 +30,8 @@
     /** Prix de clôture : pilote la formation des briques. */
     close: number;
   };
-</script>
-
-<script lang="ts">
-  import ChartDataList from "./ChartDataList.svelte";
 
-  type RenkoChartProps = {
+  export type RenkoChartProps = {
     data: RenkoChartDatum[];
     boxSize?: number;
     label?: string;
@@ -44,6 +40,10 @@
     size?: number;
     class?: string;
   };
+</script>
+
+<script lang="ts">
+  import ChartDataList from "./ChartDataList.svelte";
 
   let {
     data = [],
@@ -107,31 +107,58 @@
 
   // Construit les briques Renko. Chaque brique couvre [bottom, top] (hauteur
   // boxSize) ; on en émet une à chaque franchissement de `box`. L'inversion
-  // exige 2×box (la première brique d'un nouveau sens repart d'un cran décalé).
+  // exige 2×box : la première brique du nouveau sens repart un cran au-delà de
+  // la dernière brique du sens précédent.
   const bricks = $derived.by(() => {
     const box = effectiveBox;
     const out: { bottom: number; top: number; direction: RenkoChartDirection }[] = [];
     if (validData.length === 0 || box <= 0) return out;
 
-    // Niveau de référence : la base de la dernière brique posée.
+    // Niveau de référence : extrémité de la dernière brique posée.
     let base = validData[0].close;
     let direction: RenkoChartDirection | null = null;
 
     for (let i = 1; i < validData.length; i++) {
       const price = validData[i].close;
-      // Briques haussières tant que le prix monte d'au moins un `box`.
-      while (price >= base + box) {
-        out.push({ bottom: base, top: base + box, direction: "up" });
-        base += box;
-        direction = "up";
+
+      if (direction !== "down") {
+        // Briques haussières tant que le prix monte d'au moins un `box`.
+        while (price >= base + box) {
+          out.push({ bottom: base, top: base + box, direction: "up" });
+          base += box;
+          direction = "up";
+        }
+      }
+
+      if (direction === "up") {
+        // Inversion haussière -> baissière : il faut franchir 2×box.
+        if (price <= base - 2 * box) {
+          base -= box;
+          do {
+            out.push({ bottom: base - box, top: base, direction: "down" });
+            base -= box;
+            direction = "down";
+          } while (price <= base - box);
+        }
+        continue;
       }
+
       // Briques baissières tant que le prix descend d'au moins un `box`.
       while (price <= base - box) {
         out.push({ bottom: base - box, top: base, direction: "down" });
         base -= box;
         direction = "down";
       }
-      void direction;
+
+      if (direction === "down" && price >= base + 2 * box) {
+        // Inversion baissière -> haussière : il faut franchir 2×box.
+        base += box;
+        do {
+          out.push({ bottom: base, top: base + box, direction: "up" });
+          base += box;
+          direction = "up";
+        } while (price >= base + box);
+      }
     }
     return out;
   });

package/dist/RenkoChart.svelte.d.ts

@@ -28,7 +28,7 @@ export type RenkoChartDatum = {
     /** Prix de clôture : pilote la formation des briques. */
     close: number;
 };
-type RenkoChartProps = {
+export type RenkoChartProps = {
     data: RenkoChartDatum[];
     boxSize?: number;
     label?: string;

package/dist/RenkoChart.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RenkoChart.svelte.d.ts","sourceRoot":"","sources":["../src/lib/RenkoChart.svelte.ts"],"names":[],"mappings":"AAGE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,MAAM,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG;IAC5B,4EAA4E;IAC5E,IAAI,EAAE,MAAM,CAAC;IACb,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAMF,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAkNJ,QAAA,MAAM,UAAU,qDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"RenkoChart.svelte.d.ts","sourceRoot":"","sources":["../src/lib/RenkoChart.svelte.ts"],"names":[],"mappings":"AAGE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,MAAM,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG;IAC5B,4EAA4E;IAC5E,IAAI,EAAE,MAAM,CAAC;IACb,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgPJ,QAAA,MAAM,UAAU,qDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/VectorFieldChart.svelte

@@ -33,12 +33,8 @@
     /** Direction en DEGRÉS (0° = +X, sens trigonométrique). */
     direction: number;
   };
-</script>
-
-<script lang="ts">
-  import ChartDataList from "./ChartDataList.svelte";
 
-  type VectorFieldChartProps = {
+  export type VectorFieldChartProps = {
     data: VectorFieldChartDatum[];
     label?: string;
     width?: number;
@@ -46,6 +42,10 @@
     size?: number;
     class?: string;
   };
+</script>
+
+<script lang="ts">
+  import ChartDataList from "./ChartDataList.svelte";
 
   let {
     data = [],

package/dist/VectorFieldChart.svelte.d.ts

@@ -29,7 +29,7 @@ export type VectorFieldChartDatum = {
     /** Direction en DEGRÉS (0° = +X, sens trigonométrique). */
     direction: number;
 };
-type VectorFieldChartProps = {
+export type VectorFieldChartProps = {
     data: VectorFieldChartDatum[];
     label?: string;
     width?: number;

package/dist/VectorFieldChart.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VectorFieldChart.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VectorFieldChart.svelte.ts"],"names":[],"mappings":"AAGE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,MAAM,oBAAoB,GAC5B,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,GACrD,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;AAE1D,MAAM,MAAM,qBAAqB,GAAG;IAClC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAMF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,qBAAqB,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAiMJ,QAAA,MAAM,gBAAgB,2DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"VectorFieldChart.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VectorFieldChart.svelte.ts"],"names":[],"mappings":"AAGE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,MAAM,oBAAoB,GAC5B,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,GACrD,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;AAE1D,MAAM,MAAM,qBAAqB,GAAG;IAClC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,qBAAqB,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAoMJ,QAAA,MAAM,gBAAgB,2DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/WindBarbChart.svelte

@@ -35,12 +35,8 @@
     /** Direction (d'où vient le vent) en DEGRÉS (0° = Nord). */
     direction: number;
   };
-</script>
-
-<script lang="ts">
-  import ChartDataList from "./ChartDataList.svelte";
 
-  type WindBarbChartProps = {
+  export type WindBarbChartProps = {
     data: WindBarbChartDatum[];
     label?: string;
     width?: number;
@@ -48,6 +44,10 @@
     size?: number;
     class?: string;
   };
+</script>
+
+<script lang="ts">
+  import ChartDataList from "./ChartDataList.svelte";
 
   let {
     data = [],

package/dist/WindBarbChart.svelte.d.ts

@@ -31,7 +31,7 @@ export type WindBarbChartDatum = {
     /** Direction (d'où vient le vent) en DEGRÉS (0° = Nord). */
     direction: number;
 };
-type WindBarbChartProps = {
+export type WindBarbChartProps = {
     data: WindBarbChartDatum[];
     label?: string;
     width?: number;

package/dist/WindBarbChart.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WindBarbChart.svelte.d.ts","sourceRoot":"","sources":["../src/lib/WindBarbChart.svelte.ts"],"names":[],"mappings":"AAGE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,MAAM,iBAAiB,GACzB,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,GACrD,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;AAE1D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,wDAAwD;IACxD,EAAE,EAAE,MAAM,CAAC;IACX,0EAA0E;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAMF,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA0NJ,QAAA,MAAM,aAAa,wDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"WindBarbChart.svelte.d.ts","sourceRoot":"","sources":["../src/lib/WindBarbChart.svelte.ts"],"names":[],"mappings":"AAGE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,MAAM,iBAAiB,GACzB,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,GACrD,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;AAE1D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,wDAAwD;IACxD,EAAE,EAAE,MAAM,CAAC;IACX,0EAA0E;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA6NJ,QAAA,MAAM,aAAa,wDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}