capacitor-camera-multicapture 0.12.2

package/dist/esm/ui/media-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-viewer.js","sourceRoot":"","sources":["../../../src/ui/media-viewer.ts"],"names":[],"mappings":"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","sourcesContent":["import BiggerPicture from 'bigger-picture';\n\nimport bpCss from 'bigger-picture/css-text';\n\nconst BP_STYLES_ID = 'cmmc-bigger-picture-styles';\n\ntype BiggerPictureInstance = ReturnType<typeof BiggerPicture>;\ntype BiggerPictureItem = {\n  img?: string;\n  thumb?: string;\n  alt?: string;\n  sources?: { src: string; type: string }[];\n  width?: number;\n  height?: number;\n};\n\nlet bpInstance: BiggerPictureInstance | null = null;\nlet activeBackHandler: (() => void) | null = null;\nconst DEFAULT_MEDIA_WIDTH = 1920;\nconst DEFAULT_MEDIA_HEIGHT = 1080;\n\nfunction ensureStyles(): void {\n  const existing = document.getElementById(BP_STYLES_ID);\n  if (existing && existing.tagName.toLowerCase() !== 'style') {\n    existing.remove();\n  }\n\n  const style = document.getElementById(BP_STYLES_ID) as HTMLStyleElement | null;\n  if (style) {\n    return;\n  }\n\n  const styleEl = document.createElement('style');\n  styleEl.id = BP_STYLES_ID;\n  styleEl.textContent = `${bpCss}\n    .bp-wrap,\n    .bp-wrap * {\n      animation-duration: 0ms !important;\n      transition-duration: 0ms !important;\n      transition-delay: 0ms !important;\n    }\n    .bp-wrap {\n      --cmmc-safe-top-extra: 0px;\n      --cmmc-safe-bottom-extra: 0px;\n    }\n    .bp-wrap > div:first-child {\n      background: #000 !important;\n    }\n    .bp-x {\n      top: env(safe-area-inset-top) !important;\n    }\n    .bp-img-wrap {\n      top: calc(env(safe-area-inset-top) + var(--cmmc-safe-top-extra)) !important;\n      bottom: calc(env(safe-area-inset-bottom) + var(--cmmc-safe-bottom-extra)) !important;\n      height: auto !important;\n    }\n    .bp-vid,\n    .bp-if {\n      max-height: calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom) - var(--cmmc-safe-top-extra) - var(--cmmc-safe-bottom-extra)) !important;\n      margin-top: calc(env(safe-area-inset-top) + var(--cmmc-safe-top-extra)) !important;\n      margin-bottom: calc(env(safe-area-inset-bottom) + var(--cmmc-safe-bottom-extra)) !important;\n    }\n    .bp-controls .cmmc-bp-edit {\n      position: absolute;\n      top: env(safe-area-inset-top);\n      left: 0;\n      z-index: 10;\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: none;\n      border: none;\n      cursor: pointer;\n      color: #fff;\n      padding: 0;\n      -webkit-tap-highlight-color: transparent;\n    }\n    .bp-controls .cmmc-bp-edit:hover {\n      background: none;\n    }\n    .bp-controls .cmmc-bp-edit svg {\n      filter: drop-shadow(0 1px 3px rgba(0,0,0,0.6));\n    }\n  `;\n  document.head.appendChild(styleEl);\n}\n\nfunction getInstance(): BiggerPictureInstance {\n  if (bpInstance) {\n    return bpInstance;\n  }\n\n  bpInstance = BiggerPicture({\n    target: document.body,\n  });\n  return bpInstance;\n}\n\nfunction getMimeType(src: string): string {\n  const normalized = src.toLowerCase();\n  if (normalized.endsWith('.webm')) return 'video/webm';\n  if (normalized.endsWith('.mov')) return 'video/quicktime';\n  return 'video/mp4';\n}\n\nfunction readSafeAreaInset(property: 'top' | 'bottom'): number {\n  const probe = document.createElement('div');\n  probe.style.position = 'fixed';\n  probe.style.visibility = 'hidden';\n  probe.style.pointerEvents = 'none';\n  probe.style.zIndex = '-1';\n  if (property === 'top') {\n    probe.style.top = '0';\n    probe.style.paddingTop = 'env(safe-area-inset-top)';\n  } else {\n    probe.style.bottom = '0';\n    probe.style.paddingBottom = 'env(safe-area-inset-bottom)';\n  }\n  document.body.appendChild(probe);\n  const computed = window.getComputedStyle(probe);\n  const raw = property === 'top' ? computed.paddingTop : computed.paddingBottom;\n  probe.remove();\n  const parsed = Number.parseFloat(raw);\n  return Number.isFinite(parsed) ? parsed : 0;\n}\n\nfunction applyDynamicSafeArea(container: HTMLElement): void {\n  const closeButton = container.querySelector('.bp-x') as HTMLElement | null;\n  const media = container.querySelector('.bp-vid, .bp-if, .bp-img') as HTMLElement | null;\n  if (!closeButton || !media) {\n    container.style.setProperty('--cmmc-safe-top-extra', '0px');\n    container.style.setProperty('--cmmc-safe-bottom-extra', '0px');\n    return;\n  }\n\n  const closeRect = closeButton.getBoundingClientRect();\n  const mediaRect = media.getBoundingClientRect();\n  const safeBottom = readSafeAreaInset('bottom');\n\n  const topOverlap = Math.max(0, closeRect.bottom - mediaRect.top);\n  const bottomLimit = window.innerHeight - safeBottom;\n  const bottomOverlap = Math.max(0, mediaRect.bottom - bottomLimit);\n\n  container.style.setProperty('--cmmc-safe-top-extra', `${topOverlap}px`);\n  container.style.setProperty('--cmmc-safe-bottom-extra', `${bottomOverlap}px`);\n}\n\nfunction getImageDimensions(src: string): Promise<{ width: number; height: number } | null> {\n  return new Promise((resolve) => {\n    const img = new Image();\n    img.onload = () => {\n      if (img.naturalWidth > 0 && img.naturalHeight > 0) {\n        resolve({ width: img.naturalWidth, height: img.naturalHeight });\n      } else {\n        resolve(null);\n      }\n    };\n    img.onerror = () => resolve(null);\n    img.src = src;\n  });\n}\n\nfunction getVideoDimensions(src: string): Promise<{ width: number; height: number } | null> {\n  return new Promise((resolve) => {\n    const video = document.createElement('video');\n    video.preload = 'metadata';\n    video.playsInline = true;\n\n    const cleanup = () => {\n      video.removeAttribute('src');\n      video.load();\n    };\n\n    video.onloadedmetadata = () => {\n      const width = video.videoWidth;\n      const height = video.videoHeight;\n      cleanup();\n      if (width > 0 && height > 0) {\n        resolve({ width, height });\n      } else {\n        resolve(null);\n      }\n    };\n    video.onerror = () => {\n      cleanup();\n      resolve(null);\n    };\n\n    video.src = src;\n  });\n}\n\nfunction injectEditButton(container: HTMLElement, onEdit: () => void): void {\n  const controls = container.querySelector('.bp-controls');\n  if (!controls || controls.querySelector('.cmmc-bp-edit')) return;\n\n  const btn = document.createElement('button');\n  btn.className = 'cmmc-bp-edit';\n  btn.innerHTML = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z\"/></svg>`;\n\n  btn.onclick = (e) => {\n    e.stopPropagation();\n    getInstance().close();\n    onEdit();\n  };\n\n  controls.appendChild(btn);\n}\n\nfunction registerBackHandler(): void {\n  removeBackHandler();\n  const handler = () => {\n    getInstance().close();\n  };\n  activeBackHandler = handler;\n  document.addEventListener('backbutton', handler);\n}\n\nfunction removeBackHandler(): void {\n  if (activeBackHandler) {\n    document.removeEventListener('backbutton', activeBackHandler);\n    activeBackHandler = null;\n  }\n}\n\nexport function openImagePreview(src: string, thumb?: string, onEdit?: () => void): void {\n  void (async () => {\n    ensureStyles();\n    const dimensions = await getImageDimensions(src);\n\n    const items: BiggerPictureItem[] = [\n      {\n        img: src,\n        thumb: thumb || src,\n        width: dimensions?.width ?? DEFAULT_MEDIA_WIDTH,\n        height: dimensions?.height ?? DEFAULT_MEDIA_HEIGHT,\n      },\n    ];\n\n    getInstance().open({\n      items,\n      el: document.body,\n      scale: 1,\n      intro: 'fadeup',\n      onOpen: (container) => {\n        applyDynamicSafeArea(container);\n        registerBackHandler();\n        if (onEdit) {\n          injectEditButton(container, onEdit);\n        }\n      },\n      onClose: () => {\n        removeBackHandler();\n      },\n      onResize: (container) => {\n        if (!container) return;\n        applyDynamicSafeArea(container);\n      },\n    });\n  })();\n}\n\nexport function openVideoPreview(src: string, thumb?: string): void {\n  void (async () => {\n    ensureStyles();\n    const dimensions = await getVideoDimensions(src);\n\n    const items: BiggerPictureItem[] = [\n      {\n        thumb: thumb || src,\n        sources: [{ src, type: getMimeType(src) }],\n        width: dimensions?.width ?? DEFAULT_MEDIA_WIDTH,\n        height: dimensions?.height ?? DEFAULT_MEDIA_HEIGHT,\n      },\n    ];\n\n    getInstance().open({\n      items,\n      el: document.body,\n      scale: 1,\n      intro: 'fadeup',\n      onOpen: (container) => {\n        applyDynamicSafeArea(container);\n        registerBackHandler();\n      },\n      onClose: () => {\n        removeBackHandler();\n      },\n      onResize: (container) => {\n        if (!container) return;\n        applyDynamicSafeArea(container);\n      },\n    });\n  })();\n}\n"]}

package/dist/esm/ui/pinch-zoom-handler.d.ts

@@ -0,0 +1,37 @@
+import type { CameraOverlayUIOptions } from '../types/ui-types';
+import { CameraController } from '../controllers/camera-controller';
+export interface PinchZoomConfig {
+    options: CameraOverlayUIOptions;
+}
+export type ZoomSelectionUpdater = (zoom: number) => void;
+/**
+ * Encapsulates JavaScript pinch-to-zoom gesture handling for the camera overlay.
+ */
+export declare class PinchZoomHandler {
+    private readonly cameraController;
+    private readonly config;
+    private readonly updateZoomSelection;
+    private pinchElement;
+    private pinchStartDistance;
+    private pinchStartZoom;
+    private pinchMinZoom;
+    private pinchMaxZoom;
+    private pinchPresetLevels;
+    private isPinching;
+    private boundPinchStart;
+    private boundPinchMove;
+    private boundPinchEnd;
+    constructor(cameraController: CameraController, config: PinchZoomConfig, updateZoomSelection: ZoomSelectionUpdater);
+    /**
+     * Attach pinch handlers to the given container and initialise zoom ranges.
+     */
+    attach(container: HTMLElement): Promise<void>;
+    /**
+     * Detach pinch handlers and clear state.
+     */
+    detach(): void;
+    private getPinchDistance;
+    private onPinchStart;
+    private onPinchMove;
+    private onPinchEnd;
+}

package/dist/esm/ui/pinch-zoom-handler.js

@@ -0,0 +1,118 @@
+/**
+ * Encapsulates JavaScript pinch-to-zoom gesture handling for the camera overlay.
+ */
+export class PinchZoomHandler {
+    constructor(cameraController, config, updateZoomSelection) {
+        this.cameraController = cameraController;
+        this.config = config;
+        this.updateZoomSelection = updateZoomSelection;
+        this.pinchElement = null;
+        this.pinchStartDistance = 0;
+        this.pinchStartZoom = 1;
+        this.pinchMinZoom = 1;
+        this.pinchMaxZoom = 1;
+        this.pinchPresetLevels = [];
+        this.isPinching = false;
+        this.boundPinchStart = null;
+        this.boundPinchMove = null;
+        this.boundPinchEnd = null;
+    }
+    /**
+     * Attach pinch handlers to the given container and initialise zoom ranges.
+     */
+    async attach(container) {
+        var _a;
+        try {
+            const zoomInfo = await this.cameraController.getAvailableZoomLevels();
+            this.pinchMinZoom = zoomInfo.minZoom;
+            this.pinchMaxZoom = zoomInfo.maxZoom;
+            this.pinchPresetLevels = ((_a = zoomInfo.presetLevels) === null || _a === void 0 ? void 0 : _a.length)
+                ? zoomInfo.presetLevels
+                : [zoomInfo.minZoom, 1, zoomInfo.maxZoom];
+        }
+        catch (_b) {
+            this.pinchMinZoom = 1;
+            this.pinchMaxZoom = 10;
+            this.pinchPresetLevels = [1, 2, 3, 5, 10];
+        }
+        this.pinchElement = container;
+        this.boundPinchStart = this.onPinchStart.bind(this);
+        this.boundPinchMove = this.onPinchMove.bind(this);
+        this.boundPinchEnd = this.onPinchEnd.bind(this);
+        container.addEventListener('touchstart', this.boundPinchStart, { passive: true });
+        container.addEventListener('touchmove', this.boundPinchMove, { passive: false });
+        container.addEventListener('touchend', this.boundPinchEnd, { passive: true });
+        container.addEventListener('touchcancel', this.boundPinchEnd, { passive: true });
+    }
+    /**
+     * Detach pinch handlers and clear state.
+     */
+    detach() {
+        const el = this.pinchElement;
+        if (!el || !this.boundPinchStart || !this.boundPinchMove || !this.boundPinchEnd)
+            return;
+        el.removeEventListener('touchstart', this.boundPinchStart);
+        el.removeEventListener('touchmove', this.boundPinchMove);
+        el.removeEventListener('touchend', this.boundPinchEnd);
+        el.removeEventListener('touchcancel', this.boundPinchEnd);
+        this.pinchElement = null;
+        this.boundPinchStart = null;
+        this.boundPinchMove = null;
+        this.boundPinchEnd = null;
+    }
+    getPinchDistance(touches) {
+        if (touches.length < 2)
+            return 0;
+        const a = touches[0];
+        const b = touches[1];
+        return Math.hypot(b.clientX - a.clientX, b.clientY - a.clientY);
+    }
+    onPinchStart(e) {
+        if (e.touches.length === 2) {
+            this.isPinching = true;
+            this.pinchStartDistance = this.getPinchDistance(e.touches);
+            this.pinchStartZoom = this.cameraController.getCurrentZoom();
+        }
+    }
+    onPinchMove(e) {
+        if (e.touches.length !== 2 || !this.isPinching || this.pinchStartDistance <= 0)
+            return;
+        e.preventDefault();
+        const dist = this.getPinchDistance(e.touches);
+        const scale = dist / this.pinchStartDistance;
+        let zoom = this.pinchStartZoom * scale;
+        zoom = Math.max(this.pinchMinZoom, Math.min(this.pinchMaxZoom, zoom));
+        this.cameraController.setZoom(zoom).catch((err) => console.warn('Set zoom failed', err));
+        this.updateZoomSelection(zoom);
+    }
+    onPinchEnd(e) {
+        var _a;
+        if (e.touches.length >= 2)
+            return;
+        if (!this.isPinching)
+            return;
+        this.isPinching = false;
+        this.pinchStartDistance = 0;
+        const lockToNearest = ((_a = this.config.options.pinchToZoom) === null || _a === void 0 ? void 0 : _a.lockToNearestStep) === true;
+        if (lockToNearest && this.pinchPresetLevels.length > 0) {
+            const current = this.cameraController.getCurrentZoom();
+            let nearest = this.pinchPresetLevels[0];
+            let best = Math.abs(nearest - current);
+            for (const level of this.pinchPresetLevels) {
+                const d = Math.abs(level - current);
+                if (d < best) {
+                    best = d;
+                    nearest = level;
+                }
+            }
+            this.cameraController.setZoom(nearest).catch((err) => console.warn('Set zoom failed', err));
+            this.updateZoomSelection(nearest);
+        }
+        else {
+            // Even without snapping, move the highlight to the closest zoom button
+            const current = this.cameraController.getCurrentZoom();
+            this.updateZoomSelection(current);
+        }
+    }
+}
+//# sourceMappingURL=pinch-zoom-handler.js.map

package/dist/esm/ui/pinch-zoom-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pinch-zoom-handler.js","sourceRoot":"","sources":["../../../src/ui/pinch-zoom-handler.ts"],"names":[],"mappings":"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","sourcesContent":["import type { CameraOverlayUIOptions } from '../types/ui-types';\nimport { CameraController } from '../controllers/camera-controller';\n\nexport interface PinchZoomConfig {\n  options: CameraOverlayUIOptions;\n}\n\nexport type ZoomSelectionUpdater = (zoom: number) => void;\n\n/**\n * Encapsulates JavaScript pinch-to-zoom gesture handling for the camera overlay.\n */\nexport class PinchZoomHandler {\n  private pinchElement: HTMLElement | null = null;\n  private pinchStartDistance: number = 0;\n  private pinchStartZoom: number = 1;\n  private pinchMinZoom: number = 1;\n  private pinchMaxZoom: number = 1;\n  private pinchPresetLevels: number[] = [];\n  private isPinching = false;\n  private boundPinchStart: ((e: TouchEvent) => void) | null = null;\n  private boundPinchMove: ((e: TouchEvent) => void) | null = null;\n  private boundPinchEnd: ((e: TouchEvent) => void) | null = null;\n\n  constructor(\n    private readonly cameraController: CameraController,\n    private readonly config: PinchZoomConfig,\n    private readonly updateZoomSelection: ZoomSelectionUpdater\n  ) {}\n\n  /**\n   * Attach pinch handlers to the given container and initialise zoom ranges.\n   */\n  async attach(container: HTMLElement): Promise<void> {\n    try {\n      const zoomInfo = await this.cameraController.getAvailableZoomLevels();\n      this.pinchMinZoom = zoomInfo.minZoom;\n      this.pinchMaxZoom = zoomInfo.maxZoom;\n      this.pinchPresetLevels = zoomInfo.presetLevels?.length\n        ? zoomInfo.presetLevels\n        : [zoomInfo.minZoom, 1, zoomInfo.maxZoom];\n    } catch {\n      this.pinchMinZoom = 1;\n      this.pinchMaxZoom = 10;\n      this.pinchPresetLevels = [1, 2, 3, 5, 10];\n    }\n\n    this.pinchElement = container;\n    this.boundPinchStart = this.onPinchStart.bind(this);\n    this.boundPinchMove = this.onPinchMove.bind(this);\n    this.boundPinchEnd = this.onPinchEnd.bind(this);\n    container.addEventListener('touchstart', this.boundPinchStart, { passive: true });\n    container.addEventListener('touchmove', this.boundPinchMove, { passive: false });\n    container.addEventListener('touchend', this.boundPinchEnd, { passive: true });\n    container.addEventListener('touchcancel', this.boundPinchEnd, { passive: true });\n  }\n\n  /**\n   * Detach pinch handlers and clear state.\n   */\n  detach(): void {\n    const el = this.pinchElement;\n    if (!el || !this.boundPinchStart || !this.boundPinchMove || !this.boundPinchEnd) return;\n    el.removeEventListener('touchstart', this.boundPinchStart);\n    el.removeEventListener('touchmove', this.boundPinchMove);\n    el.removeEventListener('touchend', this.boundPinchEnd);\n    el.removeEventListener('touchcancel', this.boundPinchEnd);\n    this.pinchElement = null;\n    this.boundPinchStart = null;\n    this.boundPinchMove = null;\n    this.boundPinchEnd = null;\n  }\n\n  private getPinchDistance(touches: TouchList): number {\n    if (touches.length < 2) return 0;\n    const a = touches[0];\n    const b = touches[1];\n    return Math.hypot(b.clientX - a.clientX, b.clientY - a.clientY);\n  }\n\n  private onPinchStart(e: TouchEvent): void {\n    if (e.touches.length === 2) {\n      this.isPinching = true;\n      this.pinchStartDistance = this.getPinchDistance(e.touches);\n      this.pinchStartZoom = this.cameraController.getCurrentZoom();\n    }\n  }\n\n  private onPinchMove(e: TouchEvent): void {\n    if (e.touches.length !== 2 || !this.isPinching || this.pinchStartDistance <= 0) return;\n    e.preventDefault();\n    const dist = this.getPinchDistance(e.touches);\n    const scale = dist / this.pinchStartDistance;\n    let zoom = this.pinchStartZoom * scale;\n    zoom = Math.max(this.pinchMinZoom, Math.min(this.pinchMaxZoom, zoom));\n    this.cameraController.setZoom(zoom).catch((err) => console.warn('Set zoom failed', err));\n    this.updateZoomSelection(zoom);\n  }\n\n  private onPinchEnd(e: TouchEvent): void {\n    if (e.touches.length >= 2) return;\n    if (!this.isPinching) return;\n    this.isPinching = false;\n    this.pinchStartDistance = 0;\n    const lockToNearest = this.config.options.pinchToZoom?.lockToNearestStep === true;\n    if (lockToNearest && this.pinchPresetLevels.length > 0) {\n      const current = this.cameraController.getCurrentZoom();\n      let nearest = this.pinchPresetLevels[0];\n      let best = Math.abs(nearest - current);\n      for (const level of this.pinchPresetLevels) {\n        const d = Math.abs(level - current);\n        if (d < best) {\n          best = d;\n          nearest = level;\n        }\n      }\n      this.cameraController.setZoom(nearest).catch((err) => console.warn('Set zoom failed', err));\n      this.updateZoomSelection(nearest);\n    } else {\n      // Even without snapping, move the highlight to the closest zoom button\n      const current = this.cameraController.getCurrentZoom();\n      this.updateZoomSelection(current);\n    }\n  }\n}\n\n"]}

package/dist/esm/ui/ui-factory.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Factory for creating UI elements
+ */
+import { ButtonStyle, IconButtonConfig } from '../types/ui-types';
+/**
+ * Sets the icon for a button element, supporting both inline SVG and file paths
+ */
+export declare function setButtonIcon(element: HTMLButtonElement, iconSource: string): Promise<void>;
+/**
+ * Creates a button with the specified configuration
+ */
+export declare function createButton(config: IconButtonConfig, text?: string): HTMLButtonElement;
+/**
+ * Applies styles to a button element
+ */
+export declare function applyButtonStyle(element: HTMLButtonElement, style: ButtonStyle): void;
+/**
+ * Creates a thumbnail image container
+ */
+export declare function createThumbnailContainer(thumbnailData: string, thumbnailStyle: {
+    width?: string;
+    height?: string;
+}, onRemove: (() => void) | null, options?: {
+    isVideo?: boolean;
+    duration?: number;
+    onTap?: () => void;
+}): HTMLElement;
+/**
+ * Creates a remove button for thumbnails
+ */
+export declare function createRemoveButton(onRemove: (e: Event) => void): HTMLButtonElement;
+/**
+ * Creates a shot counter element with animation
+ */
+export declare function createShotCounter(): HTMLElement;
+/**
+ * Updates the shot counter with animation
+ */
+export declare function updateShotCounter(counter: HTMLElement, count: number): void;

package/dist/esm/ui/ui-factory.js

@@ -0,0 +1,272 @@
+/**
+ * Loads an icon from either an inline SVG string or a file path
+ */
+async function loadIcon(iconSource) {
+    // Check if it's an inline SVG (starts with <svg)
+    if (iconSource.trim().startsWith('<svg')) {
+        return iconSource;
+    }
+    // Check if it's a file path (ends with .svg)
+    if (iconSource.endsWith('.svg')) {
+        try {
+            const response = await fetch(iconSource);
+            if (!response.ok) {
+                throw new Error(`Failed to load SVG: ${response.status} ${response.statusText}`);
+            }
+            const svgContent = await response.text();
+            return svgContent;
+        }
+        catch (error) {
+            console.error(`Failed to load SVG from path: ${iconSource}`, error);
+            // Re-throw error - let the existing fallback system handle it
+            throw error;
+        }
+    }
+    // If it's neither, treat as inline SVG
+    return iconSource;
+}
+/**
+ * Sets the icon for a button element, supporting both inline SVG and file paths
+ */
+export async function setButtonIcon(element, iconSource) {
+    // Only proceed if iconSource is provided and not empty
+    if (!iconSource || iconSource.trim() === '') {
+        return;
+    }
+    const svgContent = await loadIcon(iconSource);
+    element.innerHTML = svgContent;
+    // Apply size styling if specified
+    const style = element.__buttonStyle;
+    if ((style === null || style === void 0 ? void 0 : style.size) && element.querySelector('svg')) {
+        const svg = element.querySelector('svg');
+        svg === null || svg === void 0 ? void 0 : svg.setAttribute('width', `${style.size}px`);
+        svg === null || svg === void 0 ? void 0 : svg.setAttribute('height', `${style.size}px`);
+    }
+}
+/**
+ * Creates a button with the specified configuration
+ */
+export function createButton(config, text) {
+    const btn = document.createElement('button');
+    // Store style reference for later use in setButtonIcon
+    btn.__buttonStyle = config.style;
+    if (text) {
+        btn.textContent = text;
+    }
+    else if (config.text) {
+        btn.textContent = config.text;
+    }
+    else if (config.icon) {
+        // Only load icon if one is provided
+        setButtonIcon(btn, config.icon).catch(error => {
+            console.error('Failed to set button icon:', error);
+        });
+    }
+    const style = config.style || {};
+    applyButtonStyle(btn, style);
+    return btn;
+}
+/**
+ * Applies styles to a button element
+ */
+export function applyButtonStyle(element, style) {
+    Object.assign(element.style, {
+        borderRadius: style.radius ? `${style.radius}px` : '30px',
+        padding: style.padding || '10px',
+        backgroundColor: style.backgroundColor || '#ffffff',
+        color: style.color || '#000000',
+        border: style.border || 'none',
+        opacity: style.opacity !== undefined ? style.opacity.toString() : '1',
+        boxShadow: style.boxShadow || 'none',
+        filter: style.filter || 'none',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        cursor: 'pointer',
+        outline: 'none',
+        minWidth: '44px',
+        minHeight: '44px'
+    });
+    if (style.size && element.querySelector('svg')) {
+        const svg = element.querySelector('svg');
+        svg === null || svg === void 0 ? void 0 : svg.setAttribute('width', `${style.size}px`);
+        svg === null || svg === void 0 ? void 0 : svg.setAttribute('height', `${style.size}px`);
+    }
+}
+/**
+ * Creates a thumbnail image container
+ */
+export function createThumbnailContainer(thumbnailData, thumbnailStyle, onRemove, options) {
+    const thumbnailContainer = document.createElement('div');
+    const width = (thumbnailStyle === null || thumbnailStyle === void 0 ? void 0 : thumbnailStyle.width) || '80px';
+    const height = (thumbnailStyle === null || thumbnailStyle === void 0 ? void 0 : thumbnailStyle.height) || '80px';
+    Object.assign(thumbnailContainer.style, {
+        position: 'relative',
+        display: 'inline-block',
+        width: width,
+        height: height,
+        marginRight: '10px',
+        borderRadius: '4px',
+        overflow: 'hidden',
+        flexShrink: '0',
+        boxSizing: 'border-box',
+        contentVisibility: 'auto',
+        containIntrinsicSize: `${width} ${height}`
+    });
+    const thumbnail = document.createElement('img');
+    thumbnail.src = thumbnailData;
+    thumbnail.loading = 'lazy';
+    thumbnail.decoding = 'async';
+    Object.assign(thumbnail.style, {
+        width: '100%',
+        height: '100%',
+        objectFit: 'cover',
+        borderRadius: '4px',
+        cursor: 'pointer'
+    });
+    if (options === null || options === void 0 ? void 0 : options.onTap) {
+        const tapHandler = options.onTap;
+        thumbnail.addEventListener('click', (e) => {
+            e.stopPropagation();
+            tapHandler();
+        });
+    }
+    thumbnailContainer.appendChild(thumbnail);
+    if (options === null || options === void 0 ? void 0 : options.isVideo) {
+        const playBadge = document.createElement('div');
+        playBadge.innerHTML = '▶';
+        Object.assign(playBadge.style, {
+            position: 'absolute',
+            left: '50%',
+            top: '50%',
+            transform: 'translate(-50%, -50%)',
+            width: '28px',
+            height: '28px',
+            borderRadius: '50%',
+            background: 'rgba(0, 0, 0, 0.55)',
+            color: '#ffffff',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            fontSize: '14px',
+            zIndex: '2',
+            pointerEvents: 'none'
+        });
+        thumbnailContainer.appendChild(playBadge);
+        if (typeof options.duration === 'number') {
+            const durationBadge = document.createElement('div');
+            durationBadge.textContent = formatDuration(options.duration);
+            Object.assign(durationBadge.style, {
+                position: 'absolute',
+                left: '4px',
+                bottom: '4px',
+                background: 'rgba(0, 0, 0, 0.7)',
+                color: '#ffffff',
+                fontSize: '10px',
+                lineHeight: '14px',
+                borderRadius: '8px',
+                padding: '1px 6px',
+                zIndex: '2',
+                pointerEvents: 'none'
+            });
+            thumbnailContainer.appendChild(durationBadge);
+        }
+    }
+    if (onRemove) {
+        const removeBtn = createRemoveButton(onRemove);
+        thumbnailContainer.appendChild(removeBtn);
+    }
+    return thumbnailContainer;
+}
+function formatDuration(seconds) {
+    const safe = Math.max(0, Math.floor(seconds));
+    const mins = Math.floor(safe / 60);
+    const secs = safe % 60;
+    return `${mins}:${secs.toString().padStart(2, '0')}`;
+}
+/**
+ * Creates a remove button for thumbnails
+ */
+export function createRemoveButton(onRemove) {
+    const removeBtn = document.createElement('button');
+    Object.assign(removeBtn.style, {
+        position: 'absolute',
+        top: '3px',
+        right: '3px',
+        width: '24px',
+        height: '24px',
+        borderRadius: '50%',
+        background: 'rgba(0, 0, 0, 0.5)',
+        color: 'white',
+        border: 'none',
+        cursor: 'pointer',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        padding: '0',
+        fontSize: '14px',
+        fontWeight: 'bold',
+        zIndex: '3'
+    });
+    removeBtn.innerHTML = '×';
+    removeBtn.onclick = (e) => {
+        e.stopPropagation();
+        onRemove(e);
+    };
+    return removeBtn;
+}
+/**
+ * Creates a shot counter element with animation
+ */
+export function createShotCounter() {
+    const counter = document.createElement('div');
+    counter.id = 'shot-counter';
+    Object.assign(counter.style, {
+        position: 'relative',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '40px',
+        height: '40px',
+        borderRadius: '20px',
+        backgroundColor: 'rgba(0, 0, 0, 0.6)',
+        color: '#ffffff',
+        fontSize: '16px',
+        fontWeight: 'bold',
+        margin: '0', // Remove default margin since it's now handled by container gap
+        transition: 'all 0.3s ease',
+        transform: 'scale(1)',
+        opacity: '0',
+        pointerEvents: 'none',
+        zIndex: '3'
+    });
+    counter.textContent = '0';
+    return counter;
+}
+/**
+ * Updates the shot counter with animation
+ */
+export function updateShotCounter(counter, count) {
+    const displayCount = count > 99 ? '99+' : count.toString();
+    // Show counter if it's hidden and count > 0
+    if (count > 0 && counter.style.opacity === '0') {
+        counter.style.opacity = '1';
+    }
+    // Hide counter if count is 0
+    if (count === 0) {
+        counter.style.opacity = '0';
+        counter.textContent = '0';
+        return;
+    }
+    // Animation effect
+    counter.style.transform = 'scale(1.2)';
+    counter.style.backgroundColor = 'rgba(40, 167, 69, 0.8)'; // Green flash
+    // Update the text
+    counter.textContent = displayCount;
+    // Reset animation after a short delay
+    setTimeout(() => {
+        counter.style.transform = 'scale(1)';
+        counter.style.backgroundColor = 'rgba(0, 0, 0, 0.6)';
+    }, 200);
+}
+//# sourceMappingURL=ui-factory.js.map

package/dist/esm/ui/ui-factory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-factory.js","sourceRoot":"","sources":["../../../src/ui/ui-factory.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Factory for creating UI elements\n */\nimport { ButtonStyle, IconButtonConfig } from '../types/ui-types';\n\n/**\n * Loads an icon from either an inline SVG string or a file path\n */\nasync function loadIcon(iconSource: string): Promise<string> {\n  // Check if it's an inline SVG (starts with <svg)\n  if (iconSource.trim().startsWith('<svg')) {\n    return iconSource;\n  }\n  \n  // Check if it's a file path (ends with .svg)\n  if (iconSource.endsWith('.svg')) {\n    try {\n      const response = await fetch(iconSource);\n      if (!response.ok) {\n        throw new Error(`Failed to load SVG: ${response.status} ${response.statusText}`);\n      }\n      const svgContent = await response.text();\n      return svgContent;\n    } catch (error) {\n      console.error(`Failed to load SVG from path: ${iconSource}`, error);\n      // Re-throw error - let the existing fallback system handle it\n      throw error;\n    }\n  }\n  \n  // If it's neither, treat as inline SVG\n  return iconSource;\n}\n\n/**\n * Sets the icon for a button element, supporting both inline SVG and file paths\n */\nexport async function setButtonIcon(element: HTMLButtonElement, iconSource: string): Promise<void> {\n  // Only proceed if iconSource is provided and not empty\n  if (!iconSource || iconSource.trim() === '') {\n    return;\n  }\n  \n  const svgContent = await loadIcon(iconSource);\n  element.innerHTML = svgContent;\n  \n  // Apply size styling if specified\n  const style = (element as any).__buttonStyle as ButtonStyle;\n  if (style?.size && element.querySelector('svg')) {\n    const svg = element.querySelector('svg');\n    svg?.setAttribute('width', `${style.size}px`);\n    svg?.setAttribute('height', `${style.size}px`);\n  }\n}\n\n/**\n * Creates a button with the specified configuration\n */\nexport function createButton(config: IconButtonConfig, text?: string): HTMLButtonElement {\n  const btn = document.createElement('button');\n  \n  // Store style reference for later use in setButtonIcon\n  (btn as any).__buttonStyle = config.style;\n  \n  if (text) {\n    btn.textContent = text;\n  } else if (config.text) {\n    btn.textContent = config.text;\n  } else if (config.icon) {\n    // Only load icon if one is provided\n    setButtonIcon(btn, config.icon).catch(error => {\n      console.error('Failed to set button icon:', error);\n    });\n  }\n  \n  const style = config.style || {};\n  \n  applyButtonStyle(btn, style);\n  \n  return btn;\n}\n\n/**\n * Applies styles to a button element\n */\nexport function applyButtonStyle(element: HTMLButtonElement, style: ButtonStyle): void {\n  Object.assign(element.style, {\n    borderRadius: style.radius ? `${style.radius}px` : '30px',\n    padding: style.padding || '10px',\n    backgroundColor: style.backgroundColor || '#ffffff',\n    color: style.color || '#000000',\n    border: style.border || 'none',\n    opacity: style.opacity !== undefined ? style.opacity.toString() : '1',\n    boxShadow: style.boxShadow || 'none',\n    filter: style.filter || 'none',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    cursor: 'pointer',\n    outline: 'none',\n    minWidth: '44px',\n    minHeight: '44px'\n  });\n  \n  if (style.size && element.querySelector('svg')) {\n    const svg = element.querySelector('svg');\n    svg?.setAttribute('width', `${style.size}px`);\n    svg?.setAttribute('height', `${style.size}px`);\n  }\n}\n\n/**\n * Creates a thumbnail image container\n */\nexport function createThumbnailContainer(\n  thumbnailData: string, \n  thumbnailStyle: { width?: string; height?: string },\n  onRemove: (() => void) | null,\n  options?: { isVideo?: boolean; duration?: number; onTap?: () => void }\n): HTMLElement {\n  const thumbnailContainer = document.createElement('div');\n  const width = thumbnailStyle?.width || '80px';\n  const height = thumbnailStyle?.height || '80px';\n  Object.assign(thumbnailContainer.style, {\n    position: 'relative',\n    display: 'inline-block',\n    width: width,\n    height: height,\n    marginRight: '10px',\n    borderRadius: '4px',\n    overflow: 'hidden',\n    flexShrink: '0',\n    boxSizing: 'border-box',\n    contentVisibility: 'auto',\n    containIntrinsicSize: `${width} ${height}`\n  });\n  \n  const thumbnail = document.createElement('img');\n  thumbnail.src = thumbnailData;\n  thumbnail.loading = 'lazy';\n  thumbnail.decoding = 'async';\n  \n  Object.assign(thumbnail.style, {\n    width: '100%',\n    height: '100%',\n    objectFit: 'cover',\n    borderRadius: '4px',\n    cursor: 'pointer'\n  });\n  \n  if (options?.onTap) {\n    const tapHandler = options.onTap;\n    thumbnail.addEventListener('click', (e) => {\n      e.stopPropagation();\n      tapHandler();\n    });\n  }\n\n  thumbnailContainer.appendChild(thumbnail);\n\n  if (options?.isVideo) {\n    const playBadge = document.createElement('div');\n    playBadge.innerHTML = '▶';\n    Object.assign(playBadge.style, {\n      position: 'absolute',\n      left: '50%',\n      top: '50%',\n      transform: 'translate(-50%, -50%)',\n      width: '28px',\n      height: '28px',\n      borderRadius: '50%',\n      background: 'rgba(0, 0, 0, 0.55)',\n      color: '#ffffff',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      fontSize: '14px',\n      zIndex: '2',\n      pointerEvents: 'none'\n    });\n    thumbnailContainer.appendChild(playBadge);\n\n    if (typeof options.duration === 'number') {\n      const durationBadge = document.createElement('div');\n      durationBadge.textContent = formatDuration(options.duration);\n      Object.assign(durationBadge.style, {\n        position: 'absolute',\n        left: '4px',\n        bottom: '4px',\n        background: 'rgba(0, 0, 0, 0.7)',\n        color: '#ffffff',\n        fontSize: '10px',\n        lineHeight: '14px',\n        borderRadius: '8px',\n        padding: '1px 6px',\n        zIndex: '2',\n        pointerEvents: 'none'\n      });\n      thumbnailContainer.appendChild(durationBadge);\n    }\n  }\n\n  if (onRemove) {\n    const removeBtn = createRemoveButton(onRemove);\n    thumbnailContainer.appendChild(removeBtn);\n  }\n  \n  return thumbnailContainer;\n}\n\nfunction formatDuration(seconds: number): string {\n  const safe = Math.max(0, Math.floor(seconds));\n  const mins = Math.floor(safe / 60);\n  const secs = safe % 60;\n  return `${mins}:${secs.toString().padStart(2, '0')}`;\n}\n\n/**\n * Creates a remove button for thumbnails\n */\nexport function createRemoveButton(onRemove: (e: Event) => void): HTMLButtonElement {\n  const removeBtn = document.createElement('button');\n  Object.assign(removeBtn.style, {\n    position: 'absolute',\n    top: '3px',\n    right: '3px',\n    width: '24px',\n    height: '24px',\n    borderRadius: '50%',\n    background: 'rgba(0, 0, 0, 0.5)',\n    color: 'white',\n    border: 'none',\n    cursor: 'pointer',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    padding: '0',\n    fontSize: '14px',\n    fontWeight: 'bold',\n    zIndex: '3'\n  });\n  \n  removeBtn.innerHTML = '×';\n  \n  removeBtn.onclick = (e) => {\n    e.stopPropagation();\n    onRemove(e);\n  };\n  \n  return removeBtn;\n}\n\n/**\n * Creates a shot counter element with animation\n */\nexport function createShotCounter(): HTMLElement {\n  const counter = document.createElement('div');\n  counter.id = 'shot-counter';\n  \n  Object.assign(counter.style, {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '40px',\n    height: '40px',\n    borderRadius: '20px',\n    backgroundColor: 'rgba(0, 0, 0, 0.6)',\n    color: '#ffffff',\n    fontSize: '16px',\n    fontWeight: 'bold',\n    margin: '0', // Remove default margin since it's now handled by container gap\n    transition: 'all 0.3s ease',\n    transform: 'scale(1)',\n    opacity: '0',\n    pointerEvents: 'none',\n    zIndex: '3'\n  });\n  \n  counter.textContent = '0';\n  \n  return counter;\n}\n\n/**\n * Updates the shot counter with animation\n */\nexport function updateShotCounter(counter: HTMLElement, count: number): void {\n  const displayCount = count > 99 ? '99+' : count.toString();\n  \n  // Show counter if it's hidden and count > 0\n  if (count > 0 && counter.style.opacity === '0') {\n    counter.style.opacity = '1';\n  }\n  \n  // Hide counter if count is 0\n  if (count === 0) {\n    counter.style.opacity = '0';\n    counter.textContent = '0';\n    return;\n  }\n  \n  // Animation effect\n  counter.style.transform = 'scale(1.2)';\n  counter.style.backgroundColor = 'rgba(40, 167, 69, 0.8)'; // Green flash\n  \n  // Update the text\n  counter.textContent = displayCount;\n  \n  // Reset animation after a short delay\n  setTimeout(() => {\n    counter.style.transform = 'scale(1)';\n    counter.style.backgroundColor = 'rgba(0, 0, 0, 0.6)';\n  }, 200);\n}\n"]}

package/dist/esm/version.d.ts

@@ -0,0 +1 @@
+export declare const PLUGIN_VERSION = "0.12.2";

package/dist/esm/version.js

@@ -0,0 +1,3 @@
+// Auto-generated from package.json — do not edit. Run npm run build to update.
+export const PLUGIN_VERSION = '0.12.2';
+//# sourceMappingURL=version.js.map

package/dist/esm/version.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC","sourcesContent":["// Auto-generated from package.json — do not edit. Run npm run build to update.\nexport const PLUGIN_VERSION = '0.12.2';\n"]}

package/dist/esm/web.d.ts

@@ -0,0 +1,69 @@
+import { WebPlugin } from '@capacitor/core';
+import type { CameraImageData, CameraMultiCapturePlugin, CameraOverlayOptions, CameraOverlayResult, CameraPreviewRect, CameraVideoData, PermissionStatus } from './definitions';
+export declare class CameraMultiCaptureWeb extends WebPlugin implements CameraMultiCapturePlugin {
+    capture(): Promise<{
+        value: CameraImageData;
+    }>;
+    stop(): Promise<void>;
+    start(_options?: CameraOverlayOptions): Promise<CameraOverlayResult>;
+    startVideoRecording(): Promise<void>;
+    stopVideoRecording(): Promise<{
+        value: CameraVideoData;
+    }>;
+    switchCamera(): Promise<void>;
+    setZoom(_options: {
+        zoom: number;
+    }): Promise<void>;
+    getFlash(): Promise<{
+        flashMode: 'on' | 'off' | 'auto';
+    }>;
+    setFlash(_options: {
+        flashMode: 'on' | 'off' | 'auto';
+    }): Promise<void>;
+    setTorch(_options: {
+        enabled: boolean;
+    }): Promise<void>;
+    getTorch(): Promise<{
+        enabled: boolean;
+    }>;
+    getAvailableZoomLevels(): Promise<{
+        minZoom: number;
+        maxZoom: number;
+        presetLevels: number[];
+    }>;
+    updatePreviewRect(_options: CameraPreviewRect): Promise<void>;
+    getAvailableCameras(): Promise<{
+        hasUltrawide: boolean;
+        hasWide: boolean;
+        hasTelephoto: boolean;
+        ultrawideZoomFactor?: number;
+        wideZoomFactor: number;
+        telephotoZoomFactor?: number;
+    }>;
+    switchToPhysicalCamera(_options: {
+        zoomFactor: number;
+    }): Promise<void>;
+    checkPermissions(): Promise<PermissionStatus>;
+    requestPermissions(): Promise<PermissionStatus>;
+    queueBackgroundUpload(_options: {
+        imageUri: string;
+        uploadEndpoint: string;
+        headers: Record<string, string>;
+        formData?: Record<string, string>;
+        method?: 'POST' | 'PUT';
+        deleteAfterUpload?: boolean;
+    }): Promise<{
+        jobId: string;
+    }>;
+    getUploadStatus(_options: {
+        jobId: string;
+    }): Promise<{
+        status: 'pending' | 'uploading' | 'completed' | 'failed';
+        error?: string;
+    }>;
+    getVersion(): Promise<{
+        version: string;
+    }>;
+}
+declare const CameraMultiCapture: CameraMultiCaptureWeb;
+export { CameraMultiCapture };