@selwise/widget 0.0.1

package/dist/npm/esm/modules/renderer/styles/index.js

@@ -0,0 +1,250 @@
+/**
+ * Renderer Base Styles
+ * CSS injection for widget renderer
+ */
+let styleInjected = false;
+/**
+ * Inject base CSS styles for all widget types
+ */
+export function injectBaseStyles() {
+    if (styleInjected)
+        return;
+    const style = document.createElement('style');
+    style.id = 'selwise-styles';
+    style.textContent = `
+    .selwise-widget {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      box-sizing: border-box;
+      line-height: 1.5;
+    }
+    .selwise-widget * {
+      box-sizing: inherit;
+    }
+    
+    /* Announcement Bar */
+    .selwise-bar {
+      position: fixed;
+      left: 0;
+      right: 0;
+      z-index: 99999;
+      padding: 12px 20px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 16px;
+      animation: selwise-slide-down 0.3s ease-out;
+    }
+    .selwise-bar-top { top: 0; }
+    .selwise-bar-bottom { bottom: 0; animation-name: selwise-slide-up; }
+    .selwise-bar-text { font-size: 14px; font-weight: 500; }
+    .selwise-bar-btn {
+      padding: 8px 16px;
+      border-radius: 6px;
+      font-size: 13px;
+      font-weight: 600;
+      text-decoration: none;
+      cursor: pointer;
+      border: none;
+      transition: opacity 0.2s, transform 0.2s;
+    }
+    .selwise-bar-btn:hover { opacity: 0.9; transform: scale(1.02); }
+    .selwise-close {
+      position: absolute;
+      right: 16px;
+      background: none;
+      border: none;
+      cursor: pointer;
+      opacity: 0.7;
+      font-size: 20px;
+      padding: 4px;
+      line-height: 1;
+    }
+    .selwise-close:hover { opacity: 1; }
+    
+    /* Floating Button */
+    .selwise-floating {
+      position: fixed;
+      z-index: 99998;
+      padding: 14px 20px;
+      border-radius: 30px;
+      cursor: pointer;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      text-decoration: none;
+      box-shadow: 0 4px 14px rgba(0,0,0,0.2);
+      animation: selwise-pop-in 0.3s ease-out;
+      transition: transform 0.2s, box-shadow 0.2s;
+    }
+    .selwise-floating:hover { transform: scale(1.05); box-shadow: 0 6px 20px rgba(0,0,0,0.25); }
+    .selwise-floating-bottom-right { bottom: 20px; right: 20px; }
+    .selwise-floating-bottom-left { bottom: 20px; left: 20px; }
+    .selwise-floating-top-right { top: 20px; right: 20px; }
+    .selwise-floating-top-left { top: 20px; left: 20px; }
+    .selwise-floating-tooltip {
+      position: absolute;
+      pointer-events: none;
+      opacity: 0;
+      transition: opacity 0.18s ease-out;
+      white-space: nowrap;
+      transform: translateX(-50%);
+      left: 50%;
+      bottom: calc(100% + 8px);
+    }
+    .selwise-floating:hover .selwise-floating-tooltip {
+      opacity: 1;
+    }
+    
+    /* Popup/Modal */
+    .selwise-overlay {
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(0,0,0,0.6);
+      z-index: 99999;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      animation: selwise-fade-in 0.3s ease-out;
+    }
+    .selwise-popup {
+      background: white;
+      border-radius: 16px;
+      max-width: 500px;
+      width: 90%;
+      padding: 32px;
+      box-shadow: 0 20px 60px rgba(0,0,0,0.3);
+      position: relative;
+      animation: selwise-scale-in 0.3s ease-out;
+    }
+    .selwise-popup-title { font-size: 24px; font-weight: 700; margin-bottom: 12px; }
+    .selwise-popup-text { font-size: 16px; margin-bottom: 24px; opacity: 0.8; }
+    .selwise-popup-img { width: 100%; border-radius: 8px; margin-bottom: 20px; }
+    
+    /* Slide In */
+    .selwise-slide {
+      position: fixed;
+      z-index: 99998;
+      background: white;
+      box-shadow: -4px 0 20px rgba(0,0,0,0.15);
+      padding: 24px;
+      max-width: 360px;
+      width: 100%;
+    }
+    .selwise-slide-right { right: 0; top: 50%; transform: translateY(-50%); animation: selwise-slide-left 0.4s ease-out; }
+    .selwise-slide-left { left: 0; top: 50%; transform: translateY(-50%); animation: selwise-slide-right 0.4s ease-out; }
+    .selwise-slide-bottom { bottom: 0; left: 50%; transform: translateX(-50%); max-width: 500px; animation: selwise-slide-up 0.4s ease-out; }
+    
+    /* Embedded Card */
+    .selwise-card {
+      border-radius: 12px;
+      overflow: hidden;
+      box-shadow: 0 2px 12px rgba(0,0,0,0.08);
+      margin: 16px 0;
+    }
+    .selwise-card-img { width: 100%; height: 180px; object-fit: cover; }
+    .selwise-card-body { padding: 20px; }
+    .selwise-card-title { font-size: 18px; font-weight: 600; margin-bottom: 8px; }
+    .selwise-card-text { font-size: 14px; margin-bottom: 16px; opacity: 0.7; }
+    
+    /* Sticky Footer */
+    .selwise-footer {
+      position: fixed;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      z-index: 99997;
+      padding: 16px 24px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 20px;
+      animation: selwise-slide-up 0.3s ease-out;
+      box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
+    }
+    
+    /* Countdown Timer */
+    .selwise-countdown {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 16px;
+      border-radius: 8px;
+      font-weight: 600;
+    }
+    .selwise-countdown-unit {
+      text-align: center;
+      min-width: 40px;
+    }
+    .selwise-countdown-value {
+      font-size: 24px;
+      font-weight: 700;
+      line-height: 1;
+    }
+    .selwise-countdown-label {
+      font-size: 10px;
+      text-transform: uppercase;
+      opacity: 0.7;
+    }
+    .selwise-countdown-sep {
+      font-size: 20px;
+      font-weight: 700;
+      opacity: 0.5;
+    }
+    
+    /* Inline Banner */
+    .selwise-inline {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 16px 24px;
+      border-radius: 8px;
+      margin: 16px 0;
+    }
+    
+    /* Animations */
+    @keyframes selwise-slide-down {
+      from { transform: translateY(-100%); }
+      to { transform: translateY(0); }
+    }
+    @keyframes selwise-slide-up {
+      from { transform: translateY(100%); }
+      to { transform: translateY(0); }
+    }
+    @keyframes selwise-slide-left {
+      from { transform: translateX(100%) translateY(-50%); }
+      to { transform: translateX(0) translateY(-50%); }
+    }
+    @keyframes selwise-slide-right {
+      from { transform: translateX(-100%) translateY(-50%); }
+      to { transform: translateX(0) translateY(-50%); }
+    }
+    @keyframes selwise-pop-in {
+      from { transform: scale(0.8); opacity: 0; }
+      to { transform: scale(1); opacity: 1; }
+    }
+    @keyframes selwise-fade-in {
+      from { opacity: 0; }
+      to { opacity: 1; }
+    }
+    @keyframes selwise-scale-in {
+      from { transform: scale(0.9); opacity: 0; }
+      to { transform: scale(1); opacity: 1; }
+    }
+    @keyframes selwise-pulse {
+      0%, 100% { transform: scale(1); }
+      50% { transform: scale(1.05); }
+    }
+  `;
+    document.head.appendChild(style);
+    styleInjected = true;
+}
+/**
+ * Reset style injection state (for testing)
+ */
+export function resetStyleInjection() {
+    styleInjected = false;
+}
+//# sourceMappingURL=index.js.map

package/dist/npm/esm/modules/renderer/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/renderer/styles/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,IAAI,aAAa,GAAG,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,UAAU,gBAAgB;IAC9B,IAAI,aAAa;QAAE,OAAO;IAE1B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,GAAG,gBAAgB,CAAC;IAC5B,KAAK,CAAC,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkOnB,CAAC;IACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACjC,aAAa,GAAG,IAAI,CAAC;AACvB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,mBAAmB;IACjC,aAAa,GAAG,KAAK,CAAC;AACxB,CAAC"}

package/dist/npm/esm/modules/renderer/styles.d.ts

@@ -0,0 +1 @@
+export { injectBaseStyles, resetStyleInjection } from './styles/index';

package/dist/npm/esm/modules/renderer/styles.js

@@ -0,0 +1,2 @@
+export { injectBaseStyles, resetStyleInjection } from './styles/index.js';
+//# sourceMappingURL=styles.js.map

package/dist/npm/esm/modules/renderer/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/modules/renderer/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/npm/esm/modules/renderer/utils/helpers.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Renderer Utility Helpers
+ * Shared functions for widget rendering
+ */
+import type { RendererWidget as Widget, RendererCampaign as Campaign } from '../../../types';
+export declare const ENTITY_ROOT_ATTR = "data-selwise-root";
+export declare const ENTITY_ID_ATTR = "data-selwise-entity-id";
+export declare const ENTITY_TYPE_ATTR = "data-selwise-entity-type";
+export declare const ENTITY_ROOT_SELECTOR = "[data-selwise-root=\"true\"]";
+/**
+ * Convert hex color to rgba
+ */
+export declare function hexToRgba(hex: string, opacity: number): string;
+/**
+ * Shadow value mapping
+ */
+export declare function getShadowValue(shadow?: string): string;
+/**
+ * Font weight mapping
+ */
+export declare function getFontWeight(weight?: string): string;
+/**
+ * Set data attributes for tracking
+ */
+export declare function setDataAttributes(element: HTMLElement, widget: Widget, campaign: Campaign): void;
+export declare function removeEntityRootsFromDOM(): void;
+export declare function removeEntityRootsById(entityId: string, entityType?: 'campaign' | 'widget'): void;
+export declare function clearDeferredRenderer(key: string): void;
+export declare function cleanupDeferredRenderers(): void;
+/**
+ * Retry render conditions until they are satisfied or timeout expires.
+ * Useful for SPA pages where selector targets are mounted after script init.
+ */
+export declare function registerDeferredRenderer(key: string, resolver: () => boolean, timeoutMs?: number): void;
+/**
+ * Create close button element
+ */
+export declare function createCloseButton(textColor: string, onClose: () => void): HTMLButtonElement;
+/**
+ * Insert element at selector position
+ */
+export declare function insertAtSelector(element: HTMLElement, config: Widget['placementConfigJson']): boolean;
+/**
+ * Check if widget was already interacted with
+ */
+export declare function wasInteracted(widgetId: string): boolean;
+/**
+ * Mark widget as interacted
+ */
+export declare function markInteracted(widgetId: string): void;
+/**
+ * Escape user-provided text for safe HTML insertion.
+ */
+export declare function escapeHtml(value: unknown): string;
+/**
+ * Restrict href values to safe protocols.
+ */
+export declare function safeHref(value?: string): string;

package/dist/npm/esm/modules/renderer/utils/helpers.js

@@ -0,0 +1,225 @@
+/**
+ * Renderer Utility Helpers
+ * Shared functions for widget rendering
+ */
+import { STORAGE_KEYS } from '../../../constants.js';
+export const ENTITY_ROOT_ATTR = 'data-selwise-root';
+export const ENTITY_ID_ATTR = 'data-selwise-entity-id';
+export const ENTITY_TYPE_ATTR = 'data-selwise-entity-type';
+export const ENTITY_ROOT_SELECTOR = `[${ENTITY_ROOT_ATTR}="true"]`;
+const deferredRenderObservers = new Map();
+/**
+ * Convert hex color to rgba
+ */
+export function hexToRgba(hex, opacity) {
+    const r = parseInt(hex.slice(1, 3), 16);
+    const g = parseInt(hex.slice(3, 5), 16);
+    const b = parseInt(hex.slice(5, 7), 16);
+    const a = opacity / 100;
+    return `rgba(${r}, ${g}, ${b}, ${a})`;
+}
+/**
+ * Shadow value mapping
+ */
+export function getShadowValue(shadow) {
+    const shadows = {
+        none: 'none',
+        sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
+        md: '0 4px 6px -1px rgba(0, 0, 0, 0.1)',
+        lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1)',
+        xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1)',
+        '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
+    };
+    return shadows[shadow || 'none'] || 'none';
+}
+/**
+ * Font weight mapping
+ */
+export function getFontWeight(weight) {
+    const weights = {
+        normal: '400',
+        medium: '500',
+        semibold: '600',
+        bold: '700',
+    };
+    return weights[weight || 'normal'] || '400';
+}
+/**
+ * Set data attributes for tracking
+ */
+export function setDataAttributes(element, widget, campaign) {
+    const entityType = widget.__entityType === 'campaign' ? 'campaign' : 'widget';
+    element.dataset.widgetId = widget.id;
+    element.dataset.campaignId = campaign.id;
+    element.dataset.widgetType = widget.type;
+    element.setAttribute(ENTITY_ROOT_ATTR, 'true');
+    element.setAttribute(ENTITY_ID_ATTR, widget.id);
+    element.setAttribute(ENTITY_TYPE_ATTR, entityType);
+}
+export function removeEntityRootsFromDOM() {
+    document.querySelectorAll(ENTITY_ROOT_SELECTOR).forEach((element) => {
+        element.remove();
+    });
+}
+export function removeEntityRootsById(entityId, entityType) {
+    document.querySelectorAll(ENTITY_ROOT_SELECTOR).forEach((element) => {
+        const isSameId = element.getAttribute(ENTITY_ID_ATTR) === entityId;
+        const isSameType = !entityType || element.getAttribute(ENTITY_TYPE_ATTR) === entityType;
+        if (isSameId && isSameType) {
+            element.remove();
+        }
+    });
+}
+export function clearDeferredRenderer(key) {
+    const pending = deferredRenderObservers.get(key);
+    if (!pending)
+        return;
+    if (pending.observer) {
+        pending.observer.disconnect();
+    }
+    if (pending.timeoutId !== null) {
+        clearTimeout(pending.timeoutId);
+    }
+    deferredRenderObservers.delete(key);
+}
+export function cleanupDeferredRenderers() {
+    deferredRenderObservers.forEach((_pending, key) => {
+        clearDeferredRenderer(key);
+    });
+}
+/**
+ * Retry render conditions until they are satisfied or timeout expires.
+ * Useful for SPA pages where selector targets are mounted after script init.
+ */
+export function registerDeferredRenderer(key, resolver, timeoutMs = 6000) {
+    clearDeferredRenderer(key);
+    const tryResolve = () => {
+        try {
+            const resolved = resolver();
+            if (resolved) {
+                clearDeferredRenderer(key);
+            }
+            return resolved;
+        }
+        catch (error) {
+            console.error('[Selwise] Deferred renderer failed:', error);
+            clearDeferredRenderer(key);
+            return true;
+        }
+    };
+    if (tryResolve()) {
+        return;
+    }
+    if (typeof MutationObserver === 'undefined' || !document.documentElement) {
+        return;
+    }
+    const observer = new MutationObserver(() => {
+        tryResolve();
+    });
+    observer.observe(document.documentElement, {
+        childList: true,
+        subtree: true,
+        attributes: true,
+    });
+    const timeoutId = window.setTimeout(() => {
+        clearDeferredRenderer(key);
+    }, timeoutMs);
+    deferredRenderObservers.set(key, { observer, timeoutId });
+}
+/**
+ * Create close button element
+ */
+export function createCloseButton(textColor, onClose) {
+    const btn = document.createElement('button');
+    btn.className = 'selwise-close';
+    btn.style.color = textColor;
+    btn.innerHTML = '×';
+    btn.addEventListener('click', (e) => {
+        e.stopPropagation();
+        onClose();
+    });
+    return btn;
+}
+/**
+ * Insert element at selector position
+ */
+export function insertAtSelector(element, config) {
+    try {
+        const { selector, insertPosition = 'after' } = config;
+        const target = document.querySelector(selector || '');
+        if (!target) {
+            console.warn(`[Selwise] Selector not found: ${selector}`);
+            return false;
+        }
+        switch (insertPosition) {
+            case 'before':
+                target.parentNode?.insertBefore(element, target);
+                break;
+            case 'after':
+                target.parentNode?.insertBefore(element, target.nextSibling);
+                break;
+            case 'inside-start':
+                target.insertBefore(element, target.firstChild);
+                break;
+            case 'inside-end':
+                target.appendChild(element);
+                break;
+            case 'replace':
+                target.replaceWith(element);
+                break;
+            default:
+                target.parentNode?.insertBefore(element, target.nextSibling);
+        }
+        return true;
+    }
+    catch (error) {
+        return false;
+    }
+}
+/**
+ * Check if widget was already interacted with
+ */
+export function wasInteracted(widgetId) {
+    try {
+        return !!localStorage.getItem(`${STORAGE_KEYS.INTERACTED_PREFIX}${widgetId}`);
+    }
+    catch {
+        return false;
+    }
+}
+/**
+ * Mark widget as interacted
+ */
+export function markInteracted(widgetId) {
+    try {
+        localStorage.setItem(`${STORAGE_KEYS.INTERACTED_PREFIX}${widgetId}`, 'true');
+    }
+    catch {
+        // Ignore storage errors
+    }
+}
+/**
+ * Escape user-provided text for safe HTML insertion.
+ */
+export function escapeHtml(value) {
+    const text = String(value ?? '');
+    return text
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#039;');
+}
+/**
+ * Restrict href values to safe protocols.
+ */
+export function safeHref(value) {
+    if (!value)
+        return '#';
+    const trimmed = value.trim();
+    if (!trimmed)
+        return '#';
+    const allowed = /^(https?:|mailto:|tel:|\/|#)/i;
+    return allowed.test(trimmed) ? trimmed : '#';
+}
+//# sourceMappingURL=helpers.js.map

package/dist/npm/esm/modules/renderer/utils/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../../../src/modules/renderer/utils/helpers.ts"],"names":[],"mappings":"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"}

package/dist/npm/esm/modules/renderer/utils/image-renderer.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Shared image rendering utilities for widget renderers.
+ */
+export type ImageMode = 'thumbnail' | 'cover' | 'contain' | 'fullWidth' | 'background';
+export interface ImageRenderOptions {
+    imageUrl?: string;
+    mode?: ImageMode;
+    size?: string;
+    aspectRatio?: string;
+    objectFit?: 'cover' | 'contain' | 'fill';
+    borderRadius?: string;
+    alt?: string;
+    loading?: 'lazy' | 'eager';
+}
+export declare function buildImageStyle(options: ImageRenderOptions): Record<string, string>;
+export declare function applyInlineStyles(element: HTMLElement, styles: Record<string, string | undefined>): void;
+export declare function createImageElement(options: ImageRenderOptions): HTMLImageElement | null;

package/dist/npm/esm/modules/renderer/utils/image-renderer.js

@@ -0,0 +1,60 @@
+/**
+ * Shared image rendering utilities for widget renderers.
+ */
+function isSafeImageUrl(value) {
+    if (!value)
+        return false;
+    const trimmed = value.trim();
+    if (!trimmed)
+        return false;
+    return /^(https?:|data:image\/|blob:|\/)/i.test(trimmed);
+}
+export function buildImageStyle(options) {
+    const mode = options.mode || 'thumbnail';
+    const size = options.size || '60px';
+    const aspectRatio = options.aspectRatio || 'auto';
+    const objectFit = options.objectFit || 'cover';
+    const borderRadius = options.borderRadius || '8px';
+    const styles = {
+        borderRadius,
+        objectFit,
+        display: 'block',
+    };
+    if (mode === 'thumbnail') {
+        styles.width = size;
+        styles.height = size;
+        styles.flexShrink = '0';
+        return styles;
+    }
+    styles.width = '100%';
+    if (mode === 'fullWidth') {
+        styles.height = 'auto';
+        if (aspectRatio !== 'auto') {
+            styles.aspectRatio = aspectRatio;
+        }
+        return styles;
+    }
+    if (aspectRatio !== 'auto') {
+        styles.aspectRatio = aspectRatio;
+    }
+    return styles;
+}
+export function applyInlineStyles(element, styles) {
+    Object.entries(styles).forEach(([key, value]) => {
+        if (value === undefined || value === null || value === '')
+            return;
+        element.style.setProperty(key.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`), value);
+    });
+}
+export function createImageElement(options) {
+    if (!isSafeImageUrl(options.imageUrl)) {
+        return null;
+    }
+    const image = document.createElement('img');
+    image.src = options.imageUrl.trim();
+    image.alt = options.alt || '';
+    image.loading = options.loading || 'lazy';
+    applyInlineStyles(image, buildImageStyle(options));
+    return image;
+}
+//# sourceMappingURL=image-renderer.js.map

package/dist/npm/esm/modules/renderer/utils/image-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-renderer.js","sourceRoot":"","sources":["../../../../../../src/modules/renderer/utils/image-renderer.ts"],"names":[],"mappings":"AAAA;;GAEG;AAeH,SAAS,cAAc,CAAC,KAAc;IACpC,IAAI,CAAC,KAAK;QAAE,OAAO,KAAK,CAAC;IACzB,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAC7B,IAAI,CAAC,OAAO;QAAE,OAAO,KAAK,CAAC;IAC3B,OAAO,mCAAmC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAC3D,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,OAA2B;IACzD,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,WAAW,CAAC;IACzC,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,MAAM,CAAC;IACpC,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,MAAM,CAAC;IAClD,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC;IAC/C,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,IAAI,KAAK,CAAC;IAEnD,MAAM,MAAM,GAA2B;QACrC,YAAY;QACZ,SAAS;QACT,OAAO,EAAE,OAAO;KACjB,CAAC;IAEF,IAAI,IAAI,KAAK,WAAW,EAAE,CAAC;QACzB,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC;QACpB,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC;QACrB,MAAM,CAAC,UAAU,GAAG,GAAG,CAAC;QACxB,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC;IACtB,IAAI,IAAI,KAAK,WAAW,EAAE,CAAC;QACzB,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;QACvB,IAAI,WAAW,KAAK,MAAM,EAAE,CAAC;YAC3B,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;QACnC,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAI,WAAW,KAAK,MAAM,EAAE,CAAC;QAC3B,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;IACnC,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC/B,OAAoB,EACpB,MAA0C;IAE1C,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAC9C,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,EAAE;YAAE,OAAO;QAClE,OAAO,CAAC,KAAK,CAAC,WAAW,CACvB,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC,EAC3D,KAAK,CACN,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,OAA2B;IAC5D,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QACtC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5C,KAAK,CAAC,GAAG,GAAG,OAAO,CAAC,QAAS,CAAC,IAAI,EAAE,CAAC;IACrC,KAAK,CAAC,GAAG,GAAG,OAAO,CAAC,GAAG,IAAI,EAAE,CAAC;IAC9B,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,IAAI,MAAM,CAAC;IAC1C,iBAAiB,CAAC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/npm/esm/modules/renderer/utils/placement.d.ts

@@ -0,0 +1,6 @@
+import type { RendererWidget as Widget } from '../../../types';
+/**
+ * Attempts selector-based placement for selector widgets.
+ * If the selector is not yet in DOM, registers deferred placement and returns false.
+ */
+export declare function insertSelectorWithDeferred(element: HTMLElement, widget: Widget, deferKey: string, timeoutMs?: number): boolean;

package/dist/npm/esm/modules/renderer/utils/placement.js

@@ -0,0 +1,31 @@
+import { clearDeferredRenderer, insertAtSelector, registerDeferredRenderer, } from './helpers.js';
+const DEFAULT_DEFER_TIMEOUT_MS = 6000;
+function resolveSelector(config) {
+    if (!config)
+        return '';
+    if (typeof config.selector !== 'string')
+        return '';
+    return config.selector.trim();
+}
+/**
+ * Attempts selector-based placement for selector widgets.
+ * If the selector is not yet in DOM, registers deferred placement and returns false.
+ */
+export function insertSelectorWithDeferred(element, widget, deferKey, timeoutMs = DEFAULT_DEFER_TIMEOUT_MS) {
+    const placementConfig = widget.placementConfigJson || {};
+    const selector = resolveSelector(placementConfig);
+    if (!selector) {
+        clearDeferredRenderer(deferKey);
+        console.warn(`[Selwise] Selector is required for widget type "${widget.type}": ${widget.id}`);
+        return false;
+    }
+    const configWithSelector = { ...placementConfig, selector };
+    const inserted = insertAtSelector(element, configWithSelector);
+    if (inserted) {
+        clearDeferredRenderer(deferKey);
+        return true;
+    }
+    registerDeferredRenderer(deferKey, () => insertAtSelector(element, configWithSelector), timeoutMs);
+    return false;
+}
+//# sourceMappingURL=placement.js.map