tyrell-components 1.0.0-RC10

package/lib/components/copy.d.ts

@@ -0,0 +1,180 @@
+/**
+ * TyCopy Web Component
+ *
+ * Read-only field with copy-to-clipboard functionality
+ * Perfect for API keys, tokens, URLs, code snippets, etc.
+ *
+ * Features:
+ * - Read-only display (not an input)
+ * - Copy icon on the right
+ * - Icon animation on copy (copy → check → copy)
+ * - Same styling as ty-input for consistency
+ * - Label support
+ * - Size and flavor variants
+ */
+import type { Flavor, Size } from '../types/common.js';
+import { TyComponent } from '../base/ty-component.js';
+import type { PropertyChange } from '../utils/property-manager.js';
+/**
+ * Component internal state
+ */
+interface CopyState {
+    value: string;
+    label: string;
+    size: Size;
+    flavor: Flavor;
+    format: 'text' | 'code';
+    multiline: boolean;
+    disabled: boolean;
+    required: boolean;
+}
+/**
+ * TyCopy Element Interface
+ */
+export interface TyCopyElement extends HTMLElement {
+    value: string;
+    label: string;
+    size: Size;
+    flavor: Flavor;
+    format: 'text' | 'code';
+    disabled: boolean;
+    required: boolean;
+}
+/**
+ * Ty Copy Field Component
+ *
+ * @example
+ * ```html
+ * <!-- Basic copy field -->
+ * <ty-copy
+ *   label="API Key"
+ *   value="sk_live_1234567890abcdef">
+ * </ty-copy>
+ *
+ * <!-- Code format -->
+ * <ty-copy
+ *   label="Install Command"
+ *   value="npm install tyrell-components"
+ *   format="code">
+ * </ty-copy>
+ *
+ * <!-- Different sizes -->
+ * <ty-copy size="sm" value="Small field"></ty-copy>
+ * <ty-copy size="lg" value="Large field"></ty-copy>
+ *
+ * <!-- Semantic flavors -->
+ * <ty-copy flavor="primary" value="Primary"></ty-copy>
+ * <ty-copy flavor="success" value="Success"></ty-copy>
+ * ```
+ */
+export declare class TyCopy extends TyComponent<CopyState> implements TyCopyElement {
+    static formAssociated: boolean;
+    protected static properties: {
+        value: {
+            type: "string";
+            visual: boolean;
+            formValue: boolean;
+            default: string;
+        };
+        label: {
+            type: "string";
+            visual: boolean;
+            default: string;
+        };
+        size: {
+            type: "string";
+            visual: boolean;
+            default: string;
+            validate: (v: any) => boolean;
+            coerce: (v: any) => any;
+        };
+        flavor: {
+            type: "string";
+            visual: boolean;
+            default: string;
+            validate: (v: any) => boolean;
+            coerce: (v: any) => any;
+        };
+        format: {
+            type: "string";
+            visual: boolean;
+            default: string;
+            coerce: (v: any) => "text" | "code";
+        };
+        multiline: {
+            type: "boolean";
+            visual: boolean;
+            default: boolean;
+        };
+        disabled: {
+            type: "boolean";
+            visual: boolean;
+            default: boolean;
+        };
+        required: {
+            type: "boolean";
+            visual: boolean;
+            default: boolean;
+        };
+    };
+    private _copyTimeout;
+    private _showingSuccess;
+    constructor();
+    /**
+     * Called when component connects to DOM
+     * TyComponent already handled pre-connection property capture
+     */
+    protected onConnect(): void;
+    /**
+     * Called when component disconnects from DOM
+     */
+    protected onDisconnect(): void;
+    /**
+     * Handle property changes - called BEFORE render
+     */
+    protected onPropertiesChanged(_changes: PropertyChange[]): void;
+    /**
+     * Build CSS class list
+     */
+    private buildClassList;
+    /**
+     * Copy value to clipboard
+     */
+    private copyToClipboard;
+    /**
+     * Show copy success animation
+     * Uses state flag so render() can show the correct icon
+     */
+    private showCopySuccess;
+    /**
+     * Show copy error animation
+     * Swaps copy icon → red X icon → copy icon
+     */
+    private showCopyError;
+    /**
+     * Setup event listeners
+     */
+    private setupEventListeners;
+    /**
+     * Render the component
+     */
+    protected render(): void;
+    get value(): string;
+    set value(val: string);
+    get label(): string;
+    set label(val: string);
+    get size(): Size;
+    set size(value: Size);
+    get flavor(): Flavor;
+    set flavor(value: Flavor);
+    get format(): 'text' | 'code';
+    set format(value: 'text' | 'code');
+    get multiline(): boolean;
+    set multiline(value: boolean);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get required(): boolean;
+    set required(value: boolean);
+}
+export {};
+//# sourceMappingURL=copy.d.ts.map

package/lib/components/copy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy.d.ts","sourceRoot":"","sources":["../../src/components/copy.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAyBlE;;GAEG;AACH,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,IAAI,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,IAAI,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBAAa,MAAO,SAAQ,WAAW,CAAC,SAAS,CAAE,YAAW,aAAa;IACzE,MAAM,CAAC,cAAc,UAAO;IAK5B,SAAS,CAAC,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;0BAgBT,GAAG;wBACL,GAAG;;;;;;0BAYD,GAAG;wBAIL,GAAG;;;;;;wBAaH,GAAG;;;;;;;;;;;;;;;;;MAiBlB;IAKD,OAAO,CAAC,YAAY,CAAsB;IAC1C,OAAO,CAAC,eAAe,CAAQ;;IAgB/B;;;OAGG;IACH,SAAS,CAAC,SAAS,IAAI,IAAI;IAI3B;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,IAAI;IAQ9B;;OAEG;IACH,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,EAAE,GAAG,IAAI;IAQ/D;;OAEG;IACH,OAAO,CAAC,cAAc;IAStB;;OAEG;YACW,eAAe;IA6C7B;;;OAGG;IACH,OAAO,CAAC,eAAe;IA0BvB;;;OAGG;IACH,OAAO,CAAC,aAAa;IAsBrB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IA4B3B;;OAEG;IACH,SAAS,CAAC,MAAM,IAAI,IAAI;IAqCxB,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAEpB;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAEpB;IAED,IAAI,IAAI,IAAI,IAAI,CAEf;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,IAAI,EAEnB;IAED,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAEvB;IAED,IAAI,MAAM,IAAI,MAAM,GAAG,MAAM,CAE5B;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAEhC;IAED,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAE3B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAE1B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAE1B;CACF"}

package/lib/components/copy.js

@@ -0,0 +1,393 @@
+/**
+ * TyCopy Web Component
+ *
+ * Read-only field with copy-to-clipboard functionality
+ * Perfect for API keys, tokens, URLs, code snippets, etc.
+ *
+ * Features:
+ * - Read-only display (not an input)
+ * - Copy icon on the right
+ * - Icon animation on copy (copy → check → copy)
+ * - Same styling as ty-input for consistency
+ * - Label support
+ * - Size and flavor variants
+ */
+import { TyComponent } from '../base/ty-component.js';
+import { ensureStyles } from '../utils/styles.js';
+import { inputStyles } from '../styles/input.js';
+import { copyStyles } from '../styles/copy.js';
+/**
+ * Copy icon SVG (from Lucide)
+ */
+const COPY_ICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>`;
+/**
+ * Check icon SVG (from Lucide) - shown after successful copy
+ */
+const CHECK_ICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>`;
+/**
+ * X icon SVG (from Lucide) - shown on copy failure
+ */
+const ERROR_ICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>`;
+/**
+ * Required indicator SVG icon (from Lucide)
+ */
+const REQUIRED_ICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-asterisk-icon lucide-asterisk"><path d="M12 6v12"/><path d="M17.196 9 6.804 15"/><path d="m6.804 9 10.392 6"/></svg>`;
+/**
+ * Ty Copy Field Component
+ *
+ * @example
+ * ```html
+ * <!-- Basic copy field -->
+ * <ty-copy
+ *   label="API Key"
+ *   value="sk_live_1234567890abcdef">
+ * </ty-copy>
+ *
+ * <!-- Code format -->
+ * <ty-copy
+ *   label="Install Command"
+ *   value="npm install tyrell-components"
+ *   format="code">
+ * </ty-copy>
+ *
+ * <!-- Different sizes -->
+ * <ty-copy size="sm" value="Small field"></ty-copy>
+ * <ty-copy size="lg" value="Large field"></ty-copy>
+ *
+ * <!-- Semantic flavors -->
+ * <ty-copy flavor="primary" value="Primary"></ty-copy>
+ * <ty-copy flavor="success" value="Success"></ty-copy>
+ * ```
+ */
+export class TyCopy extends TyComponent {
+    constructor() {
+        super(); // TyComponent handles attachInternals() and attachShadow()
+        // ============================================================================
+        // INTERNAL STATE - Not managed by PropertyManager
+        // ============================================================================
+        this._copyTimeout = null;
+        this._showingSuccess = false;
+        // Apply both input and copy-specific styles
+        ensureStyles(this.shadowRoot, { css: inputStyles, id: 'ty-input' });
+        ensureStyles(this.shadowRoot, { css: copyStyles, id: 'ty-copy' });
+    }
+    // observedAttributes auto-generated by TyComponent from properties config
+    // ============================================================================
+    // TYCOMPONENT LIFECYCLE HOOKS
+    // ============================================================================
+    /**
+     * Called when component connects to DOM
+     * TyComponent already handled pre-connection property capture
+     */
+    onConnect() {
+        // TyComponent will call render() automatically after this hook
+    }
+    /**
+     * Called when component disconnects from DOM
+     */
+    onDisconnect() {
+        // Clear any pending timeout
+        if (this._copyTimeout !== null) {
+            clearTimeout(this._copyTimeout);
+            this._copyTimeout = null;
+        }
+    }
+    /**
+     * Handle property changes - called BEFORE render
+     */
+    onPropertiesChanged(_changes) {
+        // No special handling needed - TyComponent handles rendering automatically
+    }
+    // ============================================================================
+    // PRIVATE METHODS
+    // ============================================================================
+    /**
+     * Build CSS class list
+     */
+    buildClassList() {
+        const classes = [this.size, this.flavor];
+        if (this.disabled)
+            classes.push('disabled');
+        if (this.required)
+            classes.push('required');
+        return classes.join(' ');
+    }
+    /**
+     * Copy value to clipboard
+     */
+    async copyToClipboard() {
+        if (this.disabled || !this.value)
+            return;
+        try {
+            await navigator.clipboard.writeText(this.value);
+            // Emit success event
+            this.dispatchEvent(new CustomEvent('copy-success', {
+                detail: { value: this.value },
+                bubbles: true,
+                composed: true
+            }));
+        }
+        catch (err) {
+            // Fallback for non-secure contexts (non-HTTPS)
+            try {
+                const textarea = document.createElement('textarea');
+                textarea.value = this.value;
+                textarea.style.position = 'fixed';
+                textarea.style.opacity = '0';
+                document.body.appendChild(textarea);
+                textarea.select();
+                document.execCommand('copy');
+                document.body.removeChild(textarea);
+                this.dispatchEvent(new CustomEvent('copy-success', {
+                    detail: { value: this.value },
+                    bubbles: true,
+                    composed: true
+                }));
+            }
+            catch (fallbackErr) {
+                console.error('[ty-copy] Failed to copy:', fallbackErr);
+                this.dispatchEvent(new CustomEvent('copy-error', {
+                    detail: { error: fallbackErr },
+                    bubbles: true,
+                    composed: true
+                }));
+                this.showCopyError();
+                return;
+            }
+        }
+        // Show success animation (after either method succeeds)
+        this.showCopySuccess();
+    }
+    /**
+     * Show copy success animation
+     * Uses state flag so render() can show the correct icon
+     */
+    showCopySuccess() {
+        // Clear any existing timeout
+        if (this._copyTimeout !== null) {
+            clearTimeout(this._copyTimeout);
+        }
+        this._showingSuccess = true;
+        // Update just the button without full re-render
+        const copyButton = this.shadowRoot.querySelector('.copy-button');
+        if (copyButton) {
+            copyButton.classList.add('success');
+            copyButton.innerHTML = CHECK_ICON_SVG;
+        }
+        // Reset after 2 seconds
+        this._copyTimeout = window.setTimeout(() => {
+            this._showingSuccess = false;
+            const btn = this.shadowRoot.querySelector('.copy-button');
+            if (btn) {
+                btn.classList.remove('success');
+                btn.innerHTML = COPY_ICON_SVG;
+            }
+            this._copyTimeout = null;
+        }, 2000);
+    }
+    /**
+     * Show copy error animation
+     * Swaps copy icon → red X icon → copy icon
+     */
+    showCopyError() {
+        if (this._copyTimeout !== null) {
+            clearTimeout(this._copyTimeout);
+        }
+        this._showingSuccess = false;
+        const copyButton = this.shadowRoot.querySelector('.copy-button');
+        if (copyButton) {
+            copyButton.classList.add('error');
+            copyButton.innerHTML = ERROR_ICON_SVG;
+        }
+        this._copyTimeout = window.setTimeout(() => {
+            const btn = this.shadowRoot.querySelector('.copy-button');
+            if (btn) {
+                btn.classList.remove('error');
+                btn.innerHTML = COPY_ICON_SVG;
+            }
+            this._copyTimeout = null;
+        }, 2000);
+    }
+    /**
+     * Setup event listeners
+     */
+    setupEventListeners() {
+        const shadow = this.shadowRoot;
+        const inputWrapper = shadow.querySelector('.input-wrapper');
+        const copyButton = shadow.querySelector('.copy-button');
+        // Make entire field clickable for copying
+        if (inputWrapper && !this.disabled) {
+            const wrapperEl = inputWrapper;
+            wrapperEl.addEventListener('click', (e) => {
+                // Prevent double-triggering if button was clicked
+                if (e.target === copyButton || e.target.closest('.copy-button')) {
+                    return;
+                }
+                this.copyToClipboard();
+            });
+            // Add visual feedback - make it look clickable
+            wrapperEl.style.cursor = 'pointer';
+        }
+        // Button click handler
+        if (copyButton) {
+            copyButton.addEventListener('click', () => {
+                this.copyToClipboard();
+            });
+        }
+    }
+    /**
+     * Render the component
+     */
+    render() {
+        const shadow = this.shadowRoot;
+        const classes = this.buildClassList();
+        // Determine display element based on format and multiline
+        const multilineClass = this.multiline ? ' multiline' : '';
+        const displayElement = this.format === 'code'
+            ? `<code class="copy-field-value${multilineClass}">${this.value || ''}</code>`
+            : `<div class="copy-field-value${multilineClass}">${this.value || ''}</div>`;
+        const labelHtml = this.label ? `
+      <label class="ty-field-label">
+        ${this.label}
+        ${this.required ? `<span class="required-icon">${REQUIRED_ICON_SVG}</span>` : ''}
+      </label>
+    ` : '';
+        shadow.innerHTML = `
+      <div class="input-container">
+        ${labelHtml}
+        <div class="input-wrapper ${classes}">
+          ${displayElement}
+          <button class="copy-button${this._showingSuccess ? ' success' : ''}" type="button" ${this.disabled ? 'disabled' : ''}>
+            ${this._showingSuccess ? CHECK_ICON_SVG : COPY_ICON_SVG}
+          </button>
+        </div>
+      </div>
+    `;
+        // Re-setup event listeners after render
+        this.setupEventListeners();
+    }
+    // ============================================================================
+    // PROPERTY ACCESSORS - Simple wrappers (no logic!)
+    // ============================================================================
+    get value() {
+        return this.getProperty('value');
+    }
+    set value(val) {
+        this.setProperty('value', val);
+    }
+    get label() {
+        return this.getProperty('label');
+    }
+    set label(val) {
+        this.setProperty('label', val);
+    }
+    get size() {
+        return this.getProperty('size');
+    }
+    set size(value) {
+        this.setProperty('size', value);
+    }
+    get flavor() {
+        return this.getProperty('flavor');
+    }
+    set flavor(value) {
+        this.setProperty('flavor', value);
+    }
+    get format() {
+        return this.getProperty('format');
+    }
+    set format(value) {
+        this.setProperty('format', value);
+    }
+    get multiline() {
+        return this.getProperty('multiline');
+    }
+    set multiline(value) {
+        this.setProperty('multiline', value);
+    }
+    get disabled() {
+        return this.getProperty('disabled');
+    }
+    set disabled(value) {
+        this.setProperty('disabled', value);
+    }
+    get required() {
+        return this.getProperty('required');
+    }
+    set required(value) {
+        this.setProperty('required', value);
+    }
+}
+TyCopy.formAssociated = true;
+// ============================================================================
+// PROPERTY CONFIGURATION - Declarative property lifecycle
+// ============================================================================
+TyCopy.properties = {
+    value: {
+        type: 'string',
+        visual: true,
+        formValue: true,
+        default: '',
+    },
+    label: {
+        type: 'string',
+        visual: true,
+        default: '',
+    },
+    size: {
+        type: 'string',
+        visual: true,
+        default: 'md',
+        validate: (v) => ['xs', 'sm', 'md', 'lg', 'xl'].includes(v),
+        coerce: (v) => {
+            if (!['xs', 'sm', 'md', 'lg', 'xl'].includes(v)) {
+                console.warn(`[ty-copy] Invalid size '${v}'. Using 'md'.`);
+                return 'md';
+            }
+            return v;
+        },
+    },
+    flavor: {
+        type: 'string',
+        visual: true,
+        default: 'neutral',
+        validate: (v) => {
+            const valid = ['primary', 'secondary', 'success', 'danger', 'warning', 'neutral'];
+            return valid.includes(v);
+        },
+        coerce: (v) => {
+            const valid = ['primary', 'secondary', 'success', 'danger', 'warning', 'neutral'];
+            if (!valid.includes(v)) {
+                console.warn(`[ty-copy] Invalid flavor '${v}'. Using 'neutral'. Valid flavors: ${valid.join(', ')}`);
+                return 'neutral';
+            }
+            return v;
+        },
+    },
+    format: {
+        type: 'string',
+        visual: true,
+        default: 'text',
+        coerce: (v) => (v === 'code' ? 'code' : 'text'),
+    },
+    multiline: {
+        type: 'boolean',
+        visual: true,
+        default: false,
+    },
+    disabled: {
+        type: 'boolean',
+        visual: true,
+        default: false,
+    },
+    required: {
+        type: 'boolean',
+        visual: true,
+        default: false,
+    },
+};
+// Register the custom element
+if (!customElements.get('ty-copy')) {
+    customElements.define('ty-copy', TyCopy);
+}
+//# sourceMappingURL=copy.js.map

package/lib/components/copy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy.js","sourceRoot":"","sources":["../../src/components/copy.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C;;GAEG;AACH,MAAM,aAAa,GAAG,wTAAwT,CAAA;AAE9U;;GAEG;AACH,MAAM,cAAc,GAAG,gOAAgO,CAAA;AAEvP;;GAEG;AACH,MAAM,cAAc,GAAG,yOAAyO,CAAA;AAEhQ;;GAEG;AACH,MAAM,iBAAiB,GAAG,gUAAgU,CAAA;AA6B1V;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,OAAO,MAAO,SAAQ,WAAsB;IA6EhD;QACE,KAAK,EAAE,CAAA,CAAC,2DAA2D;QAPrE,+EAA+E;QAC/E,kDAAkD;QAClD,+EAA+E;QACvE,iBAAY,GAAkB,IAAI,CAAA;QAClC,oBAAe,GAAG,KAAK,CAAA;QAK7B,4CAA4C;QAC5C,YAAY,CAAC,IAAI,CAAC,UAAW,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,CAAA;QACpE,YAAY,CAAC,IAAI,CAAC,UAAW,EAAE,EAAE,GAAG,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAA;IACpE,CAAC;IAED,0EAA0E;IAE1E,+EAA+E;IAC/E,8BAA8B;IAC9B,+EAA+E;IAE/E;;;OAGG;IACO,SAAS;QACjB,+DAA+D;IACjE,CAAC;IAED;;OAEG;IACO,YAAY;QACpB,4BAA4B;QAC5B,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,EAAE,CAAC;YAC/B,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;YAC/B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAA;QAC1B,CAAC;IACH,CAAC;IAED;;OAEG;IACO,mBAAmB,CAAC,QAA0B;QACtD,2EAA2E;IAC7E,CAAC;IAED,+EAA+E;IAC/E,kBAAkB;IAClB,+EAA+E;IAE/E;;OAEG;IACK,cAAc;QACpB,MAAM,OAAO,GAAa,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;QAElD,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QAC3C,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QAE3C,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAC1B,CAAC;IAED;;OAEG;IACK,KAAK,CAAC,eAAe;QAC3B,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAM;QAExC,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;YAE/C,qBAAqB;YACrB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,cAAc,EAAE;gBACjD,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;gBAC7B,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC,CAAA;QACL,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,+CAA+C;YAC/C,IAAI,CAAC;gBACH,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA;gBACnD,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;gBAC3B,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAA;gBACjC,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAA;gBAC5B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;gBACnC,QAAQ,CAAC,MAAM,EAAE,CAAA;gBACjB,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAA;gBAC5B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;gBAEnC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,cAAc,EAAE;oBACjD,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;oBAC7B,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,IAAI;iBACf,CAAC,CAAC,CAAA;YACL,CAAC;YAAC,OAAO,WAAW,EAAE,CAAC;gBACrB,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,WAAW,CAAC,CAAA;gBACvD,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,YAAY,EAAE;oBAC/C,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE;oBAC9B,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,IAAI;iBACf,CAAC,CAAC,CAAA;gBACH,IAAI,CAAC,aAAa,EAAE,CAAA;gBACpB,OAAM;YACR,CAAC;QACH,CAAC;QAED,wDAAwD;QACxD,IAAI,CAAC,eAAe,EAAE,CAAA;IACxB,CAAC;IAED;;;OAGG;IACK,eAAe;QACrB,6BAA6B;QAC7B,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,EAAE,CAAC;YAC/B,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;QACjC,CAAC;QAED,IAAI,CAAC,eAAe,GAAG,IAAI,CAAA;QAC3B,gDAAgD;QAChD,MAAM,UAAU,GAAG,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,cAAc,CAAC,CAAA;QACjE,IAAI,UAAU,EAAE,CAAC;YACf,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;YACnC,UAAU,CAAC,SAAS,GAAG,cAAc,CAAA;QACvC,CAAC;QAED,wBAAwB;QACxB,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YACzC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAA;YAC5B,MAAM,GAAG,GAAG,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,cAAc,CAAC,CAAA;YAC1D,IAAI,GAAG,EAAE,CAAC;gBACR,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;gBAC/B,GAAG,CAAC,SAAS,GAAG,aAAa,CAAA;YAC/B,CAAC;YACD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAA;QAC1B,CAAC,EAAE,IAAI,CAAC,CAAA;IACV,CAAC;IAED;;;OAGG;IACK,aAAa;QACnB,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,EAAE,CAAC;YAC/B,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;QACjC,CAAC;QAED,IAAI,CAAC,eAAe,GAAG,KAAK,CAAA;QAC5B,MAAM,UAAU,GAAG,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,cAAc,CAAC,CAAA;QACjE,IAAI,UAAU,EAAE,CAAC;YACf,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;YACjC,UAAU,CAAC,SAAS,GAAG,cAAc,CAAA;QACvC,CAAC;QAED,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YACzC,MAAM,GAAG,GAAG,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,cAAc,CAAC,CAAA;YAC1D,IAAI,GAAG,EAAE,CAAC;gBACR,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;gBAC7B,GAAG,CAAC,SAAS,GAAG,aAAa,CAAA;YAC/B,CAAC;YACD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAA;QAC1B,CAAC,EAAE,IAAI,CAAC,CAAA;IACV,CAAC;IAED;;OAEG;IACK,mBAAmB;QACzB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAW,CAAA;QAC/B,MAAM,YAAY,GAAG,MAAM,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAA;QAC3D,MAAM,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC,cAAc,CAAC,CAAA;QAEvD,0CAA0C;QAC1C,IAAI,YAAY,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnC,MAAM,SAAS,GAAG,YAA2B,CAAA;YAC7C,SAAS,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACxC,kDAAkD;gBAClD,IAAI,CAAC,CAAC,MAAM,KAAK,UAAU,IAAK,CAAC,CAAC,MAAsB,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;oBACjF,OAAM;gBACR,CAAC;gBACD,IAAI,CAAC,eAAe,EAAE,CAAA;YACxB,CAAC,CAAC,CAAA;YAEF,+CAA+C;YAC/C,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAA;QACpC,CAAC;QAED,uBAAuB;QACvB,IAAI,UAAU,EAAE,CAAC;YACf,UAAU,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;gBACxC,IAAI,CAAC,eAAe,EAAE,CAAA;YACxB,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC;IAED;;OAEG;IACO,MAAM;QACd,MAAM,MAAM,GAAG,IAAI,CAAC,UAAW,CAAA;QAC/B,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,EAAE,CAAA;QAErC,0DAA0D;QAC1D,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAA;QACzD,MAAM,cAAc,GAAG,IAAI,CAAC,MAAM,KAAK,MAAM;YAC3C,CAAC,CAAC,gCAAgC,cAAc,KAAK,IAAI,CAAC,KAAK,IAAI,EAAE,SAAS;YAC9E,CAAC,CAAC,+BAA+B,cAAc,KAAK,IAAI,CAAC,KAAK,IAAI,EAAE,QAAQ,CAAA;QAE9E,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;;UAEzB,IAAI,CAAC,KAAK;UACV,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,+BAA+B,iBAAiB,SAAS,CAAC,CAAC,CAAC,EAAE;;KAEnF,CAAC,CAAC,CAAC,EAAE,CAAA;QAEN,MAAM,CAAC,SAAS,GAAG;;UAEb,SAAS;oCACiB,OAAO;YAC/B,cAAc;sCACY,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,mBAAmB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;cAChH,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa;;;;KAI9D,CAAA;QAED,wCAAwC;QACxC,IAAI,CAAC,mBAAmB,EAAE,CAAA;IAC5B,CAAC;IAED,+EAA+E;IAC/E,mDAAmD;IACnD,+EAA+E;IAE/E,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;IAClC,CAAC;IAED,IAAI,KAAK,CAAC,GAAW;QACnB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,GAAG,CAAC,CAAA;IAChC,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;IAClC,CAAC;IAED,IAAI,KAAK,CAAC,GAAW;QACnB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,GAAG,CAAC,CAAA;IAChC,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,WAAW,CAAC,MAAM,CAAS,CAAA;IACzC,CAAC;IAED,IAAI,IAAI,CAAC,KAAW;QAClB,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IACjC,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAW,CAAA;IAC7C,CAAC;IAED,IAAI,MAAM,CAAC,KAAa;QACtB,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IACnC,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;IACnC,CAAC;IAED,IAAI,MAAM,CAAC,KAAsB;QAC/B,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IACnC,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;IACtC,CAAC;IAED,IAAI,SAAS,CAAC,KAAc;QAC1B,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;IACtC,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAA;IACrC,CAAC;IAED,IAAI,QAAQ,CAAC,KAAc;QACzB,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;IACrC,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAA;IACrC,CAAC;IAED,IAAI,QAAQ,CAAC,KAAc;QACzB,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,KAAK,CAAC,CAAA;IACrC,CAAC;;AAjXM,qBAAc,GAAG,IAAI,AAAP,CAAO;AAE5B,+EAA+E;AAC/E,0DAA0D;AAC1D,+EAA+E;AAC9D,iBAAU,GAAG;IAC5B,KAAK,EAAE;QACL,IAAI,EAAE,QAAiB;QACvB,MAAM,EAAE,IAAI;QACZ,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,EAAE;KACZ;IACD,KAAK,EAAE;QACL,IAAI,EAAE,QAAiB;QACvB,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,EAAE;KACZ;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,QAAiB;QACvB,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;QAChE,MAAM,EAAE,CAAC,CAAM,EAAE,EAAE;YACjB,IAAI,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;gBAChD,OAAO,CAAC,IAAI,CAAC,2BAA2B,CAAC,gBAAgB,CAAC,CAAA;gBAC1D,OAAO,IAAI,CAAA;YACb,CAAC;YACD,OAAO,CAAC,CAAA;QACV,CAAC;KACF;IACD,MAAM,EAAE;QACN,IAAI,EAAE,QAAiB;QACvB,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE;YACnB,MAAM,KAAK,GAAa,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;YAC3F,OAAO,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;QAC1B,CAAC;QACD,MAAM,EAAE,CAAC,CAAM,EAAE,EAAE;YACjB,MAAM,KAAK,GAAa,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;YAC3F,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;gBACvB,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC,sCAAsC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;gBACpG,OAAO,SAAS,CAAA;YAClB,CAAC;YACD,OAAO,CAAC,CAAA;QACV,CAAC;KACF;IACD,MAAM,EAAE;QACN,IAAI,EAAE,QAAiB;QACvB,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;KACrD;IACD,SAAS,EAAE;QACT,IAAI,EAAE,SAAkB;QACxB,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,KAAK;KACf;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,SAAkB;QACxB,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,KAAK;KACf;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,SAAkB;QACxB,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,KAAK;KACf;CACF,AA/D0B,CA+D1B;AAgTH,8BAA8B;AAC9B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;IACnC,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;AAC1C,CAAC"}