@aceshooting/lyra-ui 4.2.0 → 5.1.0

package/dist/components/media/qr-code/qr-code.class.js

@@ -0,0 +1,392 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html } from 'lit';
+import { property, query, state } from 'lit/decorators.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { LyraElement } from '../../../internal/lyra-element.js';
+import { finiteRange } from '../../../internal/numbers.js';
+import { getScratchCtx } from '../../../internal/canvas.js';
+import { loadQrCodeCached } from './qr-code-loader.js';
+import { styles } from './qr-code.styles.js';
+const DEFAULT_SIZE = 128;
+const MIN_SIZE = 1;
+/**
+ * An untrusted `size` drives the canvas backing-store allocation directly
+ * (`size * devicePixelRatio` per side, i.e. RGBA pixel data on the order of
+ * `4 * (size * dpr) ** 2` bytes). Keeping it within this bound avoids an
+ * attacker- or typo-supplied value turning a single QR code into an
+ * unbounded allocation.
+ */
+const MAX_SIZE = 2048;
+const DEFAULT_RADIUS = 0;
+const MIN_RADIUS = 0;
+const MAX_RADIUS = 0.5;
+const DEFAULT_ERROR_CORRECTION = 'H';
+const ERROR_CORRECTION_LEVELS = new Set(['L', 'M', 'Q', 'H']);
+/**
+ * The optional `qrcode` peer's own default renderer bakes a 4-module light
+ * margin around the symbol (its `renderer/utils.js`, `margin` defaults to
+ * `4`). Reproduced here so this component is scannable out of the box with
+ * zero consumer configuration -- not a public property (an ambient host CSS
+ * `padding` adds further breathing room on top of this, but is not a
+ * substitute for it).
+ */
+const QUIET_ZONE_MODULES = 4;
+const FALLBACK_FILL = '#000000';
+const FALLBACK_BACKGROUND = '#ffffff';
+function normalizeErrorCorrection(value) {
+    const upper = value.toUpperCase();
+    return (ERROR_CORRECTION_LEVELS.has(upper) ? upper : DEFAULT_ERROR_CORRECTION);
+}
+const errorCorrectionConverter = {
+    fromAttribute(value) {
+        return value === null ? DEFAULT_ERROR_CORRECTION : normalizeErrorCorrection(value);
+    },
+    toAttribute(value) {
+        return normalizeErrorCorrection(value);
+    },
+};
+const warnedInvalidColors = new Set();
+function warnInvalidColor(value) {
+    if (warnedInvalidColors.has(value))
+        return;
+    warnedInvalidColors.add(value);
+    console.warn(`<lr-qr-code> could not parse "${value}" (set via --lr-qr-code-fill/-background) as a CSS ` +
+        'color; falling back to the default.');
+}
+/**
+ * Validates `value` as a syntactically valid CSS `<color>` via a canvas `fillStyle` sentinel
+ * round-trip (mirrors `LyraHeatmap`'s `resolveRgb()`) and returns it unchanged when it parses --
+ * `ctx.fillStyle` already accepts the full CSS color grammar natively, so no hex/RGB decomposition
+ * is needed here, only a validity check. Falls back to `fallbackHex` (with a one-time
+ * `console.warn`, deduplicated per distinct bad value) when it doesn't.
+ */
+function resolveQrColor(value, fallbackHex) {
+    const ctx = getScratchCtx();
+    if (!ctx)
+        return fallbackHex;
+    const sentinel = 'rgb(1, 2, 3)';
+    ctx.fillStyle = sentinel;
+    const sentinelNormalized = ctx.fillStyle;
+    ctx.fillStyle = value;
+    if (ctx.fillStyle === sentinelNormalized && value.trim() !== sentinel) {
+        warnInvalidColor(value);
+        return fallbackHex;
+    }
+    return value;
+}
+/**
+ * `<lr-qr-code>` -- encodes `value` as a QR symbol with the optional
+ * `qrcode` peer dependency (Reed-Solomon error correction and every other
+ * algorithmic step of the QR spec is delegated to that library, never
+ * hand-rolled) and draws the resulting module matrix onto a canvas itself,
+ * one square (optionally rounded) cell per module, with a light quiet-zone
+ * margin baked in around the symbol so it stays scannable out of the box
+ * with zero consumer configuration. Extra host CSS `padding` around the
+ * element adds further breathing room on top of that baked-in margin, but is
+ * not required for baseline scannability.
+ *
+ * The canvas -- not the host -- owns `role="img"` and the accessible name,
+ * since it is the one meaningful descendant here (mirrors
+ * `lr-file-icon`'s single-image pattern rather than the composite-group
+ * pattern used by `lr-heatmap`/`lr-word-cloud`). The accessible name
+ * resolves, in order: `label`, then a host `aria-label` attribute (forwarded
+ * onto the canvas), then `value` itself. An empty `value` renders
+ * `[part="empty"]` instead of an `img`-role element -- there is nothing to
+ * encode or name.
+ *
+ * `--lr-qr-code-fill`/`--lr-qr-code-background` (dark/light modules)
+ * default to `--lr-color-text`/`--lr-color-surface`, which -- like every
+ * semantic token in this library -- flip under a dark theme. That means the
+ * *default* rendering under a dark theme is a polarity-inverted QR code
+ * (light modules on a dark background) rather than the conventional
+ * dark-on-light. Contrast itself stays strong in both themes (these are the
+ * app's own high-contrast text/surface pair), so human legibility is
+ * unaffected -- only third-party barcode *scanner* robustness across
+ * less-tolerant scanning apps is the residual, consumer-overridable risk. A
+ * consumer needing guaranteed cross-scanner compatibility regardless of page
+ * theme should pin `--lr-qr-code-fill: #000` / `--lr-qr-code-background:
+ * #fff` explicitly at the point of use.
+ *
+ * Deliberately out of scope for this component, not oversights: logo/image
+ * embedding; a finder-pattern-corner accent color; auto-shrinking to fit a
+ * narrow container (this component's `size` is a direct request for a
+ * specific rendered pixel density, like `<img width height>` -- the consumer
+ * picks a size that fits their layout, this component never second-guesses
+ * it, though it still renders correctly at its default size inside a narrow
+ * allocation); form association (`value` is caller-supplied display data the
+ * user doesn't edit through this component -- no `FormAssociated` mixin, no
+ * label/hint/error chrome, no `ElementInternals`); and any
+ * motion/`prefers-reduced-motion` branch (nothing here animates). Keyboard
+ * focus is likewise intentionally absent -- the canvas is a static image
+ * standing in for `value`, structurally like `<img>`, not an interactive
+ * grid.
+ *
+ * @customElement lr-qr-code
+ * @csspart base - The outer wrapper, sized to `size`×`size` CSS px in every state.
+ * @csspart canvas - The rendered QR code canvas.
+ * @csspart empty - Shown when `value` is empty.
+ * @csspart loading - Shown while the optional `qrcode` peer is loading, the first time it's needed.
+ * @csspart error - Shown when the peer is missing, or `value` failed to encode.
+ * @cssprop [--lr-qr-code-fill=var(--lr-color-text)] - Dark/foreground module color.
+ * @cssprop [--lr-qr-code-background=var(--lr-color-surface)] - Light/background module color, including the quiet zone.
+ */
+export class LyraQrCode extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** The data to encode. Empty renders `[part="empty"]` -- no encode is attempted. */
+        this.value = '';
+        /** Accessible-name override. Falls back through `aria-label` then `value` -- see the class doc
+         *  comment for the full precedence order. Caller-supplied data, not routed through `localize()`. */
+        this.label = '';
+        this._size = DEFAULT_SIZE;
+        this._radius = DEFAULT_RADIUS;
+        this._errorCorrection = DEFAULT_ERROR_CORRECTION;
+        this.loadState = { kind: 'empty' };
+        /** Injectable loader seam -- overridden directly by tests with a synchronous fake instead of
+         *  needing the real `qrcode` package to load in the test browser (mirrors `LyraPdfViewer`'s
+         *  `loadLibrary` field). */
+        this.loadLibrary = loadQrCodeCached;
+        this.generation = 0;
+        this.themeRefreshQueued = false;
+        this.onDprChange = () => {
+            this.watchDpr();
+            this.draw();
+        };
+        this.onColorSchemeChange = () => {
+            this.refreshTheme();
+        };
+        this.queueThemeRefresh = () => {
+            if (this.themeRefreshQueued)
+                return;
+            this.themeRefreshQueued = true;
+            queueMicrotask(() => {
+                this.themeRefreshQueued = false;
+                if (this.isConnected)
+                    this.refreshTheme();
+            });
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    /** CSS-px side length of the square canvas, clamped to `[1, 2048]`. */
+    get size() {
+        return this._size;
+    }
+    set size(value) {
+        const oldValue = this._size;
+        this._size = finiteRange(value, DEFAULT_SIZE, MIN_SIZE, MAX_SIZE);
+        this.requestUpdate('size', oldValue);
+    }
+    /** Per-module corner radius, as a fraction of one module's side length -- `0` (default) for
+     *  square modules, `0.5` for fully round/pill modules. Clamped to `[0, 0.5]`. */
+    get radius() {
+        return this._radius;
+    }
+    set radius(value) {
+        const oldValue = this._radius;
+        this._radius = finiteRange(value, DEFAULT_RADIUS, MIN_RADIUS, MAX_RADIUS);
+        this.requestUpdate('radius', oldValue);
+    }
+    /** QR error-correction level. Normalized (upper-cased, validated against `L`/`M`/`Q`/`H`,
+     *  falling back to `H`) on every assignment, attribute or property, so it's never a transient
+     *  garbage value. */
+    get errorCorrection() {
+        return this._errorCorrection;
+    }
+    set errorCorrection(value) {
+        const oldValue = this._errorCorrection;
+        this._errorCorrection = normalizeErrorCorrection(value);
+        this.requestUpdate('errorCorrection', oldValue);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.watchDpr();
+        this.watchTheme();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.dprQuery?.removeEventListener('change', this.onDprChange);
+        this.colorSchemeQuery?.removeEventListener('change', this.onColorSchemeChange);
+        this.themeObserver?.disconnect();
+        this.themeObserver = undefined;
+    }
+    watchDpr() {
+        // A MediaQueryList's `matches` is fixed at creation time, so crossing the DPR threshold it
+        // was built for means building a fresh one for the new ratio -- remove the previous
+        // instance's listener first, or it leaks.
+        this.dprQuery?.removeEventListener('change', this.onDprChange);
+        this.dprQuery = matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);
+        this.dprQuery.addEventListener('change', this.onDprChange);
+    }
+    watchTheme() {
+        const view = this.ownerDocument.defaultView;
+        if (!view)
+            return;
+        this.colorSchemeQuery = view.matchMedia?.('(prefers-color-scheme: dark)');
+        this.colorSchemeQuery?.addEventListener('change', this.onColorSchemeChange);
+        if (typeof MutationObserver === 'undefined')
+            return;
+        const targets = [this];
+        let parent = this.parentElement;
+        while (parent) {
+            targets.push(parent);
+            parent = parent.parentElement;
+        }
+        this.themeObserver = new MutationObserver(this.queueThemeRefresh);
+        for (const target of targets) {
+            this.themeObserver.observe(target, {
+                attributes: true,
+                attributeFilter: ['class', 'style', 'data-theme', 'data-color-scheme'],
+            });
+        }
+    }
+    updated(changed) {
+        if (changed.has('value') || changed.has('errorCorrection') || !this.hasUpdated) {
+            this.scheduleAfterUpdate(() => {
+                void this.generate();
+            });
+            return;
+        }
+        if (this.loadState.kind === 'ready' &&
+            (changed.has('size') || changed.has('radius') || changed.has('loadState'))) {
+            this.draw();
+        }
+    }
+    /** Re-encodes `value` via the optional `qrcode` peer's `create()` and caches the resulting
+     *  module matrix. Redraw-only geometry changes (`size`/`radius`) and theme/DPR refreshes never
+     *  call this -- see the class doc comment and `updated()`'s dispatch. */
+    async generate() {
+        const generation = ++this.generation;
+        if (!this.value) {
+            this.loadState = { kind: 'empty' };
+            return;
+        }
+        this.loadState = { kind: 'loading' };
+        const api = await this.loadLibrary();
+        if (generation !== this.generation || !this.isConnected)
+            return;
+        if (!api) {
+            this.loadState = { kind: 'error', message: this.localize('qrCodeMissingLibrary') };
+            return;
+        }
+        try {
+            const result = api.create(this.value, { errorCorrectionLevel: this.errorCorrection });
+            if (generation !== this.generation)
+                return;
+            this.loadState = { kind: 'ready', modules: result.modules };
+        }
+        catch {
+            if (generation !== this.generation)
+                return;
+            this.loadState = { kind: 'error', message: this.localize('qrCodeGenerationFailed') };
+        }
+    }
+    /** Redraws canvas content after an upstream token, theme, or DPR change -- reuses the already-
+     *  cached module matrix rather than re-encoding `value`. No global theme-broadcast event exists
+     *  in lyra-ui to subscribe to automatically; call this from a consumer's own theme-toggle handler. */
+    refreshTheme() {
+        this.draw();
+    }
+    fillColor() {
+        const raw = getComputedStyle(this).getPropertyValue('--lr-qr-code-fill').trim() || FALLBACK_FILL;
+        return resolveQrColor(raw, FALLBACK_FILL);
+    }
+    backgroundColor() {
+        const raw = getComputedStyle(this).getPropertyValue('--lr-qr-code-background').trim() || FALLBACK_BACKGROUND;
+        return resolveQrColor(raw, FALLBACK_BACKGROUND);
+    }
+    draw() {
+        if (this.loadState.kind !== 'ready')
+            return;
+        const canvas = this.canvasEl;
+        if (!canvas)
+            return;
+        const { modules } = this.loadState;
+        const dpr = window.devicePixelRatio || 1;
+        const size = this.size;
+        canvas.width = Math.round(size * dpr);
+        canvas.height = Math.round(size * dpr);
+        canvas.style.width = `${size}px`;
+        canvas.style.height = `${size}px`;
+        const ctx = canvas.getContext('2d');
+        if (!ctx)
+            return;
+        ctx.scale(dpr, dpr);
+        const background = this.backgroundColor();
+        const fill = this.fillColor();
+        ctx.fillStyle = background;
+        ctx.fillRect(0, 0, size, size);
+        const moduleCount = modules.size;
+        if (moduleCount <= 0)
+            return;
+        const moduleSize = size / (moduleCount + QUIET_ZONE_MODULES * 2);
+        const offset = QUIET_ZONE_MODULES * moduleSize;
+        const radiusPx = this.radius * moduleSize;
+        // `roundRect` is broadly supported in evergreen engines but guarded defensively for older ones
+        // (see the class doc comment's rendering rationale).
+        const canRoundRect = typeof ctx.roundRect === 'function';
+        ctx.fillStyle = fill;
+        for (let row = 0; row < moduleCount; row++) {
+            for (let col = 0; col < moduleCount; col++) {
+                if (!modules.get(row, col))
+                    continue;
+                const x = offset + col * moduleSize;
+                const y = offset + row * moduleSize;
+                if (this.radius > 0 && canRoundRect) {
+                    ctx.beginPath();
+                    ctx.roundRect(x, y, moduleSize, moduleSize, radiusPx);
+                    ctx.fill();
+                }
+                else {
+                    ctx.fillRect(x, y, moduleSize, moduleSize);
+                }
+            }
+        }
+    }
+    accessibleName() {
+        return this.label || this.getAttribute('aria-label') || this.value;
+    }
+    renderBody() {
+        switch (this.loadState.kind) {
+            case 'empty':
+                return html `<div part="empty">${this.localize('noData')}</div>`;
+            case 'loading':
+                return html `<div part="loading">${this.localize('loading')}</div>`;
+            case 'error':
+                return html `<div part="error" role="alert">${this.loadState.message}</div>`;
+            case 'ready':
+                return html `<canvas part="canvas" role="img" aria-label=${this.accessibleName()}></canvas>`;
+        }
+    }
+    render() {
+        return html `<div part="base" style=${styleMap({ inlineSize: `${this.size}px`, blockSize: `${this.size}px` })}>
+      ${this.renderBody()}
+    </div>`;
+    }
+}
+__decorate([
+    property()
+], LyraQrCode.prototype, "value", void 0);
+__decorate([
+    property()
+], LyraQrCode.prototype, "label", void 0);
+__decorate([
+    property({ type: Number })
+], LyraQrCode.prototype, "size", null);
+__decorate([
+    property({ type: Number })
+], LyraQrCode.prototype, "radius", null);
+__decorate([
+    property({ attribute: 'error-correction', converter: errorCorrectionConverter })
+], LyraQrCode.prototype, "errorCorrection", null);
+__decorate([
+    query('canvas')
+], LyraQrCode.prototype, "canvasEl", void 0);
+__decorate([
+    state()
+], LyraQrCode.prototype, "loadState", void 0);
+//# sourceMappingURL=qr-code.class.js.map

package/dist/components/media/qr-code/qr-code.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.class.js","sourceRoot":"","sources":["../../../../src/components/media/qr-code/qr-code.class.ts"],"names":[],"mappings":"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"}

package/dist/components/media/qr-code/qr-code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.d.ts","sourceRoot":"","sources":["../../../../src/components/media/qr-code/qr-code.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/components/media/qr-code/qr-code.js

@@ -0,0 +1,5 @@
+export * from './qr-code.class.js';
+import { LyraQrCode } from './qr-code.class.js';
+import { defineElement } from '../../../internal/prefix.js';
+defineElement('qr-code', LyraQrCode);
+//# sourceMappingURL=qr-code.js.map

package/dist/components/media/qr-code/qr-code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.js","sourceRoot":"","sources":["../../../../src/components/media/qr-code/qr-code.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,aAAa,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC"}

package/dist/components/media/qr-code/qr-code.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/media/qr-code/qr-code.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA6ClB,CAAC"}

package/dist/components/media/qr-code/qr-code.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.styles.js","sourceRoot":"","sources":["../../../../src/components/media/qr-code/qr-code.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CxB,CAAC"}

package/dist/components/media/zoomable-frame/zoomable-frame.class.d.ts

@@ -0,0 +1,78 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../../internal/lyra-element.js';
+export interface LyraZoomableFrameEventMap {
+    'lr-zoom-change': CustomEvent<{
+        zoom: number;
+    }>;
+}
+/**
+ * `<lr-zoomable-frame>` — a scrollable frame for inspecting slotted or
+ * image content at a bounded zoom level. Scrolling provides panning when the
+ * content exceeds the frame; the controls and keyboard shortcuts change zoom.
+ *
+ * Two public reset methods cover different needs: `resetZoom()` (also wired to the built-in
+ * reset button and the `0` keyboard shortcut) returns zoom to 1 while intentionally preserving
+ * the current pan/scroll position; `resetView()` additionally returns pan to the origin, for a
+ * caller (e.g. `<lr-lightbox>`) that wants a fully clean view, such as when swapping to new
+ * content entirely.
+ *
+ * @customElement lr-zoomable-frame
+ * @slot - Content to inspect; when `src` is set, an image is rendered instead.
+ * @event lr-zoom-change - Zoom changed. `detail: { zoom }`.
+ * @csspart base - The frame wrapper.
+ * @csspart viewport - The scrollable viewport.
+ * @csspart content - The transformed content wrapper.
+ * @csspart controls - Zoom controls.
+ * @csspart zoom-out - Zoom-out button.
+ * @csspart zoom-in - Zoom-in button.
+ * @csspart reset - Reset-to-100-percent button.
+ * @cssprop --lr-zoomable-frame-min-block-size - Minimum viewport block size.
+ * @cssprop [--lr-zoomable-frame-zoom=1] - The scale factor applied to `[part="content"]`. Written
+ *   by the component itself on every render from the current `zoom`, so it is a read-out rather
+ *   than a consumer knob; set the `zoom` property instead.
+ */
+export declare class LyraZoomableFrame extends LyraElement<LyraZoomableFrameEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    zoom: number;
+    minZoom: number;
+    maxZoom: number;
+    zoomStep: number;
+    src: string;
+    alt: string;
+    accessibleLabel: string | null;
+    /** `minZoom`/`maxZoom` normalized to finite, positive scale bounds before any zoom math -- an
+     *  invalid attribute value would otherwise flow straight into the stepped-zoom clamp below,
+     *  producing `NaN` instead of falling back to a sane default. Bounds mirror the pan/zoom
+     *  convention already established for `<lr-flow-canvas>`/`<lr-graph>`. */
+    private get safeMinZoom();
+    private get safeMaxZoom();
+    /** `zoomStep` normalized to a finite, strictly-positive increment -- a zero/negative/non-finite
+     *  step would otherwise stall `zoomIn`/`zoomOut` (no-op or reverse direction) instead of clamping
+     *  to a usable floor. `0.01` matches `setZoom()`'s own rounding grain (`Math.round(x * 100) /
+     *  100`), so the floor itself always produces a visible zoom change instead of one the final
+     *  rounding silently erases. */
+    private get safeZoomStep();
+    /** The current `zoom`, normalized to a finite value clamped into `[safeMinZoom, safeMaxZoom]`. */
+    private get safeZoom();
+    private setZoom;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    /** Resets zoom to 1 only -- deliberately leaves the viewport's native scroll offset
+     *  untouched, so a consumer relying on "reset zoom but keep my pan position" (a legitimate
+     *  photo-viewer pattern) doesn't regress. Backs the built-in reset button and the `0` keyboard
+     *  shortcut. See `resetView()` for a stronger reset that also returns to the origin. */
+    resetZoom: () => void;
+    /** Resets both zoom and pan/scroll position to their initial state -- distinct from
+     *  `resetZoom()` (called by the built-in reset button), which intentionally preserves pan.
+     *  Intended for a caller (e.g. `<lr-lightbox>`, swapping to a new image) that wants every
+     *  view to start clean rather than carrying over the previous image's zoom/pan state. */
+    resetView: () => void;
+    private onViewportKeyDown;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-zoomable-frame': LyraZoomableFrame;
+    }
+}
+//# sourceMappingURL=zoomable-frame.class.d.ts.map

package/dist/components/media/zoomable-frame/zoomable-frame.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoomable-frame.class.d.ts","sourceRoot":"","sources":["../../../../src/components/media/zoomable-frame/zoomable-frame.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAKhE,MAAM,WAAW,yBAAyB;IACxC,gBAAgB,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACjD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBAAa,iBAAkB,SAAQ,WAAW,CAAC,yBAAyB,CAAC;IAC3E,MAAM,CAAC,MAAM,iCAAgC;IAEF,IAAI,SAAK;IACD,OAAO,SAAO;IACd,OAAO,SAAK;IACX,QAAQ,SAAQ;IACxD,GAAG,SAAM;IACT,GAAG,SAAM;IACkB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE7E;;;8EAG0E;IAC1E,OAAO,KAAK,WAAW,GAEtB;IACD,OAAO,KAAK,WAAW,GAEtB;IAED;;;;oCAIgC;IAChC,OAAO,KAAK,YAAY,GAEvB;IAED,kGAAkG;IAClG,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,CAAC,OAAO;IAWf,MAAM,QAAO,IAAI,CAAoD;IACrE,OAAO,QAAO,IAAI,CAAoD;IACtE;;;4FAGwF;IACxF,SAAS,QAAO,IAAI,CAAoB;IACxC;;;6FAGyF;IACzF,SAAS,QAAO,IAAI,CAGlB;IAEF,OAAO,CAAC,iBAAiB,CAWvB;IAEF,MAAM,IAAI,cAAc,CAiBvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,iBAAiB,CAAC;KACxC;CACF"}