@seamlet/astro 2.1.0 → 2.2.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 2.2.1
+
+- The Russian texts a visitor and the owner read are edited to the copy rules of `.claude/skills/russian-copy`; nothing behaves differently. `RequestForm.astro` says «Заявка отправлена. Ответим по контактам, которые вы оставили.» once a request is sent and «Заявка не ушла. Всё, что вы ввели, осталось в форме — отправьте ещё раз через минуту.» when it is not; the hidden trap field reads «Оставьте это поле пустым». `REQUEST_ISSUE_TEXTS`: «Слишком длинный текст — сократите его», «Проверьте почту: нужен адрес вида name@mail.ru», «Выберите вариант из списка». The labels of the presets: `note` of `openingHoursField()` is «Примечание», `summary` of `productFields()` «Строка для карточки», `image` of `seoFields()` «Картинка для ссылки в соцсетях». `privacyPolicyTextOf` fixes two sentences of section 5 that did not agree in grammar; its legal meaning is the same.
+
+## 2.2.0
+
+- Moving parts: `data-cms-popover` (`POPOVER_ATTRIBUTE`) on a part of the page that moves, or on a marked element, has its fields edited in the editor's popover instead of typed in place, and in the editor the part holds still while the pointer is over it and once one of its fields is chosen: the bridge pauses its CSS animations and transitions and sets `data-cms-held` (`HELD_ATTRIBUTE`), by which a site stops motion it runs with a script. The protocol is the same, so every editor reads it.
+
 ## 2.1.0
 
 - The visitor's consent is a document of its own, as 152-ФЗ asks since 1 September 2025: `privacyConsentFields()` and `privacyConsentTextOf(source)` make it, at `/consent` of the site (`CONSENT_PAGE_PATH`), and the checkbox of `RequestForm.astro` links to it and to the policy («Даю согласие на обработку персональных данных и принимаю политику их обработки»; `consentHref` names another page).

package/README.md

@@ -373,6 +373,20 @@ A field is edited where it is seen, so the editor opens what hides it when a per
 
 What was opened stays open while the page is rendered anew after every edit: a part is known again by its `id`, or else by the field marked on it, in it or around it.
 
+### Moving parts
+
+A text that moves (a marquee, a flipping board, a turning stamp) cannot be typed where it stands, and a moving thing is hard to click. Give such a part, or the marked element itself, the attribute `data-cms-popover` (`POPOVER_ATTRIBUTE`): its fields are edited in the editor's popover, never typed on the page, and in the editor the part holds still while the pointer is over it and once one of its fields is chosen. The bridge pauses the part's CSS animations and transitions itself and sets `data-cms-held` (`HELD_ATTRIBUTE`) on it; motion the site runs with a script stops while that attribute is there. Outside the editor nothing changes.
+
+```astro
+---
+import { POPOVER_ATTRIBUTE } from "@seamlet/astro/schema";
+---
+
+<div class="marquee" {...{ [POPOVER_ATTRIBUTE]: "" }}>
+  <p {...edit("specials", "line")}>{content.specials.line}</p>
+</div>
+```
+
 ## Requests
 
 A visitor sends the business a request from the site: «Обратный звонок», «Рассчитать стоимость», «Бронь столика». The site declares its forms, gives them to `defineSeamletSite` and renders them; the CMS passes every request on by mail to the people who edit the site and keeps nothing once it is delivered.

package/components/RequestForm.astro

@@ -38,8 +38,8 @@ interface Props {
 const {
   form,
   submitLabel = "Отправить",
-  sentText = "Спасибо! Заявка отправлена, мы скоро свяжемся с вами.",
-  failedText = "Не получилось отправить заявку. Попробуйте ещё раз чуть позже.",
+  sentText = "Заявка отправлена. Ответим по контактам, которые вы оставили.",
+  failedText = "Заявка не ушла. Всё, что вы ввели, осталось в форме — отправьте ещё раз через минуту.",
   consentHref = CONSENT_PAGE_PATH,
   policyHref = PRIVACY_PAGE_PATH,
   instance = form.id,
@@ -127,7 +127,7 @@ const isLineField = (field: RequestField): field is LineField =>
   ))}
   <div class="seamlet-form-trap" aria-hidden="true">
     <label>
-      Это поле заполнять не нужно
+      Оставьте это поле пустым
       <input
         type="text"
         name={REQUEST_TRAP_KEY}

package/dist/bridge.js

@@ -18,9 +18,11 @@ import {
   shortcutOf,
   toggleList,
   toggleMark
-} from "./chunk-DKGVY2VP.js";
+} from "./chunk-QSRFU2G3.js";
 import {
   FIELD_PATH_ATTRIBUTE,
+  HELD_ATTRIBUTE,
+  POPOVER_ATTRIBUTE,
   REVEALED_ATTRIBUTE,
   REVEAL_ATTRIBUTE,
   REVEAL_EVENT,
@@ -28,34 +30,12 @@ import {
   readRichText,
   resolveFieldPath,
   safeHref
-} from "./chunk-ZH6Q4KMM.js";
+} from "./chunk-HFCQRPPJ.js";
 
-// src/bridge/typed-fields.ts
-function typedKindAt(schema, path) {
-  const target = resolveFieldPath(schema, path);
-  if (target?.kind !== "field") return void 0;
-  switch (target.field.kind) {
-    case "text":
-      return "plain";
-    case "richText":
-      return "rich";
-    case "number":
-    case "date":
-    case "time":
-    case "slug":
-    case "image":
-    case "file":
-    case "link":
-    case "url":
-    case "toggle":
-    case "choice":
-    case "choices":
-    case "reference":
-    case "references":
-    case "group":
-    case "collection":
-      return void 0;
-  }
+// src/bridge/dom-nodes.ts
+function asElement(value) {
+  const isElement = typeof value === "object" && value !== null && "nodeType" in value && value.nodeType === Node.ELEMENT_NODE;
+  return isElement ? value : void 0;
 }
 
 // src/bridge/event-listening.ts
@@ -97,12 +77,6 @@ function listenToAll(listenings) {
   };
 }
 
-// src/bridge/dom-nodes.ts
-function asElement(value) {
-  const isElement = typeof value === "object" && value !== null && "nodeType" in value && value.nodeType === Node.ELEMENT_NODE;
-  return isElement ? value : void 0;
-}
-
 // src/bridge/page-markers.ts
 var MARKER_SELECTOR = `[${FIELD_PATH_ATTRIBUTE}]`;
 var HTML_NAMESPACE = "http://www.w3.org/1999/xhtml";
@@ -149,6 +123,115 @@ function isHtmlElement(value) {
   return asElement(value)?.namespaceURI === HTML_NAMESPACE;
 }
 
+// src/bridge/held-motion.ts
+var POPOVER_SELECTOR = `[${POPOVER_ATTRIBUTE}]`;
+function isEditedInPopover(element) {
+  return element.closest(POPOVER_SELECTOR) !== null;
+}
+function holdMotionOnPage(document2) {
+  const paused = /* @__PURE__ */ new Map();
+  let hovered;
+  let chosenPath;
+  const chosenPart = () => {
+    if (chosenPath === void 0) return void 0;
+    const element = findMarkedElement(document2, chosenPath);
+    return element?.closest(POPOVER_SELECTOR) ?? void 0;
+  };
+  const update = () => {
+    const parts = /* @__PURE__ */ new Set([hovered, chosenPart()]);
+    for (const part of [...paused.keys()]) {
+      if (!parts.has(part)) release(part, paused);
+    }
+    for (const part of parts) {
+      if (part !== void 0 && !paused.has(part)) hold(part, paused);
+    }
+  };
+  const stopListening = listenToAll(
+    listeningsOf(document2, {
+      onPointerOver: (target) => {
+        hovered = partAround(target);
+        update();
+      },
+      onPointerLeave: () => {
+        hovered = void 0;
+        update();
+      },
+      onClick: (target) => {
+        const marked = markedElementAround(target);
+        const isMoving = marked !== void 0 && isEditedInPopover(marked.element);
+        chosenPath = isMoving ? marked.path : void 0;
+        update();
+      }
+    })
+  );
+  return {
+    holdAgain: update,
+    stop: () => {
+      stopListening();
+      for (const part of [...paused.keys()]) release(part, paused);
+    }
+  };
+}
+function listeningsOf(document2, listeners) {
+  return [
+    onDocument(document2, "mouseover", (event) => {
+      listeners.onPointerOver(event.target);
+    }),
+    onDocument(document2, "click", (event) => {
+      listeners.onClick(event.target);
+    }),
+    onElement(document2.documentElement, "mouseleave", listeners.onPointerLeave)
+  ];
+}
+function partAround(target) {
+  return asElement(target)?.closest(POPOVER_SELECTOR) ?? void 0;
+}
+function hold(part, paused) {
+  const running = animationsOf(part).filter(
+    (animation) => animation.playState === "running"
+  );
+  for (const animation of running) animation.pause();
+  part.setAttribute(HELD_ATTRIBUTE, "");
+  paused.set(part, running);
+}
+function release(part, paused) {
+  for (const animation of paused.get(part) ?? []) animation.play();
+  part.removeAttribute(HELD_ATTRIBUTE);
+  paused.delete(part);
+}
+function animationsOf(part) {
+  if (typeof part.getAnimations !== "function") return [];
+  return part.getAnimations({ subtree: true });
+}
+
+// src/bridge/typed-fields.ts
+function typedKindAt(schema, path) {
+  const target = resolveFieldPath(schema, path);
+  if (target?.kind !== "field") return void 0;
+  switch (target.field.kind) {
+    case "text":
+      return "plain";
+    case "richText":
+      return "rich";
+    case "number":
+    case "date":
+    case "time":
+    case "slug":
+    case "image":
+    case "file":
+    case "link":
+    case "url":
+    case "toggle":
+    case "choice":
+    case "choices":
+    case "reference":
+    case "references":
+    case "group":
+    case "collection":
+      return void 0;
+  }
+}
+
 // src/bridge/page-reveals.ts
 var DETAILS_SELECTOR = "details";
 var REVEAL_SELECTOR = `[${REVEAL_ATTRIBUTE}]`;
@@ -456,20 +539,20 @@ function followPresses(document2, onRelease) {
     clearTimeout(releaseTimer);
     isPressed = true;
   };
-  const release = () => {
+  const release2 = () => {
     if (!isPressed) return;
     isPressed = false;
     releaseTimer = setTimeout(onRelease, 0);
   };
   const releaseOnMove = (event) => {
-    if (event.buttons === 0) release();
+    if (event.buttons === 0) release2();
   };
   const stopListening = listenToAll([
     onDocument(document2, "pointerdown", press),
-    onDocument(document2, "pointerup", release),
-    onDocument(document2, "pointercancel", release),
+    onDocument(document2, "pointerup", release2),
+    onDocument(document2, "pointercancel", release2),
     onDocument(document2, "pointermove", releaseOnMove),
-    ...onWindow(view, "blur", release)
+    ...onWindow(view, "blur", release2)
   ]);
   return {
     isPressed: () => isPressed,
@@ -990,7 +1073,8 @@ function createPageTyping(options) {
     stop();
     const { path } = start;
     const element = findMarkedElement(options.document, path);
-    if (element === void 0 || !start.canTypeIn(element)) {
+    const canType = element !== void 0 && !isEditedInPopover(element) && start.canTypeIn(element);
+    if (!canType) {
       releasePrepared();
       send({ type: "typing-refused", path });
       reportIfOver();
@@ -1096,12 +1180,14 @@ function connectPage(document2, schema, send) {
     onTypingOver: showHeldPage
   });
   const presses = followPresses(document2, showHeldPage);
+  const motion = holdMotionOnPage(document2);
   const renderer = createPageRenderer({
     document: document2,
     // Replacing the page under a text being typed would throw the typing away.
     canReplacePage: () => !typing.isTyping(),
     isPagePressed: presses.isPressed,
     onRendered: () => {
+      motion.holdAgain();
       layout.reportNow();
       send({ type: "rendered" });
     },
@@ -1128,6 +1214,7 @@ function connectPage(document2, schema, send) {
       typing.stop();
       renderer.stop();
       presses.stop();
+      motion.stop();
       layout.stop();
       stopListening();
     }
@@ -1170,7 +1257,8 @@ function clickOn(page, pointer) {
     return;
   }
   const kind = typedKindAt(page.schema, pointer.path);
-  if (kind !== void 0) page.typing.prepare(pointer.element, kind);
+  const canBeTyped = kind !== void 0 && !isEditedInPopover(pointer.element);
+  if (canBeTyped) page.typing.prepare(pointer.element, kind);
   page.send({
     type: "click",
     target: { path: pointer.path, point: pointer.point }

package/dist/{chunk-6F7DPGWS.js → chunk-3DQI4G6H.js}

@@ -6,7 +6,7 @@ import {
   recordAt,
   recordPageAt,
   recordPagePath
-} from "./chunk-ZH6Q4KMM.js";
+} from "./chunk-HFCQRPPJ.js";
 
 // src/site-pages.ts
 function pagePathOf(rest) {

package/dist/{chunk-ZH6Q4KMM.js → chunk-HFCQRPPJ.js}

@@ -987,6 +987,10 @@ var REVEAL_ATTRIBUTE = "data-cms-reveal";
 var REVEALED_ATTRIBUTE = "data-cms-revealed";
 var REVEAL_EVENT = "cms:reveal";
 
+// src/schema/popover-markers.ts
+var POPOVER_ATTRIBUTE = "data-cms-popover";
+var HELD_ATTRIBUTE = "data-cms-held";
+
 // src/schema/image-position.ts
 var PERCENT = 100;
 var STEPS_PER_PERCENT = 10;
@@ -1035,7 +1039,7 @@ function seoFields(options = {}) {
         multiline: true,
         maxLength: 160
       }),
-      image: image({ label: "\u041A\u0430\u0440\u0442\u0438\u043D\u043A\u0430 \u0434\u043B\u044F \u0441\u043E\u0446\u0441\u0435\u0442\u0435\u0439" })
+      image: image({ label: "\u041A\u0430\u0440\u0442\u0438\u043D\u043A\u0430 \u0434\u043B\u044F \u0441\u0441\u044B\u043B\u043A\u0438 \u0432 \u0441\u043E\u0446\u0441\u0435\u0442\u044F\u0445" })
     }
   });
 }
@@ -1071,7 +1075,7 @@ function openingHoursField(options = {}) {
       days: choices({ label: "\u0414\u043D\u0438", options: WEEKDAYS }),
       opens: time({ label: "\u041E\u0442\u043A\u0440\u044B\u0432\u0430\u0435\u0442\u0441\u044F" }),
       closes: time({ label: "\u0417\u0430\u043A\u0440\u044B\u0432\u0430\u0435\u0442\u0441\u044F" }),
-      note: text({ label: "\u041F\u043E\u0434\u043F\u0438\u0441\u044C", maxLength: 40 })
+      note: text({ label: "\u041F\u0440\u0438\u043C\u0435\u0447\u0430\u043D\u0438\u0435", maxLength: 40 })
     }
   });
 }
@@ -1083,7 +1087,11 @@ function productFields() {
       label: "\u0424\u043E\u0442\u043E",
       item: { photo: image({ label: "\u0424\u043E\u0442\u043E" }) }
     }),
-    summary: richText({ label: "\u041A\u0440\u0430\u0442\u043A\u043E", inline: true, maxLength: 200 }),
+    summary: richText({
+      label: "\u0421\u0442\u0440\u043E\u043A\u0430 \u0434\u043B\u044F \u043A\u0430\u0440\u0442\u043E\u0447\u043A\u0438",
+      inline: true,
+      maxLength: 200
+    }),
     description: richText({ label: "\u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435" }),
     price: number({ label: "\u0426\u0435\u043D\u0430, \u20BD", min: 0 }),
     priceNote: text({ label: "\u0423\u0442\u043E\u0447\u043D\u0435\u043D\u0438\u0435 \u0446\u0435\u043D\u044B", maxLength: 40 }),
@@ -1748,10 +1756,10 @@ var LINE_BREAKS = /\r\n?/gu;
 var ANY_LINE_BREAK = /[\r\n]+/gu;
 var REQUEST_ISSUE_TEXTS = {
   required: "\u0417\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u0435 \u044D\u0442\u043E \u043F\u043E\u043B\u0435",
-  "too-long": "\u0417\u0434\u0435\u0441\u044C \u0441\u043B\u0438\u0448\u043A\u043E\u043C \u0434\u043B\u0438\u043D\u043D\u044B\u0439 \u0442\u0435\u043A\u0441\u0442",
+  "too-long": "\u0421\u043B\u0438\u0448\u043A\u043E\u043C \u0434\u043B\u0438\u043D\u043D\u044B\u0439 \u0442\u0435\u043A\u0441\u0442 \u2014 \u0441\u043E\u043A\u0440\u0430\u0442\u0438\u0442\u0435 \u0435\u0433\u043E",
   "invalid-phone": "\u041F\u0440\u043E\u0432\u0435\u0440\u044C\u0442\u0435 \u043D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430",
-  "invalid-email": "\u041F\u0440\u043E\u0432\u0435\u0440\u044C\u0442\u0435 \u0430\u0434\u0440\u0435\u0441 \u043F\u043E\u0447\u0442\u044B",
-  "unknown-option": "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043E\u0434\u0438\u043D \u0438\u0437 \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u043E\u0432"
+  "invalid-email": "\u041F\u0440\u043E\u0432\u0435\u0440\u044C\u0442\u0435 \u043F\u043E\u0447\u0442\u0443: \u043D\u0443\u0436\u0435\u043D \u0430\u0434\u0440\u0435\u0441 \u0432\u0438\u0434\u0430 name@mail.ru",
+  "unknown-option": "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0432\u0430\u0440\u0438\u0430\u043D\u0442 \u0438\u0437 \u0441\u043F\u0438\u0441\u043A\u0430"
 };
 var CONSENT_REQUIRED_TEXT = "\u041E\u0442\u043C\u0435\u0442\u044C\u0442\u0435 \u0441\u043E\u0433\u043B\u0430\u0441\u0438\u0435 \u043D\u0430 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u043A\u0443 \u043F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445";
 function readRequestValues(form, entries) {
@@ -1927,10 +1935,10 @@ function processingOf() {
   return [
     "5. \u041F\u043E\u0440\u044F\u0434\u043E\u043A \u0438 \u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u043A\u0438",
     `5.1. \u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044F \u0441 \u043F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u044B\u043C\u0438 \u0434\u0430\u043D\u043D\u044B\u043C\u0438: ${ACTIONS}.`,
-    `5.2. \u041E\u043F\u0435\u0440\u0430\u0442\u043E\u0440 \u043F\u043E\u0440\u0443\u0447\u0430\u0435\u0442 \u043F\u0440\u0438\u0451\u043C \u0437\u0430\u044F\u0432\u043E\u043A \u0441 \u0444\u043E\u0440\u043C \u0421\u0430\u0439\u0442\u0430 \u0438 \u0438\u0445 \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0443 \u041E\u043F\u0435\u0440\u0430\u0442\u043E\u0440\u0443 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435 ${PROCESSOR}. \u0421\u0435\u0440\u0432\u0438\u0441 \u043E\u0431\u044F\u0437\u0430\u043D \u0441\u043E\u0431\u043B\u044E\u0434\u0430\u0442\u044C \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0445, \u043E\u0431\u0435\u0441\u043F\u0435\u0447\u0438\u0432\u0430\u0442\u044C \u0438\u0445 \u0431\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u044C \u043F\u043E \u0441\u0442\u0430\u0442\u044C\u0435 19 \u0417\u0430\u043A\u043E\u043D\u0430, \u043D\u0435 \u0445\u0440\u0430\u043D\u0438\u0442 \u0437\u0430\u044F\u0432\u043A\u0443 \u0434\u043E\u043B\u044C\u0448\u0435, \u0447\u0435\u043C \u043D\u0443\u0436\u043D\u043E \u0434\u043B\u044F \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438, \u0438 \u043D\u0435 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0435 \u0432 \u0441\u0432\u043E\u0438\u0445 \u0446\u0435\u043B\u044F\u0445. \u041E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043D\u043D\u043E\u0441\u0442\u044C \u043F\u0435\u0440\u0435\u0434 \u0441\u0443\u0431\u044A\u0435\u043A\u0442\u043E\u043C \u0437\u0430 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F \u0441\u0435\u0440\u0432\u0438\u0441\u0430 \u043D\u0435\u0441\u0451\u0442 \u041E\u043F\u0435\u0440\u0430\u0442\u043E\u0440.`,
+    `5.2. \u041E\u043F\u0435\u0440\u0430\u0442\u043E\u0440 \u043F\u043E\u0440\u0443\u0447\u0430\u0435\u0442 \u043F\u0440\u0438\u0451\u043C \u0437\u0430\u044F\u0432\u043E\u043A \u0441 \u0444\u043E\u0440\u043C \u0421\u0430\u0439\u0442\u0430 \u0438 \u0438\u0445 \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0443 \u041E\u043F\u0435\u0440\u0430\u0442\u043E\u0440\u0443 \u043F\u043E \u044D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u043E\u0439 \u043F\u043E\u0447\u0442\u0435 ${PROCESSOR}. \u0421\u0435\u0440\u0432\u0438\u0441 \u043E\u0431\u044F\u0437\u0430\u043D \u0441\u043E\u0431\u043B\u044E\u0434\u0430\u0442\u044C \u043A\u043E\u043D\u0444\u0438\u0434\u0435\u043D\u0446\u0438\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0445, \u043E\u0431\u0435\u0441\u043F\u0435\u0447\u0438\u0432\u0430\u0442\u044C \u0438\u0445 \u0431\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u044C \u043F\u043E \u0441\u0442\u0430\u0442\u044C\u0435 19 \u0417\u0430\u043A\u043E\u043D\u0430, \u043D\u0435 \u0445\u0440\u0430\u043D\u0438\u0442\u044C \u0437\u0430\u044F\u0432\u043A\u0443 \u0434\u043E\u043B\u044C\u0448\u0435, \u0447\u0435\u043C \u043D\u0443\u0436\u043D\u043E \u0434\u043B\u044F \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438, \u0438 \u043D\u0435 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0435 \u0432 \u0441\u0432\u043E\u0438\u0445 \u0446\u0435\u043B\u044F\u0445. \u041E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043D\u043D\u043E\u0441\u0442\u044C \u043F\u0435\u0440\u0435\u0434 \u0441\u0443\u0431\u044A\u0435\u043A\u0442\u043E\u043C \u0437\u0430 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F \u0441\u0435\u0440\u0432\u0438\u0441\u0430 \u043D\u0435\u0441\u0451\u0442 \u041E\u043F\u0435\u0440\u0430\u0442\u043E\u0440.`,
     "5.3. \u0417\u0430\u043F\u0438\u0441\u044C, \u0441\u0438\u0441\u0442\u0435\u043C\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044F, \u043D\u0430\u043A\u043E\u043F\u043B\u0435\u043D\u0438\u0435, \u0445\u0440\u0430\u043D\u0435\u043D\u0438\u0435, \u0443\u0442\u043E\u0447\u043D\u0435\u043D\u0438\u0435 \u0438 \u0438\u0437\u0432\u043B\u0435\u0447\u0435\u043D\u0438\u0435 \u043F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445 \u0433\u0440\u0430\u0436\u0434\u0430\u043D \u0420\u043E\u0441\u0441\u0438\u0439\u0441\u043A\u043E\u0439 \u0424\u0435\u0434\u0435\u0440\u0430\u0446\u0438\u0438 \u0432\u0435\u0434\u0443\u0442\u0441\u044F \u0441 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u0435\u043C \u0431\u0430\u0437 \u0434\u0430\u043D\u043D\u044B\u0445, \u043D\u0430\u0445\u043E\u0434\u044F\u0449\u0438\u0445\u0441\u044F \u043D\u0430 \u0442\u0435\u0440\u0440\u0438\u0442\u043E\u0440\u0438\u0438 \u0420\u043E\u0441\u0441\u0438\u0439\u0441\u043A\u043E\u0439 \u0424\u0435\u0434\u0435\u0440\u0430\u0446\u0438\u0438. \u0422\u0440\u0430\u043D\u0441\u0433\u0440\u0430\u043D\u0438\u0447\u043D\u0430\u044F \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0430 \u043D\u0435 \u043E\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043B\u044F\u0435\u0442\u0441\u044F.",
     "5.4. \u041E\u043F\u0435\u0440\u0430\u0442\u043E\u0440 \u043D\u0435 \u0440\u0430\u0441\u043F\u0440\u043E\u0441\u0442\u0440\u0430\u043D\u044F\u0435\u0442 \u043F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u044B\u0435 \u0434\u0430\u043D\u043D\u044B\u0435 \u0438 \u043D\u0435 \u043F\u0435\u0440\u0435\u0434\u0430\u0451\u0442 \u0438\u0445 \u0442\u0440\u0435\u0442\u044C\u0438\u043C \u043B\u0438\u0446\u0430\u043C, \u043A\u0440\u043E\u043C\u0435 \u0441\u043B\u0443\u0447\u0430\u0435\u0432, \u043F\u0440\u0435\u0434\u0443\u0441\u043C\u043E\u0442\u0440\u0435\u043D\u043D\u044B\u0445 \u0437\u0430\u043A\u043E\u043D\u043E\u043C (\u043D\u0430\u043F\u0440\u0438\u043C\u0435\u0440, \u043F\u043E \u0437\u0430\u043F\u0440\u043E\u0441\u0443 \u0441\u0443\u0434\u0430 \u0438\u043B\u0438 \u0443\u043F\u043E\u043B\u043D\u043E\u043C\u043E\u0447\u0435\u043D\u043D\u044B\u0445 \u043E\u0440\u0433\u0430\u043D\u043E\u0432).",
-    "5.5. \u0414\u043B\u044F \u0437\u0430\u0449\u0438\u0442\u044B \u0434\u0430\u043D\u043D\u044B\u0445 \u041E\u043F\u0435\u0440\u0430\u0442\u043E\u0440 \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u0435\u0442 \u043C\u0435\u0440\u044B \u043F\u043E \u0441\u0442\u0430\u0442\u044C\u044F\u043C 18.1 \u0438 19 \u0417\u0430\u043A\u043E\u043D\u0430: \u043D\u0430\u0437\u043D\u0430\u0447\u0430\u0435\u0442 \u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043D\u043D\u043E\u0433\u043E \u0437\u0430 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u044E \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u043A\u0438, \u043E\u0433\u0440\u0430\u043D\u0438\u0447\u0438\u0432\u0430\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F \u043A \u0434\u0430\u043D\u043D\u044B\u043C \u043B\u0438\u0446\u0430\u043C\u0438, \u043A\u043E\u0442\u043E\u0440\u044B\u043C \u043E\u043D \u043D\u0443\u0436\u0435\u043D \u0434\u043B\u044F \u0440\u0430\u0431\u043E\u0442\u044B, \u043F\u0435\u0440\u0435\u0434\u0430\u0451\u0442 \u0434\u0430\u043D\u043D\u044B\u0435 \u043F\u043E \u0437\u0430\u0449\u0438\u0449\u0451\u043D\u043D\u044B\u043C \u043A\u0430\u043D\u0430\u043B\u0430\u043C \u0441\u0432\u044F\u0437\u0438, \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430 \u0437\u0430\u0449\u0438\u0442\u044B \u043E\u0442 \u043D\u0435\u0441\u0430\u043D\u043A\u0446\u0438\u043E\u043D\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u043E\u0433\u043E \u0434\u043E\u0441\u0442\u0443\u043F\u0430 \u0438 \u0443\u043D\u0438\u0447\u0442\u043E\u0436\u0430\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0435, \u043A\u043E\u0433\u0434\u0430 \u043E\u043D\u0438 \u0431\u043E\u043B\u044C\u0448\u0435 \u043D\u0435 \u043D\u0443\u0436\u043D\u044B.",
+    "5.5. \u0414\u043B\u044F \u0437\u0430\u0449\u0438\u0442\u044B \u0434\u0430\u043D\u043D\u044B\u0445 \u041E\u043F\u0435\u0440\u0430\u0442\u043E\u0440 \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u0435\u0442 \u043C\u0435\u0440\u044B \u043F\u043E \u0441\u0442\u0430\u0442\u044C\u044F\u043C 18.1 \u0438 19 \u0417\u0430\u043A\u043E\u043D\u0430: \u043D\u0430\u0437\u043D\u0430\u0447\u0430\u0435\u0442 \u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043D\u043D\u043E\u0433\u043E \u0437\u0430 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0446\u0438\u044E \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u043A\u0438, \u043E\u0433\u0440\u0430\u043D\u0438\u0447\u0438\u0432\u0430\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F \u043A \u0434\u0430\u043D\u043D\u044B\u043C \u043A\u0440\u0443\u0433\u043E\u043C \u043B\u0438\u0446, \u043A\u043E\u0442\u043E\u0440\u044B\u043C \u043E\u043D \u043D\u0443\u0436\u0435\u043D \u0434\u043B\u044F \u0440\u0430\u0431\u043E\u0442\u044B, \u043F\u0435\u0440\u0435\u0434\u0430\u0451\u0442 \u0434\u0430\u043D\u043D\u044B\u0435 \u043F\u043E \u0437\u0430\u0449\u0438\u0449\u0451\u043D\u043D\u044B\u043C \u043A\u0430\u043D\u0430\u043B\u0430\u043C \u0441\u0432\u044F\u0437\u0438, \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430 \u0437\u0430\u0449\u0438\u0442\u044B \u043E\u0442 \u043D\u0435\u0441\u0430\u043D\u043A\u0446\u0438\u043E\u043D\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u043E\u0433\u043E \u0434\u043E\u0441\u0442\u0443\u043F\u0430 \u0438 \u0443\u043D\u0438\u0447\u0442\u043E\u0436\u0430\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0435, \u043A\u043E\u0433\u0434\u0430 \u043E\u043D\u0438 \u0431\u043E\u043B\u044C\u0448\u0435 \u043D\u0435 \u043D\u0443\u0436\u043D\u044B.",
     "5.6. \u041E \u043D\u0435\u043F\u0440\u0430\u0432\u043E\u043C\u0435\u0440\u043D\u043E\u0439 \u0438\u043B\u0438 \u0441\u043B\u0443\u0447\u0430\u0439\u043D\u043E\u0439 \u043F\u0435\u0440\u0435\u0434\u0430\u0447\u0435 \u043F\u0435\u0440\u0441\u043E\u043D\u0430\u043B\u044C\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445, \u043F\u043E\u0432\u043B\u0451\u043A\u0448\u0435\u0439 \u043D\u0430\u0440\u0443\u0448\u0435\u043D\u0438\u0435 \u043F\u0440\u0430\u0432 \u0441\u0443\u0431\u044A\u0435\u043A\u0442\u043E\u0432, \u041E\u043F\u0435\u0440\u0430\u0442\u043E\u0440 \u0443\u0432\u0435\u0434\u043E\u043C\u043B\u044F\u0435\u0442 \u0420\u043E\u0441\u043A\u043E\u043C\u043D\u0430\u0434\u0437\u043E\u0440 \u0432 \u0441\u0440\u043E\u043A\u0438, \u0443\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u0435\u043D\u043D\u044B\u0435 \u0447\u0430\u0441\u0442\u044C\u044E 3.1 \u0441\u0442\u0430\u0442\u044C\u0438 21 \u0417\u0430\u043A\u043E\u043D\u0430."
   ];
 }
@@ -2018,6 +2026,8 @@ export {
   REVEAL_ATTRIBUTE,
   REVEALED_ATTRIBUTE,
   REVEAL_EVENT,
+  POPOVER_ATTRIBUTE,
+  HELD_ATTRIBUTE,
   imagePosition,
   ratesField,
   estimateOf,

package/dist/{chunk-IY6Q6BUX.js → chunk-OA3GJYVY.js}

@@ -1,6 +1,6 @@
 import {
   pagePathOf
-} from "./chunk-6F7DPGWS.js";
+} from "./chunk-3DQI4G6H.js";
 import {
   FIELD_PATH_SEPARATOR,
   collectionAt,
@@ -9,7 +9,7 @@ import {
   newRecord,
   recordAt,
   recordPageAt
-} from "./chunk-ZH6Q4KMM.js";
+} from "./chunk-HFCQRPPJ.js";
 
 // src/preview-requests.ts
 var MAX_DRAFT_BYTES = 1024 * 1024;

package/dist/{chunk-DKGVY2VP.js → chunk-QSRFU2G3.js}

@@ -6,7 +6,7 @@ import {
   readRichText,
   resolveFieldPath,
   safeHref
-} from "./chunk-ZH6Q4KMM.js";
+} from "./chunk-HFCQRPPJ.js";
 
 // src/bridge/editor-shortcuts.ts
 function shortcutOf(event) {
@@ -26,6 +26,15 @@ function shortcutOf(event) {
   }
 }
 
+// src/bridge/marked-paths.ts
+function closestMarkedPath(path, isMarked) {
+  for (let length = path.length; length > 0; length -= 1) {
+    const candidate = formatFieldPath(path.slice(0, length));
+    if (isMarked(candidate)) return candidate;
+  }
+  return void 0;
+}
+
 // src/bridge/image-fields.ts
 function imageFieldAt(schema, path) {
   const target = path === void 0 ? void 0 : resolveFieldPath(schema, path);
@@ -158,15 +167,6 @@ function carriesFiles(event) {
   return event.dataTransfer?.types.includes("Files") === true;
 }
 
-// src/bridge/marked-paths.ts
-function closestMarkedPath(path, isMarked) {
-  for (let length = path.length; length > 0; length -= 1) {
-    const candidate = formatFieldPath(path.slice(0, length));
-    if (isMarked(candidate)) return candidate;
-  }
-  return void 0;
-}
-
 // src/bridge/rich-text-edits.ts
 function isCollapsed(selection) {
   return selection.start.line === selection.end.line && selection.start.offset === selection.end.offset;
@@ -674,12 +674,12 @@ function lengthOf2(spans) {
 
 export {
   shortcutOf,
+  closestMarkedPath,
   imageFieldAt,
   PROTOCOL_VERSION,
   readPageMessage,
   readEditorMessage,
   carriesFiles,
-  closestMarkedPath,
   isCollapsed,
   formatsAt,
   linkSelectionAt,

package/dist/cli.js

@@ -3,7 +3,7 @@ import {
   SITE_CONFIG_FILE,
   isSiteId,
   readSiteConfig
-} from "./chunk-ZH6Q4KMM.js";
+} from "./chunk-HFCQRPPJ.js";
 import {
   SITE_MODULE_FILE
 } from "./chunk-QCVWHHJC.js";

package/dist/client.js

@@ -16,7 +16,7 @@ if (isFramed && isPreview) {
   });
 }
 if (document.querySelector(REQUEST_FORM_SELECTOR) !== null) {
-  void import("./request-sending-4TEGXELF.js").then(({ connectRequestForms }) => {
+  void import("./request-sending-6NTXTW3A.js").then(({ connectRequestForms }) => {
     connectRequestForms(document, { isPreview });
   });
 }

package/dist/feeds.js

@@ -1,6 +1,6 @@
 import {
   plainTextOf
-} from "./chunk-ZH6Q4KMM.js";
+} from "./chunk-HFCQRPPJ.js";
 
 // src/feeds/xml.ts
 var ESCAPES = {

package/dist/index.js

@@ -1,16 +1,16 @@
 import {
   isUploadedFile
-} from "./chunk-IY6Q6BUX.js";
+} from "./chunk-OA3GJYVY.js";
 import {
   OWN_PHOTOS_PATH
 } from "./chunk-W2LIOR2C.js";
-import "./chunk-6F7DPGWS.js";
+import "./chunk-3DQI4G6H.js";
 import {
   SITE_CONFIG_FILE,
   SITE_DESCRIPTION_PATH,
   isJsonObject,
   readSiteConfig
-} from "./chunk-ZH6Q4KMM.js";
+} from "./chunk-HFCQRPPJ.js";
 import {
   PREVIEW_PATH,
   SITE_MODULE_FILE,

package/dist/preview-requests.js

@@ -6,9 +6,9 @@ import {
   previewContentAt,
   previewHeadersOf,
   readDraft
-} from "./chunk-IY6Q6BUX.js";
-import "./chunk-6F7DPGWS.js";
-import "./chunk-ZH6Q4KMM.js";
+} from "./chunk-OA3GJYVY.js";
+import "./chunk-3DQI4G6H.js";
+import "./chunk-HFCQRPPJ.js";
 export {
   MAX_DRAFT_BYTES,
   isPageAddress,

package/dist/protocol.js

@@ -22,8 +22,8 @@ import {
   shortcutOf,
   toggleList,
   toggleMark
-} from "./chunk-DKGVY2VP.js";
-import "./chunk-ZH6Q4KMM.js";
+} from "./chunk-QSRFU2G3.js";
+import "./chunk-HFCQRPPJ.js";
 import "./chunk-QCVWHHJC.js";
 export {
   OWN_PHOTOS_PATH,

package/dist/{request-sending-4TEGXELF.js → request-sending-6NTXTW3A.js}

@@ -12,7 +12,7 @@ import {
   isJsonObject,
   readRequestForm,
   readRequestValues
-} from "./chunk-ZH6Q4KMM.js";
+} from "./chunk-HFCQRPPJ.js";
 
 // src/request-sending.ts
 var STATUS_CREATED = 201;

package/dist/routes/media.js

@@ -1,8 +1,8 @@
 import {
   isUploadedFile
-} from "../chunk-IY6Q6BUX.js";
-import "../chunk-6F7DPGWS.js";
-import "../chunk-ZH6Q4KMM.js";
+} from "../chunk-OA3GJYVY.js";
+import "../chunk-3DQI4G6H.js";
+import "../chunk-HFCQRPPJ.js";
 import {
   uploadedPhotoPath
 } from "../chunk-QCVWHHJC.js";

package/dist/schema.d.ts

@@ -56,6 +56,14 @@ declare const REVEALED_ATTRIBUTE = "data-cms-revealed";
 /** Sent to a revealed part, and bubbling up from it, for a site that shows it with a script. */
 declare const REVEAL_EVENT = "cms:reveal";
 
+/** On a part that moves: `<div data-cms-popover>`, or on the marked element itself. */
+declare const POPOVER_ATTRIBUTE = "data-cms-popover";
+/**
+ * Set by the bridge on a moving part it holds still. The bridge pauses the part's CSS animations
+ * and transitions itself; a site that moves the part with a script stops it while this is set.
+ */
+declare const HELD_ATTRIBUTE = "data-cms-held";
+
 /** Where a link leads, as the editor offers it. */
 type LinkTarget = {
     readonly kind: "page";
@@ -288,4 +296,4 @@ interface RequestFailedDetail {
     readonly issues: readonly RequestIssue[];
 }
 
-export { CONSENT_PAGE_PATH, CONSENT_REQUIRED_TEXT, CollectionField, type CollectionRecords, Content, ContentOf, type ContentPath, FIELD_PATH_ATTRIBUTE, type FieldMarker, Fields, GroupField, ImageValue, type JsonObject, type LinkKind, type LinkTarget, LinkValue, MAX_SLUG_LENGTH, NumberField, PRIVACY_PAGE_PATH, type PolicyOperator, type PolicySource, RECORD_ID_KEY, REQUEST_CONSENT_KEY, REQUEST_FAILED_EVENT, REQUEST_FORM_KEY, REQUEST_ISSUE_TEXTS, REQUEST_PAGE_KEY, REQUEST_SEND_EVENT, REQUEST_SENT_EVENT, REQUEST_TRAP_KEY, REVEALED_ATTRIBUTE, REVEAL_ATTRIBUTE, REVEAL_EVENT, type Rate, RecordFields, RecordOf, type RequestEntries, type RequestFailedDetail, type RequestFailure, RequestForm, type RequestIssue, type RequestIssueCode, type RequestReading, type RequestSendDetail, type RequestSentDetail, type RequestValue, RichText, RichTextField, SITE_CONFIG_FILE, type SiteConfig, type SiteConfigField, type SiteConfigReading, TextField, collectionAt, collectionFieldAt, editable, estimateOf, findRecord, hrefOf, imagePosition, isConsentGiven, isContentObject, isEmailAddress, isJsonObject, isPhoneNumber, isRecordId, isSiteId, isSlug, isTrapFilled, linkTargetOf, newRecord, privacyConsentFields, privacyConsentTextOf, privacyPolicyFields, privacyPolicyTextOf, ratesField, readRequestEntries, readRequestValues, readSiteConfig, requestPageOf, requestsPathOf, safeHref, slugFieldOf, slugOf, withRecordIds };
+export { CONSENT_PAGE_PATH, CONSENT_REQUIRED_TEXT, CollectionField, type CollectionRecords, Content, ContentOf, type ContentPath, FIELD_PATH_ATTRIBUTE, type FieldMarker, Fields, GroupField, HELD_ATTRIBUTE, ImageValue, type JsonObject, type LinkKind, type LinkTarget, LinkValue, MAX_SLUG_LENGTH, NumberField, POPOVER_ATTRIBUTE, PRIVACY_PAGE_PATH, type PolicyOperator, type PolicySource, RECORD_ID_KEY, REQUEST_CONSENT_KEY, REQUEST_FAILED_EVENT, REQUEST_FORM_KEY, REQUEST_ISSUE_TEXTS, REQUEST_PAGE_KEY, REQUEST_SEND_EVENT, REQUEST_SENT_EVENT, REQUEST_TRAP_KEY, REVEALED_ATTRIBUTE, REVEAL_ATTRIBUTE, REVEAL_EVENT, type Rate, RecordFields, RecordOf, type RequestEntries, type RequestFailedDetail, type RequestFailure, RequestForm, type RequestIssue, type RequestIssueCode, type RequestReading, type RequestSendDetail, type RequestSentDetail, type RequestValue, RichText, RichTextField, SITE_CONFIG_FILE, type SiteConfig, type SiteConfigField, type SiteConfigReading, TextField, collectionAt, collectionFieldAt, editable, estimateOf, findRecord, hrefOf, imagePosition, isConsentGiven, isContentObject, isEmailAddress, isJsonObject, isPhoneNumber, isRecordId, isSiteId, isSlug, isTrapFilled, linkTargetOf, newRecord, privacyConsentFields, privacyConsentTextOf, privacyPolicyFields, privacyPolicyTextOf, ratesField, readRequestEntries, readRequestValues, readSiteConfig, requestPageOf, requestsPathOf, safeHref, slugFieldOf, slugOf, withRecordIds };

package/dist/schema.js

@@ -5,10 +5,12 @@ import {
   DEFAULT_TEXT_LENGTH,
   FIELD_PATH_ATTRIBUTE,
   FIELD_PATH_SEPARATOR,
+  HELD_ATTRIBUTE,
   HOME_PAGE_PATH,
   MAX_REQUEST_FIELD_LENGTH,
   MAX_SLUG_LENGTH,
   PAGE_PATH_SEPARATOR,
+  POPOVER_ATTRIBUTE,
   PRIVACY_PAGE_PATH,
   RECORD_ID_KEY,
   RECORD_PLACEHOLDER,
@@ -112,7 +114,7 @@ import {
   toggle,
   url,
   withRecordIds
-} from "./chunk-ZH6Q4KMM.js";
+} from "./chunk-HFCQRPPJ.js";
 export {
   CONSENT_PAGE_PATH,
   CONSENT_REQUIRED_TEXT,
@@ -120,10 +122,12 @@ export {
   DEFAULT_TEXT_LENGTH,
   FIELD_PATH_ATTRIBUTE,
   FIELD_PATH_SEPARATOR,
+  HELD_ATTRIBUTE,
   HOME_PAGE_PATH,
   MAX_REQUEST_FIELD_LENGTH,
   MAX_SLUG_LENGTH,
   PAGE_PATH_SEPARATOR,
+  POPOVER_ATTRIBUTE,
   PRIVACY_PAGE_PATH,
   RECORD_ID_KEY,
   RECORD_PLACEHOLDER,

package/dist/site.js

@@ -3,12 +3,12 @@ import {
   previewedPageAt,
   renderedPageAt,
   staticPagesOf
-} from "./chunk-6F7DPGWS.js";
+} from "./chunk-3DQI4G6H.js";
 import {
   checkSiteDescription,
   formatFieldPath,
   parseContent
-} from "./chunk-ZH6Q4KMM.js";
+} from "./chunk-HFCQRPPJ.js";
 import {
   SITE_MODULE_FILE
 } from "./chunk-QCVWHHJC.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seamlet/astro",
-  "version": "2.1.0",
+  "version": "2.2.1",
   "description": "Connects an Astro site to the Seamlet CMS: the schema of its content, the preview the editor frames, and its published content.",
   "license": "MIT",
   "type": "module",