@operato/layout 10.29.46 → 10.29.50

package/dist/src/actions/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/actions/layout.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult } from 'lit'\n\nimport { openPopup as openPopupWithResult, PopupOptions, setOpenPopupImplementation } from '@operato/popup'\nimport { PopupImplementationHandle } from '@operato/popup/implementation.js'\nimport { store } from '@operato/shell'\nimport { addressController } from '@operato/utils/address.js'\n\nexport type Viewpart = {\n  hovering?: 'center' | 'edge' | 'next'\n  show?: boolean\n  size?: string\n  title?: string\n  help?: string\n  level?: VIEWPART_LEVEL\n  closable?: boolean\n  search?: {\n    value?: string\n    handler?: (closure: any, value: string) => void\n    placeholder?: string\n  }\n  filter?: {\n    handler?: (closure: any) => void\n  }\n  backdrop?: boolean\n  temporary?: boolean /* auto remove */\n  persistent?: boolean /* application-wide dock remains available in fullbleed pages */\n  resizable?: boolean\n  movable?: boolean\n  template?: TemplateResult\n  position?: VIEWPART_POSITION\n  templateProperties?: any\n  zIndex?: number\n}\n\nexport type AppendViewpartAction = {\n  name: string\n  viewpart: Viewpart\n  position: VIEWPART_POSITION\n}\n\nexport const appendViewpart = ({ name, viewpart, position }: AppendViewpartAction) => {\n  store.dispatch({\n    type: APPEND_VIEWPART,\n    name,\n    viewpart: {\n      ...viewpart,\n      show: viewpart.hovering && viewpart.show ? false : viewpart.show\n    },\n    position\n  })\n\n  if (viewpart.hovering && viewpart.show) {\n    openOverlay(name)\n  }\n}\n\nexport const removeViewpart = (name: string) => {\n  store.dispatch({\n    type: REMOVE_VIEWPART,\n    name\n  })\n}\n\nexport const updateViewpart = (name: string, override: any) => {\n  store.dispatch({\n    type: UPDATE_VIEWPART,\n    name,\n    override\n  })\n}\n\nexport const APPEND_VIEWPART = 'APPEND_VIEWPART'\nexport const REMOVE_VIEWPART = 'REMOVE_VIEWPART'\nexport const UPDATE_VIEWPART = 'UPDATE_VIEWPART'\n\nexport enum VIEWPART_POSITION {\n  HEADERBAR = 'headerbar',\n  NAVBAR = 'navbar',\n  ASIDEBAR = 'asidebar',\n  FOOTERBAR = 'footerbar',\n  PAGE_HEADERBAR = 'page-headerbar',\n  PAGE_FOOTERBAR = 'page-footerbar'\n}\n\n/**\n * 각 뷰파트 스택의 순서를 정하는 속성이다.\n * 뷰파트의 level 속성에 정의되도록 한다.\n * 맨 위/아래/좌측/우측에 보여져야하는 뷰파트는 TOPMOST 속성을 갖도록 하고,\n * 쌓인 순서대로 보여지는 뷰파트는 NORMAL 속성을 갖도록 한다.\n * default 속성은 NORMAL이다.\n */\nexport enum VIEWPART_LEVEL {\n  TOPMOST = 'TOPMOST',\n  NORMAL = 'NORMAL'\n}\n\nexport enum TOOL_POSITION {\n  FRONT_END = 'FRONT_END',\n  FRONT = 'FRONT',\n  CENTER = 'CENTER',\n  REAR = 'REAR',\n  REAR_END = 'REAR_END'\n}\n\nexport const UPDATE_VIEWPORT_WIDTH = 'UPDATE_VIEWPORT_WIDTH'\n\nexport const updateLayout = (wide?: boolean) => {\n  store.dispatch({\n    type: UPDATE_VIEWPORT_WIDTH,\n    width: wide ? 'WIDE' : 'NARROW'\n  })\n}\n\n/* overlay navigation */\nvar overlaySequence = 0\nconst pendingOverlays = new Map<string, AbortController>()\nconst overlays: { name: string; key: string; belowKey: string; escapable: boolean }[] = []\n\nfunction syncModal() {\n  const modal = [...overlays]\n    .reverse()\n    .find(overlay => (store.getState() as any).layout?.viewparts?.[overlay.name]?.backdrop)\n  addressController().setModal(modal ? { name: modal.name, close: () => dismissOverlays(0) } : undefined)\n}\n\nfunction dismissOverlays(from: number) {\n  for (const overlay of overlays.splice(from)) {\n    store.dispatch({ type: UPDATE_VIEWPART, name: overlay.name, override: { show: false } })\n  }\n  syncModal()\n}\n\naddressController().subscribe((entry, before) => {\n  const firstGone = overlays.findIndex(overlay => {\n    const index = addressController().indexOf(overlay.key)\n    return index < 0 || index > entry.index\n  })\n  if (firstGone >= 0) dismissOverlays(firstGone)\n  if (entry.url.pathname !== before.url.pathname || entry.intent === 'navigation') dismissOverlays(0)\n  const overlay = (entry.state as any)?.overlay\n  if (!overlay || !pendingOverlays.has(overlay.name)) return\n  pendingOverlays.delete(overlay.name)\n  overlays.push({ ...overlay, key: entry.key, belowKey: before.key })\n  store.dispatch({ type: UPDATE_VIEWPART, name: overlay.name, override: { show: true } })\n  syncModal()\n}, false)\n\n/* An overlay hidden by any other way (a viewpart update, its removal) is closed: the stack is what is on screen. */\nstore.subscribe(() => {\n  const viewparts = (store.getState() as any).layout?.viewparts || {}\n  const hidden = overlays.find(overlay => !viewparts[overlay.name]?.show)\n  if (hidden) closeOverlay(hidden.name)\n})\n\ndocument.addEventListener('keydown', event => {\n  const top = overlays[overlays.length - 1]\n  if (top?.escapable && (event.key === 'Escape' || event.key === 'Esc')) {\n    event.preventDefault()\n    closeOverlay(top.name)\n  }\n})\n\nexport const openOverlay = (name: string, options?: any, silent?: boolean) => {\n  /* store의 layout의 내용을 변경한다. */\n  if (!silent && options) {\n    store.dispatch({\n      type: UPDATE_VIEWPART,\n      name,\n      override: options\n    })\n  }\n\n  const request = new AbortController()\n  pendingOverlays.set(name, request)\n  void addressController()\n    .pushOverlay(\n      {\n        ...(history.state || {}),\n        overlay: { name, sequence: ++overlaySequence, escapable: options?.escapable !== false }\n      },\n      request.signal\n    )\n    .then(accepted => {\n      if (accepted) return\n      pendingOverlays.delete(name)\n      store.dispatch({ type: UPDATE_VIEWPART, name, override: { show: false } })\n      document.dispatchEvent(new CustomEvent('overlay-closed', { detail: name }))\n    })\n}\n\nexport const closeOverlay = (name: string) => {\n  const index = overlays.findIndex(overlay => overlay.name === name)\n  if (index < 0) {\n    const pending = pendingOverlays.get(name)\n    pending?.abort()\n    return !!pending\n  }\n  const overlay = overlays[index]\n  dismissOverlays(index)\n  // Back to the entry under the overlay only when nothing with another address was written above it. If something\n  // was (a filter while the AI dock was open), the overlay is only hidden: going back would undo that write.\n  if (addressController().unchangedSince(overlay.key)) addressController().traverseTo(overlay.belowKey)\n  return true\n}\n\n/** The overlay on top of the ones open now, if any - what a back control in the app's own bar closes. */\nexport const topOverlay = (): string | undefined => overlays[overlays.length - 1]?.name\n\nexport const toggleOverlay = (name: string, options: any) => {\n  var beforeOverlayName = overlays[overlays.length - 1]?.name\n\n  if (beforeOverlayName == name) {\n    closeOverlay(name)\n  } else {\n    openOverlay(name, options)\n  }\n}\n\n/*\n * popup handling\n *\n * popup은 overlay의 특별한 형태이다.\n * popup은 open될 때, viewpart를 append 하며, close 될 때 viewpart를 remove 한다.\n * - name: '$popup-${popupSequence}'\n * - position: VIEWPART_POSITION_HEADERBAR\n * - hovering: 'center' | 'next' | 'edge'\n */\nvar popupSequence = 0\n\n/**\n * open popup in operato application environment\n *\n * @param {*} template html template to be rendered inside the popup\n * @param {PopupOptions} options\n * @returns the implementation handle. Callers get the full handle (with `result`) from `openPopup`.\n */\nconst openPopupInLayout = (template: TemplateResult, options: PopupOptions = {}): PopupImplementationHandle => {\n  var name = `$popup-${popupSequence++}`\n\n  appendViewpart({\n    name,\n    viewpart: {\n      hovering: 'center',\n      closable: true,\n      movable: true,\n      ...options,\n      /* A popup is modal unless the caller asks for none: a window that works with what is behind it (a figure's fastening, pressed on the canvas) lays no backdrop. */\n      backdrop: options.backdrop ?? true,\n      show: false,\n      temporary: true /* auto remove */,\n      template\n    },\n    position: VIEWPART_POSITION.HEADERBAR\n  })\n\n  openOverlay(name, options, true)\n\n  /* Typed, not cast: a cast would let a close() that forgets to answer compile. */\n  var popup: PopupImplementationHandle = {\n    name,\n    close: () => {\n      if (overlays[overlays.length - 1]?.name !== name && !pendingOverlays.has(name)) return false\n      return closeOverlay(name)\n    },\n    closed: false\n  }\n\n  document.addEventListener('overlay-closed', function listener(e) {\n    if (name == (e as CustomEvent).detail) {\n      popup.closed = true\n      popup.onclosed && popup.onclosed()\n      document.removeEventListener('overlay-closed', listener)\n    }\n  })\n\n  return popup\n}\n\nsetOpenPopupImplementation(openPopupInLayout)\n\n/*\n * The popup package's openPopup adds `result` and `close(result)` on top of whichever implementation is\n * registered, so the handle is built in one place. Re-exported here because most callers import\n * openPopup from @operato/layout.\n */\nexport const openPopup = openPopupWithResult\n"]}
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/actions/layout.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult } from 'lit'\n\nimport { openPopup as openPopupWithResult, PopupOptions, setOpenPopupImplementation } from '@operato/popup'\nimport { PopupImplementationHandle } from '@operato/popup/implementation.js'\nimport { store } from '@operato/shell'\nimport { addressController } from '@operato/utils/address.js'\n\nexport type Viewpart = {\n  hovering?: 'center' | 'edge' | 'next'\n  show?: boolean\n  size?: string\n  title?: string\n  help?: string\n  level?: VIEWPART_LEVEL\n  closable?: boolean\n  search?: {\n    value?: string\n    handler?: (closure: any, value: string) => void\n    placeholder?: string\n  }\n  filter?: {\n    handler?: (closure: any) => void\n  }\n  backdrop?: boolean\n  temporary?: boolean /* auto remove */\n  /** An already open supporting dock can share the expanded entity workspace. No product content is owned here. */\n  expansionCompanion?: { labelKey: string; defaultLabel: string }\n  persistent?: boolean /* application-wide dock remains available in fullbleed pages */\n  resizable?: boolean\n  movable?: boolean\n  template?: TemplateResult\n  position?: VIEWPART_POSITION\n  templateProperties?: any\n  zIndex?: number\n}\n\nexport type AppendViewpartAction = {\n  name: string\n  viewpart: Viewpart\n  position: VIEWPART_POSITION\n}\n\nexport const appendViewpart = ({ name, viewpart, position }: AppendViewpartAction) => {\n  store.dispatch({\n    type: APPEND_VIEWPART,\n    name,\n    viewpart: {\n      ...viewpart,\n      show: viewpart.hovering && viewpart.show ? false : viewpart.show\n    },\n    position\n  })\n\n  if (viewpart.hovering && viewpart.show) {\n    openOverlay(name)\n  }\n}\n\nexport const removeViewpart = (name: string) => {\n  store.dispatch({\n    type: REMOVE_VIEWPART,\n    name\n  })\n}\n\nexport const updateViewpart = (name: string, override: any) => {\n  store.dispatch({\n    type: UPDATE_VIEWPART,\n    name,\n    override\n  })\n}\n\nexport const APPEND_VIEWPART = 'APPEND_VIEWPART'\nexport const REMOVE_VIEWPART = 'REMOVE_VIEWPART'\nexport const UPDATE_VIEWPART = 'UPDATE_VIEWPART'\n\nexport enum VIEWPART_POSITION {\n  HEADERBAR = 'headerbar',\n  NAVBAR = 'navbar',\n  ASIDEBAR = 'asidebar',\n  FOOTERBAR = 'footerbar',\n  PAGE_HEADERBAR = 'page-headerbar',\n  PAGE_FOOTERBAR = 'page-footerbar'\n}\n\n/**\n * 각 뷰파트 스택의 순서를 정하는 속성이다.\n * 뷰파트의 level 속성에 정의되도록 한다.\n * 맨 위/아래/좌측/우측에 보여져야하는 뷰파트는 TOPMOST 속성을 갖도록 하고,\n * 쌓인 순서대로 보여지는 뷰파트는 NORMAL 속성을 갖도록 한다.\n * default 속성은 NORMAL이다.\n */\nexport enum VIEWPART_LEVEL {\n  TOPMOST = 'TOPMOST',\n  NORMAL = 'NORMAL'\n}\n\nexport enum TOOL_POSITION {\n  FRONT_END = 'FRONT_END',\n  FRONT = 'FRONT',\n  CENTER = 'CENTER',\n  REAR = 'REAR',\n  REAR_END = 'REAR_END'\n}\n\nexport const UPDATE_VIEWPORT_WIDTH = 'UPDATE_VIEWPORT_WIDTH'\n\nexport const updateLayout = (wide?: boolean) => {\n  store.dispatch({\n    type: UPDATE_VIEWPORT_WIDTH,\n    width: wide ? 'WIDE' : 'NARROW'\n  })\n}\n\n/* overlay navigation */\nvar overlaySequence = 0\nconst pendingOverlays = new Map<string, AbortController>()\nconst overlays: { name: string; key: string; belowKey: string; escapable: boolean }[] = []\n\nfunction syncModal() {\n  const modal = [...overlays]\n    .reverse()\n    .find(overlay => (store.getState() as any).layout?.viewparts?.[overlay.name]?.backdrop)\n  addressController().setModal(modal ? { name: modal.name, close: () => dismissOverlays(0) } : undefined)\n}\n\nfunction dismissOverlays(from: number) {\n  for (const overlay of overlays.splice(from)) {\n    store.dispatch({ type: UPDATE_VIEWPART, name: overlay.name, override: { show: false } })\n  }\n  syncModal()\n}\n\naddressController().subscribe((entry, before) => {\n  const firstGone = overlays.findIndex(overlay => {\n    const index = addressController().indexOf(overlay.key)\n    return index < 0 || index > entry.index\n  })\n  if (firstGone >= 0) dismissOverlays(firstGone)\n  if (entry.url.pathname !== before.url.pathname || entry.intent === 'navigation') dismissOverlays(0)\n  const overlay = (entry.state as any)?.overlay\n  if (!overlay || !pendingOverlays.has(overlay.name)) return\n  pendingOverlays.delete(overlay.name)\n  overlays.push({ ...overlay, key: entry.key, belowKey: before.key })\n  store.dispatch({ type: UPDATE_VIEWPART, name: overlay.name, override: { show: true } })\n  syncModal()\n}, false)\n\n/* An overlay hidden by any other way (a viewpart update, its removal) is closed: the stack is what is on screen. */\nstore.subscribe(() => {\n  const viewparts = (store.getState() as any).layout?.viewparts || {}\n  const hidden = overlays.find(overlay => !viewparts[overlay.name]?.show)\n  if (hidden) closeOverlay(hidden.name)\n})\n\ndocument.addEventListener('keydown', event => {\n  const top = overlays[overlays.length - 1]\n  if (top?.escapable && (event.key === 'Escape' || event.key === 'Esc')) {\n    event.preventDefault()\n    closeOverlay(top.name)\n  }\n})\n\nexport const openOverlay = (name: string, options?: any, silent?: boolean) => {\n  /* store의 layout의 내용을 변경한다. */\n  if (!silent && options) {\n    store.dispatch({\n      type: UPDATE_VIEWPART,\n      name,\n      override: options\n    })\n  }\n\n  const request = new AbortController()\n  pendingOverlays.set(name, request)\n  void addressController()\n    .pushOverlay(\n      {\n        ...(history.state || {}),\n        overlay: { name, sequence: ++overlaySequence, escapable: options?.escapable !== false }\n      },\n      request.signal\n    )\n    .then(accepted => {\n      if (accepted) return\n      pendingOverlays.delete(name)\n      store.dispatch({ type: UPDATE_VIEWPART, name, override: { show: false } })\n      document.dispatchEvent(new CustomEvent('overlay-closed', { detail: name }))\n    })\n}\n\nexport const closeOverlay = (name: string) => {\n  const index = overlays.findIndex(overlay => overlay.name === name)\n  if (index < 0) {\n    const pending = pendingOverlays.get(name)\n    pending?.abort()\n    return !!pending\n  }\n  const overlay = overlays[index]\n  dismissOverlays(index)\n  // Back to the entry under the overlay only when nothing with another address was written above it. If something\n  // was (a filter while the AI dock was open), the overlay is only hidden: going back would undo that write.\n  if (addressController().unchangedSince(overlay.key)) addressController().traverseTo(overlay.belowKey)\n  return true\n}\n\n/** The overlay on top of the ones open now, if any - what a back control in the app's own bar closes. */\nexport const topOverlay = (): string | undefined => overlays[overlays.length - 1]?.name\n\nexport const toggleOverlay = (name: string, options: any) => {\n  var beforeOverlayName = overlays[overlays.length - 1]?.name\n\n  if (beforeOverlayName == name) {\n    closeOverlay(name)\n  } else {\n    openOverlay(name, options)\n  }\n}\n\n/*\n * popup handling\n *\n * popup은 overlay의 특별한 형태이다.\n * popup은 open될 때, viewpart를 append 하며, close 될 때 viewpart를 remove 한다.\n * - name: '$popup-${popupSequence}'\n * - position: VIEWPART_POSITION_HEADERBAR\n * - hovering: 'center' | 'next' | 'edge'\n */\nvar popupSequence = 0\n\n/**\n * open popup in operato application environment\n *\n * @param {*} template html template to be rendered inside the popup\n * @param {PopupOptions} options\n * @returns the implementation handle. Callers get the full handle (with `result`) from `openPopup`.\n */\nconst openPopupInLayout = (template: TemplateResult, options: PopupOptions = {}): PopupImplementationHandle => {\n  var name = `$popup-${popupSequence++}`\n\n  appendViewpart({\n    name,\n    viewpart: {\n      hovering: 'center',\n      closable: true,\n      movable: true,\n      ...options,\n      /* A popup is modal unless the caller asks for none: a window that works with what is behind it (a figure's fastening, pressed on the canvas) lays no backdrop. */\n      backdrop: options.backdrop ?? true,\n      show: false,\n      temporary: true /* auto remove */,\n      template\n    },\n    position: VIEWPART_POSITION.HEADERBAR\n  })\n\n  openOverlay(name, options, true)\n\n  /* Typed, not cast: a cast would let a close() that forgets to answer compile. */\n  var popup: PopupImplementationHandle = {\n    name,\n    close: () => {\n      if (overlays[overlays.length - 1]?.name !== name && !pendingOverlays.has(name)) return false\n      return closeOverlay(name)\n    },\n    closed: false\n  }\n\n  document.addEventListener('overlay-closed', function listener(e) {\n    if (name == (e as CustomEvent).detail) {\n      popup.closed = true\n      popup.onclosed && popup.onclosed()\n      document.removeEventListener('overlay-closed', listener)\n    }\n  })\n\n  return popup\n}\n\nsetOpenPopupImplementation(openPopupInLayout)\n\n/*\n * The popup package's openPopup adds `result` and `close(result)` on top of whichever implementation is\n * registered, so the handle is built in one place. Re-exported here because most callers import\n * openPopup from @operato/layout.\n */\nexport const openPopup = openPopupWithResult\n"]}

package/dist/src/components/ox-entity360-dock.d.ts

@@ -18,22 +18,38 @@ export interface Entity360View {
     };
     onClose(): void;
     onBack?: () => void;
+    /**
+     * Read the same subject again (ADR-0067 decision 8). The contents stay - what a section is writing stays with it;
+     * each section asks its door anew. Without it the refresh button is not drawn.
+     */
+    onRefresh?: () => void;
 }
+/**
+ * A section tells the dock it holds an entry this browser cannot keep as a draft (ADR-0067 decision 8, ADR-0098
+ * decision 5): `detail.unkept` true while so, false once saved, discarded or kept. Only then is leaving asked about.
+ */
+export declare const ENTITY360_UNKEPT = "entity360-unkept";
 /** Product CSS stays inside this boundary, never changes the dock's layout or controls. */
 export declare class OxEntity360Content extends LitElement {
     view?: Entity360View;
-    revision: number;
     render(): TemplateResult<1>;
 }
 export declare class OxEntity360Dock extends LitElement {
-    private revision;
+    /** The sections that hold an entry no draft keeps. */
+    private unkeptBy;
+    private onUnkept;
+    /** Whether leaving this subject would lose an entry without a word - a draft keeps all the others. */
+    get unkept(): boolean;
     static styles: CSSResult[];
     view?: Entity360View;
     expanded: boolean;
+    /** The aside workspace owns layout and keyboard boundaries while a companion is visible. */
+    contained: boolean;
     private width;
     private media;
     private compact;
     private onMedia;
+    get fullscreen(): boolean;
     private dragStart?;
     private onEscape;
     connectedCallback(): void;

package/dist/src/components/ox-entity360-dock.js

@@ -6,23 +6,21 @@ import { keyed } from 'lit/directives/keyed.js';
 import { i18next } from '@operato/i18n';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { ScrollbarStyles } from '@operato/styles';
+/**
+ * A section tells the dock it holds an entry this browser cannot keep as a draft (ADR-0067 decision 8, ADR-0098
+ * decision 5): `detail.unkept` true while so, false once saved, discarded or kept. Only then is leaving asked about.
+ */
+export const ENTITY360_UNKEPT = 'entity360-unkept';
 /** Product CSS stays inside this boundary, never changes the dock's layout or controls. */
 let OxEntity360Content = class OxEntity360Content extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.revision = 0;
-    }
     render() {
         var _a, _b, _c, _d;
-        return html `<style>${((_b = (_a = this.view) === null || _a === void 0 ? void 0 : _a.styles) !== null && _b !== void 0 ? _b : []).map(style => style.cssText).join('\n')}</style>${keyed(`${(_c = this.view) === null || _c === void 0 ? void 0 : _c.key}:${this.revision}`, (_d = this.view) === null || _d === void 0 ? void 0 : _d.content)}`;
+        return html `<style>${((_b = (_a = this.view) === null || _a === void 0 ? void 0 : _a.styles) !== null && _b !== void 0 ? _b : []).map(style => style.cssText).join('\n')}</style>${keyed((_c = this.view) === null || _c === void 0 ? void 0 : _c.key, (_d = this.view) === null || _d === void 0 ? void 0 : _d.content)}`;
     }
 };
 __decorate([
     property({ attribute: false })
 ], OxEntity360Content.prototype, "view", void 0);
-__decorate([
-    property({ type: Number })
-], OxEntity360Content.prototype, "revision", void 0);
 OxEntity360Content = __decorate([
     customElement('ox-entity360-content')
 ], OxEntity360Content);
@@ -30,8 +28,19 @@ export { OxEntity360Content };
 let OxEntity360Dock = class OxEntity360Dock extends LitElement {
     constructor() {
         super(...arguments);
-        this.revision = 0;
+        /** The sections that hold an entry no draft keeps. */
+        this.unkeptBy = new Set();
+        this.onUnkept = (event) => {
+            var _a;
+            const section = event.composedPath()[0];
+            if ((_a = event.detail) === null || _a === void 0 ? void 0 : _a.unkept)
+                this.unkeptBy.add(section);
+            else
+                this.unkeptBy.delete(section);
+        };
         this.expanded = false;
+        /** The aside workspace owns layout and keyboard boundaries while a companion is visible. */
+        this.contained = false;
         this.width = 480;
         this.media = matchMedia('(max-width: 900px)');
         this.compact = this.media.matches;
@@ -39,7 +48,7 @@ let OxEntity360Dock = class OxEntity360Dock extends LitElement {
         this.onEscape = (event) => {
             var _a, _b, _c;
             // A modal opened above the nonmodal dock owns Escape until it closes.
-            if (event.defaultPrevented || ((_a = history.state) === null || _a === void 0 ? void 0 : _a.overlay))
+            if (this.contained || event.defaultPrevented || ((_a = history.state) === null || _a === void 0 ? void 0 : _a.overlay))
                 return;
             if (event.key === 'Escape')
                 (_b = this.view) === null || _b === void 0 ? void 0 : _b.onClose();
@@ -57,19 +66,31 @@ let OxEntity360Dock = class OxEntity360Dock extends LitElement {
             }
         };
     }
+    /** Whether leaving this subject would lose an entry without a word - a draft keeps all the others. */
+    get unkept() {
+        for (const section of this.unkeptBy)
+            if (!section.isConnected)
+                this.unkeptBy.delete(section);
+        return this.unkeptBy.size > 0;
+    }
+    get fullscreen() { return this.expanded || this.compact; }
     connectedCallback() {
         super.connectedCallback();
         document.addEventListener('keydown', this.onEscape);
         this.media.addEventListener('change', this.onMedia);
+        this.addEventListener(ENTITY360_UNKEPT, this.onUnkept);
     }
     disconnectedCallback() {
         document.removeEventListener('keydown', this.onEscape);
         this.media.removeEventListener('change', this.onMedia);
+        this.removeEventListener(ENTITY360_UNKEPT, this.onUnkept);
         super.disconnectedCallback();
     }
     firstUpdated() { this.focusHeading(); }
     updated(changes) {
         var _a, _b;
+        if (changes.has('expanded') || changes.has('compact') || changes.has('view'))
+            this.dispatchEvent(new CustomEvent('entity360-presentation', { bubbles: true, composed: true }));
         const previous = changes.get('view');
         if (changes.has('view') && (previous === null || previous === void 0 ? void 0 : previous.key) !== ((_a = this.view) === null || _a === void 0 ? void 0 : _a.key)) {
             (_b = this.renderRoot.querySelector('.body')) === null || _b === void 0 ? void 0 : _b.scrollTo(0, 0);
@@ -85,7 +106,7 @@ let OxEntity360Dock = class OxEntity360Dock extends LitElement {
         const view = this.view;
         if (!view)
             return html ``;
-        const fullscreen = this.expanded || this.compact;
+        const fullscreen = !this.contained && this.fullscreen;
         return html `<aside role=${fullscreen ? 'dialog' : 'complementary'} aria-modal=${ifDefined(fullscreen ? 'true' : undefined)} aria-labelledby="entity360-title">
       <div class="resize" role="separator" tabindex="0" aria-orientation="vertical"
         aria-label=${view.labels.resize} aria-valuemin="320" aria-valuemax=${Math.min(innerWidth * .65, 960)} aria-valuenow=${this.width}
@@ -108,14 +129,14 @@ let OxEntity360Dock = class OxEntity360Dock extends LitElement {
       <header>
         ${view.onBack ? html `<button data-action="back" aria-label=${view.labels.back} title=${view.labels.back} @click=${view.onBack}><md-icon aria-hidden="true">arrow_back</md-icon></button>` : ''}
         <div class="heading" aria-live="polite"><h2 id="entity360-title" tabindex="-1">${view.title}</h2><p>${view.context}</p></div>
-        <button data-action="refresh" aria-label=${(_a = view.labels.refresh) !== null && _a !== void 0 ? _a : i18next.t('button.refresh')}
-          title=${(_b = view.labels.refresh) !== null && _b !== void 0 ? _b : i18next.t('button.refresh')} @click=${() => { this.revision++; }}><md-icon aria-hidden="true">refresh</md-icon></button>
+        ${view.onRefresh ? html `<button data-action="refresh" aria-label=${(_a = view.labels.refresh) !== null && _a !== void 0 ? _a : i18next.t('button.refresh')}
+          title=${(_b = view.labels.refresh) !== null && _b !== void 0 ? _b : i18next.t('button.refresh')} @click=${view.onRefresh}><md-icon aria-hidden="true">refresh</md-icon></button>` : ''}
         <button class="expand" data-action="expand" aria-label=${this.expanded ? view.labels.collapse : view.labels.expand}
           title=${this.expanded ? view.labels.collapse : view.labels.expand} aria-pressed=${this.expanded}
           @click=${() => { this.expanded = !this.expanded; }}><md-icon aria-hidden="true">${this.expanded ? 'fullscreen_exit' : 'fullscreen'}</md-icon></button>
         <button data-action="close" aria-label=${view.labels.close} title=${view.labels.close} @click=${view.onClose}><md-icon aria-hidden="true">close</md-icon></button>
       </header>
-      <div class="body"><ox-entity360-content .view=${view} .revision=${this.revision}></ox-entity360-content></div>
+      <div class="body"><ox-entity360-content .view=${view}></ox-entity360-content></div>
     </aside>`;
     }
 };
@@ -145,17 +166,18 @@ OxEntity360Dock.styles = [ScrollbarStyles, css `
       :host { position: fixed; inset: 0; width: 100vw; max-width: none; height: 100dvh; z-index: 901; }
       .resize, .expand { display: none; }
     }
+    :host([contained]) { position: relative; inset: auto; width: 100%; max-width: none; height: 100%; z-index: auto; }
     @media (pointer: coarse) { button { width: 40px; height: 40px; } }
   `];
-__decorate([
-    state()
-], OxEntity360Dock.prototype, "revision", void 0);
 __decorate([
     property({ attribute: false })
 ], OxEntity360Dock.prototype, "view", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], OxEntity360Dock.prototype, "expanded", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], OxEntity360Dock.prototype, "contained", void 0);
 __decorate([
     state()
 ], OxEntity360Dock.prototype, "width", void 0);

package/dist/src/components/ox-entity360-dock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ox-entity360-dock.js","sourceRoot":"","sources":["../../../src/components/ox-entity360-dock.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport { LitElement, css, html, type CSSResult, type TemplateResult } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { keyed } from 'lit/directives/keyed.js'\nimport { i18next } from '@operato/i18n'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { ScrollbarStyles } from '@operato/styles'\n\n/** Products supply authorized contents and words; the shared dock owns presentation only. */\nexport interface Entity360View {\n  /** Canonical subject + read scope, not a display name. Different revisions must have different keys. */\n  key: string\n  title: string\n  context: string\n  content: TemplateResult\n  styles?: CSSResult[]\n  labels: { close: string; expand: string; collapse: string; resize: string; back: string; refresh?: string }\n  onClose(): void\n  onBack?: () => void\n}\n\n/** Product CSS stays inside this boundary, never changes the dock's layout or controls. */\n@customElement('ox-entity360-content')\nexport class OxEntity360Content extends LitElement {\n  @property({ attribute: false }) view?: Entity360View\n  @property({ type: Number }) revision = 0\n  render() {\n    return html`<style>${(this.view?.styles ?? []).map(style => style.cssText).join('\\n')}</style>${keyed(`${this.view?.key}:${this.revision}`, this.view?.content)}`\n  }\n}\n\n@customElement('ox-entity360-dock')\nexport class OxEntity360Dock extends LitElement {\n  @state() private revision = 0\n  static styles = [ScrollbarStyles, css`\n    :host { display: block; width: var(--entity360-width, 480px); max-width: 65vw; height: 100%; min-height: 0;\n      color: var(--md-sys-color-on-surface, #222); background: var(--md-sys-color-surface, white);\n      border-left: 1px solid var(--ui-line, #ccc); box-sizing: border-box; position: relative; }\n    :host([expanded]) { position: fixed; inset: 0; width: 100vw; max-width: none; height: 100dvh; z-index: 901; }\n    aside { height: 100%; display: flex; flex-direction: column; min-height: 0; }\n    header { display: flex; align-items: flex-start; gap: 6px; padding: 12px 14px;\n      border-bottom: 1px solid var(--ui-line, #ccc); flex: none; }\n    .heading { flex: 1; min-width: 0; }\n    h2 { font: 600 15px/1.4 var(--ui-font-family, sans-serif); margin: 0; overflow-wrap: anywhere; }\n    h2:focus { outline: none; }\n    p { font: 12px/1.4 var(--ui-font-family, sans-serif); margin: 4px 0 0; overflow-wrap: anywhere; color: var(--md-sys-color-on-surface-variant, #555); }\n    button { font: 14px/1 sans-serif; width: 28px; height: 28px; padding: 0; display: grid; place-items: center;\n      flex: none; cursor: pointer; border: none;\n      border-radius: 6px; background: transparent; color: inherit; }\n    p:empty { display: none; }\n    button md-icon { --md-icon-size: 20px; }\n    button:hover { background: var(--md-sys-color-surface-container-high, #eee); }\n    button:focus-visible, [role=separator]:focus-visible { outline: 2px solid var(--md-sys-color-primary, #2865ad); outline-offset: -2px; }\n    .body { overflow: auto; scrollbar-gutter: stable; min-height: 0; flex: 1; overscroll-behavior: contain; }\n    .resize { position: absolute; left: -3px; top: 0; bottom: 0; width: 7px; cursor: col-resize; touch-action: none; z-index: 1; }\n    :host([expanded]) .resize { display: none; }\n    @media (max-width: 900px) {\n      :host { position: fixed; inset: 0; width: 100vw; max-width: none; height: 100dvh; z-index: 901; }\n      .resize, .expand { display: none; }\n    }\n    @media (pointer: coarse) { button { width: 40px; height: 40px; } }\n  `]\n  @property({ attribute: false }) view?: Entity360View\n  @property({ type: Boolean, reflect: true }) expanded = false\n  @state() private width = 480\n  private media = matchMedia('(max-width: 900px)')\n  @state() private compact = this.media.matches\n  private onMedia = () => { this.compact = this.media.matches }\n  private dragStart?: { x: number; width: number }\n  private onEscape = (event: KeyboardEvent) => {\n    // A modal opened above the nonmodal dock owns Escape until it closes.\n    if (event.defaultPrevented || history.state?.overlay) return\n    if (event.key === 'Escape') this.view?.onClose()\n    if (event.key === 'Tab' && (this.expanded || this.compact)) {\n      const walk = (root: ParentNode): HTMLElement[] => Array.from(root.querySelectorAll<HTMLElement>('*'))\n        .flatMap(el => [el, ...(el.shadowRoot ? walk(el.shadowRoot) : [])])\n      const controls = walk(this.renderRoot).filter(el => el.matches('button,a[href],input,select,textarea,summary,[tabindex]') &&\n        el.getAttribute('tabindex') !== '-1' && !el.hasAttribute('disabled') && el.getClientRects().length && getComputedStyle(el).visibility !== 'hidden')\n      const first = controls[0], last = controls[controls.length - 1]\n      const target = event.composedPath()[0]\n      if (!controls.includes(target as HTMLElement) || (event.shiftKey ? target === first : target === last)) {\n        event.preventDefault()\n        ;(event.shiftKey ? last : first)?.focus()\n      }\n    }\n  }\n  connectedCallback() {\n    super.connectedCallback()\n    document.addEventListener('keydown', this.onEscape)\n    this.media.addEventListener('change', this.onMedia)\n  }\n  disconnectedCallback() {\n    document.removeEventListener('keydown', this.onEscape)\n    this.media.removeEventListener('change', this.onMedia)\n    super.disconnectedCallback()\n  }\n  firstUpdated() { this.focusHeading() }\n  updated(changes: Map<PropertyKey, unknown>) {\n    const previous = changes.get('view') as Entity360View | undefined\n    if (changes.has('view') && previous?.key !== this.view?.key) {\n      this.renderRoot.querySelector('.body')?.scrollTo(0, 0)\n    }\n  }\n  focusHeading() { this.renderRoot.querySelector<HTMLElement>('h2')?.focus({ preventScroll: true }) }\n  private resize(width: number) {\n    this.width = Math.max(320, Math.min(width, innerWidth * .65, 960))\n    this.style.setProperty('--entity360-width', `${this.width}px`)\n  }\n  render() {\n    const view = this.view\n    if (!view) return html``\n    const fullscreen = this.expanded || this.compact\n    return html`<aside role=${fullscreen ? 'dialog' : 'complementary'} aria-modal=${ifDefined(fullscreen ? 'true' : undefined)} aria-labelledby=\"entity360-title\">\n      <div class=\"resize\" role=\"separator\" tabindex=\"0\" aria-orientation=\"vertical\"\n        aria-label=${view.labels.resize} aria-valuemin=\"320\" aria-valuemax=${Math.min(innerWidth * .65, 960)} aria-valuenow=${this.width}\n        @keydown=${(event: KeyboardEvent) => {\n          if (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) return\n          event.preventDefault()\n          this.resize(event.key === 'Home' ? 320 : event.key === 'End' ? 960 : this.width + (event.key === 'ArrowLeft' ? 32 : -32))\n        }}\n        @pointerdown=${(event: PointerEvent) => {\n          if (event.button !== 0) return\n          this.dragStart = { x: event.clientX, width: this.getBoundingClientRect().width }\n          ;(event.currentTarget as HTMLElement).setPointerCapture(event.pointerId)\n        }}\n        @pointermove=${(event: PointerEvent) => { if (this.dragStart) this.resize(this.dragStart.width + this.dragStart.x - event.clientX) }}\n        @pointerup=${() => { this.dragStart = undefined }} @pointercancel=${() => { this.dragStart = undefined }}\n      ></div>\n      <header>\n        ${view.onBack ? html`<button data-action=\"back\" aria-label=${view.labels.back} title=${view.labels.back} @click=${view.onBack}><md-icon aria-hidden=\"true\">arrow_back</md-icon></button>` : ''}\n        <div class=\"heading\" aria-live=\"polite\"><h2 id=\"entity360-title\" tabindex=\"-1\">${view.title}</h2><p>${view.context}</p></div>\n        <button data-action=\"refresh\" aria-label=${view.labels.refresh ?? i18next.t('button.refresh')}\n          title=${view.labels.refresh ?? i18next.t('button.refresh')} @click=${() => { this.revision++; }}><md-icon aria-hidden=\"true\">refresh</md-icon></button>\n        <button class=\"expand\" data-action=\"expand\" aria-label=${this.expanded ? view.labels.collapse : view.labels.expand}\n          title=${this.expanded ? view.labels.collapse : view.labels.expand} aria-pressed=${this.expanded}\n          @click=${() => { this.expanded = !this.expanded }}><md-icon aria-hidden=\"true\">${this.expanded ? 'fullscreen_exit' : 'fullscreen'}</md-icon></button>\n        <button data-action=\"close\" aria-label=${view.labels.close} title=${view.labels.close} @click=${view.onClose}><md-icon aria-hidden=\"true\">close</md-icon></button>\n      </header>\n      <div class=\"body\"><ox-entity360-content .view=${view} .revision=${this.revision}></ox-entity360-content></div>\n    </aside>`\n  }\n}\n"]}
+{"version":3,"file":"ox-entity360-dock.js","sourceRoot":"","sources":["../../../src/components/ox-entity360-dock.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport { LitElement, css, html, type CSSResult, type TemplateResult } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { keyed } from 'lit/directives/keyed.js'\nimport { i18next } from '@operato/i18n'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { ScrollbarStyles } from '@operato/styles'\n\n/** Products supply authorized contents and words; the shared dock owns presentation only. */\nexport interface Entity360View {\n  /** Canonical subject + read scope, not a display name. Different revisions must have different keys. */\n  key: string\n  title: string\n  context: string\n  content: TemplateResult\n  styles?: CSSResult[]\n  labels: { close: string; expand: string; collapse: string; resize: string; back: string; refresh?: string }\n  onClose(): void\n  onBack?: () => void\n  /**\n   * Read the same subject again (ADR-0067 decision 8). The contents stay - what a section is writing stays with it;\n   * each section asks its door anew. Without it the refresh button is not drawn.\n   */\n  onRefresh?: () => void\n}\n\n/**\n * A section tells the dock it holds an entry this browser cannot keep as a draft (ADR-0067 decision 8, ADR-0098\n * decision 5): `detail.unkept` true while so, false once saved, discarded or kept. Only then is leaving asked about.\n */\nexport const ENTITY360_UNKEPT = 'entity360-unkept'\n\n/** Product CSS stays inside this boundary, never changes the dock's layout or controls. */\n@customElement('ox-entity360-content')\nexport class OxEntity360Content extends LitElement {\n  @property({ attribute: false }) view?: Entity360View\n  render() {\n    return html`<style>${(this.view?.styles ?? []).map(style => style.cssText).join('\\n')}</style>${keyed(this.view?.key, this.view?.content)}`\n  }\n}\n\n@customElement('ox-entity360-dock')\nexport class OxEntity360Dock extends LitElement {\n  /** The sections that hold an entry no draft keeps. */\n  private unkeptBy = new Set<EventTarget>()\n  private onUnkept = (event: Event) => {\n    const section = event.composedPath()[0]\n    if ((event as CustomEvent<{ unkept: boolean }>).detail?.unkept) this.unkeptBy.add(section)\n    else this.unkeptBy.delete(section)\n  }\n  /** Whether leaving this subject would lose an entry without a word - a draft keeps all the others. */\n  get unkept(): boolean {\n    for (const section of this.unkeptBy) if (!(section as Node).isConnected) this.unkeptBy.delete(section)\n    return this.unkeptBy.size > 0\n  }\n  static styles = [ScrollbarStyles, css`\n    :host { display: block; width: var(--entity360-width, 480px); max-width: 65vw; height: 100%; min-height: 0;\n      color: var(--md-sys-color-on-surface, #222); background: var(--md-sys-color-surface, white);\n      border-left: 1px solid var(--ui-line, #ccc); box-sizing: border-box; position: relative; }\n    :host([expanded]) { position: fixed; inset: 0; width: 100vw; max-width: none; height: 100dvh; z-index: 901; }\n    aside { height: 100%; display: flex; flex-direction: column; min-height: 0; }\n    header { display: flex; align-items: flex-start; gap: 6px; padding: 12px 14px;\n      border-bottom: 1px solid var(--ui-line, #ccc); flex: none; }\n    .heading { flex: 1; min-width: 0; }\n    h2 { font: 600 15px/1.4 var(--ui-font-family, sans-serif); margin: 0; overflow-wrap: anywhere; }\n    h2:focus { outline: none; }\n    p { font: 12px/1.4 var(--ui-font-family, sans-serif); margin: 4px 0 0; overflow-wrap: anywhere; color: var(--md-sys-color-on-surface-variant, #555); }\n    button { font: 14px/1 sans-serif; width: 28px; height: 28px; padding: 0; display: grid; place-items: center;\n      flex: none; cursor: pointer; border: none;\n      border-radius: 6px; background: transparent; color: inherit; }\n    p:empty { display: none; }\n    button md-icon { --md-icon-size: 20px; }\n    button:hover { background: var(--md-sys-color-surface-container-high, #eee); }\n    button:focus-visible, [role=separator]:focus-visible { outline: 2px solid var(--md-sys-color-primary, #2865ad); outline-offset: -2px; }\n    .body { overflow: auto; scrollbar-gutter: stable; min-height: 0; flex: 1; overscroll-behavior: contain; }\n    .resize { position: absolute; left: -3px; top: 0; bottom: 0; width: 7px; cursor: col-resize; touch-action: none; z-index: 1; }\n    :host([expanded]) .resize { display: none; }\n    @media (max-width: 900px) {\n      :host { position: fixed; inset: 0; width: 100vw; max-width: none; height: 100dvh; z-index: 901; }\n      .resize, .expand { display: none; }\n    }\n    :host([contained]) { position: relative; inset: auto; width: 100%; max-width: none; height: 100%; z-index: auto; }\n    @media (pointer: coarse) { button { width: 40px; height: 40px; } }\n  `]\n  @property({ attribute: false }) view?: Entity360View\n  @property({ type: Boolean, reflect: true }) expanded = false\n  /** The aside workspace owns layout and keyboard boundaries while a companion is visible. */\n  @property({ type: Boolean, reflect: true }) contained = false\n  @state() private width = 480\n  private media = matchMedia('(max-width: 900px)')\n  @state() private compact = this.media.matches\n  private onMedia = () => { this.compact = this.media.matches }\n  get fullscreen(): boolean { return this.expanded || this.compact }\n  private dragStart?: { x: number; width: number }\n  private onEscape = (event: KeyboardEvent) => {\n    // A modal opened above the nonmodal dock owns Escape until it closes.\n    if (this.contained || event.defaultPrevented || history.state?.overlay) return\n    if (event.key === 'Escape') this.view?.onClose()\n    if (event.key === 'Tab' && (this.expanded || this.compact)) {\n      const walk = (root: ParentNode): HTMLElement[] => Array.from(root.querySelectorAll<HTMLElement>('*'))\n        .flatMap(el => [el, ...(el.shadowRoot ? walk(el.shadowRoot) : [])])\n      const controls = walk(this.renderRoot).filter(el => el.matches('button,a[href],input,select,textarea,summary,[tabindex]') &&\n        el.getAttribute('tabindex') !== '-1' && !el.hasAttribute('disabled') && el.getClientRects().length && getComputedStyle(el).visibility !== 'hidden')\n      const first = controls[0], last = controls[controls.length - 1]\n      const target = event.composedPath()[0]\n      if (!controls.includes(target as HTMLElement) || (event.shiftKey ? target === first : target === last)) {\n        event.preventDefault()\n        ;(event.shiftKey ? last : first)?.focus()\n      }\n    }\n  }\n  connectedCallback() {\n    super.connectedCallback()\n    document.addEventListener('keydown', this.onEscape)\n    this.media.addEventListener('change', this.onMedia)\n    this.addEventListener(ENTITY360_UNKEPT, this.onUnkept)\n  }\n  disconnectedCallback() {\n    document.removeEventListener('keydown', this.onEscape)\n    this.media.removeEventListener('change', this.onMedia)\n    this.removeEventListener(ENTITY360_UNKEPT, this.onUnkept)\n    super.disconnectedCallback()\n  }\n  firstUpdated() { this.focusHeading() }\n  updated(changes: Map<PropertyKey, unknown>) {\n    if (changes.has('expanded') || changes.has('compact') || changes.has('view'))\n      this.dispatchEvent(new CustomEvent('entity360-presentation', { bubbles: true, composed: true }))\n    const previous = changes.get('view') as Entity360View | undefined\n    if (changes.has('view') && previous?.key !== this.view?.key) {\n      this.renderRoot.querySelector('.body')?.scrollTo(0, 0)\n    }\n  }\n  focusHeading() { this.renderRoot.querySelector<HTMLElement>('h2')?.focus({ preventScroll: true }) }\n  private resize(width: number) {\n    this.width = Math.max(320, Math.min(width, innerWidth * .65, 960))\n    this.style.setProperty('--entity360-width', `${this.width}px`)\n  }\n  render() {\n    const view = this.view\n    if (!view) return html``\n    const fullscreen = !this.contained && this.fullscreen\n    return html`<aside role=${fullscreen ? 'dialog' : 'complementary'} aria-modal=${ifDefined(fullscreen ? 'true' : undefined)} aria-labelledby=\"entity360-title\">\n      <div class=\"resize\" role=\"separator\" tabindex=\"0\" aria-orientation=\"vertical\"\n        aria-label=${view.labels.resize} aria-valuemin=\"320\" aria-valuemax=${Math.min(innerWidth * .65, 960)} aria-valuenow=${this.width}\n        @keydown=${(event: KeyboardEvent) => {\n          if (!['ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(event.key)) return\n          event.preventDefault()\n          this.resize(event.key === 'Home' ? 320 : event.key === 'End' ? 960 : this.width + (event.key === 'ArrowLeft' ? 32 : -32))\n        }}\n        @pointerdown=${(event: PointerEvent) => {\n          if (event.button !== 0) return\n          this.dragStart = { x: event.clientX, width: this.getBoundingClientRect().width }\n          ;(event.currentTarget as HTMLElement).setPointerCapture(event.pointerId)\n        }}\n        @pointermove=${(event: PointerEvent) => { if (this.dragStart) this.resize(this.dragStart.width + this.dragStart.x - event.clientX) }}\n        @pointerup=${() => { this.dragStart = undefined }} @pointercancel=${() => { this.dragStart = undefined }}\n      ></div>\n      <header>\n        ${view.onBack ? html`<button data-action=\"back\" aria-label=${view.labels.back} title=${view.labels.back} @click=${view.onBack}><md-icon aria-hidden=\"true\">arrow_back</md-icon></button>` : ''}\n        <div class=\"heading\" aria-live=\"polite\"><h2 id=\"entity360-title\" tabindex=\"-1\">${view.title}</h2><p>${view.context}</p></div>\n        ${view.onRefresh ? html`<button data-action=\"refresh\" aria-label=${view.labels.refresh ?? i18next.t('button.refresh')}\n          title=${view.labels.refresh ?? i18next.t('button.refresh')} @click=${view.onRefresh}><md-icon aria-hidden=\"true\">refresh</md-icon></button>` : ''}\n        <button class=\"expand\" data-action=\"expand\" aria-label=${this.expanded ? view.labels.collapse : view.labels.expand}\n          title=${this.expanded ? view.labels.collapse : view.labels.expand} aria-pressed=${this.expanded}\n          @click=${() => { this.expanded = !this.expanded }}><md-icon aria-hidden=\"true\">${this.expanded ? 'fullscreen_exit' : 'fullscreen'}</md-icon></button>\n        <button data-action=\"close\" aria-label=${view.labels.close} title=${view.labels.close} @click=${view.onClose}><md-icon aria-hidden=\"true\">close</md-icon></button>\n      </header>\n      <div class=\"body\"><ox-entity360-content .view=${view}></ox-entity360-content></div>\n    </aside>`\n  }\n}\n"]}

package/dist/src/components/ox-id-lens.d.ts

@@ -0,0 +1,58 @@
+import '@material/web/button/filled-button.js';
+import '@material/web/button/text-button.js';
+import '@material/web/icon/icon.js';
+import '@operato/input/ox-input-barcode.js';
+import '@operato/popup/ox-popup-actions.js';
+import { LitElement, type TemplateResult } from 'lit';
+import { type IdLensDoor, type IdLensHit, type IdLensOutcome } from '../actions/id-lens.js';
+declare const OxIdLens_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+/**
+ * The ID Lens - type or scan an identifier in the band, and its Entity 360 opens (ADR-0133).
+ *
+ * The product gives the doors (`.doors`, one per kind of identifier it keeps) and what the field says
+ * (`placeholder`). Everything about a kind - its name, its rules, who may read it, its states - is the product's;
+ * the lens only asks, folds and opens.
+ *
+ * Input is `ox-input-barcode`: typing, a keyboard scanner, or the camera. Nothing listens to the whole page - a
+ * scanner reaches the lens only while its field has focus, so a page's own scan listener never races it.
+ */
+export declare class OxIdLens extends OxIdLens_base {
+    static styles: import("lit").CSSResult[];
+    /** One door per kind of identifier the product keeps. */
+    doors: IdLensDoor[];
+    /**
+     * What the field says before anything is typed - the product names its own kinds. A function is read at each render,
+     * so a band registered once still follows the language.
+     */
+    placeholder: string | (() => string);
+    private busy;
+    private said;
+    private field?;
+    render(): TemplateResult;
+    /**
+     * `ox-input-barcode` says `change` on Enter, after a camera scan, and also when the field loses focus with
+     * new text. Only the first two are a request to look - leaving the field is not. After Enter or a scan the
+     * focus is still in the lens; after a blur it has gone elsewhere.
+     */
+    private committed;
+    private find;
+    private show;
+}
+declare const OxIdLensResults_base: (new (...args: any[]) => LitElement) & typeof LitElement;
+/**
+ * What a look-up found when it cannot just open one 360: several hits to choose from, none, or a door that
+ * did not answer. The first hit is never picked for the person (ADR-0133 2-2).
+ */
+export declare class OxIdLensResults extends OxIdLensResults_base {
+    static styles: import("lit").CSSResult[];
+    outcome?: IdLensOutcome;
+    doors: IdLensDoor[];
+    onPick?: (hit: IdLensHit) => void;
+    onRetry?: () => void;
+    onClose?: () => void;
+    render(): TemplateResult;
+    /** The product's word for a kind; the kind name itself only when no door names it. */
+    private kindText;
+    private hit;
+}
+export {};