@pisell/materials 6.11.42 → 6.11.44

package/lib/components/pisellFloorMapLayout/hooks/useFloorMapTransformMetrics.js

@@ -24,8 +24,7 @@ __export(useFloorMapTransformMetrics_exports, {
 module.exports = __toCommonJS(useFloorMapTransformMetrics_exports);
 var import_react = require("react");
 var import_layoutMeasurements = require("../utils/layoutMeasurements");
-var DEFAULT_BOUNDING_PADDING = 56;
-var VIEWPORT_TOP_LEFT_MARGIN = 16;
+var import_floorMapViewportPersistence = require("./floorMapViewportPersistence");
 function useFloorMapTransformMetrics(params) {
   const {
     items,
@@ -38,9 +37,10 @@ function useFloorMapTransformMetrics(params) {
     transformRef,
     contentOffsetRef,
     boundingPadding: boundingPaddingProp,
-    frameResetKey
+    frameResetKey,
+    viewportPersistKey
   } = params;
-  const padSingle = boundingPaddingProp ?? DEFAULT_BOUNDING_PADDING;
+  const padSingle = boundingPaddingProp ?? import_floorMapViewportPersistence.DEFAULT_BOUNDING_PADDING;
   const containerRef = (0, import_react.useRef)(null);
   const mapAreaRef = (0, import_react.useRef)(null);
   const [viewportSize, setViewportSize] = (0, import_react.useState)({ width: 0, height: 0 });
@@ -77,6 +77,32 @@ function useFloorMapTransformMetrics(params) {
   );
   const [scale, setScale] = (0, import_react.useState)(zoomConfig.initialScale);
   const [isFullscreen, setIsFullscreen] = (0, import_react.useState)(false);
+  const lastFitSnapshotRef = (0, import_react.useRef)(null);
+  const [isAtFitBounds, setIsAtFitBounds] = (0, import_react.useState)(false);
+  const [viewportLocked, setViewportLockedState] = (0, import_react.useState)(
+    () => viewportPersistKey ? (0, import_floorMapViewportPersistence.readPersistedViewportLock)(viewportPersistKey) : false
+  );
+  const viewportLockedRef = (0, import_react.useRef)(viewportLocked);
+  viewportLockedRef.current = viewportLocked;
+  (0, import_react.useEffect)(() => {
+    if (!viewportPersistKey) {
+      setViewportLockedState(false);
+      return;
+    }
+    setViewportLockedState((0, import_floorMapViewportPersistence.readPersistedViewportLock)(viewportPersistKey));
+  }, [viewportPersistKey]);
+  const setViewportLocked = (0, import_react.useCallback)(
+    (next) => {
+      setViewportLockedState(next);
+      const key = viewportPersistKey;
+      if (!key) return;
+      (0, import_floorMapViewportPersistence.writePersistedViewportLock)(key, next);
+    },
+    [viewportPersistKey]
+  );
+  const toggleViewportLocked = (0, import_react.useCallback)(() => {
+    setViewportLocked(!viewportLockedRef.current);
+  }, [setViewportLocked]);
   const {
     contentWidth,
     contentHeight,
@@ -137,8 +163,8 @@ function useFloorMapTransformMetrics(params) {
     padSingle
   ]);
   const padForAlign = alignPadSingle ?? 0;
-  const initialPositionX = VIEWPORT_TOP_LEFT_MARGIN - padForAlign * zoomConfig.initialScale;
-  const initialPositionY = VIEWPORT_TOP_LEFT_MARGIN - padForAlign * zoomConfig.initialScale;
+  const initialPositionX = import_floorMapViewportPersistence.VIEWPORT_TOP_LEFT_MARGIN - padForAlign * zoomConfig.initialScale;
+  const initialPositionY = import_floorMapViewportPersistence.VIEWPORT_TOP_LEFT_MARGIN - padForAlign * zoomConfig.initialScale;
   contentOffsetRef.current = { x: contentOffsetX, y: contentOffsetY };
   const initialAlignRef = (0, import_react.useRef)({
     frame: "",
@@ -190,23 +216,26 @@ function useFloorMapTransformMetrics(params) {
     autoFitOnMount
   ]);
   (0, import_react.useEffect)(() => {
-    const el = containerRef.current;
-    if (!el) return;
-    const onFullscreenChange = () => setIsFullscreen(document.fullscreenElement === el);
-    document.addEventListener("fullscreenchange", onFullscreenChange);
-    return () => document.removeEventListener("fullscreenchange", onFullscreenChange);
+    if (!isFullscreen) return;
+    if (typeof document === "undefined") return;
+    const bodyCls = "pisell-floor-map-layout-fullscreen-host";
+    document.body.classList.add(bodyCls);
+    return () => {
+      document.body.classList.remove(bodyCls);
+    };
+  }, [isFullscreen]);
+  (0, import_react.useEffect)(() => {
+    return () => {
+      if (typeof document === "undefined") return;
+      document.body.classList.remove("pisell-floor-map-layout-fullscreen-host");
+    };
   }, []);
   const toggleFullscreen = (0, import_react.useCallback)(() => {
-    var _a, _b;
-    const el = containerRef.current;
-    if (!el) return;
-    if (document.fullscreenElement) {
-      (_a = document.exitFullscreen) == null ? void 0 : _a.call(document);
-    } else {
-      (_b = el.requestFullscreen) == null ? void 0 : _b.call(el);
-    }
+    setIsFullscreen((prev) => !prev);
   }, []);
+  const fitBoundsRef = (0, import_react.useRef)(null);
   const fitBounds = (0, import_react.useCallback)(() => {
+    if (viewportLockedRef.current) return true;
     const ctx = transformRef.current;
     const container = containerRef.current;
     if (!ctx || !container) return false;
@@ -229,6 +258,8 @@ function useFloorMapTransformMetrics(params) {
       const x2 = wrapperRect.width / 2 - bboxCx * nextScale2;
       const y2 = wrapperRect.height / 2 - bboxCy * nextScale2;
       ctx.setTransform(x2, y2, nextScale2);
+      lastFitSnapshotRef.current = { x: x2, y: y2, scale: nextScale2 };
+      setIsAtFitBounds(true);
       return true;
     }
     if (contentWidth <= 0 || contentHeight <= 0) return false;
@@ -238,9 +269,11 @@ function useFloorMapTransformMetrics(params) {
     );
     const nextScale = Math.min(raw, zoom.max ?? 2);
     const padA = alignPadSingle ?? 0;
-    const x = VIEWPORT_TOP_LEFT_MARGIN - padA * nextScale;
-    const y = VIEWPORT_TOP_LEFT_MARGIN - padA * nextScale;
+    const x = import_floorMapViewportPersistence.VIEWPORT_TOP_LEFT_MARGIN - padA * nextScale;
+    const y = import_floorMapViewportPersistence.VIEWPORT_TOP_LEFT_MARGIN - padA * nextScale;
     ctx.setTransform(x, y, nextScale);
+    lastFitSnapshotRef.current = { x, y, scale: nextScale };
+    setIsAtFitBounds(true);
     return true;
   }, [
     contentWidth,
@@ -254,21 +287,29 @@ function useFloorMapTransformMetrics(params) {
     cellSize,
     padSingle
   ]);
+  fitBoundsRef.current = fitBounds;
   const autoFitOnceRef = (0, import_react.useRef)({
     frame: "",
     done: false
   });
   const prevItemsCountForAutoFitRef = (0, import_react.useRef)(null);
+  const cachedRestoredFrameRef = (0, import_react.useRef)("");
   (0, import_react.useLayoutEffect)(() => {
     if (!isFloorMapView || !autoFitOnMount || frameResetKey === void 0) return;
     const frame = String(frameResetKey);
     if (autoFitOnceRef.current.frame !== frame) {
       autoFitOnceRef.current = { frame, done: false };
       prevItemsCountForAutoFitRef.current = null;
+      if (viewportPersistKey && (0, import_floorMapViewportPersistence.readPersistedViewport)(viewportPersistKey)) {
+        autoFitOnceRef.current.done = true;
+        cachedRestoredFrameRef.current = frame;
+      } else if (cachedRestoredFrameRef.current !== frame) {
+        cachedRestoredFrameRef.current = "";
+      }
     }
     const itemCount = items.length;
     const prevN = prevItemsCountForAutoFitRef.current;
-    if (prevN !== null && prevN === 0 && itemCount > 0) {
+    if (prevN !== null && prevN === 0 && itemCount > 0 && cachedRestoredFrameRef.current !== frame) {
       autoFitOnceRef.current.done = false;
     }
     prevItemsCountForAutoFitRef.current = itemCount;
@@ -334,7 +375,8 @@ function useFloorMapTransformMetrics(params) {
     mapAreaSize.width,
     mapAreaSize.height,
     fitBounds,
-    transformRef
+    transformRef,
+    viewportPersistKey
   ]);
   const lastTransformRef = (0, import_react.useRef)({ x: 0, y: 0, scale: 1 });
   const [isInteractingWithElement, setIsInteractingWithElement] = (0, import_react.useState)(false);
@@ -353,6 +395,129 @@ function useFloorMapTransformMetrics(params) {
     });
     return () => cancelAnimationFrame(raf);
   }, [isInteractingWithElement, transformRef]);
+  const persistKeyRef = (0, import_react.useRef)(viewportPersistKey);
+  persistKeyRef.current = viewportPersistKey;
+  const persistTimerRef = (0, import_react.useRef)(null);
+  const flushPersistRef = (0, import_react.useRef)(null);
+  const schedulePersistViewport = (0, import_react.useCallback)(
+    (snapshot) => {
+      const key = persistKeyRef.current;
+      if (!key) return;
+      if (persistTimerRef.current != null) {
+        clearTimeout(persistTimerRef.current);
+        persistTimerRef.current = null;
+      }
+      const targetKey = key;
+      const doWrite = () => {
+        persistTimerRef.current = null;
+        flushPersistRef.current = null;
+        (0, import_floorMapViewportPersistence.writePersistedViewport)(targetKey, snapshot);
+      };
+      flushPersistRef.current = doWrite;
+      persistTimerRef.current = setTimeout(doWrite, import_floorMapViewportPersistence.VIEWPORT_PERSIST_DEBOUNCE_MS);
+    },
+    []
+  );
+  const notifyTransformed = (0, import_react.useCallback)(
+    (x, y, nextScale) => {
+      lastTransformRef.current = { x, y, scale: nextScale };
+      const snap = lastFitSnapshotRef.current;
+      if (snap) {
+        const same = Math.abs(snap.x - x) < import_floorMapViewportPersistence.FIT_BOUNDS_MATCH_POS_EPSILON && Math.abs(snap.y - y) < import_floorMapViewportPersistence.FIT_BOUNDS_MATCH_POS_EPSILON && Math.abs(snap.scale - nextScale) < import_floorMapViewportPersistence.FIT_BOUNDS_MATCH_SCALE_EPSILON;
+        setIsAtFitBounds((prev) => prev === same ? prev : same);
+      } else {
+        setIsAtFitBounds((prev) => prev ? false : prev);
+      }
+    },
+    []
+  );
+  const persistCurrentViewport = (0, import_react.useCallback)(() => {
+    const snapshot = lastTransformRef.current;
+    schedulePersistViewport({
+      x: snapshot.x,
+      y: snapshot.y,
+      scale: snapshot.scale
+    });
+  }, [schedulePersistViewport]);
+  const frameResetKeyRef = (0, import_react.useRef)(frameResetKey);
+  frameResetKeyRef.current = frameResetKey;
+  const viewportPersistKeyRef = (0, import_react.useRef)(viewportPersistKey);
+  viewportPersistKeyRef.current = viewportPersistKey;
+  const applyPersistedViewport = (0, import_react.useCallback)(
+    (cached) => {
+      const ctx = transformRef.current;
+      if (!ctx) return false;
+      ctx.setTransform(cached.x, cached.y, cached.scale, 0);
+      lastTransformRef.current = { ...cached };
+      lastFitSnapshotRef.current = null;
+      setIsAtFitBounds(false);
+      autoFitOnceRef.current.done = true;
+      initialAlignRef.current.done = true;
+      const currentFrame = frameResetKeyRef.current;
+      if (currentFrame !== void 0) {
+        cachedRestoredFrameRef.current = String(currentFrame);
+      }
+      return true;
+    },
+    [transformRef]
+  );
+  (0, import_react.useEffect)(() => {
+    if (!viewportPersistKey) return;
+    const cached = (0, import_floorMapViewportPersistence.readPersistedViewport)(viewportPersistKey);
+    if (!cached) return;
+    let cancelled = false;
+    let raf1 = 0;
+    let raf2 = 0;
+    let attempts = 0;
+    const MAX_ATTEMPTS = 60;
+    const tick = () => {
+      if (cancelled) return;
+      if (!applyPersistedViewport(cached)) {
+        if (attempts++ < MAX_ATTEMPTS) {
+          raf1 = requestAnimationFrame(tick);
+        }
+      }
+    };
+    raf1 = requestAnimationFrame(() => {
+      raf2 = requestAnimationFrame(tick);
+    });
+    return () => {
+      cancelled = true;
+      cancelAnimationFrame(raf1);
+      cancelAnimationFrame(raf2);
+    };
+  }, [viewportPersistKey, frameResetKey, applyPersistedViewport]);
+  const attachTransformContext = (0, import_react.useCallback)(
+    (ctx) => {
+      transformRef.current = ctx;
+      const key = viewportPersistKeyRef.current;
+      const currentFrame = frameResetKeyRef.current;
+      if (!key || currentFrame === void 0) return;
+      const frameStr = String(currentFrame);
+      if (cachedRestoredFrameRef.current === frameStr) return;
+      const cached = (0, import_floorMapViewportPersistence.readPersistedViewport)(key);
+      if (!cached) return;
+      cachedRestoredFrameRef.current = frameStr;
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          if (frameResetKeyRef.current !== currentFrame) return;
+          applyPersistedViewport(cached);
+        });
+      });
+    },
+    [transformRef, applyPersistedViewport]
+  );
+  (0, import_react.useEffect)(() => {
+    return () => {
+      var _a;
+      if (persistTimerRef.current != null) {
+        clearTimeout(persistTimerRef.current);
+        persistTimerRef.current = null;
+      }
+      (_a = flushPersistRef.current) == null ? void 0 : _a.call(flushPersistRef);
+      flushPersistRef.current = null;
+    };
+  }, [viewportPersistKey]);
   return {
     containerRef,
     mapAreaRef,
@@ -370,9 +535,16 @@ function useFloorMapTransformMetrics(params) {
     isFullscreen,
     toggleFullscreen,
     fitBounds,
+    isAtFitBounds,
+    notifyTransformed,
+    persistCurrentViewport,
+    attachTransformContext,
     lastTransformRef,
     isInteractingWithElement,
-    setIsInteractingWithElement
+    setIsInteractingWithElement,
+    viewportLocked,
+    setViewportLocked,
+    toggleViewportLocked
   };
 }
 // Annotate the CommonJS export names for ESM import in node:

package/lib/components/pisellFloorMapLayout/index.d.ts

@@ -7,6 +7,7 @@ export type { PisellFloorMapLayoutProps, PisellFloorMapLayoutRef, FloorMapItemBa
 export { FLOOR_MAP_STAGE_ELEMENT_KIND, FLOOR_MAP_IMAGE_ELEMENT_KIND, } from './types';
 export { renderFloorMapFallbackPlaceholder } from './utils/floorMapFallbackRender';
 export { isFloorMapImageElementKind } from './utils/floorMapElementKindUtils';
+export { NAME_AS_TITLE_EXT_KEY, isElementNameAsTitleEnabled, buildNameAsTitleExtensionsPatch, resolveSceneElementDisplayTitle, } from './utils/floorMapElementNameAsTitle';
 export { findFloorMapRowByDataBinding, getFloorMapBindingPlaceholderReason, } from './utils/floorMapDataBindingUtils';
 export type { FloorMapDataSourceRow, FloorMapBindingPlaceholderReason, } from './utils/floorMapDataBindingUtils';
 export { createShopFloorPlanClient, SHOP_FLOOR_PLAN_DUPLICATE_CODE, } from './shopFloorPlan/shopFloorPlanClient';

package/lib/components/pisellFloorMapLayout/index.js

@@ -24,9 +24,11 @@ __export(pisellFloorMapLayout_exports, {
   FLOOR_MAP_STAGE_ELEMENT_KIND: () => import_types.FLOOR_MAP_STAGE_ELEMENT_KIND,
   FloorMapImageElement: () => import_FloorMapImageElement.FloorMapImageElement,
   FloorMapLayoutProvider: () => import_FloorMapLayoutContext.FloorMapLayoutProvider,
+  NAME_AS_TITLE_EXT_KEY: () => import_floorMapElementNameAsTitle.NAME_AS_TITLE_EXT_KEY,
   PisellFloorMapLayout: () => import_PisellFloorMapLayout.PisellFloorMapLayout,
   SHOP_FLOOR_PLAN_DUPLICATE_CODE: () => import_shopFloorPlanClient.SHOP_FLOOR_PLAN_DUPLICATE_CODE,
   buildFloorPlanPutBody: () => import_shopFloorPlanPure.buildFloorPlanPutBody,
+  buildNameAsTitleExtensionsPatch: () => import_floorMapElementNameAsTitle.buildNameAsTitleExtensionsPatch,
   createShopFloorPlanClient: () => import_shopFloorPlanClient.createShopFloorPlanClient,
   findFloorMapRowByDataBinding: () => import_floorMapDataBindingUtils.findFloorMapRowByDataBinding,
   floorMapSavedConfigToRemotePatch: () => import_shopFloorPlanPure.floorMapSavedConfigToRemotePatch,
@@ -35,6 +37,7 @@ __export(pisellFloorMapLayout_exports, {
   getRenderItemByKindRoundTable: () => import_FigmaTableCard.getRenderItemByKindRoundTable,
   getRenderItemByKindTable: () => import_FigmaTableCard.getRenderItemByKindTable,
   inferCanvasSizeFromScene: () => import_shopFloorPlanPure.inferCanvasSizeFromScene,
+  isElementNameAsTitleEnabled: () => import_floorMapElementNameAsTitle.isElementNameAsTitleEnabled,
   isFloorMapImageElementKind: () => import_floorMapElementKindUtils.isFloorMapImageElementKind,
   isFloorPlanDuplicateCodeError: () => import_shopFloorPlanPure.isFloorPlanDuplicateCodeError,
   isHttpNotFoundError: () => import_shopFloorPlanPure.isHttpNotFoundError,
@@ -46,6 +49,7 @@ __export(pisellFloorMapLayout_exports, {
   renderFigmaStyleRoundTableCard: () => import_FigmaTableCard.renderFigmaStyleRoundTableCard,
   renderFigmaStyleTableCard: () => import_FigmaTableCard.renderFigmaStyleTableCard,
   renderFloorMapFallbackPlaceholder: () => import_floorMapFallbackRender.renderFloorMapFallbackPlaceholder,
+  resolveSceneElementDisplayTitle: () => import_floorMapElementNameAsTitle.resolveSceneElementDisplayTitle,
   sceneElementsToShopLayout: () => import_shopFloorPlanMapping.sceneElementsToShopLayout,
   shopLayoutToSceneElements: () => import_shopFloorPlanMapping.shopLayoutToSceneElements,
   useFloorMapLayoutContext: () => import_FloorMapLayoutContext.useFloorMapLayoutContext,
@@ -58,6 +62,7 @@ var import_PisellFloorMapLayout = require("./PisellFloorMapLayout");
 var import_types = require("./types");
 var import_floorMapFallbackRender = require("./utils/floorMapFallbackRender");
 var import_floorMapElementKindUtils = require("./utils/floorMapElementKindUtils");
+var import_floorMapElementNameAsTitle = require("./utils/floorMapElementNameAsTitle");
 var import_floorMapDataBindingUtils = require("./utils/floorMapDataBindingUtils");
 var import_shopFloorPlanClient = require("./shopFloorPlan/shopFloorPlanClient");
 var import_shopFloorPlanPure = require("./shopFloorPlan/shopFloorPlanPure");
@@ -75,9 +80,11 @@ var import_FigmaTableCard = require("./components/FigmaTableCard");
   FLOOR_MAP_STAGE_ELEMENT_KIND,
   FloorMapImageElement,
   FloorMapLayoutProvider,
+  NAME_AS_TITLE_EXT_KEY,
   PisellFloorMapLayout,
   SHOP_FLOOR_PLAN_DUPLICATE_CODE,
   buildFloorPlanPutBody,
+  buildNameAsTitleExtensionsPatch,
   createShopFloorPlanClient,
   findFloorMapRowByDataBinding,
   floorMapSavedConfigToRemotePatch,
@@ -86,6 +93,7 @@ var import_FigmaTableCard = require("./components/FigmaTableCard");
   getRenderItemByKindRoundTable,
   getRenderItemByKindTable,
   inferCanvasSizeFromScene,
+  isElementNameAsTitleEnabled,
   isFloorMapImageElementKind,
   isFloorPlanDuplicateCodeError,
   isHttpNotFoundError,
@@ -97,6 +105,7 @@ var import_FigmaTableCard = require("./components/FigmaTableCard");
   renderFigmaStyleRoundTableCard,
   renderFigmaStyleTableCard,
   renderFloorMapFallbackPlaceholder,
+  resolveSceneElementDisplayTitle,
   sceneElementsToShopLayout,
   shopLayoutToSceneElements,
   useFloorMapLayoutContext,

package/lib/components/pisellFloorMapLayout/locales-ja.d.ts

@@ -12,6 +12,14 @@ declare const _default: {
     'pisell-floor-map-layout.edit-top-bar.unsaved': string;
     'pisell-floor-map-layout.edit-top-bar.save': string;
     'pisell-floor-map-layout.edit-top-bar.saving': string;
+    'pisell-floor-map-layout.edit-top-bar.undo': string;
+    'pisell-floor-map-layout.edit-top-bar.redo': string;
+    'pisell-floor-map-layout.edit-top-bar.cancel-edit': string;
+    'pisell-floor-map-layout.edit-top-bar.finish-edit': string;
+    'pisell-floor-map-layout.edit-top-bar.cancel-confirm-title': string;
+    'pisell-floor-map-layout.edit-top-bar.cancel-confirm-content': string;
+    'pisell-floor-map-layout.edit-top-bar.cancel-confirm-ok': string;
+    'pisell-floor-map-layout.edit-top-bar.cancel-confirm-cancel': string;
     'pisell-floor-map-layout.canvas-tabs.empty': string;
     'pisell-floor-map-layout.canvas-tabs.add': string;
     'pisell-floor-map-layout.canvas-tabs.add-title': string;
@@ -41,6 +49,8 @@ declare const _default: {
     'pisell-floor-map-layout.edit-panel.label-name-stage': string;
     'pisell-floor-map-layout.edit-panel.ph-name-stage': string;
     'pisell-floor-map-layout.edit-panel.ph-name': string;
+    'pisell-floor-map-layout.edit-panel.label-name-as-title': string;
+    'pisell-floor-map-layout.edit-panel.tip-name-as-title': string;
     'pisell-floor-map-layout.edit-panel.label-image-url': string;
     'pisell-floor-map-layout.edit-panel.extra-image-url': string;
     'pisell-floor-map-layout.edit-panel.ph-https': string;
@@ -81,6 +91,8 @@ declare const _default: {
     'pisell-floor-map-layout.toolbar.layout-dirty-hint': string;
     'pisell-floor-map-layout.toolbar.save': string;
     'pisell-floor-map-layout.toolbar.saving': string;
+    'pisell-floor-map-layout.toolbar.collapse': string;
+    'pisell-floor-map-layout.toolbar.expand': string;
     'pisell-floor-map-layout.view-controls.zoom-out-aria': string;
     'pisell-floor-map-layout.view-controls.zoom-in-aria': string;
     'pisell-floor-map-layout.view-controls.reset-aria': string;
@@ -91,6 +103,8 @@ declare const _default: {
     'pisell-floor-map-layout.view-controls.fullscreen-exit-aria': string;
     'pisell-floor-map-layout.view-controls.expand-tools-aria': string;
     'pisell-floor-map-layout.view-controls.collapse-tools-aria': string;
+    'pisell-floor-map-layout.view-controls.viewport-lock-aria': string;
+    'pisell-floor-map-layout.view-controls.viewport-unlock-aria': string;
     'pisell-floor-map-layout.image-element.default-name': string;
     'pisell-floor-map-layout.placement.fallback-image-name': string;
     'pisell-floor-map-layout.image-element.hint-no-url': string;
@@ -109,5 +123,11 @@ declare const _default: {
     'pisell-floor-map-layout.figma-card.default-table': string;
     'pisell-floor-map-layout.figma-card.capacity-seats': string;
     'pisell-floor-map-layout.figma-card.guests-count': string;
+    'pisell-floor-map-layout.figma-card.status-available': string;
+    'pisell-floor-map-layout.figma-card.status-reserved': string;
+    'pisell-floor-map-layout.figma-card.status-waiting': string;
+    'pisell-floor-map-layout.figma-card.status-dining': string;
+    'pisell-floor-map-layout.figma-card.status-billed': string;
+    'pisell-floor-map-layout.figma-card.status-availableSoon': string;
 };
 export default _default;

package/lib/components/pisellFloorMapLayout/locales-ja.js

@@ -33,6 +33,14 @@ var locales_ja_default = {
   "pisell-floor-map-layout.edit-top-bar.unsaved": "未保存",
   "pisell-floor-map-layout.edit-top-bar.save": "保存",
   "pisell-floor-map-layout.edit-top-bar.saving": "保存中…",
+  "pisell-floor-map-layout.edit-top-bar.undo": "元に戻す",
+  "pisell-floor-map-layout.edit-top-bar.redo": "やり直す",
+  "pisell-floor-map-layout.edit-top-bar.cancel-edit": "キャンセル",
+  "pisell-floor-map-layout.edit-top-bar.finish-edit": "完了",
+  "pisell-floor-map-layout.edit-top-bar.cancel-confirm-title": "未保存の変更",
+  "pisell-floor-map-layout.edit-top-bar.cancel-confirm-content": "このページを離れると、保存していない変更は失われます。",
+  "pisell-floor-map-layout.edit-top-bar.cancel-confirm-ok": "確定",
+  "pisell-floor-map-layout.edit-top-bar.cancel-confirm-cancel": "キャンセル",
   "pisell-floor-map-layout.canvas-tabs.empty": "キャンバスがありません",
   "pisell-floor-map-layout.canvas-tabs.add": "+ フロアを追加",
   "pisell-floor-map-layout.canvas-tabs.add-title": "フロアを追加",
@@ -62,6 +70,8 @@ var locales_ja_default = {
   "pisell-floor-map-layout.edit-panel.label-name-stage": "表示名（キャンバス上）",
   "pisell-floor-map-layout.edit-panel.ph-name-stage": "例：ステージ、DJ ブース、ダンスフロア",
   "pisell-floor-map-layout.edit-panel.ph-name": "要素名",
+  "pisell-floor-map-layout.edit-panel.label-name-as-title": "この名前をリソース名として使用",
+  "pisell-floor-map-layout.edit-panel.tip-name-as-title": "有効にするとキャンバス上のカードのタイトルがこの名前になり、紐付けたレコードのタイトルを上書きします。",
   "pisell-floor-map-layout.edit-panel.label-image-url": "画像 URL",
   "pisell-floor-map-layout.edit-panel.extra-image-url": "ネットワーク上の画像 URL を指定。重なり順を下げるとテーブルの下に配置できます。",
   "pisell-floor-map-layout.edit-panel.ph-https": "https://...",
@@ -102,6 +112,8 @@ var locales_ja_default = {
   "pisell-floor-map-layout.toolbar.layout-dirty-hint": "レイアウトが変更されました。「保存」で確定してください。",
   "pisell-floor-map-layout.toolbar.save": "保存",
   "pisell-floor-map-layout.toolbar.saving": "保存中…",
+  "pisell-floor-map-layout.toolbar.collapse": "パネルを折りたたむ",
+  "pisell-floor-map-layout.toolbar.expand": "パネルを展開",
   "pisell-floor-map-layout.view-controls.zoom-out-aria": "縮小",
   "pisell-floor-map-layout.view-controls.zoom-in-aria": "拡大",
   "pisell-floor-map-layout.view-controls.reset-aria": "表示をリセット",
@@ -112,6 +124,8 @@ var locales_ja_default = {
   "pisell-floor-map-layout.view-controls.fullscreen-exit-aria": "全画面を終了",
   "pisell-floor-map-layout.view-controls.expand-tools-aria": "その他の表示ツールを表示",
   "pisell-floor-map-layout.view-controls.collapse-tools-aria": "その他の表示ツールを隠す",
+  "pisell-floor-map-layout.view-controls.viewport-lock-aria": "ビューを固定（パン・ズームを無効化）",
+  "pisell-floor-map-layout.view-controls.viewport-unlock-aria": "ビュー固定を解除",
   "pisell-floor-map-layout.image-element.default-name": "画像要素",
   "pisell-floor-map-layout.placement.fallback-image-name": "背景",
   "pisell-floor-map-layout.image-element.hint-no-url": "サイドバーで画像 URL を入力。重なり順を下げるとテーブル下の背景にできます。",
@@ -129,5 +143,11 @@ var locales_ja_default = {
   "pisell-floor-map-layout.figma-card.kind-square-table": "テーブル",
   "pisell-floor-map-layout.figma-card.default-table": "テーブル",
   "pisell-floor-map-layout.figma-card.capacity-seats": "着席 {n} 名",
-  "pisell-floor-map-layout.figma-card.guests-count": "{n} 名"
+  "pisell-floor-map-layout.figma-card.guests-count": "{n} 名",
+  "pisell-floor-map-layout.figma-card.status-available": "空席",
+  "pisell-floor-map-layout.figma-card.status-reserved": "予約済",
+  "pisell-floor-map-layout.figma-card.status-waiting": "待機中",
+  "pisell-floor-map-layout.figma-card.status-dining": "食事中",
+  "pisell-floor-map-layout.figma-card.status-billed": "会計済",
+  "pisell-floor-map-layout.figma-card.status-availableSoon": "間もなく"
 };

package/lib/components/pisellFloorMapLayout/locales-pt.d.ts

@@ -12,6 +12,14 @@ declare const _default: {
     'pisell-floor-map-layout.edit-top-bar.unsaved': string;
     'pisell-floor-map-layout.edit-top-bar.save': string;
     'pisell-floor-map-layout.edit-top-bar.saving': string;
+    'pisell-floor-map-layout.edit-top-bar.undo': string;
+    'pisell-floor-map-layout.edit-top-bar.redo': string;
+    'pisell-floor-map-layout.edit-top-bar.cancel-edit': string;
+    'pisell-floor-map-layout.edit-top-bar.finish-edit': string;
+    'pisell-floor-map-layout.edit-top-bar.cancel-confirm-title': string;
+    'pisell-floor-map-layout.edit-top-bar.cancel-confirm-content': string;
+    'pisell-floor-map-layout.edit-top-bar.cancel-confirm-ok': string;
+    'pisell-floor-map-layout.edit-top-bar.cancel-confirm-cancel': string;
     'pisell-floor-map-layout.canvas-tabs.empty': string;
     'pisell-floor-map-layout.canvas-tabs.add': string;
     'pisell-floor-map-layout.canvas-tabs.add-title': string;
@@ -41,6 +49,8 @@ declare const _default: {
     'pisell-floor-map-layout.edit-panel.label-name-stage': string;
     'pisell-floor-map-layout.edit-panel.ph-name-stage': string;
     'pisell-floor-map-layout.edit-panel.ph-name': string;
+    'pisell-floor-map-layout.edit-panel.label-name-as-title': string;
+    'pisell-floor-map-layout.edit-panel.tip-name-as-title': string;
     'pisell-floor-map-layout.edit-panel.label-image-url': string;
     'pisell-floor-map-layout.edit-panel.extra-image-url': string;
     'pisell-floor-map-layout.edit-panel.ph-https': string;
@@ -81,6 +91,8 @@ declare const _default: {
     'pisell-floor-map-layout.toolbar.layout-dirty-hint': string;
     'pisell-floor-map-layout.toolbar.save': string;
     'pisell-floor-map-layout.toolbar.saving': string;
+    'pisell-floor-map-layout.toolbar.collapse': string;
+    'pisell-floor-map-layout.toolbar.expand': string;
     'pisell-floor-map-layout.view-controls.zoom-out-aria': string;
     'pisell-floor-map-layout.view-controls.zoom-in-aria': string;
     'pisell-floor-map-layout.view-controls.reset-aria': string;
@@ -91,6 +103,8 @@ declare const _default: {
     'pisell-floor-map-layout.view-controls.fullscreen-exit-aria': string;
     'pisell-floor-map-layout.view-controls.expand-tools-aria': string;
     'pisell-floor-map-layout.view-controls.collapse-tools-aria': string;
+    'pisell-floor-map-layout.view-controls.viewport-lock-aria': string;
+    'pisell-floor-map-layout.view-controls.viewport-unlock-aria': string;
     'pisell-floor-map-layout.image-element.default-name': string;
     'pisell-floor-map-layout.placement.fallback-image-name': string;
     'pisell-floor-map-layout.image-element.hint-no-url': string;
@@ -109,5 +123,11 @@ declare const _default: {
     'pisell-floor-map-layout.figma-card.default-table': string;
     'pisell-floor-map-layout.figma-card.capacity-seats': string;
     'pisell-floor-map-layout.figma-card.guests-count': string;
+    'pisell-floor-map-layout.figma-card.status-available': string;
+    'pisell-floor-map-layout.figma-card.status-reserved': string;
+    'pisell-floor-map-layout.figma-card.status-waiting': string;
+    'pisell-floor-map-layout.figma-card.status-dining': string;
+    'pisell-floor-map-layout.figma-card.status-billed': string;
+    'pisell-floor-map-layout.figma-card.status-availableSoon': string;
 };
 export default _default;

package/lib/components/pisellFloorMapLayout/locales-pt.js

@@ -33,6 +33,14 @@ var locales_pt_default = {
   "pisell-floor-map-layout.edit-top-bar.unsaved": "Não guardado",
   "pisell-floor-map-layout.edit-top-bar.save": "Guardar",
   "pisell-floor-map-layout.edit-top-bar.saving": "A guardar…",
+  "pisell-floor-map-layout.edit-top-bar.undo": "Anular",
+  "pisell-floor-map-layout.edit-top-bar.redo": "Refazer",
+  "pisell-floor-map-layout.edit-top-bar.cancel-edit": "Cancelar",
+  "pisell-floor-map-layout.edit-top-bar.finish-edit": "Concluir",
+  "pisell-floor-map-layout.edit-top-bar.cancel-confirm-title": "Alterações não guardadas",
+  "pisell-floor-map-layout.edit-top-bar.cancel-confirm-content": "Se sair desta página, quaisquer alterações não guardadas serão perdidas.",
+  "pisell-floor-map-layout.edit-top-bar.cancel-confirm-ok": "OK",
+  "pisell-floor-map-layout.edit-top-bar.cancel-confirm-cancel": "Cancelar",
   "pisell-floor-map-layout.canvas-tabs.empty": "Sem canvas",
   "pisell-floor-map-layout.canvas-tabs.add": "+ Adicionar piso",
   "pisell-floor-map-layout.canvas-tabs.add-title": "Adicionar piso",
@@ -62,6 +70,8 @@ var locales_pt_default = {
   "pisell-floor-map-layout.edit-panel.label-name-stage": "Nome (no canvas)",
   "pisell-floor-map-layout.edit-panel.ph-name-stage": "Ex.: palco, cabine DJ, pista de dança",
   "pisell-floor-map-layout.edit-panel.ph-name": "Nome do elemento",
+  "pisell-floor-map-layout.edit-panel.label-name-as-title": "Usar este nome como título do recurso",
+  "pisell-floor-map-layout.edit-panel.tip-name-as-title": "Quando ativado, este nome substitui o título do registro vinculado nos cards do mapa.",
   "pisell-floor-map-layout.edit-panel.label-image-url": "URL da imagem",
   "pisell-floor-map-layout.edit-panel.extra-image-url": "URL de imagem na rede. Baixe a ordem para colocar atrás das mesas.",
   "pisell-floor-map-layout.edit-panel.ph-https": "https://...",
@@ -102,6 +112,8 @@ var locales_pt_default = {
   "pisell-floor-map-layout.toolbar.layout-dirty-hint": "O layout foi alterado. Use «Guardar» para confirmar.",
   "pisell-floor-map-layout.toolbar.save": "Guardar",
   "pisell-floor-map-layout.toolbar.saving": "A guardar…",
+  "pisell-floor-map-layout.toolbar.collapse": "Recolher painel",
+  "pisell-floor-map-layout.toolbar.expand": "Expandir painel",
   "pisell-floor-map-layout.view-controls.zoom-out-aria": "Reduzir zoom",
   "pisell-floor-map-layout.view-controls.zoom-in-aria": "Aumentar zoom",
   "pisell-floor-map-layout.view-controls.reset-aria": "Repor vista",
@@ -112,6 +124,8 @@ var locales_pt_default = {
   "pisell-floor-map-layout.view-controls.fullscreen-exit-aria": "Sair do ecrã inteiro",
   "pisell-floor-map-layout.view-controls.expand-tools-aria": "Mostrar mais ferramentas de vista",
   "pisell-floor-map-layout.view-controls.collapse-tools-aria": "Ocultar ferramentas extra",
+  "pisell-floor-map-layout.view-controls.viewport-lock-aria": "Bloquear vista (desativar deslocação e zoom)",
+  "pisell-floor-map-layout.view-controls.viewport-unlock-aria": "Desbloquear vista",
   "pisell-floor-map-layout.image-element.default-name": "Elemento de imagem",
   "pisell-floor-map-layout.placement.fallback-image-name": "Fundo",
   "pisell-floor-map-layout.image-element.hint-no-url": "Introduza o URL da imagem na barra lateral. Baixe a ordem para ficar atrás das mesas.",
@@ -129,5 +143,11 @@ var locales_pt_default = {
   "pisell-floor-map-layout.figma-card.kind-square-table": "Mesa",
   "pisell-floor-map-layout.figma-card.default-table": "Mesa",
   "pisell-floor-map-layout.figma-card.capacity-seats": "Lotação {n}",
-  "pisell-floor-map-layout.figma-card.guests-count": "{n} pessoas"
+  "pisell-floor-map-layout.figma-card.guests-count": "{n} pessoas",
+  "pisell-floor-map-layout.figma-card.status-available": "Livre",
+  "pisell-floor-map-layout.figma-card.status-reserved": "Reservada",
+  "pisell-floor-map-layout.figma-card.status-waiting": "Aguardando",
+  "pisell-floor-map-layout.figma-card.status-dining": "Em uso",
+  "pisell-floor-map-layout.figma-card.status-billed": "Cobrada",
+  "pisell-floor-map-layout.figma-card.status-availableSoon": "Em breve"
 };