@simai-studio/ui 0.0.0-stage → 5.20261019.1710

package/distr/smart/composition-overlay/smart.manifest.json

@@ -0,0 +1,478 @@
+{
+  "schema_version": 2,
+  "id": "smart.composition-overlay",
+  "version": "1.0.0",
+  "title": "Composition overlay",
+  "summary": "Editor chrome over a rendered Composition Document: frames, labels, badges, action toolbar, insertion places, drag and keyboard moves and a keyboard tree, without changing the canvas HTML.",
+  "kind": "smart",
+  "reuse_mode": "whole",
+  "lifecycle": "experimental",
+  "tags": [
+    "composition",
+    "editor",
+    "overlay"
+  ],
+  "capabilities": [
+    "interaction",
+    "keyboard",
+    "responsive",
+    "theme"
+  ],
+  "custom_element": "sf-composition-overlay",
+  "templates": [
+    "default"
+  ],
+  "exported_parts": [],
+  "composition": {
+    "uses": [
+      "smart.sortable"
+    ],
+    "public_parts": []
+  },
+  "inputs": {
+    "type": "object",
+    "properties": {
+      "for": {
+        "type": "string",
+        "default": "",
+        "description": "id of the canvas element that holds SF.Composition.render output"
+      },
+      "accepts": {
+        "type": "string",
+        "default": "",
+        "description": "sf-sortable groups whose items may be dropped on insertion places"
+      },
+      "label": {
+        "type": "string",
+        "default": ""
+      }
+    },
+    "additionalProperties": false
+  },
+  "item_contract": {},
+  "contracts": {
+    "canvas": {
+      "type": "object",
+      "description": "The canvas holds host-rendered Composition HTML with data-sf-composition-id; the overlay never writes into it, so published HTML and digests are identical with the editor open or closed. Place the overlay before the canvas so its tree comes first in Tab order."
+    },
+    "actions": {
+      "type": "array",
+      "maxItems": 16,
+      "items": {
+        "type": "object",
+        "required": [
+          "id",
+          "label"
+        ],
+        "properties": {
+          "id": {
+            "type": "string",
+            "pattern": "^[a-z][a-z0-9-]{0,63}$"
+          },
+          "label": {
+            "type": "string"
+          }
+        },
+        "additionalProperties": false
+      }
+    },
+    "browser_api": {
+      "type": "object",
+      "description": "Once loaded, SF.CompositionOverlay exposes OVERLAY_EVENTS, overlayNodes(document) and checkOverlayActions(actions)."
+    }
+  },
+  "methods": {
+    "attach": {
+      "summary": "Binds the overlay to a canvas element.",
+      "arguments": [
+        {
+          "name": "canvas",
+          "type": "Element"
+        }
+      ],
+      "returns": {
+        "type": [
+          "object",
+          "boolean",
+          "null"
+        ]
+      }
+    },
+    "setDocument": {
+      "summary": "Sets the Document and describe(node) → {label, badges}.",
+      "arguments": [
+        {
+          "name": "document",
+          "type": "object"
+        },
+        {
+          "name": "options",
+          "type": "object"
+        }
+      ],
+      "returns": {
+        "type": [
+          "object",
+          "boolean",
+          "null"
+        ]
+      }
+    },
+    "setActions": {
+      "summary": "Sets toolbar actions {id, label}.",
+      "arguments": [
+        {
+          "name": "actions",
+          "type": "array"
+        }
+      ],
+      "returns": {
+        "type": [
+          "object",
+          "boolean",
+          "null"
+        ]
+      }
+    },
+    "setMessages": {
+      "summary": "Overrides interface texts.",
+      "arguments": [
+        {
+          "name": "messages",
+          "type": "object"
+        }
+      ],
+      "returns": {
+        "type": [
+          "object",
+          "boolean",
+          "null"
+        ]
+      }
+    },
+    "setDropFilter": {
+      "summary": "Hides drop places the host would refuse: (place, item) => boolean.",
+      "arguments": [
+        {
+          "name": "filter",
+          "type": "function"
+        }
+      ],
+      "returns": {
+        "type": [
+          "object",
+          "boolean",
+          "null"
+        ]
+      }
+    },
+    "setInsertionTarget": {
+      "summary": "Marks an insertion place or clears it with null.",
+      "arguments": [
+        {
+          "name": "target",
+          "type": [
+            "object",
+            "null"
+          ]
+        }
+      ],
+      "returns": {
+        "type": [
+          "object",
+          "boolean",
+          "null"
+        ]
+      }
+    },
+    "select": {
+      "summary": "Selects a node by id.",
+      "arguments": [
+        {
+          "name": "id",
+          "type": [
+            "string",
+            "null"
+          ]
+        },
+        {
+          "name": "options",
+          "type": "object"
+        }
+      ],
+      "returns": {
+        "type": [
+          "object",
+          "boolean",
+          "null"
+        ]
+      }
+    }
+  },
+  "events": {
+    "sf-composition-overlay-select": {
+      "summary": "A node was selected.",
+      "payload": {
+        "type": "object",
+        "properties": {
+          "node_id": {
+            "type": [
+              "string",
+              "null"
+            ]
+          }
+        }
+      }
+    },
+    "sf-composition-overlay-action": {
+      "summary": "A toolbar action was chosen.",
+      "payload": {
+        "type": "object",
+        "required": [
+          "action_id",
+          "node_id"
+        ],
+        "properties": {
+          "action_id": {
+            "type": "string"
+          },
+          "node_id": {
+            "type": "string"
+          }
+        }
+      }
+    },
+    "sf-composition-overlay-insert": {
+      "summary": "Insertion was requested at a place, optionally with a library item.",
+      "payload": {
+        "type": "object",
+        "required": [
+          "parent_id",
+          "slot",
+          "index"
+        ],
+        "properties": {
+          "parent_id": {
+            "type": "string"
+          },
+          "slot": {
+            "type": "string"
+          },
+          "index": {
+            "type": "integer"
+          },
+          "item": {
+            "type": "string"
+          },
+          "from": {
+            "type": "string"
+          },
+          "mode": {
+            "enum": [
+              "move",
+              "copy"
+            ]
+          }
+        }
+      }
+    },
+    "sf-composition-overlay-move": {
+      "summary": "A canvas node was moved to a place.",
+      "payload": {
+        "type": "object",
+        "required": [
+          "node_id",
+          "parent_id",
+          "slot",
+          "index"
+        ],
+        "properties": {
+          "node_id": {
+            "type": "string"
+          },
+          "parent_id": {
+            "type": "string"
+          },
+          "slot": {
+            "type": "string"
+          },
+          "index": {
+            "type": "integer"
+          }
+        }
+      }
+    }
+  },
+  "state": {
+    "machines": {
+      "move": [
+        "idle",
+        "picking",
+        "dropped",
+        "cancelled"
+      ]
+    },
+    "visual_states": [
+      "default",
+      "selected",
+      "active"
+    ]
+  },
+  "persistence": {
+    "mode": "none",
+    "source_of_truth": "host",
+    "network_owner": "none",
+    "revision_field": null
+  },
+  "ownership": {
+    "source": "simai/ui-source",
+    "data": "host",
+    "effects": "host",
+    "forbidden_client_responsibilities": [
+      "backend access decisions",
+      "host route invention",
+      "saving or reordering host data"
+    ]
+  },
+  "security": {
+    "permissions_owner": "host",
+    "untrusted_inputs": [
+      "props",
+      "children"
+    ],
+    "network_policy": "deny"
+  },
+  "accessibility": {
+    "role": "tree",
+    "accessible_name": "recommended",
+    "keyboard": [
+      "ArrowUp",
+      "ArrowDown",
+      "ArrowLeft",
+      "ArrowRight",
+      "Home",
+      "End",
+      "Enter",
+      "Space",
+      "Escape"
+    ],
+    "focus": "The tree has one treeitem per node; arrows move in document order and between parent and child, Enter opens the toolbar, Escape returns or clears. Space starts a keyboard move, arrows choose a place, Enter drops, Escape cancels. Selection and moves are announced."
+  },
+  "presentation": {
+    "themes": [
+      "light",
+      "dark"
+    ],
+    "locales": [
+      "ru",
+      "en"
+    ],
+    "responsive": [
+      "desktop",
+      "mobile",
+      "ltr",
+      "rtl",
+      "reduced-motion"
+    ],
+    "skeleton": {
+      "shape": "none",
+      "while_loading": "none"
+    }
+  },
+  "adapter": {
+    "kind": "generic",
+    "protocol": "simai.smart-studio-adapter.v1",
+    "module": null
+  },
+  "artifacts": {
+    "fixtures": [
+      "studio.fixture.json"
+    ],
+    "scenarios": [
+      "studio.scenario.json"
+    ]
+  },
+  "readiness": {
+    "level": "runnable",
+    "required_checks": [
+      "manifest",
+      "fixture",
+      "runtime-upgrade",
+      "scenario-smoke",
+      "keyboard",
+      "responsive",
+      "a11y"
+    ]
+  },
+  "compatibility": {
+    "contract_schema": {
+      "id": "https://simai.io/contracts/smart-component-manifest.v2.schema.json",
+      "version": 2
+    },
+    "runtime_pair": {
+      "ui_revision": "094f3d549aa7921d2d7f8773972c73711dd6a72e",
+      "ui_smart_revision": "856fb5d751fad1c76104c32515f4c1869dd75b6c"
+    },
+    "aliases": [],
+    "deprecations": [],
+    "replacement": null,
+    "migrations": []
+  },
+  "provenance": {
+    "source_repository": "simai/ui-source",
+    "source_revision": "d73527c92056a684b5f34a46ec7315e1ded9be19",
+    "source_artifacts": [
+      {
+        "path": "src/smart/composition-overlay/index.js",
+        "sha256": "10d9d65a7d0d3e09837e035ec3a88ed881f7bd502463de7b8e9ca62543aaa7bf"
+      },
+      {
+        "path": "src/smart/composition-overlay/scss/_smart__composition-overlay.scss",
+        "sha256": "cd1f2c00674a77cd820417a4f7577640eb572ac6ad3bd61e529abff3c792c6d0"
+      },
+      {
+        "path": "src/smart/composition-overlay/rule.js",
+        "sha256": "387d0a7feb0da3e17bb446da1f41c603a6ff609eed44186c1739132e9f57d54a"
+      },
+      {
+        "path": "src/smart/composition-overlay/docs.md",
+        "sha256": "345f8faeeae468ca3eb22b3a1e11ba06f5c6c34ea5cb7c6bc4038c4b038b6565"
+      },
+      {
+        "path": "src/core/js/composition/overlay.mjs",
+        "sha256": "3a735e7de5e7009a3eebd2e793f24c5b15482807d3363e64de96ece6c1e301a4"
+      },
+      {
+        "path": "src/core/js/composition/sortable.mjs",
+        "sha256": "3d3e18a88181a12712eb8d812de87894d272fa656c26c70e52e0db8db3cc114a"
+      },
+      {
+        "path": "src/core/js/composition/canonical.mjs",
+        "sha256": "aa6b44b2b81fc71040a32c6d8521201b7b8f23881ba2844c5a749b2e6ba3587c"
+      }
+    ],
+    "generated_runtime": []
+  },
+  "ai_guidance": {
+    "use_when": "Use sf-composition-overlay on an editor page over SF.Composition.render output. Treat every event as intent: the host changes the Document, saves it with an expected revision, validates and re-renders.",
+    "do_not": [
+      "Do not copy generated ui-smart code",
+      "Do not write editor markup into the canvas HTML",
+      "Do not treat setDropFilter as validation; Document validation stays authoritative",
+      "Do not put the overlay after the canvas in Tab order"
+    ],
+    "required_reads": [
+      "inputs",
+      "contracts",
+      "methods",
+      "events",
+      "ownership",
+      "provenance"
+    ],
+    "minimal_example": "<sf-composition-overlay id=\"overlay\" for=\"canvas\" accepts=\"blocks\"></sf-composition-overlay><div id=\"canvas\"></div>",
+    "owner_commands": [
+      "npm run contract:verify",
+      "npm test"
+    ]
+  }
+}

package/distr/smart/composition-overlay/studio.fixture.json

@@ -0,0 +1,15 @@
+{
+  "schema": "simai.smart-component-fixture.v2",
+  "id": "reference",
+  "component": "smart.composition-overlay",
+  "title": "composition-overlay reference",
+  "summary": "Deterministic reference fixture for sf-composition-overlay.",
+  "locale": "ru",
+  "props": {
+    "for": "canvas",
+    "accepts": "blocks",
+    "label": "Структура страницы"
+  },
+  "children": [],
+  "state": "default"
+}

package/distr/smart/composition-overlay/studio.scenario.json

@@ -0,0 +1,19 @@
+{
+  "schema": "simai.smart-component-scenario.v1",
+  "id": "smoke",
+  "component": "smart.composition-overlay",
+  "fixture": "reference",
+  "viewport": "desktop",
+  "actions": [],
+  "assertions": [
+    {
+      "type": "upgraded"
+    },
+    {
+      "type": "no-console-error"
+    },
+    {
+      "type": "no-network"
+    }
+  ]
+}

package/distr/smart/context-menu/js/context-menu.min.js

@@ -0,0 +1,93 @@
+(()=>{"use strict";var e={"765b8f3f8ccb"(e,t,n){n.a(e,async(e,t)=>{try{var s=n("fbe0570fcc69"),i=n("5c1dc214bb5e"),r=n("1197ac823db7"),o=n("0d662e4d7d63"),a=e([s,i,r,o]);[s,i,r,o]=a.then?(await a)():a;var l=n.n(s),c=n.n(i);const u={en:{close:"Close"},ru:{close:"Закрыть"}},h=()=>globalThis.SF?.Position||c(),d=500,m={start:"inline-start",end:"inline-end","top-start":"top-inline-start","top-end":"top-inline-end","bottom-start":"bottom-inline-start","bottom-end":"bottom-inline-end","left-start":"left-top","left-end":"left-bottom","right-start":"right-top","right-end":"right-bottom","inline-start-start":"inline-start-top","inline-start-end":"inline-start-bottom","inline-end-start":"inline-end-top","inline-end-end":"inline-end-bottom"};function p(e=""){const t=String(e||"").trim().toLowerCase();return m[t]||t}class f extends(l()){constructor(){if(super(),this._itemAttributes=new Map,this._currentItem=null,this._itemObserver=new MutationObserver(()=>this.syncMenuItems()),this.addEventListener("keydown",this.handleMenuKeyDown),this.addEventListener("keydown",this.handleOwnedKeyDown),this.addEventListener("click",this.handleEntryClick),this.addEventListener("pointerover",this.handleEntryHover),this._owned=null,this._typeahead={text:"",at:0},Object.prototype.hasOwnProperty.call(this,"search")){const e=this.search;delete this.search,this._search=e&&"object"==typeof e?e:null}if(Object.prototype.hasOwnProperty.call(this,"entries")){const e=this.entries;delete this.entries,this._entries=Array.isArray(e)?e:null}this._onOutsidePress=e=>{const t=e.composedPath();t.includes(this)||t.includes(this._owned?.anchor)||this._submenu&&t.includes(this._submenu)||this.close({restoreFocus:!1})},this.addEventListener("focusin",e=>{this.menuItems().includes(e.target)&&(this._currentItem=e.target,this.syncMenuItems())}),this.addEventListener("sf-after-render",e=>{e.target!==this&&e.target.closest("sf-context-menu")===this&&this.syncMenuItems()})}afterRender(e){if("function"==typeof e)return super.afterRender(e);this._itemObserver.disconnect(),this.syncMenuItems();const t=this.querySelector(".sf-context-menu-content");t&&this._itemObserver.observe(t,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["disabled","aria-disabled","hidden","inert"]})}disconnectedCallback(){this._owned&&this.close({restoreFocus:!1}),this._itemObserver.disconnect();for(const e of this._itemAttributes.keys())this.releaseItem(e);this._currentItem=null,super.disconnectedCallback()}menuItems(){if("default"!==this.templateName||"menu"!==this.role)return[];const e=this.querySelector(".sf-context-menu-content");return this.entries.length?Array.from(e?.querySelectorAll(".sf-context-menu-item")||[]):Array.from(e?.children||[]).flatMap(e=>{const t="sf-button"===e.localName?e.querySelector("button, a[href]"):e;if(!t?.matches("button, a[href]"))return[];const n=t.getAttribute("role");return n&&"menuitem"!==n?[]:[t]})}availableMenuItems(){return this.menuItems().filter(e=>!e.matches(":disabled")&&!e.closest('[hidden], [inert], [aria-disabled="true"], sf-button[disabled]')&&e.getClientRects().length>0&&"hidden"!==getComputedStyle(e).visibility)}ownItemAttribute(e,t,n){let s=this._itemAttributes.get(e);s||this._itemAttributes.set(e,s=new Map);let i=s.get(t);i||(i={original:e.getAttribute(t),value:e.getAttribute(t),released:!1},s.set(t,i)),i.released||e.getAttribute(t)!==i.value?i.released=!0:(i.value!==n&&e.setAttribute(t,n),i.value=n)}releaseItem(e){for(const[t,n]of this._itemAttributes.get(e)||[])n.released||e.getAttribute(t)!==n.value||(null===n.original?e.removeAttribute(t):e.setAttribute(t,n.original));this._itemAttributes.delete(e)}syncMenuItems(){const e=this.menuItems(),t=this.availableMenuItems();for(const t of this._itemAttributes.keys())e.includes(t)||this.releaseItem(t);t.includes(this._currentItem)||(this._currentItem=t[0]||null);for(const t of e)t.classList.contains("sf-context-menu-item")||this.ownItemAttribute(t,"role","menuitem"),this.ownItemAttribute(t,"tabindex",t===this._currentItem?"0":"-1")}focus(e){this.syncMenuItems(),this._currentItem?.focus(e)}get entries(){if(Array.isArray(this._entries))return this._entries;if(!this.hasAttribute("entries"))return[];try{const e=JSON.parse(this.getAttribute("entries"));return Array.isArray(e)?e:[]}catch{return[]}}set entries(e){this._entries=Array.isArray(e)?e:null,this.requestComponentUpdate("entries")}entryOf(e){const t=e?.closest?.(".sf-context-menu-item");return t&&this.contains(t)?this.entries[Number(t.dataset.sfEntry)]??null:null}get search(){return this._search&&"object"==typeof this._search?this._search:null}set search(e){this._search=e&&"object"==typeof e?e:null,this.requestComponentUpdate("search")}get query(){return this._query??""}setQuery(e){this._query=String(e??""),this.requestComponentUpdate("query"),this.search?.remote&&this.dispatchEvent(new CustomEvent("sf-context-menu-search",{bubbles:!0,composed:!0,detail:{query:this._query}}))}searchField(){return this.querySelector(".sf-context-menu-search-input")}chooseOption(e,t){const n=Number(e.dataset.sfOption),s=t.options?.[n];if(!s||s.disabled)return;if(!this.dispatchEvent(new CustomEvent("sf-context-menu-select",{bubbles:!0,composed:!0,cancelable:!0,detail:{id:s.id??null,entry:s,checked:!0,group:t.id??null}})))return;const i=this.entries.indexOf(t),r={...t,options:t.options.map((e,t)=>({...e,checked:t===n}))};this.entries=this.entries.map((e,t)=>t===i?r:e),!1===t.keepOpen&&this.closeAll()}handleEntryClick(e){const t=e.target?.closest?.(".sf-context-menu-item");if(!t||!this.contains(t)||t.matches(":disabled"))return;const n=this.entryOf(t);if(!n)return;if(void 0!==t.dataset.sfOption)return void this.chooseOption(t,n);if(Array.isArray(n.submenu)&&n.submenu.length)return e.preventDefault(),void this.openSubmenu(t,n,{focus:0===e.detail||n.search?"first":"none"});const s="check"===n.kind||"radio"===n.kind,i={id:n.id??null,entry:n,checked:s?"radio"===n.kind||!n.checked:null};this.dispatchEvent(new CustomEvent("sf-context-menu-select",{bubbles:!0,composed:!0,cancelable:!0,detail:i}))&&!n.keepOpen&&this.closeAll({restoreFocus:!n.href})}handleEntryHover(e){if(!this._owned||"touch"===e.pointerType)return;const t=e.target?.closest?.(".sf-context-menu-item");t&&this.contains(t)&&t!==this._hoverRow&&(this._hoverRow=t,clearTimeout(this._hoverTimer),this._hoverTimer=setTimeout(()=>{if(this._hoverRow!==t||!this._owned)return;const e=this.entryOf(t);e&&Array.isArray(e.submenu)&&e.submenu.length&&!t.matches(":disabled")?this.openSubmenu(t,e,{focus:"none"}):this.closeSubmenu({restoreFocus:!1})},120))}toggleFor(e,t={}){return this._owned?.anchor===e?(this.close(),Promise.resolve(!1)):this.openFor(e,t)}get isOpen(){return Boolean(this._owned)}surface(){return this.querySelector(":scope > .sf-context-menu")}async openFor(e,{side:t="block-end",align:n="start",focus:s="first",parentMenu:i=null,alignmentOffset:r=0,width:o=this.width}={}){if(!(e instanceof Element))throw new TypeError("A menu opens for an element");this._owned&&this.close({restoreFocus:!1}),await this.whenRendered();const a=this.surface();if(!a)return!1;const l=document.activeElement;var c;this._owned={anchor:e,parentMenu:i,returnTo:l instanceof HTMLElement&&l!==document.body&&l!==document.documentElement?l:(c=e,c?.matches?.("button, a[href], input, select, textarea, [tabindex]")?c:c?.querySelector?.("button, a[href], input, select, textarea, [tabindex]")??c),expanded:e.getAttribute("aria-expanded"),haspopup:e.getAttribute("aria-haspopup")},e.setAttribute("aria-haspopup","menu"),e.setAttribute("aria-expanded","true"),a.classList.add("sf-context-menu--open"),"function"==typeof a.showPopover?(a.setAttribute("popover","manual"),a.matches(":popover-open")||a.showPopover()):a.style.zIndex="var(--sf-z-index-9)";const u=this.querySelector(".sf-context-menu-content");if(o&&"content"!==o&&u){const t="trigger"===o?`${e.getBoundingClientRect().width}px`:o;u.style.setProperty("--sf-context-menu--min-inline-size",t),u.style.setProperty("--sf-context-menu--max-inline-size",t),u.style.setProperty("inline-size",t),this._owned.sizedContent=u}if(this._owned.position=h().anchor(e,a,{side:t,align:n,alignmentOffset:r,flip:!0,shift:!0,fitHeight:!0,matchWidth:"trigger"===o}),document.addEventListener("pointerdown",this._onOutsidePress,!0),this.dispatchEvent(new CustomEvent("sf-context-menu-open",{bubbles:!0,composed:!0})),"none"!==s){this.syncMenuItems();const e=this.availableMenuItems(),t=this.searchField();t&&"last"!==s?t.focus({preventScroll:!0}):("last"===s?e[e.length-1]:e[0])?.focus({preventScroll:!0})}return!0}close({restoreFocus:e=!0}={}){const t=this._owned;if(!t)return!1;this.closeSubmenu({restoreFocus:!1}),this._owned=null,this._hoverRow=null,this._query&&(this._query="",this.requestComponentUpdate("query")),clearTimeout(this._hoverTimer),t.position?.stop();for(const e of["--sf-context-menu--min-inline-size","--sf-context-menu--max-inline-size","inline-size"])t.sizedContent?.style.removeProperty(e);document.removeEventListener("pointerdown",this._onOutsidePress,!0);const n=this.surface();n&&(n.matches?.(":popover-open")&&n.hidePopover(),n.removeAttribute("popover"),n.classList.remove("sf-context-menu--open"),n.style.removeProperty("z-index"));const{anchor:s}=t;return null===t.haspopup?s.removeAttribute("aria-haspopup"):s.setAttribute("aria-haspopup",t.haspopup),null===t.expanded?s.setAttribute("aria-expanded","false"):s.setAttribute("aria-expanded",t.expanded),e&&(t.returnTo?.isConnected?t.returnTo:s)?.focus?.({preventScroll:!0}),this.dispatchEvent(new CustomEvent("sf-context-menu-close",{bubbles:!0,composed:!0})),!0}closeAll({restoreFocus:e=!0}={}){let t=this;for(;t._owned?.parentMenu;)t=t._owned.parentMenu;return t===this?this.close({restoreFocus:e}):t.close({restoreFocus:e})}async openSubmenu(e,t,{focus:n="first"}={}){if(this._submenu?._owned?.anchor===e)return"none"!==n&&this._submenu.focus(),this._submenu;this.closeSubmenu({restoreFocus:!1});const s=document.createElement("sf-context-menu");s.setAttribute("aria-label",t.text??""),s.setAttribute("popup",""),"1"===this.size&&s.setAttribute("size","1"),s.entries=t.submenu,t.search&&(s.search=t.search),s.addEventListener("sf-context-menu-select",e=>{e.stopPropagation();this.dispatchEvent(new CustomEvent("sf-context-menu-select",{bubbles:!0,composed:!0,cancelable:!0,detail:e.detail}))||e.preventDefault()}),s.addEventListener("sf-context-menu-close",()=>{this._submenu===s&&(this._submenu=null,s.remove())}),(this.closest("dialog[open]")||document.body).append(s),this._submenu=s;const i=this.querySelector(".sf-context-menu-content"),r=i?getComputedStyle(i):null,o=r?(parseFloat(r.paddingTop)||0)+(parseFloat(r.borderTopWidth)||0):0;return await s.openFor(e,{side:"inline-end",align:"start",focus:n,parentMenu:this,alignmentOffset:-o}),s}closeSubmenu({restoreFocus:e=!0}={}){const t=this._submenu;return!!t&&(this._submenu=null,t.close({restoreFocus:e}),t.remove(),!0)}handleOwnedKeyDown(e){if(!this._owned||e.defaultPrevented||e.altKey||e.ctrlKey||e.metaKey)return;if(!this.contains(e.target))return;const t="rtl"===getComputedStyle(this.surface()??document.documentElement).direction,n=t?"ArrowLeft":"ArrowRight",s=t?"ArrowRight":"ArrowLeft",i=e.target?.closest?.(".sf-context-menu-choice-option");if(i&&(e.key===n||e.key===s)){const t=Array.from(i.parentElement.querySelectorAll(".sf-context-menu-choice-option:not(:disabled)")),s=t.indexOf(i),r=t[(s+(e.key===n?1:t.length-1))%t.length];return e.preventDefault(),void r?.focus()}if(e.target===this.searchField()&&"Escape"!==e.key&&"Tab"!==e.key)return void("ArrowDown"===e.key&&(e.preventDefault(),this.syncMenuItems(),this.availableMenuItems()[0]?.focus()));if("Escape"===e.key||e.key===s&&this._owned.parentMenu)return e.preventDefault(),e.stopPropagation(),void this.close();if("Tab"===e.key)return void this.closeAll({restoreFocus:!0});const r=this.entryOf(e.target);if(e.key===n&&r&&Array.isArray(r.submenu)&&r.submenu.length)return e.preventDefault(),void this.openSubmenu(e.target.closest(".sf-context-menu-item"),r,{focus:"first"});1===e.key.length&&" "!==e.key&&this.typeahead(e)}typeahead(e){const t=Date.now();this._typeahead.text=(t-this._typeahead.at>d?"":this._typeahead.text)+e.key.toLowerCase(),this._typeahead.at=t;const n=this.availableMenuItems(),s=Math.max(0,n.indexOf(e.target)),i=[...n.slice(s+(1===this._typeahead.text.length?1:0)),...n.slice(0,s+1)].find(e=>(e.querySelector(".sf-context-menu-item-label")?.textContent??e.textContent).trim().toLowerCase().startsWith(this._typeahead.text));i&&(e.preventDefault(),i.focus())}handleMenuKeyDown(e){if(e.defaultPrevented||e.altKey||e.ctrlKey||e.metaKey||e.shiftKey)return;const t=this.availableMenuItems(),n=t.indexOf(e.target);if(n<0)return;let s;switch(e.key){case"ArrowDown":s=(n+1)%t.length;break;case"ArrowUp":s=(n+t.length-1)%t.length;break;case"Home":s=0;break;case"End":s=t.length-1;break;default:return}e.preventDefault(),e.stopPropagation(),t[s].focus()}static get props(){return{templateName:{attribute:"template",default:"default"},position:{default:""},tooltip:{type:Boolean,default:!0},text:{default:""},ariaLabel:{default:""},items:{type:Array,default:[]},entries:{type:Array,default:[]},popup:{type:Boolean,default:!1},role:{default:"menu"},contentClass:{default:""},rootClass:{default:""},size:{default:"1/2"},width:{default:"content"},tabs:{default:""},activeTab:{attribute:"active-tab",default:""},closable:{type:Boolean,default:!1}}}get tabs(){const e=Array.isArray(this._tabs)?this._tabs:this.getAttribute("tabs")||"";return(Array.isArray(e)?e:String(e).split("|").map(e=>e.trim()).filter(Boolean)).map((e,t)=>"string"==typeof e?{id:e,label:e,index:t}:{id:String(e.id??t),label:String(e.label??e.id??t),index:t})}set tabs(e){if(Array.isArray(e))return this._tabs=e,void this.requestComponentUpdate("tabs");this._tabs=null,this.setState({tabs:e?String(e):""})}get activeTab(){const e=this.tabs,t=this.getAttribute("active-tab")??"";return e.find(e=>e.id===t)??e[Number(t)]??e[0]??null}get closable(){return this.getBooleanAttr("closable",!1)}get panel(){return this.tabs.length>0}chooseTab(e){const t=this.tabs[e];return t&&t.id!==this.activeTab?.id?(this.setState({activeTab:t.id}),this.dispatchEvent(new CustomEvent("sf-context-menu-tab",{bubbles:!0,composed:!0,detail:{id:t.id,index:t.index}})),this):this}requestClose(){return this._owned?this.close():(this.dispatchEvent(new CustomEvent("sf-context-menu-close",{bubbles:!0,composed:!0})),!0)}get templateName(){return this.getAttribute("template")||"default"}get position(){return p(this.getAttribute("position"))}get tooltip(){return this.getBooleanAttr("tooltip",!0)}get text(){return this.getAttribute("text")||""}get ariaLabel(){return this.getAttribute("aria-label")||""}get role(){return this.getAttribute("role")||"menu"}get size(){return"1"===this.getAttribute("size")?"1":"1/2"}get width(){return this.getAttribute("width")||"content"}get contentClass(){return this.getAttribute("content-class")||""}templateContext(){const e=this.getPropsContext();return this.createTemplateContext({...e,entries:this.entries,search:this.search,query:this.query,tabs:this.tabs,activeTab:this.activeTab,closable:this.closable,closeLabel:(0,o.pageText)(u,"close",this,"sf-context-menu"),panel:this.panel,position:this.position,size:this.size,component:this,rootClass:this.getRootClass()})}template(){return(0,r.x)(this.templateContext())}}f.define("sf-context-menu"),t()}catch(b){t(b)}})},"1197ac823db7"(e,t,n){n.a(e,async(e,s)=>{try{n.d(t,{x:()=>$});var i=n("ddf1cdb42ecc"),r=e([i]),o=r.then?(await r)():r;i=o[0];function a(...e){return e.flat().filter(Boolean).join(" ")}function l(e){if("sf-button"===e?.component){const t=e.props||{},n=t["@click"];return i.html`
+            <sf-button
+                    appearance=${t.type||"default"}
+                    scheme=${t.scheme||"primary"}
+                    size=${t.size||"1"}
+                    text=${t.text||""}
+                    icon-start=${t.iconLeft||""}
+                    icon-end=${t.iconRight||""}
+                    aria-label=${t.ariaLabel||t.text||i.nothing}
+                    ?disabled=${Boolean(t.disabled)}
+                    @click=${"function"==typeof n?n:i.nothing}
+            ></sf-button>
+        `}return SF.__internal.litHtml(e.component,e.props)}const c={check:"menuitemcheckbox",radio:"menuitemradio"};function u(e,t){return i.html`<i class="sf-icon ${t}" aria-hidden="true">${e}</i>`}function h(e=""){return String(e).trim().split(/\s+/u).slice(0,2).map(e=>e[0]??"").join("").toUpperCase()}function d(e){return e.avatar?i.html`<img class="sf-context-menu-item-avatar" src=${e.avatar} alt="">`:e.initials?i.html`<span class="sf-context-menu-item-avatar" aria-hidden="true">${e.initials}</span>`:e.icon?u(e.icon,"sf-context-menu-item-icon"):i.nothing}function m(e){const t=e.avatar?i.html`<img class="sf-context-menu-header-avatar" src=${e.avatar} alt="">`:i.html`<span class="sf-context-menu-header-avatar" aria-hidden="true">${e.initials??h(e.text)}</span>`,n=Array.isArray(e.caption)?e.caption:[e.caption].filter(Boolean);return i.html`<div class="sf-context-menu-header" role="presentation">
+        ${t}
+        <span class="sf-context-menu-header-text">
+            <span class="sf-context-menu-header-name">${e.text??""}</span>
+            ${n.map(e=>i.html`<span class="sf-context-menu-header-caption">${e}</span>`)}
+        </span>
+    </div>`}function p(e,t){return i.html`<div class="sf-context-menu-choice" role="group" aria-label=${e.text??i.nothing}>
+        ${(e.options??[]).map((e,n)=>i.html`<button
+                type="button"
+                class="sf-context-menu-item sf-context-menu-choice-option"
+                role="menuitemradio"
+                data-sf-entry=${t}
+                data-sf-option=${n}
+                aria-checked=${String(Boolean(e.checked))}
+                aria-label=${e.text??i.nothing}
+                title=${e.text??i.nothing}
+                ?disabled=${Boolean(e.disabled)}
+        >${e.icon?u(e.icon,""):e.text??""}</button>`)}
+    </div>`}function f(e,t,n){if("header"===e?.type)return m(e);if("choice"===e?.type)return p(e,t);if("note"===e?.type)return i.html`<p class="sf-context-menu-note">${e.text??""}</p>`;if("separator"===e?.type)return i.html`<div class="sf-context-menu-separator" role="separator"></div>`;if("heading"===e?.type)return i.html`<div class="sf-context-menu-heading" role="presentation">${e.text??""}</div>`;const s=c[e.kind]??"menuitem",r="menuitem"!==s,o=Array.isArray(e.submenu)&&e.submenu.length>0,l=a("sf-context-menu-item",e.danger?"sf-context-menu-item--danger":"",e.current?"sf-context-menu-item--current":""),h=i.html`
+        ${n?i.html`<span class="sf-context-menu-item-lead">${d(e)}</span>`:i.nothing}
+        <span class="sf-context-menu-item-text">
+            <span class="sf-context-menu-item-label">${e.text??""}</span>
+            ${e.caption?i.html`<span class="sf-context-menu-item-caption">${e.caption}</span>`:i.nothing}
+        </span>
+        ${e.value?i.html`<span class="sf-context-menu-item-value">${e.value}</span>`:i.nothing}
+        ${e.shortcut?i.html`<kbd class="sf-context-menu-item-shortcut">${e.shortcut}</kbd>`:i.nothing}
+        ${r?i.html`<span class="sf-context-menu-item-check">${e.checked?u("check",""):i.nothing}</span>`:i.nothing}
+        ${o?u("chevron_right","sf-context-menu-item-chevron"):i.nothing}
+    `;return!e.href||o||e.disabled?i.html`<button
+            type="button"
+            class=${l}
+            role=${s}
+            data-sf-entry=${t}
+            lang=${e.lang??i.nothing}
+            aria-checked=${r?String(Boolean(e.checked)):i.nothing}
+            aria-haspopup=${o?"menu":i.nothing}
+            aria-expanded=${o?"false":i.nothing}
+            ?disabled=${Boolean(e.disabled)}
+    >${h}</button>`:i.html`<a class=${l} href=${e.href} role=${s} data-sf-entry=${t} lang=${e.lang??i.nothing}>${h}</a>`}const b=e=>e&&!["separator","heading","header","choice","note"].includes(e.type);function g(e,t){if(!t)return!0;if(!b(e))return!1;return`${e.text??""} ${e.caption??""} ${e.keywords??""}`.toLowerCase().includes(t)}function y(e){const t=e.search;return i.html`<div class="sf-context-menu-search">
+        <input
+                class="sf-context-menu-search-input"
+                type="search"
+                autocomplete="off"
+                spellcheck="false"
+                placeholder=${t.placeholder??""}
+                aria-label=${t.placeholder||e.ariaLabel||i.nothing}
+                .value=${e.query??""}
+                @input=${t=>e.component.setQuery(t.target.value)}
+        >
+    </div>`}function v(e){const t=e.entries,n=String(e.query??"").trim().toLowerCase(),s=t.some(e=>b(e)&&(e.icon||e.avatar||e.initials)),r=Boolean(e.search?.remote),o=t.map((e,t)=>[e,t]).filter(([e])=>r||g(e,n));return i.html`
+        ${e.search?y(e):i.nothing}
+        ${o.map(([e,t])=>f(e,t,s))}
+        ${e.search&&n&&!o.some(([e])=>b(e))?i.html`<p class="sf-context-menu-note" role="status">${e.search.empty??""}</p>`:i.nothing}
+    `}function x(e){return e.entries&&e.entries.length?v(e):e.items&&e.items.length?(t=e.items,i.html`
+        ${t.map(l)}
+    `):e.component?.hasSlotContent?.("content")?e.component.getSlotContent("content"):e.text||i.nothing;var t}function _(e){return e.component?.hasSlotContent?.("footer")?i.html`<div class="sf-context-menu-footer">${e.component.getSlotContent("footer")}</div>`:i.nothing}function w(e){const t=e.activeTab;return i.html`<div class="sf-context-menu-head">
+        <sf-tabs class="sf-context-menu-tabs" type="underline" size=${"1"===e.size?"1":"1/2"}
+                items=${e.tabs.map(e=>e.label).join("|")}
+                active-index=${String(t?.index??0)}
+                @sf-tab-change=${t=>{t.stopPropagation(),e.component.chooseTab(Number(t.detail?.current??0))}}></sf-tabs>
+        ${e.closable?i.html`<sf-icon-button class="sf-context-menu-close" appearance="link" scheme="on-surface"
+                size=${"1"===e.size?"1":"1/2"} icon="close"
+                aria-label=${e.closeLabel} title=${e.closeLabel}
+                @click=${()=>e.component.requestClose()}></sf-icon-button>`:i.nothing}
+    </div>`}function $(e){const t=a("sf-context-menu",e.position?`sf-context-menu--position-${e.position}`:"",e.entries&&e.entries.length?"sf-context-menu--entries":"","1"===e.size?"sf-context-menu--size-1":"",e.panel?"sf-context-menu--panel":"","flex",e.rootClass),n=a("sf-context-menu-content","flex","flex-col","flex-1",e.contentClass);return i.html`
+        <div
+                class=${t}
+                style=${e.rootStyle||i.nothing}
+                role=${e.role||"menu"}
+                aria-label=${e.ariaLabel||i.nothing}
+        >
+            <div class="relative">
+                ${i.nothing}
+                ${e.panel?i.html`<div class=${n}>
+                        ${w(e)}
+                        <div class="sf-context-menu-body" role="tabpanel" aria-label=${e.activeTab?.label??i.nothing}>${x(e)}</div>
+                        ${_(e)}
+                    </div>`:i.html`<div class=${n}>${x(e)}${_(e)}</div>`}
+            </div>
+        </div>
+    `}s()}catch(A){s(A)}})},ddf1cdb42ecc(e){e.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("lit"):new Promise(e=>globalThis.addEventListener("sf-runtime-ready",()=>e(globalThis.SF.runtimeModule("lit")),{once:!0}))},"0d662e4d7d63"(e){e.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("page-language"):new Promise(e=>globalThis.addEventListener("sf-runtime-ready",()=>e(globalThis.SF.runtimeModule("page-language")),{once:!0}))},"5c1dc214bb5e"(e){e.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("position"):new Promise(e=>globalThis.addEventListener("sf-runtime-ready",()=>e(globalThis.SF.runtimeModule("position")),{once:!0}))},fbe0570fcc69(e){e.exports=globalThis.SF&&globalThis.SF.runtimeModule?globalThis.SF.runtimeModule("smart-base"):new Promise(e=>globalThis.addEventListener("sf-runtime-ready",()=>e(globalThis.SF.runtimeModule("smart-base")),{once:!0}))}};const t={};function n(s){const i=t[s];if(void 0!==i)return i.exports;const r=t[s]={exports:{}};return e[s](r,r.exports,n),r.exports}(()=>{const e="function"==typeof Symbol,t=e?Symbol("webpack queues"):"__webpack_queues__",s=e?Symbol("webpack exports"):"__webpack_exports__",i=e?Symbol("webpack error"):"__webpack_error__",r=e=>{e?.d<1&&(e.d=1,e.forEach(e=>e.r--),e.forEach(e=>e.r--?e.r++:e()))};n.a=(e,n,o)=>{let a;o&&((a=[]).d=-1);const l=new Set,c=e.exports;let u,h,d;const m=new Promise((e,t)=>{d=t,h=e});m[s]=c,m[t]=e=>(a&&e(a),l.forEach(e),m.catch(e=>{})),e.exports=m;n(e=>{let n;u=(e=>e.map(e=>{if(null!==e&&"object"==typeof e){if(e[t])return e;if(e.then){const n=[];n.d=0,e.then(e=>{o[s]=e,r(n)},e=>{o[i]=e,r(n)});const o={};return o[t]=e=>e(n),o}}const n={};return n[t]=e=>{},n[s]=e,n}))(e);const o=()=>u.map(e=>{if(e[i])throw e[i];return e[s]}),c=new Promise(e=>{n=()=>e(o),n.r=0;const s=e=>e!==a&&!l.has(e)&&(l.add(e),e&&!e.d&&(n.r++,e.push(n)));u.map(e=>e[t](s))});return n.r?c:o()},e=>(e?d(m[i]=e):h(c),r(a))),a?.d<0&&(a.d=0)}})(),n.n=e=>{const t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{if(Array.isArray(t))for(var s=0;s<t.length;){var i=t[s++],r=t[s++];n.o(e,i)?0===r&&s++:0===r?Object.defineProperty(e,i,{enumerable:!0,value:t[s++]}):Object.defineProperty(e,i,{enumerable:!0,get:r})}else for(var i in t)n.o(t,i)&&!n.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);n("765b8f3f8ccb")})();