@jhits/plugin-images 0.0.8 → 0.0.9

package/src/components/GlobalImageEditor/imageSetup.js

@@ -1,261 +0,0 @@
-/**
- * Image setup and click handlers
- */
-import { parseImageData } from './imageDetection';
-/**
- * Setup click handlers and hover effects for all images
- */
-export function setupImageHandlers(onImageClick) {
-    const cleanupFunctions = [];
-    const handleImageClick = (e) => {
-        var _a, _b, _c, _d;
-        const target = e.target;
-        // Only handle clicks on images that use the plugin components
-        let img = target.closest('img[data-image-id]');
-        let isBackground = false;
-        let element = null;
-        let currentSrc = '';
-        if (img) {
-            // This is a plugin Image component
-            element = img;
-            currentSrc = img.src;
-        }
-        else {
-            // Check if it's an element with background-image
-            let bgElement = target.closest('[data-background-image-component]');
-            if (bgElement) {
-                element = bgElement;
-                isBackground = true;
-                // Try to get image source from nested Image component first
-                const imgInside = bgElement.querySelector('img[data-image-id]');
-                if (imgInside) {
-                    currentSrc = imgInside.src;
-                }
-                else {
-                    // Fallback to background-image CSS
-                    const bgImage = window.getComputedStyle(bgElement).backgroundImage;
-                    const urlMatch = bgImage.match(/url\(['"]?([^'"]+)['"]?\)/);
-                    if (urlMatch && urlMatch[1]) {
-                        currentSrc = urlMatch[1];
-                    }
-                }
-            }
-        }
-        if (!element || !currentSrc)
-            return;
-        // Don't handle images in modals or the editor itself
-        if (element.closest('[data-image-editor]') || element.closest('[role="dialog"]')) {
-            return;
-        }
-        e.preventDefault();
-        e.stopPropagation();
-        // Extract semantic ID from data attribute
-        let semanticId = element.getAttribute('data-image-id') || element.getAttribute('data-background-image-id');
-        // If not found, try to extract from the src URL
-        if (!semanticId && currentSrc.includes('/api/uploads/')) {
-            const urlPart = (_a = currentSrc.split('/api/uploads/')[1]) === null || _a === void 0 ? void 0 : _a.split('?')[0];
-            // If it looks like a semantic ID (no extension or timestamp), use it
-            if (urlPart && !/^\d+-/.test(urlPart) && !/\.(jpg|jpeg|png|webp|gif|svg)$/i.test(urlPart)) {
-                semanticId = decodeURIComponent(urlPart);
-            }
-        }
-        // If still not found, generate one
-        if (!semanticId) {
-            semanticId = ((_b = element.closest('[data-image-id]')) === null || _b === void 0 ? void 0 : _b.getAttribute('data-image-id')) ||
-                `image-${Date.now()}`;
-        }
-        // Parse image data
-        const filterStyle = element.style.filter || window.getComputedStyle(element).filter || '';
-        const dataBrightness = element.getAttribute('data-brightness');
-        const dataBlur = element.getAttribute('data-blur');
-        const currentBrightness = dataBrightness
-            ? parseInt(dataBrightness)
-            : parseInt(((_c = filterStyle.match(/brightness\((\d+)%\)/)) === null || _c === void 0 ? void 0 : _c[1]) || '100');
-        const currentBlur = dataBlur
-            ? parseInt(dataBlur)
-            : parseInt(((_d = filterStyle.match(/blur\((\d+)px\)/)) === null || _d === void 0 ? void 0 : _d[1]) || '0');
-        // Parse image data using the detection utility
-        const imageData = parseImageData(element, semanticId, currentBrightness, currentBlur);
-        if (!imageData) {
-            console.error('[GlobalImageEditor] Failed to parse image data');
-            return;
-        }
-        // Store semantic ID on element for later use
-        if (isBackground && !element.hasAttribute('data-background-image-id')) {
-            element.setAttribute('data-background-image-id', semanticId);
-        }
-        else if (!isBackground && !element.hasAttribute('data-image-id')) {
-            element.setAttribute('data-image-id', semanticId);
-        }
-        onImageClick(imageData);
-    };
-    // Add click listeners and hover effects to all images
-    const images = document.querySelectorAll('img[data-image-id]:not([data-no-edit])');
-    // Find elements with BackgroundImage components
-    const bgElements = [];
-    const backgroundImageComponents = document.querySelectorAll('[data-background-image-component]');
-    backgroundImageComponents.forEach(el => {
-        bgElements.push(el);
-    });
-    images.forEach((img, index) => {
-        const originalPosition = img.style.position;
-        img.style.cursor = 'pointer';
-        img.setAttribute('data-editable-image', 'true');
-        img.addEventListener('click', handleImageClick);
-        // Find the best container for the indicator
-        let indicatorContainer = img;
-        let parent = img.parentElement;
-        if (parent && (parent.tagName === 'SPAN' || parent.tagName === 'DIV')) {
-            const parentStyle = window.getComputedStyle(parent);
-            if (parentStyle.position !== 'static' ||
-                (parentStyle.display !== 'inline' && parentStyle.display !== 'inline-block')) {
-                indicatorContainer = parent;
-            }
-        }
-        // Ensure container has relative positioning
-        const containerStyle = window.getComputedStyle(indicatorContainer);
-        if (containerStyle.position === 'static') {
-            indicatorContainer.style.position = 'relative';
-        }
-        const indicator = document.createElement('div');
-        indicator.className = 'image-edit-indicator';
-        indicator.setAttribute('data-image-index', index.toString());
-        indicator.style.cssText = `
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            background: rgba(0, 0, 0, 0.4);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            opacity: 0;
-            transition: opacity 0.2s ease;
-            pointer-events: none;
-            z-index: 10000;
-            border-radius: inherit;
-            box-sizing: border-box;
-        `;
-        const label = document.createElement('div');
-        label.style.cssText = `
-            background: rgba(0, 0, 0, 0.9);
-            color: white;
-            padding: 8px 16px;
-            border-radius: 8px;
-            font-size: 12px;
-            font-weight: bold;
-            text-transform: uppercase;
-            letter-spacing: 0.5px;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
-        `;
-        label.textContent = 'Click to Edit';
-        indicator.appendChild(label);
-        indicatorContainer.appendChild(indicator);
-        const addHoverEffect = () => {
-            indicator.style.opacity = '1';
-        };
-        const removeHoverEffect = () => {
-            indicator.style.opacity = '0';
-        };
-        img.addEventListener('mouseenter', addHoverEffect);
-        img.addEventListener('mouseleave', removeHoverEffect);
-        if (indicatorContainer !== img) {
-            indicatorContainer.addEventListener('mouseenter', addHoverEffect);
-            indicatorContainer.addEventListener('mouseleave', removeHoverEffect);
-        }
-        cleanupFunctions.push(() => {
-            img.removeEventListener('click', handleImageClick);
-            img.removeEventListener('mouseenter', addHoverEffect);
-            img.removeEventListener('mouseleave', removeHoverEffect);
-            if (indicatorContainer !== img) {
-                indicatorContainer.removeEventListener('mouseenter', addHoverEffect);
-                indicatorContainer.removeEventListener('mouseleave', removeHoverEffect);
-                if (indicatorContainer.style.position === 'relative') {
-                    indicatorContainer.style.position = '';
-                }
-            }
-            img.removeAttribute('data-editable-image');
-            img.style.cursor = '';
-            img.style.position = originalPosition;
-            indicator.remove();
-        });
-    });
-    // Process background images - show a button instead of hover overlay
-    bgElements.forEach((bgEl, index) => {
-        if (bgEl.hasAttribute('data-background-image-component')) {
-            return; // Skip BackgroundImage components - they have their own edit button
-        }
-        const originalPosition = bgEl.style.position;
-        if (!bgEl.style.position || bgEl.style.position === 'static') {
-            bgEl.style.position = 'relative';
-        }
-        bgEl.setAttribute('data-editable-background', 'true');
-        bgEl.setAttribute('data-background-image', 'true');
-        const buttonContainer = document.createElement('div');
-        buttonContainer.className = 'background-edit-button-container';
-        buttonContainer.setAttribute('data-image-index', `bg-${index}`);
-        buttonContainer.style.cssText = `
-            position: absolute;
-            top: 12px;
-            right: 12px;
-            z-index: 10000;
-            pointer-events: auto;
-        `;
-        const editButton = document.createElement('button');
-        editButton.className = 'background-edit-button';
-        editButton.setAttribute('type', 'button');
-        editButton.style.cssText = `
-            background: rgba(0, 0, 0, 0.8);
-            color: white;
-            border: 2px solid rgba(255, 255, 255, 0.3);
-            padding: 10px 20px;
-            border-radius: 8px;
-            font-size: 12px;
-            font-weight: bold;
-            text-transform: uppercase;
-            letter-spacing: 0.5px;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
-            cursor: pointer;
-            transition: all 0.2s ease;
-            display: flex;
-            align-items: center;
-            gap: 8px;
-        `;
-        editButton.innerHTML = `
-            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path>
-                <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path>
-            </svg>
-            Edit Background
-        `;
-        editButton.addEventListener('mouseenter', () => {
-            editButton.style.background = 'rgba(0, 0, 0, 0.95)';
-            editButton.style.borderColor = 'rgba(255, 255, 255, 0.5)';
-            editButton.style.transform = 'translateY(-2px)';
-            editButton.style.boxShadow = '0 6px 16px rgba(0, 0, 0, 0.5)';
-        });
-        editButton.addEventListener('mouseleave', () => {
-            editButton.style.background = 'rgba(0, 0, 0, 0.8)';
-            editButton.style.borderColor = 'rgba(255, 255, 255, 0.3)';
-            editButton.style.transform = 'translateY(0)';
-            editButton.style.boxShadow = '0 4px 12px rgba(0, 0, 0, 0.4)';
-        });
-        editButton.addEventListener('click', (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            handleImageClick(e);
-        });
-        buttonContainer.appendChild(editButton);
-        bgEl.appendChild(buttonContainer);
-        cleanupFunctions.push(() => {
-            bgEl.removeAttribute('data-editable-background');
-            bgEl.removeAttribute('data-background-image');
-            bgEl.style.position = originalPosition;
-            buttonContainer.remove();
-        });
-    });
-    return () => {
-        cleanupFunctions.forEach(cleanup => cleanup());
-    };
-}

package/src/components/GlobalImageEditor/imageSetup.ts

@@ -1,306 +0,0 @@
-/**
- * Image setup and click handlers
- */
-
-import type { SelectedImage } from './types';
-import { parseImageData } from './imageDetection';
-import { parseScaleFromTransform, parsePositionFromTransform } from './transformParsing';
-import { detectStyling } from './stylingDetection';
-
-/**
- * Setup click handlers and hover effects for all images
- */
-export function setupImageHandlers(
-    onImageClick: (image: SelectedImage) => void
-): () => void {
-    const cleanupFunctions: Array<() => void> = [];
-
-    const handleImageClick = (e: MouseEvent) => {
-        const target = e.target as HTMLElement;
-        
-        // Only handle clicks on images that use the plugin components
-        let img = target.closest('img[data-image-id]') as HTMLImageElement | null;
-        let isBackground = false;
-        let element: HTMLElement | null = null;
-        let currentSrc = '';
-        
-        if (img) {
-            // This is a plugin Image component
-            element = img;
-            currentSrc = img.src;
-        } else {
-            // Check if it's an element with background-image
-            let bgElement = target.closest('[data-background-image-component]') as HTMLElement | null;
-            
-            if (bgElement) {
-                element = bgElement;
-                isBackground = true;
-                
-                // Try to get image source from nested Image component first
-                const imgInside = bgElement.querySelector('img[data-image-id]') as HTMLImageElement | null;
-                if (imgInside) {
-                    currentSrc = imgInside.src;
-                } else {
-                    // Fallback to background-image CSS
-                    const bgImage = window.getComputedStyle(bgElement).backgroundImage;
-                    const urlMatch = bgImage.match(/url\(['"]?([^'"]+)['"]?\)/);
-                    if (urlMatch && urlMatch[1]) {
-                        currentSrc = urlMatch[1];
-                    }
-                }
-            }
-        }
-        
-        if (!element || !currentSrc) return;
-        
-        // Don't handle images in modals or the editor itself
-        if (element.closest('[data-image-editor]') || element.closest('[role="dialog"]')) {
-            return;
-        }
-
-        e.preventDefault();
-        e.stopPropagation();
-
-        // Extract semantic ID from data attribute
-        let semanticId = element.getAttribute('data-image-id') || element.getAttribute('data-background-image-id');
-        
-        // If not found, try to extract from the src URL
-        if (!semanticId && currentSrc.includes('/api/uploads/')) {
-            const urlPart = currentSrc.split('/api/uploads/')[1]?.split('?')[0];
-            // If it looks like a semantic ID (no extension or timestamp), use it
-            if (urlPart && !/^\d+-/.test(urlPart) && !/\.(jpg|jpeg|png|webp|gif|svg)$/i.test(urlPart)) {
-                semanticId = decodeURIComponent(urlPart);
-            }
-        }
-        
-        // If still not found, generate one
-        if (!semanticId) {
-            semanticId = element.closest('[data-image-id]')?.getAttribute('data-image-id') || 
-                        `image-${Date.now()}`;
-        }
-
-        // Parse image data
-        const filterStyle = element.style.filter || window.getComputedStyle(element).filter || '';
-        const dataBrightness = element.getAttribute('data-brightness');
-        const dataBlur = element.getAttribute('data-blur');
-        
-        const currentBrightness = dataBrightness 
-            ? parseInt(dataBrightness) 
-            : parseInt(filterStyle.match(/brightness\((\d+)%\)/)?.[1] || '100');
-        const currentBlur = dataBlur 
-            ? parseInt(dataBlur) 
-            : parseInt(filterStyle.match(/blur\((\d+)px\)/)?.[1] || '0');
-
-        // Parse image data using the detection utility
-        const imageData = parseImageData(element, semanticId, currentBrightness, currentBlur);
-        
-        if (!imageData) {
-            console.error('[GlobalImageEditor] Failed to parse image data');
-            return;
-        }
-
-        // Store semantic ID on element for later use
-        if (isBackground && !element.hasAttribute('data-background-image-id')) {
-            element.setAttribute('data-background-image-id', semanticId);
-        } else if (!isBackground && !element.hasAttribute('data-image-id')) {
-            element.setAttribute('data-image-id', semanticId);
-        }
-
-        onImageClick(imageData);
-    };
-
-    // Add click listeners and hover effects to all images
-    const images = document.querySelectorAll('img[data-image-id]:not([data-no-edit])') as NodeListOf<HTMLImageElement>;
-    
-    // Find elements with BackgroundImage components
-    const bgElements: HTMLElement[] = [];
-    const backgroundImageComponents = document.querySelectorAll('[data-background-image-component]');
-    backgroundImageComponents.forEach(el => {
-        bgElements.push(el as HTMLElement);
-    });
-    
-    
-    images.forEach((img, index) => {
-        const originalPosition = img.style.position;
-        
-        img.style.cursor = 'pointer';
-        img.setAttribute('data-editable-image', 'true');
-        img.addEventListener('click', handleImageClick as EventListener);
-        
-        // Find the best container for the indicator
-        let indicatorContainer: HTMLElement = img;
-        let parent = img.parentElement;
-        
-        if (parent && (parent.tagName === 'SPAN' || parent.tagName === 'DIV')) {
-            const parentStyle = window.getComputedStyle(parent);
-            if (parentStyle.position !== 'static' || 
-                (parentStyle.display !== 'inline' && parentStyle.display !== 'inline-block')) {
-                indicatorContainer = parent as HTMLElement;
-            }
-        }
-        
-        // Ensure container has relative positioning
-        const containerStyle = window.getComputedStyle(indicatorContainer);
-        if (containerStyle.position === 'static') {
-            indicatorContainer.style.position = 'relative';
-        }
-        
-        const indicator = document.createElement('div');
-        indicator.className = 'image-edit-indicator';
-        indicator.setAttribute('data-image-index', index.toString());
-        indicator.style.cssText = `
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            background: rgba(0, 0, 0, 0.4);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            opacity: 0;
-            transition: opacity 0.2s ease;
-            pointer-events: none;
-            z-index: 10000;
-            border-radius: inherit;
-            box-sizing: border-box;
-        `;
-        
-        const label = document.createElement('div');
-        label.style.cssText = `
-            background: rgba(0, 0, 0, 0.9);
-            color: white;
-            padding: 8px 16px;
-            border-radius: 8px;
-            font-size: 12px;
-            font-weight: bold;
-            text-transform: uppercase;
-            letter-spacing: 0.5px;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
-        `;
-        label.textContent = 'Click to Edit';
-        indicator.appendChild(label);
-        
-        indicatorContainer.appendChild(indicator);
-        
-        const addHoverEffect = () => {
-            indicator.style.opacity = '1';
-        };
-        
-        const removeHoverEffect = () => {
-            indicator.style.opacity = '0';
-        };
-        
-        img.addEventListener('mouseenter', addHoverEffect);
-        img.addEventListener('mouseleave', removeHoverEffect);
-        if (indicatorContainer !== img) {
-            indicatorContainer.addEventListener('mouseenter', addHoverEffect);
-            indicatorContainer.addEventListener('mouseleave', removeHoverEffect);
-        }
-        
-        cleanupFunctions.push(() => {
-            img.removeEventListener('click', handleImageClick as EventListener);
-            img.removeEventListener('mouseenter', addHoverEffect);
-            img.removeEventListener('mouseleave', removeHoverEffect);
-            if (indicatorContainer !== img) {
-                indicatorContainer.removeEventListener('mouseenter', addHoverEffect);
-                indicatorContainer.removeEventListener('mouseleave', removeHoverEffect);
-                if (indicatorContainer.style.position === 'relative') {
-                    indicatorContainer.style.position = '';
-                }
-            }
-            img.removeAttribute('data-editable-image');
-            img.style.cursor = '';
-            img.style.position = originalPosition;
-            indicator.remove();
-        });
-    });
-    
-    // Process background images - show a button instead of hover overlay
-    bgElements.forEach((bgEl, index) => {
-        if (bgEl.hasAttribute('data-background-image-component')) {
-            return; // Skip BackgroundImage components - they have their own edit button
-        }
-        
-        const originalPosition = bgEl.style.position;
-        if (!bgEl.style.position || bgEl.style.position === 'static') {
-            bgEl.style.position = 'relative';
-        }
-        
-        bgEl.setAttribute('data-editable-background', 'true');
-        bgEl.setAttribute('data-background-image', 'true');
-        
-        const buttonContainer = document.createElement('div');
-        buttonContainer.className = 'background-edit-button-container';
-        buttonContainer.setAttribute('data-image-index', `bg-${index}`);
-        buttonContainer.style.cssText = `
-            position: absolute;
-            top: 12px;
-            right: 12px;
-            z-index: 10000;
-            pointer-events: auto;
-        `;
-        
-        const editButton = document.createElement('button');
-        editButton.className = 'background-edit-button';
-        editButton.setAttribute('type', 'button');
-        editButton.style.cssText = `
-            background: rgba(0, 0, 0, 0.8);
-            color: white;
-            border: 2px solid rgba(255, 255, 255, 0.3);
-            padding: 10px 20px;
-            border-radius: 8px;
-            font-size: 12px;
-            font-weight: bold;
-            text-transform: uppercase;
-            letter-spacing: 0.5px;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
-            cursor: pointer;
-            transition: all 0.2s ease;
-            display: flex;
-            align-items: center;
-            gap: 8px;
-        `;
-        editButton.innerHTML = `
-            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-                <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path>
-                <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path>
-            </svg>
-            Edit Background
-        `;
-        
-        editButton.addEventListener('mouseenter', () => {
-            editButton.style.background = 'rgba(0, 0, 0, 0.95)';
-            editButton.style.borderColor = 'rgba(255, 255, 255, 0.5)';
-            editButton.style.transform = 'translateY(-2px)';
-            editButton.style.boxShadow = '0 6px 16px rgba(0, 0, 0, 0.5)';
-        });
-        
-        editButton.addEventListener('mouseleave', () => {
-            editButton.style.background = 'rgba(0, 0, 0, 0.8)';
-            editButton.style.borderColor = 'rgba(255, 255, 255, 0.3)';
-            editButton.style.transform = 'translateY(0)';
-            editButton.style.boxShadow = '0 4px 12px rgba(0, 0, 0, 0.4)';
-        });
-        
-        editButton.addEventListener('click', (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            handleImageClick(e as any);
-        });
-        
-        buttonContainer.appendChild(editButton);
-        bgEl.appendChild(buttonContainer);
-        
-        cleanupFunctions.push(() => {
-            bgEl.removeAttribute('data-editable-background');
-            bgEl.removeAttribute('data-background-image');
-            bgEl.style.position = originalPosition;
-            buttonContainer.remove();
-        });
-    });
-
-    return () => {
-        cleanupFunctions.forEach(cleanup => cleanup());
-    };
-}

package/src/components/GlobalImageEditor/saveLogic.d.ts

@@ -1,26 +0,0 @@
-/**
- * Save logic for image transforms and effects
- */
-import type { SelectedImage, PendingTransform } from './types';
-/**
- * Normalize position values - convert -50% (centering value) to 0
- */
-export declare function normalizePosition(position: number): number;
-/**
- * Get filename from element or API
- */
-export declare function getFilename(semanticId: string, selectedImage: SelectedImage): Promise<string | null>;
-/**
- * Save image transform to API
- */
-export declare function saveTransformToAPI(semanticId: string, filename: string, scale: number, positionX: number, positionY: number, brightness: number, blur: number): Promise<boolean>;
-/**
- * Flush pending save immediately
- */
-export declare function flushPendingSave(pending: PendingTransform, selectedImage: SelectedImage): Promise<void>;
-/**
- * Save image transform with debouncing support
- * This is a wrapper that handles the debouncing logic
- */
-export declare function saveImageTransform(semanticId: string, filename: string, scale: number, positionX: number, positionY: number, brightness: number, blur: number): Promise<void>;
-//# sourceMappingURL=saveLogic.d.ts.map

package/src/components/GlobalImageEditor/saveLogic.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"saveLogic.d.ts","sourceRoot":"","sources":["saveLogic.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE/D;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAE1D;AAED;;GAEG;AACH,wBAAsB,WAAW,CAC7B,UAAU,EAAE,MAAM,EAClB,aAAa,EAAE,aAAa,GAC7B,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CA4BxB;AAED;;GAEG;AACH,wBAAsB,kBAAkB,CACpC,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,MAAM,GACb,OAAO,CAAC,OAAO,CAAC,CAmClB;AAED;;GAEG;AACH,wBAAsB,gBAAgB,CAClC,OAAO,EAAE,gBAAgB,EACzB,aAAa,EAAE,aAAa,GAC7B,OAAO,CAAC,IAAI,CAAC,CAaf;AAED;;;GAGG;AACH,wBAAsB,kBAAkB,CACpC,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,MAAM,GACb,OAAO,CAAC,IAAI,CAAC,CAEf"}