@namiml/web-sdk 3.4.3-dev.202606111948 → 3.4.3-dev.202606120223

package/dist/components/containers/ResponsiveGrid.d.ts

@@ -7,6 +7,9 @@ export declare class NamiResponsiveGrid extends NamiElement {
     inFocusedState: boolean;
     scaleFactor: number;
     minSDKVersion: TSemverObj;
+    private timelineDots;
+    private railHeight;
+    private timelineResizeObserver?;
     private mouseDown;
     private startX;
     scrollLeft: any;
@@ -16,8 +19,12 @@ export declare class NamiResponsiveGrid extends NamiElement {
     stopDragging: () => void;
     move: (e: any) => void;
     private isGroupedHorizontal;
+    private isTimelineActive;
     protected styles(): CSSResult;
-    render(): any[][] | import("lit-html").TemplateResult<1>[];
+    render(): import("lit-html").TemplateResult<1> | any[][] | import("lit-html").TemplateResult<1>[];
+    protected updated(): void;
+    private measureTimeline;
+    private readTimelineGeometry;
     private _rowMouseDown;
     private _rowStartX;
     private _rowStartDragging;

package/dist/components/utils/helpers.d.ts

@@ -1,5 +1,5 @@
 import { TBaseComponent, TComponent } from '@namiml/sdk-core';
-import { TButtonContainer, TProductContainer, TResponsiveGrid, TRepeatingGrid } from "@namiml/sdk-core";
+import { TButtonContainer, TProductContainer, TResponsiveGrid, TRepeatingGrid, TTimelineRail } from "@namiml/sdk-core";
 import { TConditionalComponent } from "@namiml/sdk-core";
 import { TPaywallMedia } from "@namiml/sdk-core";
 import { PaywallSKU } from "@namiml/sdk-core";
@@ -13,10 +13,12 @@ export declare function getSkuButtonComponents(contextProvider: PaywallContextPr
     [mediaName: string]: Pick<TPaywallMedia, 'content'>;
 }): [boolean, TComponent[]][];
 /**
- * A repeating-list section. `header` is null when grouping is inactive; otherwise it is the
+ * A repeating-list section. `key` is the group key (empty string when grouping is
+ * inactive). `header` is null when grouping is inactive; otherwise it is the
  * interpolated group-header component-list. `items` holds one component-list per repeated item.
  */
 export type TRepeatingListSection = {
+    key: string;
     header: TComponent[] | null;
     items: TComponent[][];
 };
@@ -40,4 +42,34 @@ export declare function valueFromSmartText<T>(contextProvider: PaywallContextPro
 export declare const totalTimeSpentOnPaywall: (contextProvider: PaywallContextProvider) => number | undefined;
 export declare const rgbaToHex: (rgba?: string) => string | null;
 export declare const sameColors: (color1?: string, color2?: string) => boolean;
+export type TResolvedTimeline = Required<Omit<TTimelineRail, 'id' | 'namiComponentType' | 'conditionAttributes'>> & Pick<TTimelineRail, 'conditionAttributes'>;
+export declare function resolveTimelineDefaults(timeline: TTimelineRail): TResolvedTimeline;
+export type TTimelineDotStyle = {
+    dotSize: number;
+    dotColor: string;
+    dotCornerRadius: number;
+    dotBorderWidth: number;
+    dotBorderColor: string;
+};
+/**
+ * Per-group dot style: base timeline values overlaid with any conditionAttributes
+ * whose assertions pass for this group. `${group.key}` is pre-resolved via
+ * interpolate before evaluation, so the assertion values become literals and
+ * conditionComponentMatches evaluates them against the context state cleanly.
+ */
+export declare function resolveTimelineDotStyle(contextProvider: PaywallContextProvider, timeline: TTimelineRail, groupKey: string): TTimelineDotStyle;
+export type TTimelineSegment = {
+    top: number;
+    height: number;
+};
+export declare function computeTimelineSegments(args: {
+    railHeight: number;
+    lineTopOffset: number;
+    lineBottomOffset: number;
+    dotLineSpacing: number;
+    dots: Array<{
+        centerY: number;
+        size: number;
+    }>;
+}): TTimelineSegment[];
 export {};