@kywi-software/core 0.14.0 → 0.15.0

package/dist/admin/layout-editor/section-variant-container-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"section-variant-container-config.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/section-variant-container-config.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,KAAK,EAAmB,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAqB/E,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,mBAAmB,CAYzE;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAEpD;AAED,UAAU,kCAAkC;IAC1C,SAAS,EAAE,gBAAgB,CAAA;IAC3B,iFAAiF;IACjF,SAAS,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC/C,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;CACjD;AAED,wBAAgB,6BAA6B,CAAC,EAC5C,SAAS,EACT,SAAS,EACT,QAAQ,GACT,EAAE,kCAAkC,2CAiMpC"}
+{"version":3,"file":"section-variant-container-config.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/section-variant-container-config.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,KAAK,EAAmB,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAqB/E,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,mBAAmB,CAYzE;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAEpD;AAED,UAAU,kCAAkC;IAC1C,SAAS,EAAE,gBAAgB,CAAA;IAC3B,iFAAiF;IACjF,SAAS,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC/C,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;CACjD;AAED,wBAAgB,6BAA6B,CAAC,EAC5C,SAAS,EACT,SAAS,EACT,QAAQ,GACT,EAAE,kCAAkC,2CA6NpC"}

package/dist/admin/layout-editor/section-variant-container-config.js

@@ -82,9 +82,18 @@ export function SectionVariantContainerConfig({ container, audiences, onChange,
     const experimentIdMissing = isAbTest && !container.experimentId;
     return (_jsxs("div", { className: "kywi-variant-config", "data-section-variant-config": "", children: [_jsx("p", { className: "kywi-editor-props-linked-note", children: isAbTest
                     ? 'Visitors are split between these variants. Edit each variant’s content on the canvas by switching variants in the container block.'
-                    : 'Each variant is shown to one audience; everyone else sees Default. Edit each variant’s content on the canvas by switching variants in the container block.' }), _jsxs("div", { className: "kywi-editor-prop-group", children: [_jsx("label", { className: "kywi-editor-prop-label", htmlFor: "svc-mode", children: "Mode" }), _jsxs("select", { id: "svc-mode", className: "kywi-editor-prop-input", value: container.mode, onChange: (e) => onChange({ mode: e.target.value === 'ab_test' ? 'ab_test' : 'personalization' }), children: [_jsx("option", { value: "personalization", children: "Personalization (by audience)" }), _jsx("option", { value: "ab_test", children: "A/B Test (weighted split)" })] })] }), isAbTest && (_jsxs("div", { className: "kywi-editor-prop-group", children: [_jsxs("label", { className: "kywi-editor-prop-label", htmlFor: "svc-experiment", children: ["Experiment id ", _jsx("span", { className: "kywi-field-optional", children: "(required)" })] }), _jsx("input", { id: "svc-experiment", type: "text", className: "kywi-editor-prop-input", placeholder: "Experiment this section is bucketed by\u2026", value: container.experimentId ?? '', onChange: (e) => onChange({ experimentId: e.target.value }) }), experimentIdMissing && (_jsx("p", { className: "kywi-variant-error", role: "alert", children: "An A/B tested section needs an experiment id \u2014 the page cannot be saved without one." })), _jsx(AdminEscapeHatch, { href: "/admin/experiments", label: "Manage experiments in admin" })] })), container.winnerId && (_jsxs("div", { className: "kywi-editor-prop-group", children: [_jsx("div", { className: "kywi-editor-prop-label", children: "Winner" }), _jsxs("p", { className: "kywi-editor-props-linked-note", "data-vc-winner": container.winnerId, children: ["This experiment is decided: all traffic goes to ", _jsx("strong", { children: container.winnerId }), ", whatever the weights below say."] })] })), _jsxs("div", { className: "kywi-variant-config-arms", children: [_jsx("div", { className: "kywi-editor-prop-label", children: "Variants" }), arms.length === 0 && (_jsx("p", { className: "kywi-admin-empty-conditions", children: "No variants yet \u2014 every visitor sees the Default variant." })), arms.map((arm, i) => (_jsxs("div", { className: "kywi-variant-config-arm", "data-arm-id": arm.id, children: [_jsxs("div", { className: "kywi-editor-prop-group", children: [_jsx("label", { className: "kywi-editor-prop-label", htmlFor: `svc-aud-${i}`, children: isAbTest ? 'Variant key' : 'Audience' }), hasAudienceList && !isAbTest ? (_jsxs("select", { id: `svc-aud-${i}`, className: "kywi-editor-prop-input", value: arm.audienceId, onChange: (e) => updateArm(i, { audienceId: e.target.value }), children: [_jsx("option", { value: "", children: "Select audience\u2026" }), audiences.map((a) => (_jsx("option", { value: a.id, children: a.name }, a.id)))] })) : (_jsx("input", { id: `svc-aud-${i}`, type: "text", className: "kywi-editor-prop-input", placeholder: isAbTest ? 'e.g. variant-b' : 'Audience id…', value: arm.audienceId, onChange: (e) => updateArm(i, { audienceId: e.target.value }) })), !isAbTest && (_jsx(AdminEscapeHatch, { href: "/admin/audiences/new", label: "New audience" }))] }), _jsxs("div", { className: "kywi-editor-prop-group", children: [_jsx("label", { className: "kywi-editor-prop-label", htmlFor: `svc-label-${i}`, children: "Label" }), _jsx("input", { id: `svc-label-${i}`, type: "text", className: "kywi-editor-prop-input", placeholder: "e.g. Paid traffic hero", value: arm.label, onChange: (e) => updateArm(i, { label: e.target.value }) })] }), isAbTest && (_jsxs("div", { className: "kywi-editor-prop-group", children: [_jsx("label", { className: "kywi-editor-prop-label", htmlFor: `svc-weight-${i}`, children: "Weight %" }), _jsx("input", { id: `svc-weight-${i}`, type: "number", className: "kywi-editor-prop-input", min: 0, max: 100, value: formatPercent(arm.weight), onChange: (e) => {
+                    : 'Each variant is shown to one audience; everyone else sees Default. Edit each variant’s content on the canvas by switching variants in the container block.' }), _jsxs("div", { className: "kywi-editor-prop-group", children: [_jsx("label", { className: "kywi-editor-prop-label", htmlFor: "svc-mode", children: "Mode" }), _jsxs("select", { id: "svc-mode", className: "kywi-editor-prop-input", value: container.mode, onChange: (e) => {
+                            const mode = e.target.value === 'ab_test' ? 'ab_test' : 'personalization';
+                            // Switching away from ab_test must not leave a stale experimentId
+                            // or a locked winnerId behind — a later switch back to ab_test would
+                            // silently resurrect a decided winner and route live traffic to it
+                            // (kywi-cms#168).
+                            onChange(mode === 'ab_test' ? { mode } : { mode, experimentId: '', winnerId: '' });
+                        }, children: [_jsx("option", { value: "personalization", children: "Personalization (by audience)" }), _jsx("option", { value: "ab_test", children: "A/B Test (weighted split)" })] })] }), isAbTest && (_jsxs("div", { className: "kywi-editor-prop-group", children: [_jsxs("label", { className: "kywi-editor-prop-label", htmlFor: "svc-experiment", children: ["Experiment id ", _jsx("span", { className: "kywi-field-optional", children: "(required)" })] }), _jsx("input", { id: "svc-experiment", type: "text", className: "kywi-editor-prop-input", placeholder: "Experiment this section is bucketed by\u2026", value: container.experimentId ?? '', onChange: (e) => onChange({ experimentId: e.target.value }) }), experimentIdMissing && (_jsx("p", { className: "kywi-variant-error", role: "alert", children: "An A/B tested section needs an experiment id \u2014 the page cannot be saved without one." })), _jsx(AdminEscapeHatch, { href: "/admin/experiments", label: "Manage experiments in admin" })] })), container.winnerId && (_jsxs("div", { className: "kywi-editor-prop-group", children: [_jsx("div", { className: "kywi-editor-prop-label", children: "Winner" }), _jsxs("p", { className: "kywi-editor-props-linked-note", "data-vc-winner": container.winnerId, children: ["This experiment is decided: all traffic goes to ", _jsx("strong", { children: container.winnerId }), ", whatever the weights below say."] })] })), _jsxs("div", { className: "kywi-variant-config-arms", children: [_jsx("div", { className: "kywi-editor-prop-label", children: "Content Variants" }), arms.length === 0 && (_jsx("p", { className: "kywi-admin-empty-conditions", children: "No variants yet \u2014 every visitor sees the Default variant." })), arms.map((arm, i) => (_jsxs("div", { className: "kywi-variant-config-arm", "data-arm-id": arm.id, children: [_jsxs("div", { className: "kywi-editor-prop-group", children: [_jsx("label", { className: "kywi-editor-prop-label", htmlFor: `svc-aud-${i}`, children: isAbTest ? 'Variant key' : 'Audience' }), hasAudienceList && !isAbTest ? (_jsxs("select", { id: `svc-aud-${i}`, className: "kywi-editor-prop-input", value: arm.audienceId, onChange: (e) => updateArm(i, { audienceId: e.target.value }), children: [_jsx("option", { value: "", children: "Select audience\u2026" }), audiences.map((a) => (_jsx("option", { value: a.id, children: a.name }, a.id)))] })) : (_jsx("input", { id: `svc-aud-${i}`, type: "text", className: "kywi-editor-prop-input", placeholder: isAbTest ? 'e.g. variant-b' : 'Audience id…', value: arm.audienceId, onChange: (e) => updateArm(i, { audienceId: e.target.value }) })), arm.audienceId === '' && (_jsx("p", { className: "kywi-editor-props-linked-note", "data-svc-arm-unbound": "", children: isAbTest
+                                            ? 'No variant key yet — this variant is a draft and no visitor is bucketed into it.'
+                                            : 'No audience yet — this variant is a draft and nobody sees it.' })), !isAbTest && (_jsx(AdminEscapeHatch, { href: "/admin/audiences/new", label: "New audience" }))] }), _jsxs("div", { className: "kywi-editor-prop-group", children: [_jsx("label", { className: "kywi-editor-prop-label", htmlFor: `svc-label-${i}`, children: "Label" }), _jsx("input", { id: `svc-label-${i}`, type: "text", className: "kywi-editor-prop-input", placeholder: "e.g. Paid traffic hero", value: arm.label, onChange: (e) => updateArm(i, { label: e.target.value }) })] }), isAbTest && (_jsxs("div", { className: "kywi-editor-prop-group", children: [_jsx("label", { className: "kywi-editor-prop-label", htmlFor: `svc-weight-${i}`, children: "Weight %" }), _jsx("input", { id: `svc-weight-${i}`, type: "number", className: "kywi-editor-prop-input", min: 0, max: 100, value: formatPercent(arm.weight), onChange: (e) => {
                                             const pct = Number(e.target.value);
                                             updateArm(i, { weight: Number.isFinite(pct) ? pct / 100 : 0 });
-                                        } })] })), _jsx("button", { type: "button", className: "kywi-btn kywi-btn-danger kywi-btn-sm", "data-action": "remove-arm", onClick: () => removeArm(i), children: "Remove variant" })] }, arm.id))), isAbTest && !split.valid && (_jsx("p", { className: "kywi-variant-error", role: "alert", children: split.error })), _jsx("button", { type: "button", className: "kywi-btn kywi-btn-secondary kywi-btn-sm", "data-action": "add-arm", onClick: addArm, children: "+ Add Variant" }), _jsx("p", { className: "kywi-editor-props-linked-note", children: "A new variant starts as a copy of the Default variant so it never ships a blank band to live traffic. Edit it on the canvas." })] })] }));
+                                        } })] })), _jsx("button", { type: "button", className: "kywi-btn kywi-btn-danger kywi-btn-sm", "data-action": "remove-arm", onClick: () => removeArm(i), children: "Remove variant" })] }, arm.id))), isAbTest && !split.valid && (_jsx("p", { className: "kywi-variant-error", role: "alert", children: split.error })), _jsx("button", { type: "button", className: "kywi-btn kywi-btn-secondary kywi-btn-sm", "data-action": "add-arm", onClick: addArm, children: "+ Add Content Variant" }), _jsx("p", { className: "kywi-editor-props-linked-note", children: "A new variant starts as a copy of the Default variant so it never ships a blank band to live traffic. Edit it on the canvas." })] })] }));
 }
 //# sourceMappingURL=section-variant-container-config.js.map

package/dist/admin/layout-editor/section-variant-container-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"section-variant-container-config.js","sourceRoot":"","sources":["../../../src/admin/layout-editor/section-variant-container-config.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"section-variant-container-config.js","sourceRoot":"","sources":["../../../src/admin/layout-editor/section-variant-container-config.tsx"],"names":[],"mappings":"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"}

package/dist/admin/layout-editor/use-chrome-flip.d.ts

@@ -26,6 +26,41 @@ export declare const BAR_STRIP_PX: number;
  * is still running, which a rect read during a palette toggle is not.
  */
 export declare const RAIL_WIDTH_FALLBACK_PX = 232;
+/**
+ * The same, for the RIGHT properties rail (`--kywi-overlay-rail-right`, which
+ * resolves to `--kywi-editor-panel-width-right`) — see kywi-cms#166.
+ *
+ * The rail that dodging matters most for, because it is open precisely when
+ * someone is working: it opens itself the moment anything is selected and
+ * closes on deselect, so "the rail is out" is the ordinary editing state rather
+ * than a mode the owner chose.
+ */
+export declare const RIGHT_RAIL_WIDTH_FALLBACK_PX = 288;
+/**
+ * The shortest owner worth clamping a bar INSIDE — two chrome rows.
+ *
+ * The clamp pins a bar inside its owner so it clears the editor's fixed bar
+ * (kywi-cms#122). That trade only works while the owner has room to spare: the
+ * bar covers one row of it, and what is left has to still be the owner's own
+ * clickable surface. Below two rows there is nothing left — the cap just above
+ * (`height - CHROME_ROW_PX`) collapses toward 0 and the bar lands flush over
+ * the whole owner.
+ *
+ * Which is not cosmetic. Measured on a module-level variant container
+ * (kywi-cms#166 review): a 38px owner put its bar at 635–992 × 78–110 across a
+ * module of 124–1156 × 78–116, so a click on the module's own centre hit the
+ * bar, and selecting the module — the first half of the "select, then edit"
+ * gesture — became impossible. The module chip and action cluster inherited the
+ * same hazard the moment they joined the clamp in kywi-cms#128, because a module
+ * is exactly the size of owner this describes.
+ *
+ * An owner this short therefore keeps the behaviour it has always had: its
+ * chrome renders above itself, under the editor's bar, and is reached by
+ * scrolling. Same family as kywi-cms#128's recorded disclosure that a clamped
+ * container bar covers the top strip of the section it wraps — and the same
+ * answer, which is not a clamp.
+ */
+export declare const CHROME_MIN_CLAMP_HEIGHT_PX: number;
 /**
  * The narrowest strip of owner worth pushing the bar into. A chrome bar cannot
  * be pushed so far right that its LEFT edge leaves its owner: it is absolutely
@@ -44,7 +79,7 @@ export declare const RAIL_WIDTH_FALLBACK_PX = 232;
  * from under the rail at all, which is the bug this cap exists inside of.
  */
 export declare const CHROME_MIN_WIDTH_PX = 200;
-/** What the two measurements resolve to for one owner, in one layout frame. */
+/** What the measurements resolve to for one owner, in one layout frame. */
 export interface ChromeOffsets {
     /**
      * Distance to pin the chrome DOWN from its owner's top edge so it clears the
@@ -54,10 +89,30 @@ export interface ChromeOffsets {
     /**
      * Distance to push the chrome RIGHT from its owner's left edge so it clears
      * the open module-palette rail, or null when there is nothing to clear
-     * (kywi-cms#132).
+     * (kywi-cms#132). Only meaningful for a LEFT-anchored bar — see
+     * {@link ChromeAnchor}.
      */
     railAvoidPx: number | null;
+    /**
+     * Distance to push the chrome LEFT from its owner's right edge so it clears
+     * the open properties rail, or null when there is nothing to clear
+     * (kywi-cms#166). Only meaningful for a RIGHT-anchored bar.
+     */
+    railAvoidRightPx: number | null;
 }
+/**
+ * Which edge of its owner a bar is pinned to, and therefore which horizontal
+ * offset it may take.
+ *
+ * Not cosmetic bookkeeping: an absolutely-positioned box with `width: auto`
+ * given BOTH `left` and `right` stretches to fill the gap between them instead
+ * of moving, so handing a right-anchored bar the left rail's offset (or the
+ * other way round) would silently deform it rather than dodging anything. The
+ * anchor is a property of the CSS rule that positions the bar, so the component
+ * rendering it is the only thing that knows — hence a parameter on the class /
+ * style helpers rather than a guess inside the hook.
+ */
+export type ChromeAnchor = 'left' | 'right';
 /**
  * In-place chrome floats ABOVE its owner (`transform: translateY(-100%)`, see
  * `.kywi-ip-section-chrome` / `.kywi-ip-vc-chrome` in editor.css). For an owner
@@ -85,7 +140,16 @@ export interface ChromeOffsets {
  * band's height and the clamp adds it, which is a no-op (0) on a page with no
  * top-anchored chrome — i.e. every page the #122 geometry was written against.
  *
- * Returns both offsets from ONE rect read, in px:
+ * And it runs sideways once more for the RIGHT properties rail (kywi-cms#166).
+ * A module-level variant container floats its badge and arm switcher at the
+ * container's own `right: 0`, which on a full-width column is exactly where
+ * that rail is — and the rail opens itself whenever anything is selected, so
+ * the switcher was unreachable for as long as any editing was going on. The
+ * e2e suite worked around it by closing the rail, which is the gesture the
+ * owner was forced into. Same argument, same fix: the rail's width is a token
+ * the editor owns, so push the bar left by the overlap.
+ *
+ * Returns every offset from ONE rect read, in px:
  *   - `clampPx` — distance to pin the chrome DOWN from its owner's top edge so
  *     it lands just under the fixed bar (and the site's offset nav, if any), or
  *     null when the owner has room above it and the ordinary above-position
@@ -95,6 +159,14 @@ export interface ChromeOffsets {
  *     palette rail, or null when the palette is closed or the owner already
  *     starts to the right of it. The caller turns that into
  *     `--kywi-ip-chrome-left` + `.kywi-ip-chrome--rail-avoid`.
+ *   - `railAvoidRightPx` — the mirror, for a RIGHT-anchored bar against the
+ *     props rail: `--kywi-ip-chrome-right` +
+ *     `.kywi-ip-chrome--rail-avoid-right`.
+ *
+ * Both horizontal offsets are always measured; which one a given bar may take
+ * is the caller's answer, because only the caller knows which edge its CSS pins
+ * it to — see {@link ChromeAnchor}, and note that taking the wrong one deforms
+ * the bar rather than moving it.
  *
  * One hook rather than two: both offsets are read off the same
  * `getBoundingClientRect()`, which is also the rule the drag work landed on
@@ -124,19 +196,35 @@ export interface ChromeOffsets {
  * @param paletteOpen whether the left module-palette rail is currently expanded.
  *   In-place only; the admin Layout tab's palette is an in-flow column that
  *   displaces the canvas rather than floating over it, so nothing there has a
- *   rail to avoid. Part of the effect's deps, so toggling the palette
+ *   rail to avoid. Drives the SECOND effect below, so toggling the palette
  *   re-measures immediately rather than waiting for the next scroll.
+ * @param propsRailOpen whether the right properties rail is showing a selection
+ *   (kywi-cms#166). In-place only, for the same reason as `paletteOpen`, and it
+ *   has to drive a re-measure for a reason of its own: the rail opens on
+ *   SELECTION, and nothing about the owner's geometry changes when it does, so
+ *   neither the scroll listener nor the `ResizeObserver` would ever notice.
+ *
+ *   Neither belongs in the LISTENER effect's deps, which is why there are two
+ *   (kywi-cms#166 review). The props rail opens on every click, and with the
+ *   two joined that tore down and rebuilt a scroll listener, a resize listener
+ *   and a `ResizeObserver` for every section, container and module on the page
+ *   once per selection — on a hook that, since kywi-cms#128, runs per module.
  */
-export declare function useChromeFlip(ownerRef: React.RefObject<HTMLElement | null>, enabled?: boolean, paletteOpen?: boolean): ChromeOffsets;
+export declare function useChromeFlip(ownerRef: React.RefObject<HTMLElement | null>, enabled?: boolean, paletteOpen?: boolean, propsRailOpen?: boolean): ChromeOffsets;
 /**
  * The modifier classes the measured offsets ask for, in the order the CSS
- * expects them. Shared by both consumers (`SectionOverlay` and
- * `VariantContainerBlock`) so a third one cannot half-implement the contract.
+ * expects them. Shared by every consumer (`SectionOverlay`,
+ * `VariantContainerBlock`, `ModuleVariantContainerBlock`, `ModuleOverlay`) so a
+ * new one cannot half-implement the contract.
+ *
+ * @param anchor which edge the bar is pinned to; `left` for everything the
+ *   original geometry was written for, `right` for the module-level container's
+ *   bar and the module action cluster (kywi-cms#166).
  */
-export declare function chromeOffsetClasses(offsets: ChromeOffsets): string[];
+export declare function chromeOffsetClasses(offsets: ChromeOffsets, anchor?: ChromeAnchor): string[];
 /**
- * The custom properties those classes read, or undefined when neither offset
- * applies (so the element keeps no `style` attribute at all in the common case).
+ * The custom properties those classes read, or undefined when no offset applies
+ * (so the element keeps no `style` attribute at all in the common case).
  */
-export declare function chromeOffsetStyle(offsets: ChromeOffsets): React.CSSProperties | undefined;
+export declare function chromeOffsetStyle(offsets: ChromeOffsets, anchor?: ChromeAnchor): React.CSSProperties | undefined;
 //# sourceMappingURL=use-chrome-flip.d.ts.map

package/dist/admin/layout-editor/use-chrome-flip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-chrome-flip.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/use-chrome-flip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAiBzB;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,QAAgC,CAAA;AAEzD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,sBAAsB,MAAM,CAAA;AAEzC;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB,MAAM,CAAA;AAEtC,+EAA+E;AAC/E,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB;;;;OAIG;IACH,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;CAC3B;AAuBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoEG;AACH,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAC7C,OAAO,UAAO,EACd,WAAW,UAAQ,GAClB,aAAa,CAkIf;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,aAAa,GAAG,MAAM,EAAE,CAKpE;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,aAAa,GAAG,KAAK,CAAC,aAAa,GAAG,SAAS,CAMzF"}
+{"version":3,"file":"use-chrome-flip.d.ts","sourceRoot":"","sources":["../../../src/admin/layout-editor/use-chrome-flip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAyBzB;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,QAAgC,CAAA;AAEzD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,sBAAsB,MAAM,CAAA;AAEzC;;;;;;;;GAQG;AACH,eAAO,MAAM,4BAA4B,MAAM,CAAA;AAE/C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,0BAA0B,QAAoB,CAAA;AAE3D;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB,MAAM,CAAA;AAEtC,2EAA2E;AAC3E,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB;;;;;OAKG;IACH,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B;;;;OAIG;IACH,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;CAChC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,CAAA;AA4B3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgGG;AACH,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAC7C,OAAO,UAAO,EACd,WAAW,UAAQ,EACnB,aAAa,UAAQ,GACpB,aAAa,CAgNf;AAWD;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,aAAa,EAAE,MAAM,GAAE,YAAqB,GAAG,MAAM,EAAE,CAOnG;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,aAAa,EACtB,MAAM,GAAE,YAAqB,GAC5B,KAAK,CAAC,aAAa,GAAG,SAAS,CAQjC"}